@crystaldesign/diva-web-planner-react 25.3.0-beta.2 → 25.3.0-beta.21

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 (320) hide show
  1. package/build/esm/{ArticleProperties-73cefc7c.js → ArticleProperties-de1eb9c6.js} +1 -1
  2. package/build/esm/{CatalogProperties-55e8d2fe.js → CatalogProperties-8d590bb9.js} +1 -1
  3. package/build/esm/{DecisionVizualizer-97d3847a.js → DecisionVizualizer-2348de62.js} +1 -1
  4. package/build/esm/{IconHandler-0c81013b.js → IconHandler-9af38abe.js} +1 -1
  5. package/build/esm/{OptionProperties-4e40a63e.js → OptionProperties-5bdb3dff.js} +3 -3
  6. package/build/esm/{OptionValueProperties-d77fd4d0.js → OptionValueProperties-357bbb55.js} +9 -1
  7. package/build/esm/{Planner2DGrid-6a8752d1.js → Planner2DGrid-6a6f66c4.js} +1 -1
  8. package/build/esm/{Planner3DImage-4af30b4f.js → Planner3DImage-f4974dc3.js} +6 -196
  9. package/build/esm/{index-2db66df7.js → index-0181804f.js} +2 -2
  10. package/build/esm/{index-4822317a.js → index-018b58fb.js} +4 -4
  11. package/build/esm/{index-efc4f2d7.js → index-02b76ac5.js} +3 -3
  12. package/build/esm/{index-25e0d756.js → index-04d7b072.js} +5 -5
  13. package/build/esm/{index-37027c76.js → index-05376b84.js} +1 -1
  14. package/build/esm/{index-43824527.js → index-053d51df.js} +1 -1
  15. package/build/esm/{index-826a2aa6.js → index-0597affd.js} +1 -1
  16. package/build/esm/{index-463492aa.js → index-05b333b7.js} +4 -4
  17. package/build/esm/{index-2a142fcd.js → index-064f7453.js} +2 -2
  18. package/build/esm/{index-8e327141.js → index-07a3d539.js} +1 -1
  19. package/build/esm/{index-a3ceda38.js → index-07dbb621.js} +1 -1
  20. package/build/esm/{index-4b63dba8.js → index-08788527.js} +1 -1
  21. package/build/esm/{index-dd142f03.js → index-08b4bd6d.js} +1 -1
  22. package/build/esm/{index-46121105.js → index-0cfdacf9.js} +7 -5
  23. package/build/esm/{index-025ed166.js → index-0f068fe7.js} +1 -1
  24. package/build/esm/{index-85e759f1.js → index-0f82072e.js} +4 -4
  25. package/build/esm/{index-89847859.js → index-0ff8c040.js} +4 -4
  26. package/build/esm/{index-7003e76e.js → index-1002b84b.js} +1 -1
  27. package/build/esm/{index-8bee6385.js → index-120b52a8.js} +2 -2
  28. package/build/esm/{index-2c78709c.js → index-1308d946.js} +4 -4
  29. package/build/esm/{index-4df5ff41.js → index-1322eaf5.js} +1 -1
  30. package/build/esm/{index-51a87a71.js → index-18b776d1.js} +1 -1
  31. package/build/esm/{index-09c29e10.js → index-19f924a5.js} +3 -3
  32. package/build/esm/{index-dd92b284.js → index-1b0be175.js} +3 -3
  33. package/build/esm/{index-732a51b7.js → index-1c219dc1.js} +8 -7
  34. package/build/esm/{index-bee796a8.js → index-1caa450f.js} +1 -1
  35. package/build/esm/{index-52dc632a.js → index-1d49faf3.js} +6 -3
  36. package/build/esm/{index-f4abb936.js → index-1d68f4f4.js} +3 -3
  37. package/build/esm/{index-4401ed28.js → index-1e986b29.js} +1 -1
  38. package/build/esm/{index-98f745bb.js → index-2002ce7b.js} +1 -1
  39. package/build/esm/{index-116ef3b1.js → index-2063e2b4.js} +1 -1
  40. package/build/esm/{index-75228fc1.js → index-211518ef.js} +1 -1
  41. package/build/esm/{index-68fe84a6.js → index-22970828.js} +1 -1
  42. package/build/esm/{index-cbe20b57.js → index-235bea22.js} +1 -1
  43. package/build/esm/{index-59b1976c.js → index-23964279.js} +1 -1
  44. package/build/esm/{index-03cd8df7.js → index-24f6d682.js} +1 -1
  45. package/build/esm/{index-6954aded.js → index-2668556e.js} +1 -1
  46. package/build/esm/{index-6e256a0a.js → index-26c4dc3a.js} +4 -4
  47. package/build/esm/{index-c016eacb.js → index-27657777.js} +2 -2
  48. package/build/esm/{index-57f13ec9.js → index-2795ffe7.js} +1 -1
  49. package/build/esm/{index-3e024b1d.js → index-27bb800c.js} +5 -5
  50. package/build/esm/{index-484f5c2a.js → index-28498ed1.js} +1 -1
  51. package/build/esm/{index-632448d0.js → index-29723bbe.js} +9 -7
  52. package/build/esm/{index-3b62f540.js → index-2b03f7fb.js} +50 -50
  53. package/build/esm/{index-0b2d8d72.js → index-2bb8fc15.js} +6 -6
  54. package/build/esm/{index-34eece44.js → index-2c235144.js} +1 -1
  55. package/build/esm/{index-2b9ed4a9.js → index-2c7e1ce8.js} +4 -4
  56. package/build/esm/{index-4ba84d0e.js → index-2d1397c0.js} +3 -3
  57. package/build/esm/{index-3c1c72fa.js → index-2f6f0dfa.js} +2 -2
  58. package/build/esm/{index-63e61e8c.js → index-3042c59b.js} +6 -6
  59. package/build/esm/{index-728cd19e.js → index-30fb11f1.js} +3 -3
  60. package/build/esm/{index-8160c0bc.js → index-32b0104d.js} +78 -78
  61. package/build/esm/{index-342bbe03.js → index-32d9ae31.js} +1 -1
  62. package/build/esm/{index-c4df1d91.js → index-3454a954.js} +15 -15
  63. package/build/esm/{index-8c6c3869.js → index-36a25c35.js} +2 -2
  64. package/build/esm/{index-d7f12bb9.js → index-37416c8a.js} +2 -2
  65. package/build/esm/{index-9fdf05d5.js → index-3763a5f0.js} +3 -1
  66. package/build/esm/{index-8abbd634.js → index-392b5c90.js} +1 -1
  67. package/build/esm/{index-d5cb8ac6.js → index-3a51deee.js} +6 -6
  68. package/build/esm/{index-be5e1b2e.js → index-3b4125cb.js} +1 -1
  69. package/build/esm/{index-f0f11133.js → index-3bbd9701.js} +11 -11
  70. package/build/esm/{index-177c3e86.js → index-3bc30c2d.js} +1 -1
  71. package/build/esm/{index-f053ee26.js → index-3ccb83c5.js} +3 -3
  72. package/build/esm/{index-3667515e.js → index-3e4e58ff.js} +4 -4
  73. package/build/esm/{index-dfb9bd20.js → index-3ea85c4e.js} +24 -24
  74. package/build/esm/{index-8403feb7.js → index-3edd754f.js} +62 -62
  75. package/build/esm/{index-f9c6c7cf.js → index-3f67e599.js} +8 -7
  76. package/build/esm/{index-cbd1e196.js → index-40117362.js} +1 -1
  77. package/build/esm/{index-e45c4523.js → index-4036400b.js} +62 -62
  78. package/build/esm/{index-1999e64a.js → index-4261dea7.js} +46 -46
  79. package/build/esm/{index-62d23ad2.js → index-45d87b27.js} +1 -1
  80. package/build/esm/{index-ab167a06.js → index-466163d7.js} +18 -18
  81. package/build/esm/{index-deaf1b2a.js → index-4acd7e7d.js} +5 -5
  82. package/build/esm/{index-165c73a0.js → index-4b0816e3.js} +7 -7
  83. package/build/esm/{index-3b2f57c6.js → index-4f9dccb7.js} +4 -4
  84. package/build/esm/{index-fc4bc774.js → index-501aa88a.js} +1 -1
  85. package/build/esm/{index-5bdd759c.js → index-50ae99a1.js} +19 -19
  86. package/build/esm/{index-825e1cec.js → index-518e6e94.js} +3 -3
  87. package/build/esm/{index-75087109.js → index-51bda88d.js} +20 -20
  88. package/build/esm/{index-b495a8e0.js → index-539b947a.js} +1 -1
  89. package/build/esm/{index-b882c066.js → index-55377f9b.js} +43 -43
  90. package/build/esm/{index-f1c8988b.js → index-557e8a97.js} +1 -1
  91. package/build/esm/{index-03eb5294.js → index-5a04d334.js} +38 -38
  92. package/build/esm/{index-fdb33fa3.js → index-5a13c049.js} +1 -1
  93. package/build/esm/{index-e0da7130.js → index-5a33a186.js} +1 -1
  94. package/build/esm/{index-2ad4ba4d.js → index-5b89519d.js} +6 -6
  95. package/build/esm/{index-c314028b.js → index-5c913d8f.js} +1 -1
  96. package/build/esm/{index-4877f054.js → index-5d26cc1a.js} +9 -9
  97. package/build/esm/{index-d0cb6ce4.js → index-5eba2e69.js} +2 -2
  98. package/build/esm/{index-80d2f874.js → index-61968c87.js} +2 -2
  99. package/build/esm/{index-1ee55a96.js → index-641a287c.js} +1 -1
  100. package/build/esm/{index-c9dba1f4.js → index-6855bc9d.js} +79 -79
  101. package/build/esm/{index-5a2515c7.js → index-68d13996.js} +1 -1
  102. package/build/esm/{index-f3513779.js → index-691b0bf7.js} +44 -44
  103. package/build/esm/{index-edbf81f1.js → index-69a45b0e.js} +2 -2
  104. package/build/esm/{index-3305113e.js → index-6b6eb4eb.js} +1 -1
  105. package/build/esm/{index-836bdd63.js → index-6c43b160.js} +1 -1
  106. package/build/esm/{index-92d67222.js → index-6cd43689.js} +4 -4
  107. package/build/esm/{index-eb275208.js → index-70060912.js} +1 -1
  108. package/build/esm/{index-f8962816.js → index-70ebc75d.js} +1 -1
  109. package/build/esm/{index-dd3b3fdd.js → index-710ded0d.js} +39 -39
  110. package/build/esm/{index-5621e08a.js → index-726aa7bc.js} +1 -1
  111. package/build/esm/{index-41267b75.js → index-72e882a2.js} +64 -64
  112. package/build/esm/{index-ab85a542.js → index-74281113.js} +3 -3
  113. package/build/esm/{index-5aa1de8e.js → index-775101f8.js} +1 -1
  114. package/build/esm/{index-3269f777.js → index-7765325f.js} +1 -1
  115. package/build/esm/{index-b9400228.js → index-7904e698.js} +1 -1
  116. package/build/esm/{index-6f5f0ba3.js → index-7adaef68.js} +1 -1
  117. package/build/esm/{index-d6d98fbf.js → index-7d6a1145.js} +1 -1
  118. package/build/esm/{index-cafd53c2.js → index-7ed9879b.js} +1 -1
  119. package/build/esm/{index-f1a4c8db.js → index-7eded3d2.js} +1 -1
  120. package/build/esm/{index-968d8e3e.js → index-7f6171a1.js} +3 -3
  121. package/build/esm/{index-a7dac09c.js → index-7f7ba027.js} +1 -1
  122. package/build/esm/{index-47f25617.js → index-8044e550.js} +1 -1
  123. package/build/esm/{index-68c223c5.js → index-80b6cb06.js} +3 -3
  124. package/build/esm/{index-be80917e.js → index-827f0bbd.js} +1 -1
  125. package/build/esm/{index-eff813d1.js → index-84faf0b0.js} +4 -4
  126. package/build/esm/{index-8d5181fc.js → index-84fd2f6d.js} +5 -4
  127. package/build/esm/{index-7b879093.js → index-86674f1a.js} +1 -1
  128. package/build/esm/{index-10536fd0.js → index-87d1cb19.js} +1 -1
  129. package/build/esm/{index-63a51c9e.js → index-87efd509.js} +1 -1
  130. package/build/esm/{index-0250f5a5.js → index-890f42b8.js} +8 -7
  131. package/build/esm/{index-fce2fa9f.js → index-8be2ec5c.js} +2 -2
  132. package/build/esm/{index-4bf43ccc.js → index-8e025b4e.js} +5 -5
  133. package/build/esm/{index-d2c47503.js → index-8ed8b9cb.js} +101 -101
  134. package/build/esm/{index-0bbd5a11.js → index-8fb30f80.js} +1 -1
  135. package/build/esm/{index-efdfbdae.js → index-8fe39717.js} +21 -21
  136. package/build/esm/{index-ef639d0e.js → index-935fa4dc.js} +1 -1
  137. package/build/esm/{index-d2c264f5.js → index-956348ff.js} +1 -1
  138. package/build/esm/{index-43f89d3b.js → index-962818fb.js} +2 -2
  139. package/build/esm/{index-ab68713d.js → index-982912ad.js} +2 -2
  140. package/build/esm/{index-e1237d3f.js → index-999eed33.js} +2 -2
  141. package/build/esm/{index-a4e068bb.js → index-9b765aac.js} +2 -2
  142. package/build/esm/{index-3b436922.js → index-9bf13447.js} +2 -2
  143. package/build/esm/{index-3b80e0a3.js → index-9c7cb043.js} +17 -6
  144. package/build/esm/{index-ec71c2c0.js → index-9cdae9a6.js} +9 -9
  145. package/build/esm/{index-a01ce83f.js → index-9d18f3cb.js} +1 -1
  146. package/build/esm/{index-83915543.js → index-9dee686a.js} +2 -2
  147. package/build/esm/{index-5251f3d7.js → index-9e267548.js} +1 -1
  148. package/build/esm/{index-c7b8014c.js → index-9e70a74c.js} +6 -6
  149. package/build/esm/{index-5d2f3d47.js → index-9f162e53.js} +2 -2
  150. package/build/esm/{index-75368041.js → index-9f238c77.js} +17 -17
  151. package/build/esm/{index-ae165203.js → index-a116f684.js} +7 -6
  152. package/build/esm/index-a286bb03.js +97 -0
  153. package/build/esm/{index-6c3dd6f8.js → index-a3c9eb72.js} +46 -46
  154. package/build/esm/{index-b9ab3a3f.js → index-a65d1635.js} +2 -2
  155. package/build/esm/{index-6470da9f.js → index-a7ec8a34.js} +3 -3
  156. package/build/esm/{index-41d50663.js → index-a8a0076c.js} +1 -1
  157. package/build/esm/{index-38d98b34.js → index-a8f7200f.js} +21 -21
  158. package/build/esm/{index-04ec816c.js → index-a9a7e9b6.js} +5 -5
  159. package/build/esm/{index-c2d34534.js → index-aa34815f.js} +13 -13
  160. package/build/esm/{index-e6756b30.js → index-aee783f2.js} +2 -2
  161. package/build/esm/{index-7417db1c.js → index-b04ca849.js} +1 -1
  162. package/build/esm/{index-639f4bcc.js → index-b2d87af6.js} +10 -9
  163. package/build/esm/{index-fda81b6f.js → index-b4abccff.js} +1 -1
  164. package/build/esm/{index-7e2251d2.js → index-b6305fb1.js} +1 -1
  165. package/build/esm/{index-555d4d33.js → index-b6807c96.js} +1 -1
  166. package/build/esm/{index-fec0bb77.js → index-b8e01613.js} +1 -1
  167. package/build/esm/{index-82a386e0.js → index-b9e6473e.js} +1 -1
  168. package/build/esm/{index-0d2c7f84.js → index-ba13f74d.js} +1 -1
  169. package/build/esm/{index-7a093e6e.js → index-ba6d6405.js} +49 -49
  170. package/build/esm/{index-9b3b5e54.js → index-ba9c0236.js} +2 -2
  171. package/build/esm/{index-dafc05c7.js → index-bb55e93b.js} +1 -1
  172. package/build/esm/{index-586d431d.js → index-be0ea070.js} +1 -1
  173. package/build/esm/{index-ecb0f3fc.js → index-bec80ca2.js} +2 -2
  174. package/build/esm/{index-6f0eb56e.js → index-bef554a7.js} +1 -1
  175. package/build/esm/{index-79655ac3.js → index-c2a3ee78.js} +2 -2
  176. package/build/esm/{index-a3e71c25.js → index-c69b36e7.js} +7 -7
  177. package/build/esm/{index-f1642ff9.js → index-c8cac7b8.js} +1 -1
  178. package/build/esm/{index-b1db8ee1.js → index-ca18f956.js} +1 -1
  179. package/build/esm/{index-1f84c133.js → index-cb8b5cf8.js} +1 -1
  180. package/build/esm/{index-2b4c9fc1.js → index-cfbc2714.js} +1 -1
  181. package/build/esm/{index-e74bca59.js → index-d1173e4d.js} +3 -3
  182. package/build/esm/{index-363a8405.js → index-d12cf5ba.js} +252 -278
  183. package/build/esm/{index-be1ab187.js → index-d2bd0cf8.js} +1 -1
  184. package/build/esm/{index-d9da8d96.js → index-d467a346.js} +1 -1
  185. package/build/esm/{index-8c25b7ef.js → index-d472fea6.js} +1 -1
  186. package/build/esm/{index-b8b158ab.js → index-d4e602ac.js} +1 -1
  187. package/build/esm/{index-d541a657.js → index-d53ac6c2.js} +1 -1
  188. package/build/esm/{index-4bdc4aa6.js → index-d57208f2.js} +11 -10
  189. package/build/esm/{index-ec27d3e5.js → index-d6856dc7.js} +1 -1
  190. package/build/esm/{index-f1ab9c22.js → index-d685c025.js} +2 -2
  191. package/build/esm/{index-208cd263.js → index-d6a65ffe.js} +1 -1
  192. package/build/esm/{index-9f3a2dfe.js → index-d6b24555.js} +1 -1
  193. package/build/esm/{index-48a1e7a0.js → index-d725c2de.js} +1 -1
  194. package/build/esm/{index-a00972f2.js → index-d87746dc.js} +3 -3
  195. package/build/esm/{index-faecc2dc.js → index-d8de967b.js} +1 -1
  196. package/build/esm/{index-7b58c241.js → index-d91fff28.js} +3 -3
  197. package/build/esm/{index-361b0aeb.js → index-d9f4cec2.js} +2 -2
  198. package/build/esm/{index-86b188ea.js → index-dcbfec02.js} +1 -1
  199. package/build/esm/{index-5b3cd0b7.js → index-dce4d6c2.js} +1 -1
  200. package/build/esm/{index-ae15de06.js → index-dcff585b.js} +4 -4
  201. package/build/esm/{index-c8248ddf.js → index-ddd45616.js} +48 -48
  202. package/build/esm/{index-cc8d5fec.js → index-debe3b56.js} +2 -2
  203. package/build/esm/{index-96e514bf.js → index-df1f875d.js} +1 -1
  204. package/build/esm/{index-83c4767a.js → index-e01f7a72.js} +2 -2
  205. package/build/esm/{index-7ed9ff63.js → index-e0be2559.js} +20 -20
  206. package/build/esm/{index-83e30c2d.js → index-e366d53b.js} +20 -20
  207. package/build/esm/{index-246368a2.js → index-e36806b7.js} +2 -2
  208. package/build/esm/{index-c3d359e8.js → index-e65257b3.js} +2 -2
  209. package/build/esm/{index-32307e76.js → index-e6c1f6d4.js} +1 -1
  210. package/build/esm/{index-dd34da97.js → index-e6d84498.js} +3 -3
  211. package/build/esm/{index-947a85e6.js → index-e780cf49.js} +1 -1
  212. package/build/esm/{index-27285de1.js → index-e8de3eb5.js} +1 -1
  213. package/build/esm/{index-b4b74278.js → index-e9d9e2e5.js} +1 -1
  214. package/build/esm/{index-43263dab.js → index-ea361ef9.js} +1 -1
  215. package/build/esm/{index-4f3e0042.js → index-ead29f3e.js} +2 -2
  216. package/build/esm/{index-ac5c5bc7.js → index-ed75be11.js} +1 -1
  217. package/build/esm/{index-ec594b34.js → index-ee8a468e.js} +97 -97
  218. package/build/esm/{index-9d2c49e3.js → index-ef45ec35.js} +1 -1
  219. package/build/esm/{index-f358f6e4.js → index-ef8ce595.js} +1 -1
  220. package/build/esm/{index-d34895c3.js → index-effc095c.js} +1 -1
  221. package/build/esm/{index-dc37bc17.js → index-f1a51ac8.js} +64 -64
  222. package/build/esm/{index-025267af.js → index-f4ab997a.js} +1 -1
  223. package/build/esm/{index-5082327e.js → index-f5f16ff8.js} +3 -3
  224. package/build/esm/{index-32e87e26.js → index-f7047e39.js} +2 -2
  225. package/build/esm/{index-91c51612.js → index-f940deb0.js} +1 -1
  226. package/build/esm/{index-e1bc95d5.js → index-fb4fdffc.js} +58 -58
  227. package/build/esm/{index-7769b665.js → index-fbe4ef1c.js} +1 -1
  228. package/build/esm/{index-69f3ea97.js → index-fc906e19.js} +4 -4
  229. package/build/esm/{index-6abfb40d.js → index-fcd75b33.js} +2 -2
  230. package/build/esm/{index-5f6a7616.js → index-fce41f7a.js} +2 -2
  231. package/build/esm/{index-58c4734d.js → index-fcf04328.js} +3 -3
  232. package/build/esm/{index-1b3d3b89.js → index-fcffc5e9.js} +2 -2
  233. package/build/esm/{index-b6dae4fb.js → index-fd974029.js} +1 -1
  234. package/build/esm/{index-222b5343.js → index-ffb75d1a.js} +1 -1
  235. package/build/esm/index.js +1 -1
  236. package/build/esm/{index.module-6b75fe80.js → index.module-0c231150.js} +1 -1
  237. package/build/esm/{index.module-ec0e0bde.js → index.module-4cbad4aa.js} +1 -1
  238. package/build/esm/{index.module-c27fe936.js → index.module-53f0c29f.js} +1 -1
  239. package/build/esm/{index.module-9b83b7f3.js → index.module-55ca466b.js} +1 -1
  240. package/build/esm/{index.module-6dcf0674.js → index.module-6a0fca5c.js} +1 -1
  241. package/build/esm/{index.module-e53baa0b.js → index.module-84d127d5.js} +1 -1
  242. package/build/esm/{index.module-746d9b89.js → index.module-8d2d2703.js} +1 -1
  243. package/build/esm/{index.module-7173a0d1.js → index.module-a58023c7.js} +1 -1
  244. package/build/esm/{index.module-ef889635.js → index.module-a8e69ed5.js} +1 -1
  245. package/build/esm/{index.module-ad78a9b3.js → index.module-ab0bdbaa.js} +1 -1
  246. package/build/esm/{index.module-8fb7566a.js → index.module-c8905895.js} +1 -1
  247. package/build/esm/{index.module-fb8e03e7.js → index.module-d73d23b9.js} +1 -1
  248. package/build/esm/{react-json-viewer-8f620386.js → react-json-viewer-dbe287bf.js} +1 -1
  249. package/build/types/web-planner-react/src/components/Product/Product/catalog/Components/OptionTree/TabGroupTitle/Options/index.d.ts.map +1 -1
  250. package/build/types/web-planner-react/src/components/Product/Product/catalog/Components/PropertiesEditor/Properties/OptionValueProperties.d.ts.map +1 -1
  251. package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/DoorPlanner/index.d.ts.map +1 -1
  252. package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/PricePreview/index.d.ts +2 -1
  253. package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/PricePreview/index.d.ts.map +1 -1
  254. package/build/types/web-planner-react/src/index.d.ts.map +1 -1
  255. package/build/types/web-planner-react/src/model/BarrierHandler.d.ts.map +1 -1
  256. package/build/types/web-planner-react/src/model/DivaViewHandler.d.ts.map +1 -1
  257. package/build/types/web-planner-react/src/model/Planner/Planner3DImageUI.d.ts +0 -7
  258. package/build/types/web-planner-react/src/model/Planner/Planner3DImageUI.d.ts.map +1 -1
  259. package/build/types/web-planner-react/src/model/Planner/ViewPlannerHandler.d.ts +2 -8
  260. package/build/types/web-planner-react/src/model/Planner/ViewPlannerHandler.d.ts.map +1 -1
  261. package/build/types/web-planner-react/src/model/Planner/Viewer/Interface/IViewPlanner3DImage.d.ts +0 -1
  262. package/build/types/web-planner-react/src/model/Planner/Viewer/Interface/IViewPlanner3DImage.d.ts.map +1 -1
  263. package/build/types/web-planner-react/src/model/Planner/Viewer/Planner3DGrid.d.ts +1 -1
  264. package/build/types/web-planner-react/src/model/Planner/Viewer/Planner3DGrid.d.ts.map +1 -1
  265. package/build/types/web-planner-react/src/model/Planner/Viewer/Planner3DImage.d.ts +2 -50
  266. package/build/types/web-planner-react/src/model/Planner/Viewer/Planner3DImage.d.ts.map +1 -1
  267. package/build/types/web-planner-react/src/model/States/UIState/Settings/index.d.ts.map +1 -1
  268. package/build/umd/1046.diva-web-planner-react.umd.min.js +1 -1
  269. package/build/umd/1484.diva-web-planner-react.umd.min.js +1 -1
  270. package/build/umd/1536.diva-web-planner-react.umd.min.js +1 -1
  271. package/build/umd/1694.diva-web-planner-react.umd.min.js +1 -1
  272. package/build/umd/1701.diva-web-planner-react.umd.min.js +1 -1
  273. package/build/umd/2175.diva-web-planner-react.umd.min.js +1 -1
  274. package/build/umd/2185.diva-web-planner-react.umd.min.js +1 -1
  275. package/build/umd/2645.diva-web-planner-react.umd.min.js +1 -1
  276. package/build/umd/2855.diva-web-planner-react.umd.min.js +1 -1
  277. package/build/umd/2999.diva-web-planner-react.umd.min.js +1 -1
  278. package/build/umd/3029.diva-web-planner-react.umd.min.js +1 -1
  279. package/build/umd/3596.diva-web-planner-react.umd.min.js +1 -1
  280. package/build/umd/3697.diva-web-planner-react.umd.min.js +1 -1
  281. package/build/umd/3703.diva-web-planner-react.umd.min.js +1 -1
  282. package/build/umd/392.diva-web-planner-react.umd.min.js +1 -1
  283. package/build/umd/4206.diva-web-planner-react.umd.min.js +1 -1
  284. package/build/umd/4345.diva-web-planner-react.umd.min.js +1 -1
  285. package/build/umd/4479.diva-web-planner-react.umd.min.js +2 -0
  286. package/build/umd/4479.diva-web-planner-react.umd.min.js.LICENSE.txt +1 -0
  287. package/build/umd/4621.diva-web-planner-react.umd.min.js +1 -1
  288. package/build/umd/4699.diva-web-planner-react.umd.min.js +1 -1
  289. package/build/umd/4903.diva-web-planner-react.umd.min.js +1 -1
  290. package/build/umd/4964.diva-web-planner-react.umd.min.js +1 -1
  291. package/build/umd/4981.diva-web-planner-react.umd.min.js +1 -1
  292. package/build/umd/4997.diva-web-planner-react.umd.min.js +1 -1
  293. package/build/umd/5036.diva-web-planner-react.umd.min.js +1 -1
  294. package/build/umd/5109.diva-web-planner-react.umd.min.js +1 -1
  295. package/build/umd/5251.diva-web-planner-react.umd.min.js +1 -1
  296. package/build/umd/5377.diva-web-planner-react.umd.min.js +1 -1
  297. package/build/umd/557.diva-web-planner-react.umd.min.js +1 -1
  298. package/build/umd/5986.diva-web-planner-react.umd.min.js +1 -1
  299. package/build/umd/6805.diva-web-planner-react.umd.min.js +1 -1
  300. package/build/umd/7439.diva-web-planner-react.umd.min.js +1 -1
  301. package/build/umd/7674.diva-web-planner-react.umd.min.js +1 -1
  302. package/build/umd/7734.diva-web-planner-react.umd.min.js +1 -1
  303. package/build/umd/7854.diva-web-planner-react.umd.min.js +1 -1
  304. package/build/umd/7997.diva-web-planner-react.umd.min.js +1 -1
  305. package/build/umd/8293.diva-web-planner-react.umd.min.js +1 -1
  306. package/build/umd/8361.diva-web-planner-react.umd.min.js +1 -1
  307. package/build/umd/8396.diva-web-planner-react.umd.min.js +1 -1
  308. package/build/umd/8584.diva-web-planner-react.umd.min.js +1 -1
  309. package/build/umd/8717.diva-web-planner-react.umd.min.js +1 -1
  310. package/build/umd/8769.diva-web-planner-react.umd.min.js +1 -1
  311. package/build/umd/9561.diva-web-planner-react.umd.min.js +1 -1
  312. package/build/umd/9631.diva-web-planner-react.umd.min.js +1 -1
  313. package/build/umd/9859.diva-web-planner-react.umd.min.js +1 -1
  314. package/build/umd/9949.diva-web-planner-react.umd.min.js +1 -1
  315. package/build/umd/diva-web-planner-react.umd.min.js +1 -1
  316. package/build/umd/report.html +1 -1
  317. package/package.json +8 -8
  318. package/build/esm/index-9313e21f.js +0 -97
  319. package/build/umd/3570.diva-web-planner-react.umd.min.js +0 -2
  320. package/build/umd/3570.diva-web-planner-react.umd.min.js.LICENSE.txt +0 -1
package/build/umd/1046.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 1046.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- (self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1046,5456,9333,4699,4964],{61046:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>D});var i=t(80248),r=t(34988),o=t(65515),a=t.n(o),s=t(83308),d=t(46770),l=t(9420),c=t(87363),u=t(93379),p=t.n(u),x=t(7795),m=t.n(x),f=t(90569),h=t.n(f),v=t(3565),b=t.n(v),C=t(19216),g=t.n(C),w=t(44589),y=t.n(w),j=t(37598),P={};P.styleTagTransform=y(),P.setAttributes=b(),P.insert=h().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=g();p()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var O=t(88683),S=t(69333),Z=t(24964),k=t(45456),I=t(64699),N=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const D=(0,l.Pi)((function Article(e){var n,t=e.item,i=e.paletteId,o=t,l=(0,s.NP)(),u=(0,O.useDivaCore)().state,p=u.dimensions,x=p.isMobile,m=p.isTablet,f=u.hidePrices,h=(0,c.useState)(""),v=(0,r.Z)(h,2),b=v[0],C=v[1],g={},w={},y=void 0,P=!1,D={},_=(0,d.XI)({delayEnter:600,hideOnScroll:!0}),F=(0,d.sJ)({isOpen:_[0],auto:!0,placement:l.getViewConfig().tooltipPosition||"left-center"});x||m||l.getViewConfig().hideTooltip||o.contentItemId||(P=_[0],D=_[1],g=F.triggerProps,w=F.layerProps,y=F.renderLayer);var E=l.getViewConfig().dontShowBasePrice||f||!o.price,T=l.settingsState.plannerReplaceMode&&!(1==i&&l.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements);return(0,N.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:a()(j.Sp,E?j.CE:void 0,"wcConfigurator_Article",o.sel?j.pA:void 0,T?j.y8:void 0),onClick:function onClick(){return l.paletteViewHandler.clickedOnPlannerPalette(o,i)}},g),D),{},{children:[(0,N.jsxs)("div",{className:a()(j.iZ,j.vc),children:[(0,N.jsx)("div",{className:a()(j.K5),style:{backgroundImage:"url(".concat(o.imgSrc,")")}}),(0,N.jsxs)("div",{className:a()(j.G8),children:[(0,N.jsx)("div",{className:a()(j.db,b?j.jm:void 0),dangerouslySetInnerHTML:{__html:o.title}}),(0,N.jsx)(S.default,{metaData:o.metaData,visible:[b,C]},o.codex),P&&(null===(n=y)||void 0===n?void 0:n((0,N.jsx)(Z.default,{text:o.title,desciption:b,codex:o.articleCodex,image:o.imgSrc,layerProps:w},o.codex))),(0,N.jsx)("div",{className:a()(j.cD),children:o.sizeInfo})]}),o.contentItemId&&(0,N.jsx)(k.default,{item:o,style:{bottom:8}})]}),!E&&(0,N.jsx)(I.default,{price:o.price,style:{right:-3,top:-3,paddingTop:6}})]}))}))},45456:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>O});var i=t(34988),r=t(88683),o=t(93379),a=t.n(o),s=t(7795),d=t.n(s),l=t(90569),c=t.n(l),u=t(3565),p=t.n(u),x=t(19216),m=t.n(x),f=t(44589),h=t.n(f),v=t(23240),b={};b.styleTagTransform=h(),b.setAttributes=p(),b.insert=c().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=m();a()(v.ZP,b);v.ZP&&v.ZP.locals&&v.ZP.locals;var C=t(87363),g=t(83308),w=t(65515),y=t.n(w),j=t(9420),P=t(47514);const O=(0,j.Pi)((function InfoIcon(e){var n,t,o,a,s=e.item,d=e.style,l=(0,r.useDivaCore)().state.theme.palette,c=(0,g.NP)(),u=s.contentItemId,p=null!==(n=null!==(t=s.codex)&&void 0!==t?t:s.articleCodex)&&void 0!==n?n:s.title,x=(0,C.useState)(!1),m=(0,i.Z)(x,2),f=m[0],h=m[1],b=s.sel||f;if((0,C.useEffect)((function(){var e=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&p==c.settingsState.clickedFrom;!e&&f&&h(!1),e&&!f&&h(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!s)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!s.op||null===(e=c.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||b}()?(0,P.jsx)("div",{className:v.um,onClick:function onClick(e){c.settingsState.onClickContentItemId(u,p),h(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),e.stopPropagation()},style:d,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:y()(v.hv,b?void 0:v.al,f?v.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:v.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:v.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:null!==(o=null==l||null===(a=l.primary)||void 0===a?void 0:a.main)&&void 0!==o?o:"#713434"})]})}),(0,P.jsx)("div",{className:y()(v.dA,b?v.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},69333:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var i=t(34988),r=t(83308),o=t(87363),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),h=t(44589),v=t.n(h),b=t(84887),C={};C.styleTagTransform=v(),C.setAttributes=x(),C.insert=u().bind(null,"head"),C.domAPI=l(),C.insertStyleElement=f();s()(b.Z,C);b.Z&&b.Z.locals&&b.Z.locals;var g=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,s=void 0===a?(0,o.useState)(""):a,d=(0,i.Z)(s,2),l=d[0],c=d[1],u=(0,r.NP)(),p=(0,o.useState)(""),x=(0,i.Z)(p,2),m=x[0],f=x[1],h=u.getViewConfig().displayMetaDatas,v=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,o.useEffect)((function(){if(v){for(var e="",n=0;n<v.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var r=null==t?void 0:t.find((function(e){return e.codex===h[i]}));if(!r)return 1;""!==e&&(e+=" "),e=e+(r.name?r.name+": ":"")+r.values[n]},r=0;r<h.length;r++)i(r)}f(e),c(e)}}),[]),l?(0,g.jsx)("div",{style:n,className:b.B,children:m}):(0,g.jsx)(g.Fragment,{})}},64699:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>Z});var i=t(80248),r=t(87363),o=t(93379),a=t.n(o),s=t(7795),d=t.n(s),l=t(90569),c=t.n(l),u=t(3565),p=t.n(u),x=t(19216),m=t.n(x),f=t(44589),h=t.n(f),v=t(8907),b={};b.styleTagTransform=h(),b.setAttributes=p(),b.insert=c().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=m();a()(v.ZP,b);v.ZP&&v.ZP.locals&&v.ZP.locals;var C=t(95588),g=t(83308),w=t(88683),y=t(65515),j=t.n(y),P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var O=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,P.jsx)(P.Fragment,{})},S=function AsyncRender2(e){var n,t,i=use(e.asyncPricePreview);switch((0,g.NP)().getViewConfig().pricePreview){default:case"fromCurrentPrice":t=i.price-i.origPrice;break;case"fromBasePrice":t=i.price-i.firstPrice}return(0,P.jsxs)(P.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(t<0?"-":"+")+C.ZP.formatPrice(Math.abs(t),_objectSpread(_objectSpread({},C.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const Z=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,o=e.style,a=e.price,s=(0,w.useDivaCore)().state,d=s.hidePrices,l=s.hideConfigPricePreview;return d?(0,P.jsx)(P.Fragment,{}):a?(0,P.jsx)("div",{className:j()(v.aH,"left"==i?v.t$:v.F2),style:o,children:C.ZP.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},C.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):l?(0,P.jsx)(P.Fragment,{}):n?(0,P.jsx)(r.Suspense,{fallback:(0,P.jsx)(P.Fragment,{}),children:(0,P.jsx)(O,{asyncPricePreview:n.isVisible,children:(0,P.jsx)("div",{className:j()(v.aH,"left"==i?v.t$:v.F2),style:o,children:(0,P.jsx)(r.Suspense,{fallback:(0,P.jsx)("div",{className:v._m}),children:(0,P.jsx)(S,{asyncPricePreview:n.promise})})})})}):(0,P.jsx)(P.Fragment,{})}},24964:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var i=t(80248),r=(t(87363),t(93379)),o=t.n(r),a=t(7795),s=t.n(a),d=t(90569),l=t.n(d),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),m=t(44589),f=t.n(m),h=t(23327),v={};v.styleTagTransform=f(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=x();o()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=t(88683),C=t(64699),g=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const w=function GenericToolTip(e){var n,t=e.image,i=e.text,r=e.desciption,o=e.codex,a=e.hexColor,s=e.layerProps,d=e.pricePreviewPromise,l=null==t?void 0:t.replace("_gal","").replace("_low",""),c=(0,b.useDivaCore)().state.theme;return(0,g.jsxs)("div",_objectSpread(_objectSpread({className:h.Cu},s),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==c||null===(n=c.typography)||void 0===n?void 0:n.fontFamily}),s.style),children:[l?(0,g.jsx)("img",{src:l,alt:i}):a?(0,g.jsx)("div",{className:h.CO,style:{backgroundColor:"#"+a}}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)("div",{className:h.Y7,dangerouslySetInnerHTML:{__html:i}}),r&&(0,g.jsx)("div",{className:h._W,children:r}),o&&(0,g.jsx)("div",{className:h._W,children:o}),void 0!==d&&(0,g.jsx)(C.default,{asyncPricePreview:d})]}))}},37598:(e,n,t)=>{"use strict";t.d(n,{CE:()=>u,G8:()=>c,K5:()=>h,Sp:()=>s,ZP:()=>b,cD:()=>v,db:()=>p,iZ:()=>m,jm:()=>x,pA:()=>d,vc:()=>f,y8:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,"/*Planner*/\n\n.index-module--Oeimn {\n border-radius: var(--globalBorderRadius);\n background: white;\n position: relative;\n display: flex;\n z-index: 100;\n transition: 0.35s ease;\n cursor: pointer;\n white-space: pre-line;\n border: 3px solid transparent;\n border: 3px solid var(--optionItemBorderColor, transparent);\n}\n.index-module--hky1u {\n border: 3px solid var(--primaryColor);\n border: 3px solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--Oeimn:hover {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n z-index: 200;\n transition: 0.15s ease;\n}\n\n.index-module--Oeimn.index-module--oeTU3:hover {\n border: 3px solid var(--primaryColor);\n border: 3px solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n\n.index-module--Oeimn:active {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.index-module--nrJys {\n display: flex;\n float: left;\n margin-top: 8px;\n margin-left: 8px;\n height: calc(100% - 14px);\n max-width: calc(100% - 171.2px);\n flex-direction: column;\n justify-content: space-between;\n}\n\n.index-module--p4tMr .index-module--nrJys {\n max-width: calc(100% - 100px);\n}\n\n.index-module--Oeimn .index-module--ZOQJv {\n display: -webkit-box;\n max-height: 64px;\n min-height: 16px;\n color: var(--secondaryColor);\n font-size: 16px;\n line-height: 20.8px;\n overflow: hidden;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\n z-index: 100;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n}\n\n.index-module--Oeimn .index-module--qbdbI {\n -webkit-line-clamp: 1;\n}\n.index-module--Oeimn .index-module--bJI3d {\n width: 98%;\n background: white;\n position: relative;\n border-radius: var(--globalBorderRadius);\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n}\n\n.index-module--Oeimn .index-module--bJI3d.index-module--BXZ4_ {\n max-height: 74px;\n}\n\n.index-module--Oeimn .index-module--XUOVe {\n width: 48px;\n float: left;\n height: 48px;\n}\n\n.index-module--Oeimn .index-module--aPfw3 {\n width: 74px;\n height: 74px;\n float: left;\n border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n margin-left: 3.2px;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: 50% 50%;\n}\n\n.index-module--Oeimn .index-module--KvaU1 {\n bottom: 8px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n font-size: 13px;\n line-height: 16px;\n color: #6f6f6f;\n z-index: 50;\n\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.index-module--Oeimn .index-module--KvaU1:hover {\n overflow: visible;\n}\n@media all and (max-width: 1100px) {\n .index-module--Oeimn .index-module--BXZ4_ {\n height: 96px;\n }\n\n .index-module--Oeimn .index-module--ZOQJv {\n -webkit-line-clamp: 2;\n }\n}\n",""]);var s="index-module--Oeimn",d="index-module--hky1u",l="index-module--oeTU3",c="index-module--nrJys",u="index-module--p4tMr",p="index-module--ZOQJv",x="index-module--qbdbI",m="index-module--bJI3d",f="index-module--BXZ4_",h="index-module--aPfw3",v="index-module--KvaU1";const b=a},23240:(e,n,t)=>{"use strict";t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>x,dA:()=>l,fL:()=>p,hv:()=>d,um:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--CjCgr {\n position: absolute;\n bottom: 0px;\n right: 0px;\n cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n position: absolute;\n opacity: 1;\n transition: 0.3s opacity ease;\n z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n width: 20px;\n width: var(--infoIconSize, 20px);\n height: 20px;\n height: var(--infoIconSize, 20px);\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n opacity: 0;\n z-index: 10;\n}\n",""]);var s="index-module--CjCgr",d="index-module--C9QBx",l="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",p="index-module--FaRqp",x="index-module--oBSZj";const m=a},84887:(e,n,t)=>{"use strict";t.d(n,{B:()=>s,Z:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--hpPAb {\n display: -webkit-box;\n max-height: 64px;\n min-height: 16px;\n color: var(--secondaryColor);\n overflow: hidden;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\n z-index: 100;\n font-size: 13px;\n line-height: 16px;\n color: var(--secondaryColor);\n width: 100%;\n}\n",""]);var s="index-module--hpPAb";const d=a},8907:(e,n,t)=>{"use strict";t.d(n,{F2:()=>l,ZP:()=>u,_m:()=>c,aH:()=>s,t$:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--bVDuL {\n position: absolute;\n top: 0;\n\n background-color: rgba(234,234,234,0.66667);\n\n padding: 2px 6px;\n font-size: 12px;\n height: 14px;\n line-height: 12px;\n}\n\n.index-module--zI2ES {\n left: 0;\n border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n right: 0;\n border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--POmA7 {\n border: 3px solid #f3f3f3;\n border-radius: 50%;\n border-top: 3px solid #bbb;\n width: 10px;\n height: 10px;\n animation: index-module--rw2Jt 1s linear infinite;\n}\n\n@keyframes index-module--rw2Jt {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n",""]);var s="index-module--bVDuL",d="index-module--zI2ES",l="index-module--kN6Sz",c="index-module--POmA7";const u=a},23327:(e,n,t)=>{"use strict";t.d(n,{CO:()=>d,Cu:()=>s,Y7:()=>l,ZP:()=>u,_W:()=>c});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--gs4wQ {\n display: block;\n background-color: rgba(242, 242, 242, 0.9);\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n border-radius: var(--globalBorderRadius);\n height: -moz-fit-content;\n height: fit-content;\n width: 320px;\n padding-bottom: 12px;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n width: 90%;\n max-height: 77%;\n margin: 5% 5% 0 5%;\n -o-object-fit: scale-down;\n object-fit: scale-down;\n -o-object-position: center center;\n object-position: center center;\n}\n\n.index-module--wxTxh {\n height: 260px;\n}\n\n.index-module--gs4wQ {\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n letter-spacing: 0.5px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke: 0.1px;\n z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n font-size: 13px;\n line-height: 16px;\n color: var(--secondaryColor);\n padding: 5px 20px 2px 20px;\n}\n\n.index-module--WvZnO {\n padding: 0px 20px;\n}\n",""]);var s="index-module--gs4wQ",d="index-module--wxTxh",l="index-module--f37Xh",c="index-module--dHh9T";const u=a},65515:(e,n)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(e=appendClass(e,parseValue(t)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var t in e)i.call(e,t)&&e[t]&&(n=appendClass(n,t));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);
2
+ (self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1046,5456,9333,4699,4964],{61046:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>D});var i=t(80248),r=t(34988),o=t(65515),a=t.n(o),s=t(83308),d=t(46770),l=t(9420),c=t(87363),u=t(93379),p=t.n(u),x=t(7795),m=t.n(x),f=t(90569),h=t.n(f),v=t(3565),C=t.n(v),b=t(19216),g=t.n(b),w=t(44589),y=t.n(w),j=t(37598),P={};P.styleTagTransform=y(),P.setAttributes=C(),P.insert=h().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=g();p()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var O=t(88683),S=t(69333),Z=t(24964),k=t(45456),I=t(64699),N=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const D=(0,l.Pi)((function Article(e){var n,t=e.item,i=e.paletteId,o=t,l=(0,s.NP)(),u=(0,O.useDivaCore)().state,p=u.dimensions,x=p.isMobile,m=p.isTablet,f=u.hidePrices,h=(0,c.useState)(""),v=(0,r.Z)(h,2),C=v[0],b=v[1],g={},w={},y=void 0,P=!1,D={},_=(0,d.XI)({delayEnter:600,hideOnScroll:!0}),F=(0,d.sJ)({isOpen:_[0],auto:!0,placement:l.getViewConfig().tooltipPosition||"left-center"});x||m||l.getViewConfig().hideTooltip||o.contentItemId||(P=_[0],D=_[1],g=F.triggerProps,w=F.layerProps,y=F.renderLayer);var E=l.getViewConfig().dontShowBasePrice||f||!o.price,T=l.settingsState.plannerReplaceMode&&!(1==i&&l.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements);return(0,N.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:a()(j.Sp,E?j.CE:void 0,"wcConfigurator_Article",o.sel?j.pA:void 0,T?j.y8:void 0),onClick:function onClick(){return l.paletteViewHandler.clickedOnPlannerPalette(o,i)}},g),D),{},{children:[(0,N.jsxs)("div",{className:a()(j.iZ,j.vc),children:[(0,N.jsx)("div",{className:a()(j.K5),style:{backgroundImage:"url(".concat(o.imgSrc,")")}}),(0,N.jsxs)("div",{className:a()(j.G8),children:[(0,N.jsx)("div",{className:a()(j.db,C?j.jm:void 0),dangerouslySetInnerHTML:{__html:o.title}}),(0,N.jsx)(S.default,{metaData:o.metaData,visible:[C,b]},o.codex),P&&(null===(n=y)||void 0===n?void 0:n((0,N.jsx)(Z.default,{text:o.title,desciption:C,codex:o.articleCodex,image:o.imgSrc,layerProps:w},o.codex))),(0,N.jsx)("div",{className:a()(j.cD),children:o.sizeInfo})]}),o.contentItemId&&(0,N.jsx)(k.default,{item:o,style:{bottom:8}})]}),!E&&(0,N.jsx)(I.default,{price:o.price,style:{right:-3,top:-3,paddingTop:6}})]}))}))},45456:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>O});var i=t(34988),r=t(88683),o=t(93379),a=t.n(o),s=t(7795),d=t.n(s),l=t(90569),c=t.n(l),u=t(3565),p=t.n(u),x=t(19216),m=t.n(x),f=t(44589),h=t.n(f),v=t(23240),C={};C.styleTagTransform=h(),C.setAttributes=p(),C.insert=c().bind(null,"head"),C.domAPI=d(),C.insertStyleElement=m();a()(v.ZP,C);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(87363),g=t(83308),w=t(65515),y=t.n(w),j=t(9420),P=t(47514);const O=(0,j.Pi)((function InfoIcon(e){var n,t,o,a,s=e.item,d=e.style,l=(0,r.useDivaCore)().state.theme.palette,c=(0,g.NP)(),u=s.contentItemId,p=null!==(n=null!==(t=s.codex)&&void 0!==t?t:s.articleCodex)&&void 0!==n?n:s.title,x=(0,b.useState)(!1),m=(0,i.Z)(x,2),f=m[0],h=m[1],C=s.sel||f;if((0,b.useEffect)((function(){var e=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&p==c.settingsState.clickedFrom;!e&&f&&h(!1),e&&!f&&h(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!s)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!s.op||null===(e=c.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||C}()?(0,P.jsx)("div",{className:v.um,onClick:function onClick(e){c.settingsState.onClickContentItemId(u,p),h(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),e.stopPropagation()},style:d,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:y()(v.hv,C?void 0:v.al,f?v.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:v.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:v.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:null!==(o=null==l||null===(a=l.primary)||void 0===a?void 0:a.main)&&void 0!==o?o:"#713434"})]})}),(0,P.jsx)("div",{className:y()(v.dA,C?v.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},69333:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var i=t(34988),r=t(83308),o=t(87363),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),h=t(44589),v=t.n(h),C=t(84887),b={};b.styleTagTransform=v(),b.setAttributes=x(),b.insert=u().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=f();s()(C.Z,b);C.Z&&C.Z.locals&&C.Z.locals;var g=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,s=void 0===a?(0,o.useState)(""):a,d=(0,i.Z)(s,2),l=d[0],c=d[1],u=(0,r.NP)(),p=(0,o.useState)(""),x=(0,i.Z)(p,2),m=x[0],f=x[1],h=u.getViewConfig().displayMetaDatas,v=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,o.useEffect)((function(){if(v){for(var e="",n=0;n<v.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var r=null==t?void 0:t.find((function(e){return e.codex===h[i]}));if(!r)return 1;""!==e&&(e+=" "),e=e+(r.name?r.name+": ":"")+r.values[n]},r=0;r<h.length;r++)i(r)}f(e),c(e)}}),[]),l?(0,g.jsx)("div",{style:n,className:C.B,children:m}):(0,g.jsx)(g.Fragment,{})}},64699:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>Z});var i=t(80248),r=t(87363),o=t(93379),a=t.n(o),s=t(7795),d=t.n(s),l=t(90569),c=t.n(l),u=t(3565),p=t.n(u),x=t(19216),m=t.n(x),f=t(44589),h=t.n(f),v=t(8907),C={};C.styleTagTransform=h(),C.setAttributes=p(),C.insert=c().bind(null,"head"),C.domAPI=d(),C.insertStyleElement=m();a()(v.ZP,C);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(95588),g=t(83308),w=t(88683),y=t(65515),j=t.n(y),P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var O=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,P.jsx)(P.Fragment,{})},S=function AsyncRender2(e){var n,t,i=use(e.asyncPricePreview);switch((0,g.NP)().getViewConfig().pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=i.price-i.origPrice;break;case"fromBasePrice":t=i.price-i.firstPrice}return(0,P.jsxs)(P.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(t<0?"-":"+")+b.ZP.formatPrice(Math.abs(t),_objectSpread(_objectSpread({},b.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const Z=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,o=e.style,a=e.price,s=e.sel,d=(0,w.useDivaCore)().state,l=d.hidePrices,c=d.hideConfigPricePreview,u=(0,g.NP)();return l?(0,P.jsx)(P.Fragment,{}):a?(0,P.jsx)("div",{className:j()(v.aH,"left"==i?v.t$:v.F2),style:o,children:b.ZP.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},b.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):c||"fromCurrentPriceHideCurrent"==u.getViewConfig().pricePreview&&s?(0,P.jsx)(P.Fragment,{}):n?(0,P.jsx)(r.Suspense,{fallback:(0,P.jsx)(P.Fragment,{}),children:(0,P.jsx)(O,{asyncPricePreview:n.isVisible,children:(0,P.jsx)("div",{className:j()(v.aH,"left"==i?v.t$:v.F2),style:o,children:(0,P.jsx)(r.Suspense,{fallback:(0,P.jsx)("div",{className:v._m}),children:(0,P.jsx)(S,{asyncPricePreview:n.promise})})})})}):(0,P.jsx)(P.Fragment,{})}},24964:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>w});var i=t(80248),r=(t(87363),t(93379)),o=t.n(r),a=t(7795),s=t.n(a),d=t(90569),l=t.n(d),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),m=t(44589),f=t.n(m),h=t(23327),v={};v.styleTagTransform=f(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=x();o()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var C=t(88683),b=t(64699),g=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const w=function GenericToolTip(e){var n,t=e.image,i=e.text,r=e.desciption,o=e.codex,a=e.hexColor,s=e.layerProps,d=e.pricePreviewPromise,l=null==t?void 0:t.replace("_gal","").replace("_low",""),c=(0,C.useDivaCore)().state.theme;return(0,g.jsxs)("div",_objectSpread(_objectSpread({className:h.Cu},s),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==c||null===(n=c.typography)||void 0===n?void 0:n.fontFamily}),s.style),children:[l?(0,g.jsx)("img",{src:l,alt:i}):a?(0,g.jsx)("div",{className:h.CO,style:{backgroundColor:"#"+a}}):(0,g.jsx)(g.Fragment,{}),(0,g.jsx)("div",{className:h.Y7,dangerouslySetInnerHTML:{__html:i}}),r&&(0,g.jsx)("div",{className:h._W,children:r}),o&&(0,g.jsx)("div",{className:h._W,children:o}),void 0!==d&&(0,g.jsx)(b.default,{asyncPricePreview:d})]}))}},37598:(e,n,t)=>{"use strict";t.d(n,{CE:()=>u,G8:()=>c,K5:()=>h,Sp:()=>s,ZP:()=>C,cD:()=>v,db:()=>p,iZ:()=>m,jm:()=>x,pA:()=>d,vc:()=>f,y8:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,"/*Planner*/\n\n.index-module--Oeimn {\n border-radius: var(--globalBorderRadius);\n background: white;\n position: relative;\n display: flex;\n z-index: 100;\n transition: 0.35s ease;\n cursor: pointer;\n white-space: pre-line;\n border: 3px solid transparent;\n border: 3px solid var(--optionItemBorderColor, transparent);\n}\n.index-module--hky1u {\n border: 3px solid var(--primaryColor);\n border: 3px solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--Oeimn:hover {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n z-index: 200;\n transition: 0.15s ease;\n}\n\n.index-module--Oeimn.index-module--oeTU3:hover {\n border: 3px solid var(--primaryColor);\n border: 3px solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n\n.index-module--Oeimn:active {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.index-module--nrJys {\n display: flex;\n float: left;\n margin-top: 8px;\n margin-left: 8px;\n height: calc(100% - 14px);\n max-width: calc(100% - 171.2px);\n flex-direction: column;\n justify-content: space-between;\n}\n\n.index-module--p4tMr .index-module--nrJys {\n max-width: calc(100% - 100px);\n}\n\n.index-module--Oeimn .index-module--ZOQJv {\n display: -webkit-box;\n max-height: 64px;\n min-height: 16px;\n color: var(--secondaryColor);\n font-size: 16px;\n line-height: 20.8px;\n overflow: hidden;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\n z-index: 100;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n}\n\n.index-module--Oeimn .index-module--qbdbI {\n -webkit-line-clamp: 1;\n}\n.index-module--Oeimn .index-module--bJI3d {\n width: 98%;\n background: white;\n position: relative;\n border-radius: var(--globalBorderRadius);\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n}\n\n.index-module--Oeimn .index-module--bJI3d.index-module--BXZ4_ {\n max-height: 74px;\n}\n\n.index-module--Oeimn .index-module--XUOVe {\n width: 48px;\n float: left;\n height: 48px;\n}\n\n.index-module--Oeimn .index-module--aPfw3 {\n width: 74px;\n height: 74px;\n float: left;\n border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n margin-left: 3.2px;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: 50% 50%;\n}\n\n.index-module--Oeimn .index-module--KvaU1 {\n bottom: 8px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n font-size: 13px;\n line-height: 16px;\n color: #6f6f6f;\n z-index: 50;\n\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.index-module--Oeimn .index-module--KvaU1:hover {\n overflow: visible;\n}\n@media all and (max-width: 1100px) {\n .index-module--Oeimn .index-module--BXZ4_ {\n height: 96px;\n }\n\n .index-module--Oeimn .index-module--ZOQJv {\n -webkit-line-clamp: 2;\n }\n}\n",""]);var s="index-module--Oeimn",d="index-module--hky1u",l="index-module--oeTU3",c="index-module--nrJys",u="index-module--p4tMr",p="index-module--ZOQJv",x="index-module--qbdbI",m="index-module--bJI3d",f="index-module--BXZ4_",h="index-module--aPfw3",v="index-module--KvaU1";const C=a},23240:(e,n,t)=>{"use strict";t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>x,dA:()=>l,fL:()=>p,hv:()=>d,um:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--CjCgr {\n position: absolute;\n bottom: 0px;\n right: 0px;\n cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n position: absolute;\n opacity: 1;\n transition: 0.3s opacity ease;\n z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n width: 20px;\n width: var(--infoIconSize, 20px);\n height: 20px;\n height: var(--infoIconSize, 20px);\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n opacity: 0;\n z-index: 10;\n}\n",""]);var s="index-module--CjCgr",d="index-module--C9QBx",l="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",p="index-module--FaRqp",x="index-module--oBSZj";const m=a},84887:(e,n,t)=>{"use strict";t.d(n,{B:()=>s,Z:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--hpPAb {\n display: -webkit-box;\n max-height: 64px;\n min-height: 16px;\n color: var(--secondaryColor);\n overflow: hidden;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\n z-index: 100;\n font-size: 13px;\n line-height: 16px;\n color: var(--secondaryColor);\n width: 100%;\n}\n",""]);var s="index-module--hpPAb";const d=a},8907:(e,n,t)=>{"use strict";t.d(n,{F2:()=>l,ZP:()=>u,_m:()=>c,aH:()=>s,t$:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--bVDuL {\n position: absolute;\n top: 0;\n\n background-color: rgba(234,234,234,0.66667);\n\n padding: 2px 6px;\n font-size: 12px;\n height: 14px;\n line-height: 12px;\n}\n\n.index-module--zI2ES {\n left: 0;\n border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n right: 0;\n border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--POmA7 {\n border: 3px solid #f3f3f3;\n border-radius: 50%;\n border-top: 3px solid #bbb;\n width: 10px;\n height: 10px;\n animation: index-module--rw2Jt 1s linear infinite;\n}\n\n@keyframes index-module--rw2Jt {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n",""]);var s="index-module--bVDuL",d="index-module--zI2ES",l="index-module--kN6Sz",c="index-module--POmA7";const u=a},23327:(e,n,t)=>{"use strict";t.d(n,{CO:()=>d,Cu:()=>s,Y7:()=>l,ZP:()=>u,_W:()=>c});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--gs4wQ {\n display: block;\n background-color: rgba(242, 242, 242, 0.9);\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n border-radius: var(--globalBorderRadius);\n height: -moz-fit-content;\n height: fit-content;\n width: 320px;\n padding-bottom: 12px;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n width: 90%;\n max-height: 77%;\n margin: 5% 5% 0 5%;\n -o-object-fit: scale-down;\n object-fit: scale-down;\n -o-object-position: center center;\n object-position: center center;\n}\n\n.index-module--wxTxh {\n height: 260px;\n}\n\n.index-module--gs4wQ {\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n letter-spacing: 0.5px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke: 0.1px;\n z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n font-size: 13px;\n line-height: 16px;\n color: var(--secondaryColor);\n padding: 5px 20px 2px 20px;\n}\n\n.index-module--WvZnO {\n padding: 0px 20px;\n}\n",""]);var s="index-module--gs4wQ",d="index-module--wxTxh",l="index-module--f37Xh",c="index-module--dHh9T";const u=a},65515:(e,n)=>{var t;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(e=appendClass(e,parseValue(t)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var t in e)i.call(e,t)&&e[t]&&(n=appendClass(n,t));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);
package/build/umd/1484.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 1484.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1484,304,3457],{10304:(t,o,i)=>{o.Z=void 0;var r=function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var o=_getRequireWildcardCache();if(o&&o.has(t))return o.get(t);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var l=r?Object.getOwnPropertyDescriptor(t,a):null;l&&(l.get||l.set)?Object.defineProperty(i,a,l):i[a]=t[a]}i.default=t,o&&o.set(t,i);return i}(i(87363)),a=function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}(i(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _extends(){return _extends=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},_extends.apply(this,arguments)}function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _defineProperty(t,o,i){return o in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i,t}function _defineProperties(t,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,o){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,o){return t.__proto__=o,t},_setPrototypeOf(t,o)}var l="Select...",c=function(t){function Dropdown(t){var o;return function _classCallCheck(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(o=function _possibleConstructorReturn(t,o){return!o||"object"!==_typeof(o)&&"function"!=typeof o?_assertThisInitialized(t):o}(this,_getPrototypeOf(Dropdown).call(this,t))).state={selected:o.parseValue(t.value,t.options)||{label:void 0===t.placeholder?l:t.placeholder,value:""},isOpen:!1},o.dropdownRef=(0,r.createRef)(),o.mounted=!0,o.handleDocumentClick=o.handleDocumentClick.bind(_assertThisInitialized(o)),o.fireChangeEvent=o.fireChangeEvent.bind(_assertThisInitialized(o)),o}return function _inherits(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),o&&_setPrototypeOf(t,o)}(Dropdown,t),function _createClass(t,o,i){return o&&_defineProperties(t.prototype,o),i&&_defineProperties(t,i),t}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(t){if(this.props.value!==t.value)if(this.props.value){var o=this.parseValue(this.props.value,this.props.options);o!==this.state.selected&&this.setState({selected:o})}else this.setState({selected:{label:void 0===this.props.placeholder?l:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(t){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===t.type&&0!==t.button||(t.stopPropagation(),t.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(t,o){var i;if("string"==typeof t)for(var r=0,a=o.length;r<a;r++)if("group"===o[r].type){var l=o[r].items.filter((function(o){return o.value===t}));l.length&&(i=l[0])}else void 0!==o[r].value&&o[r].value===t&&(i=o[r]);return i||t}},{key:"setValue",value:function setValue(t,o){var i={selected:{value:t,label:o},isOpen:!1};this.fireChangeEvent(i),this.setState(i)}},{key:"fireChangeEvent",value:function fireChangeEvent(t){t.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(t.selected)}},{key:"renderOption",value:function renderOption(t){var o,i=t.value;void 0===i&&(i=t.label||t);var l=t.label||t.value||t,c=i===this.state.selected.value||i===this.state.selected,u=(_defineProperty(o={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(o,t.className,!!t.className),_defineProperty(o,"is-selected",c),o),d=(0,a.default)(u),p=Object.keys(t.data||{}).reduce((function(o,i){return function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(i,!0).forEach((function(o){_defineProperty(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(i).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}({},o,_defineProperty({},"data-".concat(i),t.data[i]))}),{});return r.default.createElement("div",_extends({key:i,className:d,onMouseDown:this.setValue.bind(this,i,l),onClick:this.setValue.bind(this,i,l),role:"option","aria-selected":c?"true":"false"},p),l)}},{key:"buildMenu",value:function buildMenu(){var t=this,o=this.props,i=o.options,a=o.baseClassName,l=i.map((function(o){if("group"===o.type){var i=r.default.createElement("div",{className:"".concat(a,"-title")},o.name),l=o.items.map((function(o){return t.renderOption(o)}));return r.default.createElement("div",{className:"".concat(a,"-group"),key:o.name,role:"listbox",tabIndex:"-1"},i,l)}return t.renderOption(o)}));return l.length?l:r.default.createElement("div",{className:"".concat(a,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(t){this.mounted&&(this.dropdownRef.current.contains(t.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var t,o,i,l,c,u=this.props,d=u.baseClassName,p=u.controlClassName,f=u.placeholderClassName,y=u.menuClassName,b=u.arrowClassName,v=u.arrowClosed,m=u.arrowOpen,g=u.className,w=this.props.disabled?"Dropdown-disabled":"",k="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,O=(0,a.default)((_defineProperty(t={},"".concat(d,"-root"),!0),_defineProperty(t,g,!!g),_defineProperty(t,"is-open",this.state.isOpen),t)),P=(0,a.default)((_defineProperty(o={},"".concat(d,"-control"),!0),_defineProperty(o,p,!!p),_defineProperty(o,w,!!w),o)),C=(0,a.default)((_defineProperty(i={},"".concat(d,"-placeholder"),!0),_defineProperty(i,f,!!f),_defineProperty(i,"is-selected",this.isValueSelected()),i)),_=(0,a.default)((_defineProperty(l={},"".concat(d,"-menu"),!0),_defineProperty(l,y,!!y),l)),x=(0,a.default)((_defineProperty(c={},"".concat(d,"-arrow"),!0),_defineProperty(c,b,!!b),c)),S=r.default.createElement("div",{className:C},k),D=this.state.isOpen?r.default.createElement("div",{className:_,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:O},r.default.createElement("div",{className:P,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},S,r.default.createElement("div",{className:"".concat(d,"-arrow-wrapper")},m&&v?this.state.isOpen?m:v:r.default.createElement("span",{className:x}))),D)}}]),Dropdown}(r.Component);c.defaultProps={baseClassName:"Dropdown"};var u=c;o.Z=u},86535:(t,o,i)=>{i.r(o),i.d(o,{default:()=>E});var r=i(80248),a=i(72874),l=i(87363),c=i(83308),u=i(9420),d=i(83397),p=i(19715),f=i(93379),y=i.n(f),b=i(7795),v=i.n(b),m=i(90569),g=i.n(m),w=i(3565),k=i.n(w),O=i(19216),P=i.n(O),C=i(44589),_=i.n(C),x=i(23522),S={};S.styleTagTransform=_(),S.setAttributes=k(),S.insert=g().bind(null,"head"),S.domAPI=v(),S.insertStyleElement=P();y()(x.Z,S);x.Z&&x.Z.locals&&x.Z.locals;var D=i(33570),j=i(47514),M=["contentItemStartPos"];function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}const E=(0,u.Pi)((function Product(t){var o,i=t.contentItemStartPos,r=(0,a.Z)(t,M),u=(0,c.NP)(),f=(0,l.useRef)(null),y=function onClick(){if(f.current){var t=f.current.getBoundingClientRect().height;f.current.scrollTop>100&&(t=0),f.current.scrollTo({top:t,behavior:"smooth"})}};return(0,l.useEffect)((function(){f&&u.productState.setProductElement(f.current)}),[f]),(0,l.useEffect)((function(){var t;!u.uiState.isLoading&&null!==(t=u.configState.paramters)&&void 0!==t&&t.checkout&&y()}),[null===(o=u.configState.paramters)||void 0===o?void 0:o.checkout,u.uiState.isLoading]),(0,j.jsxs)("div",_objectSpread(_objectSpread({ref:f},r),{},{children:[!u.uiState.isLoading&&(0,j.jsx)("div",{className:x.x,onClick:y}),(0,j.jsx)(p.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!u.uiState.isLoading&&void 0!==u.divaWebPlanner.getBasket()&&(0,j.jsx)(d.default,{}),u.settingsState.contentItemVisible&&u.settingsState.contentItemId&&(0,j.jsx)(D.default,{id:u.settingsState.contentItemId,startPos:i})]}))}))},18430:(t,o,i)=>{i.r(o),i.d(o,{default:()=>_});var r=i(65515),a=i.n(r),l=(i(87363),i(68692)),c=i(93379),u=i.n(c),d=i(7795),p=i.n(d),f=i(90569),y=i.n(f),b=i(3565),v=i.n(b),m=i(19216),g=i.n(m),w=i(44589),k=i.n(w),O=i(75581),P={};P.styleTagTransform=k(),P.setAttributes=v(),P.insert=y().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();u()(O.ZP,P);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=i(47514);const _=function Toggle(t){var o,i=t.onChange,r=t.val,c=t.state,u=t.on,d=t.off,p=t.alwaysActiveColor,f=t.height,y=void 0===f?40:f,b=t.width,v=void 0===b?80:b,m=t.handleDiameter,g=void 0===m?32:m,w=null===(o=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===o?void 0:o.replace(/ /g,"");return(0,C.jsx)(l.Z,{checkedIcon:u?(0,C.jsx)("div",{className:a()(O.f6,O.co),children:u}):(0,C.jsx)(C.Fragment,{}),uncheckedIcon:d?(0,C.jsx)("div",{className:a()(O.f6,O.no),children:d}):(0,C.jsx)(C.Fragment,{}),onChange:function onChange(){return i(null!=r?r:!c)},checked:c,onColor:w,offColor:p?w:"#CACACA",height:y,width:v,handleDiameter:g})}},23522:(t,o,i)=>{i.d(o,{Z:()=>v,x:()=>b});var r=i(8081),a=i.n(r),l=i(23645),c=i.n(l),u=i(61667),d=i.n(u),p=new URL(i(66993),i.b),f=c()(a()),y=d()(p);f.push([t.id,".index-module--IAoMi {\n bottom: 40px;\n right: 8px;\n position: absolute;\n width: 70px;\n height: 55px;\n transform: rotate(90deg);\n background-image: url("+y+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n z-index: 300;\n}\n",""]);var b="index-module--IAoMi";const v=f},75581:(t,o,i)=>{i.d(o,{ZP:()=>f,co:()=>d,f6:()=>u,no:()=>p});var r=i(8081),a=i.n(r),l=i(23645),c=i.n(l)()(a());c.push([t.id,".index-module--lgscn {\n display: flex;\n font-weight: 300;\n line-height: 40px;\n gap: 24px;\n}\n\n.index-module--D7_Ss {\n padding-left: 16px;\n color: white;\n line-height: 40px;\n font-weight: 300;\n}\n\n.index-module--ciLne {\n padding-left: 16px;\n}\n\n.index-module--W1TLd {\n padding-left: 4px;\n}\n",""]);var u="index-module--D7_Ss",d="index-module--ciLne",p="index-module--W1TLd";const f=c},14060:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjcyOSAxLjI1TDguMzAwNDMgOS4yNUwxLjIyOSAxLjI1IiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},68692:(t,o,i)=>{i.d(o,{Z:()=>c});var r=i(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var o="#",i=1;i<4;i+=1)o+=t[i]+t[i];return o}function e(t,o,i,r,a){return function(t,o,i,r,a){var l=(t-i)/(o-i);if(0===l)return r;if(1===l)return a;for(var c="#",u=1;u<6;u+=2){var d=parseInt(r.substr(u,2),16),p=parseInt(a.substr(u,2),16),f=Math.round((1-l)*d+l*p).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,o,i,h(r),h(a))}var c=function(t){function n(o){t.call(this,o);var i=o.height,r=o.width,a=o.checked;this.t=o.handleDiameter||i-2,this.i=Math.max(r-i,r-(i+this.t)/2),this.o=Math.max(0,(i-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.W=!1},n.prototype.I=function(t){this.H.focus(),this.setState({R:t,j:!0,B:Date.now()})},n.prototype.L=function(t){var o=this.state,i=o.R,r=o.h,a=(this.props.checked?this.i:this.o)+t-i;o.N||t===i||this.setState({N:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.U=function(t){var o=this.state,i=o.h,r=o.N,a=o.B,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var u=Date.now()-a;(!r||u<250||l&&i<=c||!l&&i>=c)&&this.A(t),this.W&&this.setState({N:!1,j:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX)},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX)},n.prototype.m=function(t){this.L(t.touches[0].clientX)},n.prototype.M=function(t){t.preventDefault(),this.U(t)},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({j:!1}))},n.prototype.C=function(){this.u=Date.now()},n.prototype.D=function(){this.setState({j:!0})},n.prototype.O=function(){this.setState({j:!1})},n.prototype.S=function(t){this.H=t},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({j:!1})},n.prototype.A=function(t){var o=this.props;(0,o.onChange)(!o.checked,t,o.id)},n.prototype.render=function(){var t=this.props,o=t.checked,i=t.disabled,a=t.className,l=t.offColor,c=t.onColor,u=t.offHandleColor,d=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,y=t.checkedHandleIcon,b=t.uncheckedHandleIcon,v=t.boxShadow,m=t.activeBoxShadow,g=t.height,w=t.width,k=t.borderRadius,O=function(t,o){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===o.indexOf(r)&&(i[r]=t[r]);return i}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,C=P.h,_=P.N,x=P.j,S={position:"relative",display:"inline-block",textAlign:"left",opacity:i?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},D={height:g,width:w,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(C,this.i,this.o,l,c),borderRadius:"number"==typeof k?k:g/2,cursor:i?"default":"pointer",WebkitTransition:_?null:"background 0.25s",MozTransition:_?null:"background 0.25s",transition:_?null:"background 0.25s"},j={height:g,width:Math.min(1.5*g,w-(this.t+g)/2+1),position:"relative",opacity:(C-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"},M={height:g,width:Math.min(1.5*g,w-(this.t+g)/2+1),position:"absolute",opacity:1-(C-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"},E={height:this.t,width:this.t,background:e(C,this.i,this.o,u,d),display:"inline-block",cursor:i?"default":"pointer",borderRadius:"number"==typeof k?k-1:"50%",position:"absolute",transform:"translateX("+C+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:x?m:v,border:0,WebkitTransition:_?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:_?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:_?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},I={height:this.t,width:this.t,opacity:Math.max(2*(1-(C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"},T={height:this.t,width:this.t,opacity:Math.max(2*((C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:S},r.createElement("div",{className:"react-switch-bg",style:D,onClick:i?null:this.T,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:j},p),f&&r.createElement("div",{style:M},f)),r.createElement("div",{className:"react-switch-handle",style:E,onClick:function(t){return t.preventDefault()},onMouseDown:i?null:this.p,onTouchStart:i?null:this.k,onTouchMove:i?null:this.m,onTouchEnd:i?null:this.M,onTouchCancel:i?null:this.O},b&&r.createElement("div",{style:I},b),y&&r.createElement("div",{style:T},y)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":o,checked:o,disabled:i,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},O,{ref:this.S,onFocus:this.D,onBlur:this.O,onKeyUp:this.C,onChange:this.$})))},n}(r.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1484,304,3457],{10304:(t,o,i)=>{o.Z=void 0;var r=function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var o=_getRequireWildcardCache();if(o&&o.has(t))return o.get(t);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var l=r?Object.getOwnPropertyDescriptor(t,a):null;l&&(l.get||l.set)?Object.defineProperty(i,a,l):i[a]=t[a]}i.default=t,o&&o.set(t,i);return i}(i(87363)),a=function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}(i(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _extends(){return _extends=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},_extends.apply(this,arguments)}function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _defineProperty(t,o,i){return o in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i,t}function _defineProperties(t,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,o){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,o){return t.__proto__=o,t},_setPrototypeOf(t,o)}var l="Select...",c=function(t){function Dropdown(t){var o;return function _classCallCheck(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(o=function _possibleConstructorReturn(t,o){return!o||"object"!==_typeof(o)&&"function"!=typeof o?_assertThisInitialized(t):o}(this,_getPrototypeOf(Dropdown).call(this,t))).state={selected:o.parseValue(t.value,t.options)||{label:void 0===t.placeholder?l:t.placeholder,value:""},isOpen:!1},o.dropdownRef=(0,r.createRef)(),o.mounted=!0,o.handleDocumentClick=o.handleDocumentClick.bind(_assertThisInitialized(o)),o.fireChangeEvent=o.fireChangeEvent.bind(_assertThisInitialized(o)),o}return function _inherits(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),o&&_setPrototypeOf(t,o)}(Dropdown,t),function _createClass(t,o,i){return o&&_defineProperties(t.prototype,o),i&&_defineProperties(t,i),t}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(t){if(this.props.value!==t.value)if(this.props.value){var o=this.parseValue(this.props.value,this.props.options);o!==this.state.selected&&this.setState({selected:o})}else this.setState({selected:{label:void 0===this.props.placeholder?l:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(t){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===t.type&&0!==t.button||(t.stopPropagation(),t.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(t,o){var i;if("string"==typeof t)for(var r=0,a=o.length;r<a;r++)if("group"===o[r].type){var l=o[r].items.filter((function(o){return o.value===t}));l.length&&(i=l[0])}else void 0!==o[r].value&&o[r].value===t&&(i=o[r]);return i||t}},{key:"setValue",value:function setValue(t,o){var i={selected:{value:t,label:o},isOpen:!1};this.fireChangeEvent(i),this.setState(i)}},{key:"fireChangeEvent",value:function fireChangeEvent(t){t.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(t.selected)}},{key:"renderOption",value:function renderOption(t){var o,i=t.value;void 0===i&&(i=t.label||t);var l=t.label||t.value||t,c=i===this.state.selected.value||i===this.state.selected,u=(_defineProperty(o={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(o,t.className,!!t.className),_defineProperty(o,"is-selected",c),o),d=(0,a.default)(u),p=Object.keys(t.data||{}).reduce((function(o,i){return function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(i,!0).forEach((function(o){_defineProperty(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(i).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}({},o,_defineProperty({},"data-".concat(i),t.data[i]))}),{});return r.default.createElement("div",_extends({key:i,className:d,onMouseDown:this.setValue.bind(this,i,l),onClick:this.setValue.bind(this,i,l),role:"option","aria-selected":c?"true":"false"},p),l)}},{key:"buildMenu",value:function buildMenu(){var t=this,o=this.props,i=o.options,a=o.baseClassName,l=i.map((function(o){if("group"===o.type){var i=r.default.createElement("div",{className:"".concat(a,"-title")},o.name),l=o.items.map((function(o){return t.renderOption(o)}));return r.default.createElement("div",{className:"".concat(a,"-group"),key:o.name,role:"listbox",tabIndex:"-1"},i,l)}return t.renderOption(o)}));return l.length?l:r.default.createElement("div",{className:"".concat(a,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(t){this.mounted&&(this.dropdownRef.current.contains(t.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var t,o,i,l,c,u=this.props,d=u.baseClassName,p=u.controlClassName,f=u.placeholderClassName,y=u.menuClassName,b=u.arrowClassName,v=u.arrowClosed,m=u.arrowOpen,g=u.className,w=this.props.disabled?"Dropdown-disabled":"",k="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,O=(0,a.default)((_defineProperty(t={},"".concat(d,"-root"),!0),_defineProperty(t,g,!!g),_defineProperty(t,"is-open",this.state.isOpen),t)),P=(0,a.default)((_defineProperty(o={},"".concat(d,"-control"),!0),_defineProperty(o,p,!!p),_defineProperty(o,w,!!w),o)),C=(0,a.default)((_defineProperty(i={},"".concat(d,"-placeholder"),!0),_defineProperty(i,f,!!f),_defineProperty(i,"is-selected",this.isValueSelected()),i)),_=(0,a.default)((_defineProperty(l={},"".concat(d,"-menu"),!0),_defineProperty(l,y,!!y),l)),x=(0,a.default)((_defineProperty(c={},"".concat(d,"-arrow"),!0),_defineProperty(c,b,!!b),c)),S=r.default.createElement("div",{className:C},k),D=this.state.isOpen?r.default.createElement("div",{className:_,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:O},r.default.createElement("div",{className:P,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},S,r.default.createElement("div",{className:"".concat(d,"-arrow-wrapper")},m&&v?this.state.isOpen?m:v:r.default.createElement("span",{className:x}))),D)}}]),Dropdown}(r.Component);c.defaultProps={baseClassName:"Dropdown"};var u=c;o.Z=u},86535:(t,o,i)=>{i.r(o),i.d(o,{default:()=>E});var r=i(80248),a=i(72874),l=i(87363),c=i(83308),u=i(9420),d=i(83397),p=i(19715),f=i(93379),y=i.n(f),b=i(7795),v=i.n(b),m=i(90569),g=i.n(m),w=i(3565),k=i.n(w),O=i(19216),P=i.n(O),C=i(44589),_=i.n(C),x=i(23522),S={};S.styleTagTransform=_(),S.setAttributes=k(),S.insert=g().bind(null,"head"),S.domAPI=v(),S.insertStyleElement=P();y()(x.Z,S);x.Z&&x.Z.locals&&x.Z.locals;var D=i(14479),j=i(47514),M=["contentItemStartPos"];function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}const E=(0,u.Pi)((function Product(t){var o,i=t.contentItemStartPos,r=(0,a.Z)(t,M),u=(0,c.NP)(),f=(0,l.useRef)(null),y=function onClick(){if(f.current){var t=f.current.getBoundingClientRect().height;f.current.scrollTop>100&&(t=0),f.current.scrollTo({top:t,behavior:"smooth"})}};return(0,l.useEffect)((function(){f&&u.productState.setProductElement(f.current)}),[f]),(0,l.useEffect)((function(){var t;!u.uiState.isLoading&&null!==(t=u.configState.paramters)&&void 0!==t&&t.checkout&&y()}),[null===(o=u.configState.paramters)||void 0===o?void 0:o.checkout,u.uiState.isLoading]),(0,j.jsxs)("div",_objectSpread(_objectSpread({ref:f},r),{},{children:[!u.uiState.isLoading&&(0,j.jsx)("div",{className:x.x,onClick:y}),(0,j.jsx)(p.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!u.uiState.isLoading&&void 0!==u.divaWebPlanner.getBasket()&&(0,j.jsx)(d.default,{}),u.settingsState.contentItemVisible&&u.settingsState.contentItemId&&(0,j.jsx)(D.default,{id:u.settingsState.contentItemId,startPos:i})]}))}))},18430:(t,o,i)=>{i.r(o),i.d(o,{default:()=>_});var r=i(65515),a=i.n(r),l=(i(87363),i(68692)),c=i(93379),u=i.n(c),d=i(7795),p=i.n(d),f=i(90569),y=i.n(f),b=i(3565),v=i.n(b),m=i(19216),g=i.n(m),w=i(44589),k=i.n(w),O=i(75581),P={};P.styleTagTransform=k(),P.setAttributes=v(),P.insert=y().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();u()(O.ZP,P);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=i(47514);const _=function Toggle(t){var o,i=t.onChange,r=t.val,c=t.state,u=t.on,d=t.off,p=t.alwaysActiveColor,f=t.height,y=void 0===f?40:f,b=t.width,v=void 0===b?80:b,m=t.handleDiameter,g=void 0===m?32:m,w=null===(o=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===o?void 0:o.replace(/ /g,"");return(0,C.jsx)(l.Z,{checkedIcon:u?(0,C.jsx)("div",{className:a()(O.f6,O.co),children:u}):(0,C.jsx)(C.Fragment,{}),uncheckedIcon:d?(0,C.jsx)("div",{className:a()(O.f6,O.no),children:d}):(0,C.jsx)(C.Fragment,{}),onChange:function onChange(){return i(null!=r?r:!c)},checked:c,onColor:w,offColor:p?w:"#CACACA",height:y,width:v,handleDiameter:g})}},23522:(t,o,i)=>{i.d(o,{Z:()=>v,x:()=>b});var r=i(8081),a=i.n(r),l=i(23645),c=i.n(l),u=i(61667),d=i.n(u),p=new URL(i(66993),i.b),f=c()(a()),y=d()(p);f.push([t.id,".index-module--IAoMi {\n bottom: 40px;\n right: 8px;\n position: absolute;\n width: 70px;\n height: 55px;\n transform: rotate(90deg);\n background-image: url("+y+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n z-index: 300;\n}\n",""]);var b="index-module--IAoMi";const v=f},75581:(t,o,i)=>{i.d(o,{ZP:()=>f,co:()=>d,f6:()=>u,no:()=>p});var r=i(8081),a=i.n(r),l=i(23645),c=i.n(l)()(a());c.push([t.id,".index-module--lgscn {\n display: flex;\n font-weight: 300;\n line-height: 40px;\n gap: 24px;\n}\n\n.index-module--D7_Ss {\n padding-left: 16px;\n color: white;\n line-height: 40px;\n font-weight: 300;\n}\n\n.index-module--ciLne {\n padding-left: 16px;\n}\n\n.index-module--W1TLd {\n padding-left: 4px;\n}\n",""]);var u="index-module--D7_Ss",d="index-module--ciLne",p="index-module--W1TLd";const f=c},14060:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjcyOSAxLjI1TDguMzAwNDMgOS4yNUwxLjIyOSAxLjI1IiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},68692:(t,o,i)=>{i.d(o,{Z:()=>c});var r=i(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var o="#",i=1;i<4;i+=1)o+=t[i]+t[i];return o}function e(t,o,i,r,a){return function(t,o,i,r,a){var l=(t-i)/(o-i);if(0===l)return r;if(1===l)return a;for(var c="#",u=1;u<6;u+=2){var d=parseInt(r.substr(u,2),16),p=parseInt(a.substr(u,2),16),f=Math.round((1-l)*d+l*p).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,o,i,h(r),h(a))}var c=function(t){function n(o){t.call(this,o);var i=o.height,r=o.width,a=o.checked;this.t=o.handleDiameter||i-2,this.i=Math.max(r-i,r-(i+this.t)/2),this.o=Math.max(0,(i-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.W=!1},n.prototype.I=function(t){this.H.focus(),this.setState({R:t,j:!0,B:Date.now()})},n.prototype.L=function(t){var o=this.state,i=o.R,r=o.h,a=(this.props.checked?this.i:this.o)+t-i;o.N||t===i||this.setState({N:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.U=function(t){var o=this.state,i=o.h,r=o.N,a=o.B,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var u=Date.now()-a;(!r||u<250||l&&i<=c||!l&&i>=c)&&this.A(t),this.W&&this.setState({N:!1,j:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX)},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX)},n.prototype.m=function(t){this.L(t.touches[0].clientX)},n.prototype.M=function(t){t.preventDefault(),this.U(t)},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({j:!1}))},n.prototype.C=function(){this.u=Date.now()},n.prototype.D=function(){this.setState({j:!0})},n.prototype.O=function(){this.setState({j:!1})},n.prototype.S=function(t){this.H=t},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({j:!1})},n.prototype.A=function(t){var o=this.props;(0,o.onChange)(!o.checked,t,o.id)},n.prototype.render=function(){var t=this.props,o=t.checked,i=t.disabled,a=t.className,l=t.offColor,c=t.onColor,u=t.offHandleColor,d=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,y=t.checkedHandleIcon,b=t.uncheckedHandleIcon,v=t.boxShadow,m=t.activeBoxShadow,g=t.height,w=t.width,k=t.borderRadius,O=function(t,o){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===o.indexOf(r)&&(i[r]=t[r]);return i}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,C=P.h,_=P.N,x=P.j,S={position:"relative",display:"inline-block",textAlign:"left",opacity:i?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},D={height:g,width:w,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(C,this.i,this.o,l,c),borderRadius:"number"==typeof k?k:g/2,cursor:i?"default":"pointer",WebkitTransition:_?null:"background 0.25s",MozTransition:_?null:"background 0.25s",transition:_?null:"background 0.25s"},j={height:g,width:Math.min(1.5*g,w-(this.t+g)/2+1),position:"relative",opacity:(C-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"},M={height:g,width:Math.min(1.5*g,w-(this.t+g)/2+1),position:"absolute",opacity:1-(C-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"},E={height:this.t,width:this.t,background:e(C,this.i,this.o,u,d),display:"inline-block",cursor:i?"default":"pointer",borderRadius:"number"==typeof k?k-1:"50%",position:"absolute",transform:"translateX("+C+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:x?m:v,border:0,WebkitTransition:_?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:_?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:_?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},I={height:this.t,width:this.t,opacity:Math.max(2*(1-(C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"},T={height:this.t,width:this.t,opacity:Math.max(2*((C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:S},r.createElement("div",{className:"react-switch-bg",style:D,onClick:i?null:this.T,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:j},p),f&&r.createElement("div",{style:M},f)),r.createElement("div",{className:"react-switch-handle",style:E,onClick:function(t){return t.preventDefault()},onMouseDown:i?null:this.p,onTouchStart:i?null:this.k,onTouchMove:i?null:this.m,onTouchEnd:i?null:this.M,onTouchCancel:i?null:this.O},b&&r.createElement("div",{style:I},b),y&&r.createElement("div",{style:T},y)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":o,checked:o,disabled:i,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},O,{ref:this.S,onFocus:this.D,onBlur:this.O,onKeyUp:this.C,onChange:this.$})))},n}(r.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
package/build/umd/1536.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 1536.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1536],{34206:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var r=t(34988),i=t(83308),o=t(87363),a=t(9420),l=t(88683),s=t(70318),d=t.n(s),c=t(43494),u=t(93379),p=t.n(u),A=t(7795),g=t.n(A),v=t(90569),w=t.n(v),h=t(3565),f=t.n(h),b=t(19216),m=t.n(b),C=t(44589),D=t.n(C),S=t(64890),R={};R.styleTagTransform=D(),R.setAttributes=f(),R.insert=w().bind(null,"head"),R.domAPI=g(),R.insertStyleElement=m();p()(S.Z,R);S.Z&&S.Z.locals&&S.Z.locals;var T=t(47514);window.customElements.get("model-viewer")||Promise.all([t.e(7881),t.e(963)]).then(t.bind(t,70963));const k=(0,a.Pi)((function PlannerRTV(){var e,n,t=(0,i.NP)(),a=(0,o.useRef)(),s=(0,l.useTranslation)().t,u=(0,o.useState)(!1),p=(0,r.Z)(u,2),A=p[0],g=p[1],v=(0,o.useState)([]),w=(0,r.Z)(v,2),h=w[0],f=w[1],b=(0,o.useRef)(!0),m=t.viewPlannerHandler.getPlannerViewConfig(),C=(0,l.useDivaCore)(),D=C.actions,S=C.state,R=S.apiConfig,k=S.isMobile,y=S.isFirefox,L=S.jwt,U=S.dimensions.isTablet,I=k||U;return(0,o.useEffect)((function(){!t.hqRenderScript&&t.productState.doShowRTV?(D.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return D.toggleLoading("HQRenderScript",!1,!1)}),5e3)):t.hqRenderScript&&D.toggleLoading("HQRenderScript",!1,!1)}),[t.productState.doShowRTV,t.hqRenderScript]),(0,o.useEffect)((function(){t.productState.glbUrl=void 0,t.productState.allow3DComb||(t.productState.activateAR=void 0)}),[t.settingsState.configChanged]),!t.productState.doShowRTV&&!0===b.current||!t.isParentViewVisible?(0,T.jsx)(T.Fragment,{}):(b.current=!1,void 0!==t.hqRenderScript&&t.productState.browserSupportAR?((0,o.useEffect)((function(){var e=[];t.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){"PosNr"==n.type&&e.push({setId:n.setId,elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr,type:n.type})})),JSON.stringify(e)!=JSON.stringify(h)&&f(e)}),[t.viewPlannerHandler.plannerUIHandler.uiItems]),(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(d(),{renderjob:t.hqRenderScript,isMobile:I,elementsInfo:h,actions:D,inBackground:A,viewHandler:t,freePlacesOnGrids:t.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:t.settingsState.plannedPlacesOnGrids,apiConfig:R,jwt:L,renderInBackground:!1,uiConfig:{templateConfig:null!==(e=null===(n=t.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:m.posNumIcon,posTrashIcon:m.posTrashRotIcon},callbacks:{setGlb:I?function(e){return t.productState.glbUrl=e}:void 0,onElementSelected:function onElementSelected(e,n){t.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){t.productState.loadRTVForAr&&D.openModal({title:s("configurator.missinggeo_title"),text:s("configurator.missinggeo"),accept:"OK"})}}},"real-time-renderer"),t.productState.glbUrl&&(0,T.jsx)("div",{id:"ar-viewer",children:(0,T.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,r;a.current=e,null===(n=a.current)||void 0===n||n.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&t.productState.setRTVActivateAR(null===(n=a.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=a.current)||void 0===e?void 0:e.activateAR()}))})),null===(r=a.current)||void 0===r||r.addEventListener("ar-status",(function(e){var n;t.productState.setRTVActivateAR(null===(n=a.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=a.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?g(!1):g(!0)}))},src:t.productState.glbUrl,ar:!0,"ar-scale":"fixed","ar-modes":y?"":"webxr quick-look","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",top:"0px",background:"white"},children:[(0,T.jsx)("div",{id:"ar-prompt",children:(0,T.jsx)("img",{src:c})}),(0,T.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]})):(0,T.jsx)(T.Fragment,{}))}))},64890:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o),l=t(61667),s=t.n(l),d=new URL(t(43494),t.b),c=a()(i()),u=s()(d);c.push([e.id,"/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n display: none;\n}\n\n#ar-viewer model-viewer {\n background-color: #eee;\n overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n background-image: url("+u+");\n background-repeat: no-repeat;\n background-size: 20px 20px;\n background-position: 12px 50%;\n background-color: #fff;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n white-space: nowrap;\n bottom: 132px;\n padding: 0px 16px 0px 40px;\n font-size: 14px;\n color: #4285f4;\n height: 36px;\n line-height: 36px;\n border-radius: 18px;\n border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n from {\n transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n }\n to {\n transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n }\n}\n\n@keyframes elongate {\n from {\n transform: translateX(100px);\n }\n to {\n transform: translateX(-100px);\n }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n position: absolute;\n left: 50%;\n bottom: 0px;\n animation: elongate 2s infinite ease-in-out alternate;\n display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n display: block;\n visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n bottom: 175px;\n display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n display: block;\n}\n\n#ar-viewer .slider {\n width: 100%;\n text-align: center;\n overflow: hidden;\n position: absolute;\n bottom: 16px;\n}\n\n#ar-viewer .slides {\n display: flex;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n scroll-snap-align: start;\n flex-shrink: 0;\n width: 100px;\n height: 100px;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n background-color: #fff;\n margin-right: 10px;\n border-radius: 10px;\n border: none;\n display: flex;\n}\n\n#ar-viewer .slide.selected {\n border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n outline: 1px solid #4285f4;\n}\n",""]);const p=c},43494:e=>{e.exports="data:image/png;base64,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"}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1536],{34206:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var r=t(34988),i=t(83308),o=t(87363),a=t(9420),l=t(88683),s=t(70318),d=t.n(s),c=t(43494),u=t(93379),p=t.n(u),A=t(7795),g=t.n(A),v=t(90569),w=t.n(v),h=t(3565),f=t.n(h),b=t(19216),m=t.n(b),C=t(44589),D=t.n(C),S=t(64890),R={};R.styleTagTransform=D(),R.setAttributes=f(),R.insert=w().bind(null,"head"),R.domAPI=g(),R.insertStyleElement=m();p()(S.Z,R);S.Z&&S.Z.locals&&S.Z.locals;var T=t(47514);window.customElements.get("model-viewer")||Promise.all([t.e(7881),t.e(963)]).then(t.bind(t,70963));const k=(0,a.Pi)((function PlannerRTV(){var e,n,t=(0,i.NP)(),a=(0,o.useRef)(),s=(0,l.useTranslation)().t,u=(0,o.useState)(!1),p=(0,r.Z)(u,2),A=p[0],g=p[1],v=(0,o.useState)([]),w=(0,r.Z)(v,2),h=w[0],f=w[1],b=(0,o.useRef)(!0),m=t.viewPlannerHandler.getPlannerViewConfig(),C=(0,l.useDivaCore)(),D=C.actions,S=C.state,R=S.apiConfig,k=S.isMobile,y=S.isFirefox,L=S.jwt,U=S.dimensions.isTablet,I=k||U;return(0,o.useEffect)((function(){!t.hqRenderScript&&t.productState.doShowRTV?(D.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return D.toggleLoading("HQRenderScript",!1,!1)}),5e3)):t.hqRenderScript&&D.toggleLoading("HQRenderScript",!1,!1)}),[t.productState.doShowRTV,t.hqRenderScript]),(0,o.useEffect)((function(){t.productState.glbUrl=void 0,t.productState.allow3DComb||(t.productState.activateAR=void 0)}),[t.settingsState.configChanged]),(0,o.useEffect)((function(){var e=[];t.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){"PosNr"==n.type&&e.push({setId:n.setId,elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr,type:n.type})})),JSON.stringify(e)!=JSON.stringify(h)&&f(e)}),[t.viewPlannerHandler.plannerUIHandler.uiItems]),!t.productState.doShowRTV&&!0===b.current||!t.isParentViewVisible?(0,T.jsx)(T.Fragment,{}):(b.current=!0,void 0!==t.hqRenderScript&&t.productState.browserSupportAR?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(d(),{renderjob:t.hqRenderScript,isMobile:I,elementsInfo:h,actions:D,inBackground:A,viewHandler:t,freePlacesOnGrids:t.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:t.settingsState.plannedPlacesOnGrids,apiConfig:R,jwt:L,renderInBackground:!1,uiConfig:{templateConfig:null!==(e=null===(n=t.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:m.posNumIcon,posTrashIcon:m.posTrashRotIcon},callbacks:{setGlb:I?function(e){return t.productState.glbUrl=e}:void 0,onElementSelected:function onElementSelected(e,n){t.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){t.productState.loadRTVForAr&&D.openModal({title:s("configurator.missinggeo_title"),text:s("configurator.missinggeo"),accept:"OK"})}}},"real-time-renderer"),t.productState.glbUrl&&(0,T.jsx)("div",{id:"ar-viewer",children:(0,T.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,r;a.current=e,null===(n=a.current)||void 0===n||n.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&t.productState.setRTVActivateAR(null===(n=a.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=a.current)||void 0===e?void 0:e.activateAR()}))})),null===(r=a.current)||void 0===r||r.addEventListener("ar-status",(function(e){var n;t.productState.setRTVActivateAR(null===(n=a.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=a.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?g(!1):g(!0)}))},src:t.productState.glbUrl,ar:!0,"ar-scale":"fixed","ar-modes":y?"":"webxr quick-look","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",top:"0px",background:"white"},children:[(0,T.jsx)("div",{id:"ar-prompt",children:(0,T.jsx)("img",{src:c})}),(0,T.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}):(0,T.jsx)(T.Fragment,{}))}))},64890:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o),l=t(61667),s=t.n(l),d=new URL(t(43494),t.b),c=a()(i()),u=s()(d);c.push([e.id,"/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n display: none;\n}\n\n#ar-viewer model-viewer {\n background-color: #eee;\n overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n background-image: url("+u+");\n background-repeat: no-repeat;\n background-size: 20px 20px;\n background-position: 12px 50%;\n background-color: #fff;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n white-space: nowrap;\n bottom: 132px;\n padding: 0px 16px 0px 40px;\n font-size: 14px;\n color: #4285f4;\n height: 36px;\n line-height: 36px;\n border-radius: 18px;\n border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n from {\n transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n }\n to {\n transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n }\n}\n\n@keyframes elongate {\n from {\n transform: translateX(100px);\n }\n to {\n transform: translateX(-100px);\n }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n position: absolute;\n left: 50%;\n bottom: 0px;\n animation: elongate 2s infinite ease-in-out alternate;\n display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n display: block;\n visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n bottom: 175px;\n display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n display: block;\n}\n\n#ar-viewer .slider {\n width: 100%;\n text-align: center;\n overflow: hidden;\n position: absolute;\n bottom: 16px;\n}\n\n#ar-viewer .slides {\n display: flex;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n scroll-snap-align: start;\n flex-shrink: 0;\n width: 100px;\n height: 100px;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n background-color: #fff;\n margin-right: 10px;\n border-radius: 10px;\n border: none;\n display: flex;\n}\n\n#ar-viewer .slide.selected {\n border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n outline: 1px solid #4285f4;\n}\n",""]);const p=c},43494:e=>{e.exports="data:image/png;base64,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"}}]);
package/build/umd/1694.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 1694.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- (self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1694,59],{21694:(e,n,a)=>{"use strict";a.r(n),a.d(n,{default:()=>A});var i=a(84658),t=a(72874),l=a(50747),r=a.n(l),s=(a(87363),a(88683)),o=a(83308),d=a(9420),c=a(93379),u=a.n(c),g=a(7795),m=a.n(g),x=a(90569),p=a.n(x),v=a(3565),I=a.n(v),D=a(19216),M=a.n(D),f=a(44589),C=a.n(f),b=a(63238),y={};y.styleTagTransform=C(),y.setAttributes=I(),y.insert=p().bind(null,"head"),y.domAPI=m(),y.insertStyleElement=M();u()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var h=a(65515),j=a.n(h),N=a(47514),T=["tabGroupOption","basketId"];const A=(0,d.Pi)((function TabGroupOptions(e){var n,a,l,d=e.tabGroupOption,c=e.basketId,u=((0,t.Z)(e,T),(0,o.NP)()),g=u.divaWebPlanner.getDivaArticles(),m=null==g?void 0:g[c],x=null==m||null===(n=m.getArticleOptionState)||void 0===n?void 0:n.call(m,d.codex),p=Object.values(d.configSteps)[0].posNr;if(void 0===x)return(0,N.jsx)(N.Fragment,{});var v=null===(a=x.val)||void 0===a?void 0:a.image;v=v?null==m?void 0:m.CatalogData.getCatImageURL(v,"_low"):void 0;var I=function(){var e=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return u.configuratorStructureHandler.setActStepByPosNrFromSummary(p),u.updateConfiguratorState(!0),e.next=4,s.DivaUtils.Sleep(100);case 4:u.paletteViewHandler.scrollToConfigStepByPosNr(p,!0);case 5:case"end":return e.stop()}}),_callee)})));return function clickNavigation(){return e.apply(this,arguments)}}();return(0,N.jsx)("div",{children:(0,N.jsxs)("div",{onClick:I,className:b.b9,children:[(0,N.jsxs)("span",{children:[(0,N.jsx)("div",{children:x.optionName+" ("+x.optionCodex.replace("OPT","")+")"}),(0,N.jsx)("div",{children:x.valName+" ("+(null===(l=x.valCodex)||void 0===l?void 0:l.replace("OPV",""))+")"})]}),(0,N.jsx)("span",{className:b.Bf,children:null!=v&&(0,N.jsx)("img",{src:v,className:b._C})}),(0,N.jsx)("span",{className:j()(b.To,b.E9),children:!(!x.usedCalcPrice&&!x.calcPrice)&&s.DivaUtils.formatPrice(x.usedCalcPrice||x.calcPrice)}),(0,N.jsx)("span",{className:j()(b.Bf,b.E9),children:x.headerPosVariationType}),(0,N.jsx)("span",{className:j()(b.lv,b.II,b.E9,x.isDefined?b.ec:b.El)})]})})}))},63238:(e,n,a)=>{"use strict";a.d(n,{Bf:()=>v,E9:()=>b,El:()=>f,II:()=>I,To:()=>p,ZP:()=>y,_C:()=>C,b9:()=>x,ec:()=>M,lv:()=>D});var i=a(8081),t=a.n(i),l=a(23645),r=a.n(l),s=a(61667),o=a.n(s),d=new URL(a(29409),a.b),c=new URL(a(56957),a.b),u=r()(t()),g=o()(d),m=o()(c);u.push([e.id,".index-module--r60cm {\n display: flex;\n gap: 10px;\n text-align: left;\n border-bottom: 1px solid black;\n margin-bottom: 10px;\n -webkit-user-select: text;\n -moz-user-select: text;\n user-select: text;\n}\n\n.index-module--r60cm th:hover:last-child {\n cursor: pointer;\n}\n.index-module--r60cm:nth-last-child(-n + 2) {\n margin-top: 12px;\n}\n\n.index-module--r60cm span {\n flex-basis: 100%;\n}\n.index-module--r60cm .index-module--lh4es {\n flex-basis: 15%;\n}\n.index-module--r60cm .index-module--qxxm5 {\n flex-basis: 20%;\n font-size: 12px;\n}\n.index-module--r60cm .index-module--K4JtC {\n flex-basis: 4%;\n}\n.index-module--r60cm .index-module--H6wez {\n flex-basis: 7.65%;\n}\n.index-module--TODYJ {\n height: 25px;\n background-repeat: no-repeat;\n cursor: pointer;\n background-position: 80% 50%;\n}\n.index-module--ATrFa {\n background-image: url("+g+");\n}\n\n.index-module--aRYUy {\n background-image: url("+m+");\n}\n.index-module--MO7gF {\n width: 45px;\n height: 45px;\n}\n.index-module--eEMYf {\n margin-top: 12px;\n}\n",""]);var x="index-module--r60cm",p="index-module--qxxm5",v="index-module--K4JtC",I="index-module--H6wez",D="index-module--TODYJ",M="index-module--ATrFa",f="index-module--aRYUy",C="index-module--MO7gF",b="index-module--eEMYf";const y=u},61667:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},29409:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4em00LjU5LTEyLjQyTDEwIDE0LjE3bC0yLjU5LTIuNThMNiAxM2w0IDQgOC04eiIvPjwvc3ZnPg=="},56957:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE5IDE5SDVWNWg3VjNINWMtMS4xMSAwLTIgLjktMiAydjE0YzAgMS4xLjg5IDIgMiAyaDE0YzEuMSAwIDItLjkgMi0ydi03aC0ydjd6TTE0IDN2MmgzLjU5bC05LjgzIDkuODMgMS40MSAxLjQxTDE5IDYuNDFWMTBoMlYzaC03eiIvPjwvc3ZnPg=="},65515:(e,n)=>{var a;!function(){"use strict";var i={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var a=arguments[n];a&&(e=appendClass(e,parseValue(a)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var a in e)i.call(e,a)&&e[a]&&(n=appendClass(n,a));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(a=function(){return classNames}.apply(n,[]))||(e.exports=a)}()}}]);
2
+ (self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1694,59],{21694:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>A});var a=i(84658),t=i(72874),r=i(50747),l=i.n(r),s=(i(87363),i(88683)),d=i(83308),o=i(9420),c=i(93379),u=i.n(c),g=i(7795),m=i.n(g),x=i(90569),p=i.n(x),v=i(3565),I=i.n(v),D=i(19216),M=i.n(D),f=i(44589),C=i.n(f),b=i(63238),y={};y.styleTagTransform=C(),y.setAttributes=I(),y.insert=p().bind(null,"head"),y.domAPI=m(),y.insertStyleElement=M();u()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var h=i(65515),T=i.n(h),j=i(47514),N=["tabGroupOption","basketId"];const A=(0,o.Pi)((function TabGroupOptions(e){var n,i,r,o=e.tabGroupOption,c=e.basketId,u=((0,t.Z)(e,N),(0,d.NP)()),g=u.divaWebPlanner.getDivaArticles(),m=null==g?void 0:g[c],x=null==m||null===(n=m.getArticleOptionState)||void 0===n?void 0:n.call(m,o.codex),p=Object.values(o.configSteps)[0].posNr;if(void 0===x)return(0,j.jsx)(j.Fragment,{});var v=null===(i=x.val)||void 0===i?void 0:i.image;v=v?null==m?void 0:m.CatalogData.getCatImageURL(v,"_low"):void 0;var I=function(){var e=(0,a.Z)(l().mark((function _callee(){return l().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return u.configuratorStructureHandler.setActStepByPosNrFromSummary(p),u.updateConfiguratorState(!0),e.next=4,s.DivaUtils.Sleep(100);case 4:u.paletteViewHandler.scrollToConfigStepByPosNr(p,!0);case 5:case"end":return e.stop()}}),_callee)})));return function clickNavigation(){return e.apply(this,arguments)}}();return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{onClick:I,className:b.b9,children:[(0,j.jsxs)("span",{children:[(0,j.jsx)("div",{children:x.optionName+" ("+x.optionCodex.replace("OPT","")+")"}),(0,j.jsx)("div",{children:x.valName+" ("+(null===(r=x.valCodex)||void 0===r?void 0:r.replace("OPV",""))+")"}),!!x.freeText&&(0,j.jsx)("div",{children:x.freeText})]}),(0,j.jsx)("span",{className:b.Bf,children:null!=v&&(0,j.jsx)("img",{src:v,className:b._C})}),(0,j.jsx)("span",{className:T()(b.To,b.E9),children:!(!x.usedCalcPrice&&!x.calcPrice)&&s.DivaUtils.formatPrice(x.usedCalcPrice||x.calcPrice)}),(0,j.jsx)("span",{className:T()(b.Bf,b.E9),children:x.headerPosVariationType}),(0,j.jsx)("span",{className:T()(b.lv,b.II,b.E9,x.isDefined?b.ec:b.El)})]})})}))},63238:(e,n,i)=>{"use strict";i.d(n,{Bf:()=>v,E9:()=>b,El:()=>f,II:()=>I,To:()=>p,ZP:()=>y,_C:()=>C,b9:()=>x,ec:()=>M,lv:()=>D});var a=i(8081),t=i.n(a),r=i(23645),l=i.n(r),s=i(61667),d=i.n(s),o=new URL(i(29409),i.b),c=new URL(i(56957),i.b),u=l()(t()),g=d()(o),m=d()(c);u.push([e.id,".index-module--r60cm {\n display: flex;\n gap: 10px;\n text-align: left;\n border-bottom: 1px solid black;\n margin-bottom: 10px;\n -webkit-user-select: text;\n -moz-user-select: text;\n user-select: text;\n}\n\n.index-module--r60cm th:hover:last-child {\n cursor: pointer;\n}\n.index-module--r60cm:nth-last-child(-n + 2) {\n margin-top: 12px;\n}\n\n.index-module--r60cm span {\n flex-basis: 100%;\n}\n.index-module--r60cm .index-module--lh4es {\n flex-basis: 15%;\n}\n.index-module--r60cm .index-module--qxxm5 {\n flex-basis: 20%;\n font-size: 12px;\n}\n.index-module--r60cm .index-module--K4JtC {\n flex-basis: 4%;\n}\n.index-module--r60cm .index-module--H6wez {\n flex-basis: 7.65%;\n}\n.index-module--TODYJ {\n height: 25px;\n background-repeat: no-repeat;\n cursor: pointer;\n background-position: 80% 50%;\n}\n.index-module--ATrFa {\n background-image: url("+g+");\n}\n\n.index-module--aRYUy {\n background-image: url("+m+");\n}\n.index-module--MO7gF {\n width: 45px;\n height: 45px;\n}\n.index-module--eEMYf {\n margin-top: 12px;\n}\n",""]);var x="index-module--r60cm",p="index-module--qxxm5",v="index-module--K4JtC",I="index-module--H6wez",D="index-module--TODYJ",M="index-module--ATrFa",f="index-module--aRYUy",C="index-module--MO7gF",b="index-module--eEMYf";const y=u},61667:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},29409:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4em00LjU5LTEyLjQyTDEwIDE0LjE3bC0yLjU5LTIuNThMNiAxM2w0IDQgOC04eiIvPjwvc3ZnPg=="},56957:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE5IDE5SDVWNWg3VjNINWMtMS4xMSAwLTIgLjktMiAydjE0YzAgMS4xLjg5IDIgMiAyaDE0YzEuMSAwIDItLjkgMi0ydi03aC0ydjd6TTE0IDN2MmgzLjU5bC05LjgzIDkuODMgMS40MSAxLjQxTDE5IDYuNDFWMTBoMlYzaC03eiIvPjwvc3ZnPg=="},65515:(e,n)=>{var i;!function(){"use strict";var a={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var i=arguments[n];i&&(e=appendClass(e,parseValue(i)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var i in e)a.call(e,i)&&e[i]&&(n=appendClass(n,i));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(i=function(){return classNames}.apply(n,[]))||(e.exports=i)}()}}]);
package/build/umd/1701.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 1701.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- (self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1701,59,9333,7854],{69333:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>w});var t=i(34988),o=i(83308),d=i(87363),r=i(93379),l=i.n(r),a=i(7795),s=i.n(a),u=i(90569),x=i.n(u),p=i(3565),c=i.n(p),m=i(19216),h=i.n(m),v=i(44589),b=i.n(v),y=i(84887),f={};f.styleTagTransform=b(),f.setAttributes=c(),f.insert=x().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=h();l()(y.Z,f);y.Z&&y.Z.locals&&y.Z.locals;var g=i(47514);const w=function MetaData(e){var n=e.style,i=e.metaData,r=e.visible,l=void 0===r?(0,d.useState)(""):r,a=(0,t.Z)(l,2),s=a[0],u=a[1],x=(0,o.NP)(),p=(0,d.useState)(""),c=(0,t.Z)(p,2),m=c[0],h=c[1],v=x.getViewConfig().displayMetaDatas,b=null==i?void 0:i.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,d.useEffect)((function(){if(b){for(var e="",n=0;n<b.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var o=null==i?void 0:i.find((function(e){return e.codex===v[t]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<v.length;o++)t(o)}h(e),u(e)}}),[]),s?(0,g.jsx)("div",{style:n,className:y.B,children:m}):(0,g.jsx)(g.Fragment,{})}},70403:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>N});var t=i(80248),o=i(34988),d=i(65515),r=i.n(d),l=i(83308),a=i(9420),s=i(87363),u=i(93379),x=i.n(u),p=i(7795),c=i.n(p),m=i(90569),h=i.n(m),v=i(3565),b=i.n(v),y=i(19216),f=i.n(y),g=i(44589),w=i.n(g),P=i(94896),O={};O.styleTagTransform=w(),O.setAttributes=b(),O.insert=h().bind(null,"head"),O.domAPI=c(),O.insertStyleElement=f();x()(P.ZP,O);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(13838),j=i(46770),k=i(24964),C=i(69333),D=i(88683),Z=i(45456),A=i(64699),z=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const N=(0,a.Pi)((function Option(e){var n,i,t=e.item,d=e.type,a=e.paletteId,u=e.hidePricePreview,x=t,p=(0,l.NP)(),c=(0,s.useState)(""),m=(0,o.Z)(c,2),h=m[0],v=m[1],b=(0,D.useDivaCore)().state.dimensions,y=b.isMobile,f=b.isTablet,g={},w={},O=void 0,N=!1,Y={},K=(0,j.XI)({delayEnter:600,hideOnScroll:!0}),G=(0,j.sJ)({isOpen:K[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return y||f||p.getViewConfig().hideTooltip||!x.image&&!x.hexColor||x.contentItemId||(N=K[0],Y=K[1],g=G.triggerProps,w=G.layerProps,O=G.renderLayer),(0,z.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:x.codex,className:r()("small"==d?P.yG:void 0,"big"==d?P.Eb:void 0,P.CA,x.sel?P.pA:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(x,void 0,a)}},g),Y),{},{children:[(0,z.jsxs)("div",{className:r()(P.be),children:[x.vCodex&&(0,z.jsx)("div",{className:r()(P.rq),children:x.vCodex}),x.image?(0,z.jsx)("img",{className:r()(P.K5),src:x.image}):(0,z.jsx)("div",{className:r()(P.K5),style:{backgroundColor:"#"+(null!==(n=x.hexColor)&&void 0!==n?n:"dfdfdf")}}),x.contentItemId&&(0,z.jsx)(Z.default,{item:x})]}),(0,z.jsx)("div",{className:P.TN,dangerouslySetInnerHTML:{__html:x.text}}),x.doShowFav&&(0,z.jsx)("div",{className:x.isFav?S.Md:S.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(x)}}),(0,z.jsx)(C.default,{style:{position:"relative",float:"left",display:"none"},metaData:x.metaData,visible:[h,v]},x.codex),!u&&void 0!==x.pricePreviewPromise&&(0,z.jsx)(A.default,{asyncPricePreview:x.pricePreviewPromise}),N&&(null===(i=O)||void 0===i?void 0:i((0,z.jsx)(k.default,{text:x.text+(x.freeText?x.freeText:""),hexColor:x.hexColor,desciption:h,image:x.image,pricePreviewPromise:x.pricePreviewPromise,layerProps:w},x.codex)))]}))}))},70821:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>d});i(87363);var t=i(70403),o=i(47514);const d=function GallerySerious(e){var n=e.item,i=e.paletteId,d=e.paletteType,r=e.hidePricePreview,l="small";return"GAL_BIG"===d&&(l="big"),(0,o.jsx)(t.default,{item:n,paletteId:i,type:l,hidePricePreview:r})}},84887:(e,n,i)=>{"use strict";i.d(n,{B:()=>l,Z:()=>a});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,".index-module--hpPAb {\n display: -webkit-box;\n max-height: 64px;\n min-height: 16px;\n color: var(--secondaryColor);\n overflow: hidden;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\n z-index: 100;\n font-size: 13px;\n line-height: 16px;\n color: var(--secondaryColor);\n width: 100%;\n}\n",""]);var l="index-module--hpPAb";const a=r},94896:(e,n,i)=>{"use strict";i.d(n,{CA:()=>l,Eb:()=>m,K5:()=>p,TN:()=>c,ZP:()=>h,be:()=>u,pA:()=>s,rq:()=>a,yG:()=>x});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,"/*Size Normal */\n\n.index-module--yZDvy {\n border-radius: var(--globalBorderRadius);\n position: relative;\n height: 136px;\n z-index: 100;\n transition: all 0.15s ease;\n cursor: pointer;\n}\n\n.index-module--yZDvy:active,\n.index-module--yZDvy:hover {\n z-index: 200;\n transition: 0.15s ease;\n}\n\n.index-module--cvOP1 {\n position: absolute;\n line-height: 104px;\n width: 100%;\n color: white;\n display: none;\n text-align: center;\n}\n\n.index-module--yZDvy:hover .index-module--cvOP1,\n.index-module--Vp1rj .index-module--cvOP1 {\n display: block;\n}\n\n.index-module--qd2SK {\n border-radius: 50%;\n border: 1px rgb(230, 230, 230) solid;\n width: 104px;\n height: 104px;\n transition: 0.15s ease;\n position: relative;\n}\n.index-module--qd2SK:hover {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n border: 1px var(--primaryColor) solid;\n border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--Vp1rj .index-module--qd2SK:hover,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK:hover {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--Vp1rj .index-module--qd2SK,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--kvBYP {\n width: 96px;\n height: 96px;\n border: 4px white solid;\n border-radius: 50%;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n}\n.index-module--Vp1rj .index-module--kvBYP,\n.index-module--GdaAS.index-module--Vp1rj .index-module--kvBYP {\n border: 4px var(--primaryColor) solid;\n border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--csbpq {\n width: 80px;\n height: 80px;\n}\n\n.index-module--H1OcY {\n margin-top: 4px;\n text-align: center;\n float: left;\n max-height: 64px;\n min-height: 16px;\n width: 100%;\n font-size: 14px;\n line-height: 16px;\n overflow: hidden;\n display: -webkit-box;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-hyphens: auto;\n hyphens: auto;\n -webkit-line-clamp: 2;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n z-index: 400;\n}\n\n.index-module--yZDvy:hover .index-module--H1OcY,\n.index-module--GdaAS .index-module--yZDvy:hover .index-module--H1OcY {\n max-height: 608px;\n -webkit-line-clamp: 30;\n overflow: visible;\n z-index: 200;\n}\n\n/* Size Small */\n\n.index-module--GdaAS.index-module--yZDvy {\n width: 60px;\n height: 80px;\n}\n\n.index-module--GdaAS .index-module--cvOP1 {\n line-height: 58px;\n font-size: 12px;\n}\n\n.index-module--GdaAS .index-module--qd2SK {\n width: 58px;\n height: 58px;\n}\n\n.index-module--GdaAS .index-module--kvBYP {\n width: 50px;\n height: 50px;\n}\n\n.index-module--GdaAS .index-module--H1OcY {\n font-size: 12px;\n margin-top: 6px;\n -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.index-module--uY8OD.index-module--yZDvy {\n width: 50px;\n height: 65px;\n}\n\n.index-module--uY8OD .index-module--cvOP1 {\n line-height: 48px;\n font-size: 10px;\n}\n\n.index-module--uY8OD .index-module--qd2SK {\n width: 48px;\n height: 48px;\n}\n\n.index-module--uY8OD .index-module--kvBYP {\n width: 40px;\n height: 40px;\n}\n\n.index-module--uY8OD .index-module--H1OcY {\n font-size: 10px;\n margin-top: 5px;\n -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.index-module--DPdO8.index-module--yZDvy {\n width: 170px;\n height: 200px;\n}\n\n.index-module--DPdO8 .index-module--cvOP1 {\n line-height: 158px;\n font-size: 15px;\n}\n\n.index-module--DPdO8 .index-module--qd2SK {\n width: 158px;\n height: 158px;\n}\n\n.index-module--DPdO8 .index-module--kvBYP {\n width: 150px;\n height: 150px;\n}\n\n.index-module--DPdO8 .index-module--H1OcY {\n font-size: 15px;\n margin-top: 10px;\n -webkit-line-clamp: 2;\n}\n",""]);var l="index-module--yZDvy",a="index-module--cvOP1",s="index-module--Vp1rj",u="index-module--qd2SK",x="index-module--GdaAS",p="index-module--kvBYP",c="index-module--H1OcY",m="index-module--DPdO8";const h=r},61667:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},65515:(e,n)=>{var i;!function(){"use strict";var t={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var i=arguments[n];i&&(e=appendClass(e,parseValue(i)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var i in e)t.call(e,i)&&e[i]&&(n=appendClass(n,i));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(i=function(){return classNames}.apply(n,[]))||(e.exports=i)}()}}]);
2
+ (self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1701,59,9333,7854],{69333:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>w});var t=i(34988),o=i(83308),d=i(87363),r=i(93379),l=i.n(r),a=i(7795),s=i.n(a),u=i(90569),x=i.n(u),p=i(3565),c=i.n(p),m=i(19216),h=i.n(m),v=i(44589),b=i.n(v),y=i(84887),f={};f.styleTagTransform=b(),f.setAttributes=c(),f.insert=x().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=h();l()(y.Z,f);y.Z&&y.Z.locals&&y.Z.locals;var g=i(47514);const w=function MetaData(e){var n=e.style,i=e.metaData,r=e.visible,l=void 0===r?(0,d.useState)(""):r,a=(0,t.Z)(l,2),s=a[0],u=a[1],x=(0,o.NP)(),p=(0,d.useState)(""),c=(0,t.Z)(p,2),m=c[0],h=c[1],v=x.getViewConfig().displayMetaDatas,b=null==i?void 0:i.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,d.useEffect)((function(){if(b){for(var e="",n=0;n<b.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var o=null==i?void 0:i.find((function(e){return e.codex===v[t]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<v.length;o++)t(o)}h(e),u(e)}}),[]),s?(0,g.jsx)("div",{style:n,className:y.B,children:m}):(0,g.jsx)(g.Fragment,{})}},70403:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>N});var t=i(80248),o=i(34988),d=i(65515),r=i.n(d),l=i(83308),a=i(9420),s=i(87363),u=i(93379),x=i.n(u),p=i(7795),c=i.n(p),m=i(90569),h=i.n(m),v=i(3565),b=i.n(v),y=i(19216),f=i.n(y),g=i(44589),w=i.n(g),P=i(94896),O={};O.styleTagTransform=w(),O.setAttributes=b(),O.insert=h().bind(null,"head"),O.domAPI=c(),O.insertStyleElement=f();x()(P.ZP,O);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(13838),j=i(46770),k=i(24964),C=i(69333),D=i(88683),Z=i(45456),A=i(64699),z=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const N=(0,a.Pi)((function Option(e){var n,i,t=e.item,d=e.type,a=e.paletteId,u=e.hidePricePreview,x=t,p=(0,l.NP)(),c=(0,s.useState)(""),m=(0,o.Z)(c,2),h=m[0],v=m[1],b=(0,D.useDivaCore)().state.dimensions,y=b.isMobile,f=b.isTablet,g={},w={},O=void 0,N=!1,Y={},K=(0,j.XI)({delayEnter:600,hideOnScroll:!0}),G=(0,j.sJ)({isOpen:K[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return y||f||p.getViewConfig().hideTooltip||!x.image&&!x.hexColor||x.contentItemId||(N=K[0],Y=K[1],g=G.triggerProps,w=G.layerProps,O=G.renderLayer),(0,z.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:x.codex,className:r()("small"==d?P.yG:void 0,"big"==d?P.Eb:void 0,P.CA,x.sel?P.pA:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(x,void 0,a)}},g),Y),{},{children:[(0,z.jsxs)("div",{className:r()(P.be),children:[x.vCodex&&(0,z.jsx)("div",{className:r()(P.rq),children:x.vCodex}),x.image?(0,z.jsx)("img",{className:r()(P.K5),src:x.image}):(0,z.jsx)("div",{className:r()(P.K5),style:{backgroundColor:"#"+(null!==(n=x.hexColor)&&void 0!==n?n:"dfdfdf")}}),x.contentItemId&&(0,z.jsx)(Z.default,{item:x})]}),(0,z.jsx)("div",{className:P.TN,dangerouslySetInnerHTML:{__html:x.text}}),x.doShowFav&&(0,z.jsx)("div",{className:x.isFav?S.Md:S.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(x)}}),(0,z.jsx)(C.default,{style:{position:"relative",float:"left",display:"none"},metaData:x.metaData,visible:[h,v]},x.codex),!u&&void 0!==x.pricePreviewPromise&&(0,z.jsx)(A.default,{asyncPricePreview:x.pricePreviewPromise,sel:x.sel}),N&&(null===(i=O)||void 0===i?void 0:i((0,z.jsx)(k.default,{text:x.text+(x.freeText?x.freeText:""),hexColor:x.hexColor,desciption:h,image:x.image,pricePreviewPromise:x.pricePreviewPromise,layerProps:w},x.codex)))]}))}))},70821:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>d});i(87363);var t=i(70403),o=i(47514);const d=function GallerySerious(e){var n=e.item,i=e.paletteId,d=e.paletteType,r=e.hidePricePreview,l="small";return"GAL_BIG"===d&&(l="big"),(0,o.jsx)(t.default,{item:n,paletteId:i,type:l,hidePricePreview:r})}},84887:(e,n,i)=>{"use strict";i.d(n,{B:()=>l,Z:()=>a});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,".index-module--hpPAb {\n display: -webkit-box;\n max-height: 64px;\n min-height: 16px;\n color: var(--secondaryColor);\n overflow: hidden;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\n z-index: 100;\n font-size: 13px;\n line-height: 16px;\n color: var(--secondaryColor);\n width: 100%;\n}\n",""]);var l="index-module--hpPAb";const a=r},94896:(e,n,i)=>{"use strict";i.d(n,{CA:()=>l,Eb:()=>m,K5:()=>p,TN:()=>c,ZP:()=>h,be:()=>u,pA:()=>s,rq:()=>a,yG:()=>x});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,"/*Size Normal */\n\n.index-module--yZDvy {\n border-radius: var(--globalBorderRadius);\n position: relative;\n height: 136px;\n z-index: 100;\n transition: all 0.15s ease;\n cursor: pointer;\n}\n\n.index-module--yZDvy:active,\n.index-module--yZDvy:hover {\n z-index: 200;\n transition: 0.15s ease;\n}\n\n.index-module--cvOP1 {\n position: absolute;\n line-height: 104px;\n width: 100%;\n color: white;\n display: none;\n text-align: center;\n}\n\n.index-module--yZDvy:hover .index-module--cvOP1,\n.index-module--Vp1rj .index-module--cvOP1 {\n display: block;\n}\n\n.index-module--qd2SK {\n border-radius: 50%;\n border: 1px rgb(230, 230, 230) solid;\n width: 104px;\n height: 104px;\n transition: 0.15s ease;\n position: relative;\n}\n.index-module--qd2SK:hover {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n border: 1px var(--primaryColor) solid;\n border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--Vp1rj .index-module--qd2SK:hover,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK:hover {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--Vp1rj .index-module--qd2SK,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--kvBYP {\n width: 96px;\n height: 96px;\n border: 4px white solid;\n border-radius: 50%;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n}\n.index-module--Vp1rj .index-module--kvBYP,\n.index-module--GdaAS.index-module--Vp1rj .index-module--kvBYP {\n border: 4px var(--primaryColor) solid;\n border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--csbpq {\n width: 80px;\n height: 80px;\n}\n\n.index-module--H1OcY {\n margin-top: 4px;\n text-align: center;\n float: left;\n max-height: 64px;\n min-height: 16px;\n width: 100%;\n font-size: 14px;\n line-height: 16px;\n overflow: hidden;\n display: -webkit-box;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-hyphens: auto;\n hyphens: auto;\n -webkit-line-clamp: 2;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n z-index: 400;\n}\n\n.index-module--yZDvy:hover .index-module--H1OcY,\n.index-module--GdaAS .index-module--yZDvy:hover .index-module--H1OcY {\n max-height: 608px;\n -webkit-line-clamp: 30;\n overflow: visible;\n z-index: 200;\n}\n\n/* Size Small */\n\n.index-module--GdaAS.index-module--yZDvy {\n width: 60px;\n height: 80px;\n}\n\n.index-module--GdaAS .index-module--cvOP1 {\n line-height: 58px;\n font-size: 12px;\n}\n\n.index-module--GdaAS .index-module--qd2SK {\n width: 58px;\n height: 58px;\n}\n\n.index-module--GdaAS .index-module--kvBYP {\n width: 50px;\n height: 50px;\n}\n\n.index-module--GdaAS .index-module--H1OcY {\n font-size: 12px;\n margin-top: 6px;\n -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.index-module--uY8OD.index-module--yZDvy {\n width: 50px;\n height: 65px;\n}\n\n.index-module--uY8OD .index-module--cvOP1 {\n line-height: 48px;\n font-size: 10px;\n}\n\n.index-module--uY8OD .index-module--qd2SK {\n width: 48px;\n height: 48px;\n}\n\n.index-module--uY8OD .index-module--kvBYP {\n width: 40px;\n height: 40px;\n}\n\n.index-module--uY8OD .index-module--H1OcY {\n font-size: 10px;\n margin-top: 5px;\n -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.index-module--DPdO8.index-module--yZDvy {\n width: 170px;\n height: 200px;\n}\n\n.index-module--DPdO8 .index-module--cvOP1 {\n line-height: 158px;\n font-size: 15px;\n}\n\n.index-module--DPdO8 .index-module--qd2SK {\n width: 158px;\n height: 158px;\n}\n\n.index-module--DPdO8 .index-module--kvBYP {\n width: 150px;\n height: 150px;\n}\n\n.index-module--DPdO8 .index-module--H1OcY {\n font-size: 15px;\n margin-top: 10px;\n -webkit-line-clamp: 2;\n}\n",""]);var l="index-module--yZDvy",a="index-module--cvOP1",s="index-module--Vp1rj",u="index-module--qd2SK",x="index-module--GdaAS",p="index-module--kvBYP",c="index-module--H1OcY",m="index-module--DPdO8";const h=r},61667:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},65515:(e,n)=>{var i;!function(){"use strict";var t={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var i=arguments[n];i&&(e=appendClass(e,parseValue(i)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var i in e)t.call(e,i)&&e[i]&&(n=appendClass(n,i));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(i=function(){return classNames}.apply(n,[]))||(e.exports=i)}()}}]);
package/build/umd/2175.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 2175.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2175],{72175:(e,t,i)=>{i.r(t),i.d(t,{default:()=>y});var n=i(13125),r=i(43860),s=i(80248),a=i(53544),o=i(88683),h={uniforms:{tDiffuse:{value:null},opacity:{value:1},backgroundImg:{value:null}},vertexShader:["varying vec2 vUv;","void main() {","\tvUv = uv;","\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );","}"].join("\n"),fragmentShader:["uniform float opacity;","uniform sampler2D tDiffuse;","uniform sampler2D backgroundImg;","varying vec2 vUv;","void main() {","\tvec4 texelForground = texture2D( tDiffuse, vUv );"," float brightness = 0.34 * texelForground.x + 0.5 *texelForground.y + 0.16 * texelForground.z; ","\tvec4 texelBackground = texture2D( backgroundImg, vUv );"," if( texelForground.w < 0.001){"," gl_FragColor = vec4(0, 0, 0, 0.0);"," }"," else if( texelBackground.x < 0.3 ){"," gl_FragColor = vec4(brightness,brightness,brightness, texelForground.w)* 0.8;"," }"," else {"," gl_FragColor = (1.0 - opacity) * vec4(brightness,brightness,brightness,texelForground.w);"," }","}"].join("\n")},d=i(82042);const l={name:"CopyShader",uniforms:{tDiffuse:{value:null},opacity:{value:1}},vertexShader:"\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvUv = uv;\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\n\t\t}",fragmentShader:"\n\n\t\tuniform float opacity;\n\n\t\tuniform sampler2D tDiffuse;\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvec4 texel = texture2D( tDiffuse, vUv );\n\t\t\tgl_FragColor = opacity * texel;\n\n\n\t\t}"};var c=i(25108);class Pass{constructor(){this.isPass=!0,this.enabled=!0,this.needsSwap=!0,this.clear=!1,this.renderToScreen=!1}setSize(){}render(){c.error("THREE.Pass: .render() must be implemented in derived pass.")}dispose(){}}const u=new d.iKG(-1,1,1,-1,0,1);class FullscreenTriangleGeometry extends d.u9r{constructor(){super(),this.setAttribute("position",new d.a$l([-1,3,0,-1,-1,0,3,-1,0],3)),this.setAttribute("uv",new d.a$l([0,2,0,0,2,0],2))}}const g=new FullscreenTriangleGeometry;class FullScreenQuad{constructor(e){this._mesh=new d.Kj0(g,e)}dispose(){this._mesh.geometry.dispose()}render(e){e.render(this._mesh,u)}get material(){return this._mesh.material}set material(e){this._mesh.material=e}}class ShaderPass extends Pass{constructor(e,t){super(),this.textureID=void 0!==t?t:"tDiffuse",e instanceof d.jyz?(this.uniforms=e.uniforms,this.material=e):e&&(this.uniforms=d.rDY.clone(e.uniforms),this.material=new d.jyz({name:void 0!==e.name?e.name:"unspecified",defines:Object.assign({},e.defines),uniforms:this.uniforms,vertexShader:e.vertexShader,fragmentShader:e.fragmentShader})),this.fsQuad=new FullScreenQuad(this.material)}render(e,t,i){this.uniforms[this.textureID]&&(this.uniforms[this.textureID].value=i.texture),this.fsQuad.material=this.material,this.renderToScreen?(e.setRenderTarget(null),this.fsQuad.render(e)):(e.setRenderTarget(t),this.clear&&e.clear(e.autoClearColor,e.autoClearDepth,e.autoClearStencil),this.fsQuad.render(e))}dispose(){this.material.dispose(),this.fsQuad.dispose()}}class MaskPass extends Pass{constructor(e,t){super(),this.scene=e,this.camera=t,this.clear=!0,this.needsSwap=!1,this.inverse=!1}render(e,t,i){const n=e.getContext(),r=e.state;let s,a;r.buffers.color.setMask(!1),r.buffers.depth.setMask(!1),r.buffers.color.setLocked(!0),r.buffers.depth.setLocked(!0),this.inverse?(s=0,a=1):(s=1,a=0),r.buffers.stencil.setTest(!0),r.buffers.stencil.setOp(n.REPLACE,n.REPLACE,n.REPLACE),r.buffers.stencil.setFunc(n.ALWAYS,s,4294967295),r.buffers.stencil.setClear(a),r.buffers.stencil.setLocked(!0),e.setRenderTarget(i),this.clear&&e.clear(),e.render(this.scene,this.camera),e.setRenderTarget(t),this.clear&&e.clear(),e.render(this.scene,this.camera),r.buffers.color.setLocked(!1),r.buffers.depth.setLocked(!1),r.buffers.color.setMask(!0),r.buffers.depth.setMask(!0),r.buffers.stencil.setLocked(!1),r.buffers.stencil.setFunc(n.EQUAL,1,4294967295),r.buffers.stencil.setOp(n.KEEP,n.KEEP,n.KEEP),r.buffers.stencil.setLocked(!0)}}class ClearMaskPass extends Pass{constructor(){super(),this.needsSwap=!1}render(e){e.state.buffers.stencil.setLocked(!1),e.state.buffers.stencil.setTest(!1)}}class EffectComposer{constructor(e,t){if(this.renderer=e,this._pixelRatio=e.getPixelRatio(),void 0===t){const i=e.getSize(new d.FM8);this._width=i.width,this._height=i.height,(t=new d.dd2(this._width*this._pixelRatio,this._height*this._pixelRatio,{type:d.cLu})).texture.name="EffectComposer.rt1"}else this._width=t.width,this._height=t.height;this.renderTarget1=t,this.renderTarget2=t.clone(),this.renderTarget2.texture.name="EffectComposer.rt2",this.writeBuffer=this.renderTarget1,this.readBuffer=this.renderTarget2,this.renderToScreen=!0,this.passes=[],this.copyPass=new ShaderPass(l),this.copyPass.material.blending=d.jFi,this.clock=new d.SUY}swapBuffers(){const e=this.readBuffer;this.readBuffer=this.writeBuffer,this.writeBuffer=e}addPass(e){this.passes.push(e),e.setSize(this._width*this._pixelRatio,this._height*this._pixelRatio)}insertPass(e,t){this.passes.splice(t,0,e),e.setSize(this._width*this._pixelRatio,this._height*this._pixelRatio)}removePass(e){const t=this.passes.indexOf(e);-1!==t&&this.passes.splice(t,1)}isLastEnabledPass(e){for(let t=e+1;t<this.passes.length;t++)if(this.passes[t].enabled)return!1;return!0}render(e){void 0===e&&(e=this.clock.getDelta());const t=this.renderer.getRenderTarget();let i=!1;for(let t=0,n=this.passes.length;t<n;t++){const n=this.passes[t];if(!1!==n.enabled){if(n.renderToScreen=this.renderToScreen&&this.isLastEnabledPass(t),n.render(this.renderer,this.writeBuffer,this.readBuffer,e,i),n.needsSwap){if(i){const t=this.renderer.getContext(),i=this.renderer.state.buffers.stencil;i.setFunc(t.NOTEQUAL,1,4294967295),this.copyPass.render(this.renderer,this.writeBuffer,this.readBuffer,e),i.setFunc(t.EQUAL,1,4294967295)}this.swapBuffers()}void 0!==MaskPass&&(n instanceof MaskPass?i=!0:n instanceof ClearMaskPass&&(i=!1))}}this.renderer.setRenderTarget(t)}reset(e){if(void 0===e){const t=this.renderer.getSize(new d.FM8);this._pixelRatio=this.renderer.getPixelRatio(),this._width=t.width,this._height=t.height,(e=this.renderTarget1.clone()).setSize(this._width*this._pixelRatio,this._height*this._pixelRatio)}this.renderTarget1.dispose(),this.renderTarget2.dispose(),this.renderTarget1=e,this.renderTarget2=e.clone(),this.writeBuffer=this.renderTarget1,this.readBuffer=this.renderTarget2}setSize(e,t){this._width=e,this._height=t;const i=this._width*this._pixelRatio,n=this._height*this._pixelRatio;this.renderTarget1.setSize(i,n),this.renderTarget2.setSize(i,n);for(let e=0;e<this.passes.length;e++)this.passes[e].setSize(i,n)}setPixelRatio(e){this._pixelRatio=e,this.setSize(this._width,this._height)}dispose(){this.renderTarget1.dispose(),this.renderTarget2.dispose(),this.copyPass.dispose()}}class RenderPass extends Pass{constructor(e,t,i=null,n=null,r=null){super(),this.scene=e,this.camera=t,this.overrideMaterial=i,this.clearColor=n,this.clearAlpha=r,this.clear=!0,this.clearDepth=!1,this.needsSwap=!1,this._oldClearColor=new d.Ilk}render(e,t,i){const n=e.autoClear;let r,s;e.autoClear=!1,null!==this.overrideMaterial&&(s=this.scene.overrideMaterial,this.scene.overrideMaterial=this.overrideMaterial),null!==this.clearColor&&(e.getClearColor(this._oldClearColor),e.setClearColor(this.clearColor)),null!==this.clearAlpha&&(r=e.getClearAlpha(),e.setClearAlpha(this.clearAlpha)),1==this.clearDepth&&e.clearDepth(),e.setRenderTarget(this.renderToScreen?null:i),!0===this.clear&&e.clear(e.autoClearColor,e.autoClearDepth,e.autoClearStencil),e.render(this.scene,this.camera),null!==this.clearColor&&e.setClearColor(this._oldClearColor),null!==this.clearAlpha&&e.setClearAlpha(r),null!==this.overrideMaterial&&(this.scene.overrideMaterial=s),e.autoClear=n}}var m=i(64426);class Vector2{constructor(e=0,t=0){Vector2.prototype.isVector2=!0,this.x=e,this.y=t}get width(){return this.x}set width(e){this.x=e}get height(){return this.y}set height(e){this.y=e}set(e,t){return this.x=e,this.y=t,this}setScalar(e){return this.x=e,this.y=e,this}setX(e){return this.x=e,this}setY(e){return this.y=e,this}setComponent(e,t){switch(e){case 0:this.x=t;break;case 1:this.y=t;break;default:throw new Error("index is out of range: "+e)}return this}getComponent(e){switch(e){case 0:return this.x;case 1:return this.y;default:throw new Error("index is out of range: "+e)}}clone(){return new this.constructor(this.x,this.y)}copy(e){return this.x=e.x,this.y=e.y,this}add(e){return this.x+=e.x,this.y+=e.y,this}addScalar(e){return this.x+=e,this.y+=e,this}addVectors(e,t){return this.x=e.x+t.x,this.y=e.y+t.y,this}addScaledVector(e,t){return this.x+=e.x*t,this.y+=e.y*t,this}sub(e){return this.x-=e.x,this.y-=e.y,this}subScalar(e){return this.x-=e,this.y-=e,this}subVectors(e,t){return this.x=e.x-t.x,this.y=e.y-t.y,this}multiply(e){return this.x*=e.x,this.y*=e.y,this}multiplyScalar(e){return this.x*=e,this.y*=e,this}divide(e){return this.x/=e.x,this.y/=e.y,this}divideScalar(e){return this.multiplyScalar(1/e)}applyMatrix3(e){const t=this.x,i=this.y,n=e.elements;return this.x=n[0]*t+n[3]*i+n[6],this.y=n[1]*t+n[4]*i+n[7],this}min(e){return this.x=Math.min(this.x,e.x),this.y=Math.min(this.y,e.y),this}max(e){return this.x=Math.max(this.x,e.x),this.y=Math.max(this.y,e.y),this}clamp(e,t){return this.x=Math.max(e.x,Math.min(t.x,this.x)),this.y=Math.max(e.y,Math.min(t.y,this.y)),this}clampScalar(e,t){return this.x=Math.max(e,Math.min(t,this.x)),this.y=Math.max(e,Math.min(t,this.y)),this}clampLength(e,t){const i=this.length();return this.divideScalar(i||1).multiplyScalar(Math.max(e,Math.min(t,i)))}floor(){return this.x=Math.floor(this.x),this.y=Math.floor(this.y),this}ceil(){return this.x=Math.ceil(this.x),this.y=Math.ceil(this.y),this}round(){return this.x=Math.round(this.x),this.y=Math.round(this.y),this}roundToZero(){return this.x=Math.trunc(this.x),this.y=Math.trunc(this.y),this}negate(){return this.x=-this.x,this.y=-this.y,this}dot(e){return this.x*e.x+this.y*e.y}cross(e){return this.x*e.y-this.y*e.x}lengthSq(){return this.x*this.x+this.y*this.y}length(){return Math.sqrt(this.x*this.x+this.y*this.y)}manhattanLength(){return Math.abs(this.x)+Math.abs(this.y)}normalize(){return this.divideScalar(this.length()||1)}angle(){return Math.atan2(-this.y,-this.x)+Math.PI}angleTo(e){const t=Math.sqrt(this.lengthSq()*e.lengthSq());if(0===t)return Math.PI/2;const i=this.dot(e)/t;return Math.acos(m.uZ(i,-1,1))}distanceTo(e){return Math.sqrt(this.distanceToSquared(e))}distanceToSquared(e){const t=this.x-e.x,i=this.y-e.y;return t*t+i*i}manhattanDistanceTo(e){return Math.abs(this.x-e.x)+Math.abs(this.y-e.y)}setLength(e){return this.normalize().multiplyScalar(e)}lerp(e,t){return this.x+=(e.x-this.x)*t,this.y+=(e.y-this.y)*t,this}lerpVectors(e,t,i){return this.x=e.x+(t.x-e.x)*i,this.y=e.y+(t.y-e.y)*i,this}equals(e){return e.x===this.x&&e.y===this.y}fromArray(e,t=0){return this.x=e[t],this.y=e[t+1],this}toArray(e=[],t=0){return e[t]=this.x,e[t+1]=this.y,e}fromBufferAttribute(e,t){return this.x=e.getX(t),this.y=e.getY(t),this}rotateAround(e,t){const i=Math.cos(t),n=Math.sin(t),r=this.x-e.x,s=this.y-e.y;return this.x=r*i-s*n+e.x,this.y=r*n+s*i+e.y,this}random(){return this.x=Math.random(),this.y=Math.random(),this}*[Symbol.iterator](){yield this.x,yield this.y}}var p=(0,o.getLogger)("Planner","Planner3DGrid"),f=function(){return(0,r.Z)((function Planner3DGrid(e,t){var i=this;(0,n.Z)(this,Planner3DGrid),(0,s.Z)(this,"autoDockingDistance",40),(0,s.Z)(this,"threeContainer",void 0),(0,s.Z)(this,"doShow3DGrid",!1),(0,s.Z)(this,"updatePlannerTrans",void 0),(0,s.Z)(this,"clearSelectionFrom3DGrid",void 0),(0,s.Z)(this,"getAllPlannedElements",void 0),(0,s.Z)(this,"groundPlane",void 0),(0,s.Z)(this,"camera",void 0),(0,s.Z)(this,"renderer",void 0),(0,s.Z)(this,"scene",void 0),(0,s.Z)(this,"sceneTree",void 0),(0,s.Z)(this,"backgroundTex",void 0),(0,s.Z)(this,"backGroundTexChanged",!1),(0,s.Z)(this,"canvasWidth",void 0),(0,s.Z)(this,"canvasHeight",void 0),(0,s.Z)(this,"moveIconPerspective",void 0),(0,s.Z)(this,"rotateIconPerspective",void 0),(0,s.Z)(this,"rotationCenter",void 0),(0,s.Z)(this,"isTransforming",!1),(0,s.Z)(this,"transformWorldPosLastFrame",void 0),(0,s.Z)(this,"curSelectedElement",void 0),(0,s.Z)(this,"blenderPass",null),(0,s.Z)(this,"composer",null),(0,s.Z)(this,"onMouseUpClearSelection",(function(e){i.clearSelectionFrom3DGrid(),i.threeContainer.removeEventListener("mouseup",i.onMouseUpClearSelection)})),(0,s.Z)(this,"getIntersectsGroundPlane",(function(e,t){if(i.camera){var n=new d.iMs,r=new d.Pa4;return e=e/i.canvasWidth*2-1,t=-t/i.canvasHeight*2+1,r.set(e,t,.5),n.setFromCamera(new d.FM8(r.x,r.y),i.camera),n.intersectObject(i.groundPlane,!0)}})),(0,s.Z)(this,"startMove",(function(e,t){i.isTransforming=!0;var n=i.getAllPlannedElements();n.has(e)&&(i.clearSceneTree(),n.forEach((function(e,t){for(var n=0;n<e.length;n++)i.updatePlannerElement(e[n])})),p.debug("Start transforming","Planner3DGrid"),i.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"START",i.autoDockingDistance))})),(0,s.Z)(this,"stopMove",(function(e,t){p.debug("Stop transforming","Planner3DGrid"),i.isTransforming=!1,i.transformWorldPosLastFrame=void 0,null!=i.curSelectedElement&&i.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"END",i.autoDockingDistance)})),(0,s.Z)(this,"startRotation",(function(e,t){i.isTransforming=!0;var n=i.getAllPlannedElements();n.has(e)&&(i.clearSceneTree(),n.forEach((function(e,t){for(var n=0;n<e.length;n++)i.updatePlannerElement(e[n])})),i.rotationCenter=void 0,i.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"START",i.autoDockingDistance))})),(0,s.Z)(this,"stopRotation",(function(e,t){i.isTransforming=!1,i.rotationCenter=void 0,i.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"END",i.autoDockingDistance)})),(0,s.Z)(this,"handleTranslation",(function(e,t,n){var r=i.getIntersectsGroundPlane(n.x,n.y);if(r.length>0){var s,o=new a.FM(r[0].point.x,r[0].point.z);if(p.debug("MOVE TO WORLD POS "+o.toString(),"Planner3DGrid"),!i.transformWorldPosLastFrame)return void(i.transformWorldPosLastFrame=o);var h=new a.FM(o.x-i.transformWorldPosLastFrame.x,o.y-i.transformWorldPosLastFrame.y),d=null===(s=i.sceneTree)||void 0===s?void 0:s.get(e).get(t);if(!d)return;d.position.x+=h.x,d.position.z+=h.y,null!=i.curSelectedElement&&i.updatePlannerTrans(i.curSelectedElement.getSetId(),i.curSelectedElement.getElementId(),new a.P(100*h.x,0,100*h.y),0,5,"UPDATE",i.autoDockingDistance),i.transformWorldPosLastFrame=o}})),(0,s.Z)(this,"handleRotation",(function(e,t,n){var r=i.getIntersectsGroundPlane(n.x,n.y);if(r.length>0){var s,o=null===(s=i.sceneTree)||void 0===s?void 0:s.get(e).get(t);if(!o)return;var h=new a.FM(r[0].point.x,r[0].point.z);if(i.rotationCenter){var d=new a.FM(h.x-o.position.x,h.y-o.position.z),l=new a.FM(0,1),c=a.FM.angleRad(d,l);h.x<o.position.x&&(c=2*Math.PI-c);var u=o.rotation.z-c;o.rotation.z=c,null!=i.curSelectedElement&&i.updatePlannerTrans(i.curSelectedElement.getSetId(),i.curSelectedElement.getElementId(),new a.P(0,0,0),180*u/Math.PI,5,"UPDATE",i.autoDockingDistance)}else i.rotationCenter=h}})),(0,s.Z)(this,"run",(function(){if(i.doShow3DGrid&&null!=i.renderer&&null!=i.backgroundTex){var e=i,t=i.isTransforming?30:10;setTimeout((function(){var t;null===(t=requestAnimationFrame)||void 0===t||t(e.run)}),1e3/t),i.backGroundTexChanged&&(i.backGroundTexChanged=!1,i.blenderPass.uniforms.backgroundImg.value=i.backgroundTex),i.composer.render()}})),this.getAllPlannedElements=t,this.sceneTree=new Map,this.curSelectedElement=void 0,this.threeContainer=null}),[{key:"setCallbackMethods",value:function setCallbackMethods(e,t){this.updatePlannerTrans=e,this.clearSelectionFrom3DGrid=t}},{key:"initialize",value:function initialize(e,t){if(p.debug("Initialize Planner3D Grid! ","ViewPlanner3DGrid - initialize"),this.canvasWidth=e,this.canvasHeight=t,this.threeContainer=document.getElementById("diva3dImg_3DGrid"),this.threeContainer){this.scene=new d.xsS,this.camera=new d.cPb(24,e/t,.1,1e3),this.renderer=new d.CP7({alpha:!0,antialias:!0}),this.renderer.setClearColor(0,0),this.renderer.setSize(e,t);var i=new d._12(100,100),n=new d.YBo({color:255,transparent:!0,opacity:0});this.groundPlane=new d.Kj0(i,n),this.groundPlane.rotation.x=-Math.PI/2,this.scene.add(this.groundPlane),this.camera.position.z=-3,this.backgroundTex=new d.xEZ,this.threeContainer.appendChild(this.renderer.domElement),this.doShow3DGrid=!1,this.composer=new EffectComposer(this.renderer),this.composer.addPass(new RenderPass(this.scene,this.camera)),this.blenderPass=new ShaderPass(h),this.blenderPass.uniforms.opacity.value=.92,this.blenderPass.renderToScreen=!0,this.composer.addPass(this.blenderPass)}}},{key:"destroy",value:function destroy(e){var t;this.threeContainer&&(p.debug("Destroy Planner3D Grid! ","ViewPlanner3DGrid - destroy"),this.hide3DGrid(),e.clear3DGridUI(),this.clearSceneTree(),this.hide3DGrid(),this.scene=void 0,this.sceneTree.clear(),null!==(t=this.threeContainer)&&void 0!==t&&t.firstChild&&this.threeContainer.removeChild(this.threeContainer.firstChild),this.backgroundTex=null,this.composer=null,this.blenderPass=null,this.camera=void 0,this.moveIconPerspective=null,this.rotateIconPerspective=null,this.groundPlane=null,this.renderer=void 0)}},{key:"rotToThreeRot",value:function rotToThreeRot(e){var t=new d._fP;t.setFromEuler(new d.USm(e.x*Math.PI/180,e.y*Math.PI/180,e.z*Math.PI/180)),t.w*=-1;var i=new d.USm;return i.setFromQuaternion(t),i.y+=Math.PI,i.z*=-1,i}},{key:"posToThreePos",value:function posToThreePos(e){return new a.P(e.x/100,e.y/100,e.z/100)}},{key:"clearSceneTree",value:function clearSceneTree(){var e=this;this.sceneTree.forEach((function(t,i){t.forEach((function(t,i){e.scene.remove(t)}))}))}},{key:"updateCamera",value:function updateCamera(e){if(this.camera){var t=e.getCamInfo();if(t){var i=this.posToThreePos(t.pos);this.camera.rotation.copy(this.rotToThreeRot(t.rot)),this.camera.position.x=i.x,this.camera.position.y=i.y,this.camera.position.z=i.z,this.camera.updateMatrixWorld()}}}},{key:"updateInteractionIcons",value:function updateInteractionIcons(e,t){var i=new a.FM(-.15,t.getDepthOLT()/100/2+.15);i=a.FM.rotateOrigin(i,t.getRotDeg());var n=new d.Pa4(t.getWorldPosCenter().x/100+i.x,0,t.getWorldPosCenter().z/100+i.y),r=a.FM.convertToVector2(this.convertWorldPosToScreenPos(n));if(null!=r){var s=new a.FM(.15,t.getDepthOLT()/100/2+.15);s=a.FM.rotateOrigin(s,t.getRotDeg());var o=new d.Pa4(t.getWorldPosCenter().x/100+s.x,0,t.getWorldPosCenter().z/100+s.y),h=a.FM.convertToVector2(this.convertWorldPosToScreenPos(o));if(null!=h){var l=new a.FM((r.x+(null==h?void 0:h.x))/2,(r.y+h.y)/2),c=a.FM.getDirection(r,l),u=a.FM.getDirection(h,l),g=a.FM.add(a.FM.mulNum(a.FM.normalize(c),32),l);g.interpretation="pixel";var m=a.FM.add(a.FM.mulNum(a.FM.normalize(u),32),l);m.interpretation="pixel",e.addMove3DGrid(t.getSetId(),t.getElementId(),g,this.startMove,this.handleTranslation,this.stopMove),e.addRot3DGrid(t.getSetId(),t.getElementId(),m,this.startRotation,this.handleRotation,this.stopRotation)}}}},{key:"updatePlannerElement",value:function updatePlannerElement(e){if(e.hasSvgDataOLTBase64()&&this.renderer&&this.scene){var t=(new d.dpR).load(e.getSvgDataOLTBase64());t.wrapS=d.rpg,t.wrapT=d.rpg,t.generateMipmaps=!0,t.anisotropy=this.renderer.capabilities.getMaxAnisotropy();var i=e.getWidthOLT()/100,n=e.getDepthOLT()/100,r=new d._12(i,n),s=new d.vBJ({map:t}),a=new d.Kj0(r,s);a.rotation.z=-e.getRotRad(),a.rotation.x=-Math.PI/2,a.position.x=e.getWorldPosCenter().x/100,a.position.y=e.getLayer()/500,a.position.z=e.getWorldPosCenter().z/100,this.sceneTree.has(e.getSetId())||this.sceneTree.set(e.getSetId(),new Map),this.sceneTree.get(e.getSetId()).set(e.getElementId(),a),this.scene.add(a)}}},{key:"updateScene",value:function updateScene(e,t,i,n,r){var s=this;if(this.renderer||this.camera){e.clear3DGridUI(),this.show3DGrid(),this.clearSceneTree(),this.curSelectedElement=i,this.initBackgroundScene(t),this.canvasWidth=r.imgWidth,this.canvasHeight=r.imgHeight;var a=t.getCamInfo();(this.renderer&&this.renderer.getSize(new d.FM8).x!=r.imgWidth||this.renderer.getSize(new d.FM8).y!=r.imgHeight||(null==a?void 0:a.vertFov)!=this.camera.fov)&&(this.camera.fov=a.vertFov,this.camera.aspect=r.imgWidth/r.imgHeight,this.camera.updateProjectionMatrix(),this.renderer.setSize(r.imgWidth,r.imgHeight)),this.updateCamera(t),n.forEach((function(t,n){for(var r=0;r<t.length;r++)null!=i&&t[r].getElementId()==i.getElementId()&&s.updateInteractionIcons(e,t[r])}))}}},{key:"initBackgroundScene",value:function initBackgroundScene(e){if(!e.HasLayerMaskThreeTexture){var t=new d.dpR;e.LayerMaskThreeTexture=t.load(e.getLayerMaskForSrc())}this.backgroundTex=e.LayerMaskThreeTexture,this.backGroundTexChanged=!0}},{key:"isInTrasnformMode",value:function isInTrasnformMode(){return this.isTransforming}},{key:"show3DGrid",value:function show3DGrid(){this.doShow3DGrid||(this.doShow3DGrid=!0,this.run())}},{key:"hide3DGrid",value:function hide3DGrid(){this.renderer&&this.doShow3DGrid&&(this.renderer.clear(),this.doShow3DGrid=!1)}},{key:"updateUI",value:function updateUI(e,t){e.clear3DGridUI(),this.curSelectedElement=t,this.show3DGrid(),this.updateInteractionIcons(e,t)}},{key:"getPositionOfCanvasContainer",value:function getPositionOfCanvasContainer(){return new a.FM(0,0)}},{key:"convertWorldPosToScreenPos",value:function convertWorldPosToScreenPos(e){var t=e.clone();t.project(this.camera);var i=this.canvasWidth/2,n=this.canvasHeight/2;return t.x=t.x*i+i,t.y=-t.y*n+n,new Vector2(t.x,t.y)}}])}(),v=function(){return(0,r.Z)((function Planner3DImageUI(e,t){(0,n.Z)(this,Planner3DImageUI),(0,s.Z)(this,"uiHTMLContainer",void 0),(0,s.Z)(this,"classUI","wc3DImageUI"),(0,s.Z)(this,"getConfiguratorState",void 0),(0,s.Z)(this,"plannerPaletteViewInfo",void 0),this.getConfiguratorState=e,this.plannerPaletteViewInfo=t}),[{key:"addDelIcon",value:function addDelIcon(e,t,i,n){i>100||i<0||n>100||n<0||e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),new a.FM(i,n,"percentage"),"BOX"==t.getPlannerType()?"BOX":"3D")}},{key:"addDimensionInfo",value:function addDimensionInfo(e,t,i,n){var r=n.getAlternateRenderInfo();if(!n.getAlternateRenderingsExist()||null!=r){var s=i.parentElementId+"."+i.shelfGridId+"."+i.shelfRasterHeight,a=n.getLeftBottomFrontUIPos(t,s);if(a&&!(a.x<0||a.x>100||a.y<0||a.y>100)){var o=Math.round(n.getDistanceToGround(t,s));-1!=o&&e.addDistanceFromGround(t,i.parentElementId,o,a)}}}},{key:"addPosNrUI",value:function addPosNrUI(e,t,i,n,r,s){i<0&&(i=0),i>100&&(i=100),n<0&&(n=0),n>100&&(n=100),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),new a.FM(i,n,"percentage"),t.getRotDeg(),1,e.getPosNrByBasketId(t.getBasketId()).toString(),r?"selected":s?"selectable":"unselectable","3D")}},{key:"addBoxPlannerDockingPoints",value:function addBoxPlannerDockingPoints(e,t,i){var n=!1,r=t.getFreeDockingPointByTypeAndNumber("AVO",1);null==r||r.IsDisabled||(n=!0);var s=i.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"LEFTCENTER");s&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyLeft",s,"3D");var a=i.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"RIGHTCENTER");if(a&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyRight",a,"3D"),n){var o=i.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"TOPCENTER");o&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyTop",o,"3D")}}},{key:"addCopyIcon",value:function addCopyIcon(e,t){e.addCopy(t.getSetId(),t.getElementId(),"CopyElement",new a.FM(0,0),"3D")}},{key:"addAccDockingPoints",value:function addAccDockingPoints(e,t,i,n){for(var r=t.getAllDockingPoints(),s=0;s<r.length;s++){var o,h=r[s];if((null===(o=this.plannerPaletteViewInfo)||void 0===o||null===(o=o.plannerConfiguration.hideAVButtons)||void 0===o||!o.includes(h.Type))&&(("AVO"==h.Type||"AVC"==h.Type||"AVU"==h.Type||"AVS"==h.Type||"AVN"==h.Type)&&null==n||n===h.Type))for(var d=0;d<i.length;d++)h.Name==i[d].N&&e.addDP(t.getSetId(),t.getElementId(),h.DpId,"ACC",h.IsDocking?"DOCKING":"NOT_DOCKING",h.OnElementId,t.getRotDeg(),0,new a.FM(i[d].x,i[d].y,"percentage"),"3D")}}},{key:"addOutlinePolygon",value:function addOutlinePolygon(e,t,i,n,r){var s=t.getOutlinePolygonForSVG(i.getSetId(),i.getElementId(),r);s&&e.addOutline3D(i.getSetId(),i.getElementId(),s.points,s.avgCamDist,n,"BOX"==i.getPlannerType())}},{key:"initialize",value:function initialize(e){this.uiHTMLContainer||(this.uiHTMLContainer=document.createElement("div"),this.uiHTMLContainer.classList.add(this.classUI),e.appendChild(this.uiHTMLContainer))}},{key:"isParentSelectedRecursive",value:function isParentSelectedRecursive(e,t){for(var i=0;i<t.length;i++){for(var n=t[i].getCurrentAccessorires(),r=0;r<n.length;r++)if(n[r].getElementId()==e.getElementId())return!0;t=t.concat(n)}return!1}},{key:"updateUI",value:function updateUI(e,t,i,n,r,s,a,o,h){var d=this;e.clear2D3DViewerUI(),t.forEach((function(t,i){for(var o=0;o<t.length;o++){var l=t[o];if(n.hasUIInfosOfElement(l.getSetId(),l.getElementId())){var c=!1,u=a;if(r.has(i))c=r.get(i).map((function(e){return e.getElementId()})).includes(l.getElementId());if(!c&&!a&&s.has(i))for(var g=s.get(i),m=0;m<g.length;m++)if(l.getElementId()==g[m].getElementId()){u=!0;break}switch(d.addOutlinePolygon(e,n,l,c?"selected":u?"selectable":"unselectable",h),l.getPlannerType()){case"STD":var p=n.getLeftTopBackUIPos(l.getSetId(),l.getElementId());if(p&&d.addPosNrUI(e,l,p.x,p.y,c,u),c&&["PLANNER","PRODUCTS","PROMOTED"].includes(d.getConfiguratorState())){l.getIsDockedAccessoire()?d.addAccDockingPoints(e,l,n.getAllDockingPoints(l.getSetId(),l.getElementId()),"AVO"):d.addAccDockingPoints(e,l,n.getAllDockingPoints(l.getSetId(),l.getElementId()));var f=n.getRightTopBackUIPos(l.getSetId(),l.getElementId());d.addDelIcon(e,l,f.x,f.y),d.addCopyIcon(e,l)}if("ACC_PLANNER"==d.getConfiguratorState()&&l.getIsDockedAccessoire()){var v=n.getRightTopBackUIPos(l.getSetId(),l.getElementId());d.addDelIcon(e,l,v.x,v.y)}break;case"BOX":var y=n.getBoxPlannerCornerUIPos(l.getSetId(),l.getElementId(),"RIGHTTOPFRONT");if(y&&d.addPosNrUI(e,l,y.x,y.y,c,u),c&&(d.addBoxPlannerDockingPoints(e,l,n),!d.checkBoxPlannerSingleElement(t)&&null!=l.getFreeDockingPointByTypeAndNumber("AVO",1))){var S=n.getBoxPlannerCornerUIPos(l.getSetId(),l.getElementId(),"RIGHTTOPFRONT");S&&d.addDelIcon(e,l,S.x,S.y)}}}}})),i.forEach((function(t,i){for(var r=0;r<t.length;r++){var s=t[r];s.isShelfAcc&&d.addDimensionInfo(e,i,s,n)}}))}},{key:"checkBoxPlannerSingleElement",value:function checkBoxPlannerSingleElement(e){if(1==e.length)return!0;if(2==e.length)for(var t=e[0].getAllDockingPoints(),i=e[0].getAllDockingPoints(),n=0;n<t.length;n++)for(var r=t[n],s=0;s<i.length;s++){var a=i[s];if(r.IsDocking&&a.IsDocking&&2==r.Number&&2==a.Number&&("AVO"==r.Type||"AVU"==r.Type))return!0}return!1}},{key:"Class3DUI",get:function get(){return this.classUI}}])}(),y=function(){return(0,r.Z)((function Planner3DImage(e,t,i,r,o,h){var d=this;(0,n.Z)(this,Planner3DImage),(0,s.Z)(this,"domContainer",void 0),(0,s.Z)(this,"imageContainer",void 0),(0,s.Z)(this,"UIHandler",void 0),(0,s.Z)(this,"curRendering",void 0),(0,s.Z)(this,"planner3DGrid",void 0),(0,s.Z)(this,"handle3DVisualizationChanged",void 0),(0,s.Z)(this,"update3DImgSrcInView",void 0),(0,s.Z)(this,"onDoShowNav3DChanged",void 0),(0,s.Z)(this,"onSwipeStartScreenPos",void 0),(0,s.Z)(this,"onSwipeStartTime",void 0),(0,s.Z)(this,"detectSwipe",void 0),(0,s.Z)(this,"swipeDetectedCurrentFrame",void 0),(0,s.Z)(this,"enablePlanner3DGrid",void 0),(0,s.Z)(this,"touchPositionLastFrame",void 0),(0,s.Z)(this,"touchMoveDetected",(function(e){e.preventDefault()})),(0,s.Z)(this,"startDetectingSwipeMouse",(function(e){d.planner3DGrid.isInTrasnformMode()||d.curRendering.getHasStaticBackground()||(d.onSwipeStartScreenPos=new a.FM(e.clientX,e.clientY),d.onSwipeStartTime=(new Date).getTime(),d.detectSwipe=!0,d.domContainer.addEventListener("mouseup",d.endDetectingSwipeMouse,{passive:!0}))})),(0,s.Z)(this,"startDetectingSwipeTouch",(function(e){if(!d.planner3DGrid.isInTrasnformMode()&&!d.curRendering.getHasStaticBackground()&&1==e.touches.length){var t=e.touches[0];d.onSwipeStartScreenPos=new a.FM(t.clientX,t.clientY),d.onSwipeStartTime=(new Date).getTime(),d.detectSwipe=!0,d.touchPositionLastFrame=void 0,d.domContainer.addEventListener("touchend",d.endDetectingSwipeTouch,{passive:!0}),d.domContainer.addEventListener("touchmove",d.onSwipeMoveTouch,{passive:!0})}})),(0,s.Z)(this,"endDetectingSwipeMouse",(function(e){d.handleSwipeDetection(e.clientX,e.clientY);var t=d;d.domContainer.removeEventListener("mouseup",t.endDetectingSwipeMouse,!1)})),(0,s.Z)(this,"onSwipeMoveTouch",(function(e){if(1==e.touches.length){var t=e.touches[0];d.touchPositionLastFrame=new a.FM(t.clientX,t.clientY)}})),(0,s.Z)(this,"endDetectingSwipeTouch",(function(e){null!=d.touchPositionLastFrame&&d.handleSwipeDetection(d.touchPositionLastFrame.x,d.touchPositionLastFrame.y),d.touchPositionLastFrame=void 0,d.domContainer.removeEventListener("touchmove",d.onSwipeMoveTouch,!1),d.domContainer.removeEventListener("touchend",d.endDetectingSwipeTouch,!1)})),this.onSwipeStartScreenPos=new a.FM(-1,-1),this.onSwipeStartTime=(new Date).getTime(),this.detectSwipe=!0,this.UIHandler=new v(e,h),this.curRendering=new a.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.planner3DGrid=new f(i,o),this.onDoShowNav3DChanged=r,this.enablePlanner3DGrid=!1,this.swipeDetectedCurrentFrame=!1,this.update3DImgSrcInView=t}),[{key:"initialize",value:function initialize(e,t,i,n){this.imageContainer=document.getElementById(e),this.planner3DGrid.setCallbackMethods(t,i),this.imageContainer&&(this.addNavigationEvents(this.imageContainer),this.UIHandler.initialize(this.imageContainer)),this.handle3DVisualizationChanged=n}},{key:"handlePlanner3DGridChanged",value:function handlePlanner3DGridChanged(e,t,i,n){if(i)this.enablePlanner3DGrid&&(this.enablePlanner3DGrid=!1,this.planner3DGrid.destroy(e));else{var r=this.enablePlanner3DGrid;this.enablePlanner3DGrid=!!n||!this.enablePlanner3DGrid,r&&!this.enablePlanner3DGrid?this.planner3DGrid.destroy(e):!r&&this.enablePlanner3DGrid&&this.planner3DGrid.initialize(t.imgWidth,t.imgHeight)}}},{key:"clearView",value:function clearView(e){this.planner3DGrid.destroy(e),this.curRendering=new a.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.update3DImgSrcInView("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==")}},{key:"getPlanner3DGridEnabled",value:function getPlanner3DGridEnabled(){return this.enablePlanner3DGrid}},{key:"getPlanner3DGridIsInTransformMode",value:function getPlanner3DGridIsInTransformMode(){return this.planner3DGrid.isInTrasnformMode()}},{key:"addNavigationEvents",value:function addNavigationEvents(e){this.domContainer=e;var t=this;e&&(e.addEventListener("mousedown",t.startDetectingSwipeMouse,{passive:!0}),e.addEventListener("touchstart",t.startDetectingSwipeTouch,{passive:!0}),e.addEventListener("touchmove",t.touchMoveDetected,{passive:!0}))}},{key:"handleSwipeDetection",value:function handleSwipeDetection(e,t){if(!this.planner3DGrid.isInTrasnformMode()){if(this.detectSwipe&&(new Date).getTime()-this.onSwipeStartTime<1500&&(Math.abs(this.onSwipeStartScreenPos.x-e)>10||Math.abs(this.onSwipeStartScreenPos.y-t)>10)){var i=e-this.onSwipeStartScreenPos.x,n=this.onSwipeStartScreenPos.x-e,r=t-this.onSwipeStartScreenPos.y,s=this.onSwipeStartScreenPos.y-t;i>0&&i>r&&i>s?null!=this.handle3DVisualizationChanged&&(this.handle3DVisualizationChanged("Nav3DSwipe",{doSwipeRight:!0}),this.swipeDetectedCurrentFrame=!0):n>0&&n>r&&n>s?null!=this.handle3DVisualizationChanged&&(this.handle3DVisualizationChanged("Nav3DSwipe",{doSwipeLeft:!0}),this.swipeDetectedCurrentFrame=!0):r>0&&r>i&&r>n?null!=this.handle3DVisualizationChanged&&(this.handle3DVisualizationChanged("Nav3DSwipe",{doSwipeDown:!0}),this.swipeDetectedCurrentFrame=!0):s>0&&s>i&&s>n&&null!=this.handle3DVisualizationChanged&&(this.handle3DVisualizationChanged("Nav3DSwipe",{doSwipeUp:!0}),this.swipeDetectedCurrentFrame=!0)}this.detectSwipe=!1}}},{key:"getSwipeDetectionFinished",value:function getSwipeDetectionFinished(){return!this.detectSwipe}},{key:"getSwipeDetectedCurrentFrame",value:function getSwipeDetectedCurrentFrame(){var e=this.swipeDetectedCurrentFrame;return this.swipeDetectedCurrentFrame=!1,e}},{key:"updateUI",value:function updateUI(e,t,i,n,r,s,a,o){var h=this;this.enablePlanner3DGrid&&(n.size>0?n.forEach((function(t,i){for(var n=0;n<t.length;n++)h.planner3DGrid.updateUI(e,t[n])})):e.clear2D3DViewerUI()),this.UIHandler.updateUI(e,t,i,this.curRendering,n,r,s,a,o)}},{key:"updatePlannerView",value:function updatePlannerView(e,t,i,n,r){var s=this.curRendering.getHasStaticBackground(),a=t.getHasStaticBackground();if(s!=a&&this.onDoShowNav3DChanged(!a),this.curRendering=t,this.update3DImgSrcInView(t.getImageForSrc()),this.enablePlanner3DGrid){var o=void 0;n.size>0&&n.forEach((function(e,t){null==o&&e.length>0&&(o=e[0])})),this.planner3DGrid.updateScene(e,t,o,i,r)}}},{key:"resetSelectedElementsOnEnterPlannerMode",value:function resetSelectedElementsOnEnterPlannerMode(){return!1}}])}()}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2175],{72175:(e,t,r)=>{r.r(t),r.d(t,{default:()=>y});var i=r(13125),n=r(43860),s=r(80248),a=r(53544),o=r(88683),h={uniforms:{tDiffuse:{value:null},opacity:{value:1},backgroundImg:{value:null}},vertexShader:["varying vec2 vUv;","void main() {","\tvUv = uv;","\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );","}"].join("\n"),fragmentShader:["uniform float opacity;","uniform sampler2D tDiffuse;","uniform sampler2D backgroundImg;","varying vec2 vUv;","void main() {","\tvec4 texelForground = texture2D( tDiffuse, vUv );"," float brightness = 0.34 * texelForground.x + 0.5 *texelForground.y + 0.16 * texelForground.z; ","\tvec4 texelBackground = texture2D( backgroundImg, vUv );"," if( texelForground.w < 0.001){"," gl_FragColor = vec4(0, 0, 0, 0.0);"," }"," else if( texelBackground.x < 0.3 ){"," gl_FragColor = vec4(brightness,brightness,brightness, texelForground.w)* 0.8;"," }"," else {"," gl_FragColor = (1.0 - opacity) * vec4(brightness,brightness,brightness,texelForground.w);"," }","}"].join("\n")},l=r(82042);const d={name:"CopyShader",uniforms:{tDiffuse:{value:null},opacity:{value:1}},vertexShader:"\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvUv = uv;\n\t\t\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n\n\t\t}",fragmentShader:"\n\n\t\tuniform float opacity;\n\n\t\tuniform sampler2D tDiffuse;\n\n\t\tvarying vec2 vUv;\n\n\t\tvoid main() {\n\n\t\t\tvec4 texel = texture2D( tDiffuse, vUv );\n\t\t\tgl_FragColor = opacity * texel;\n\n\n\t\t}"};var c=r(25108);class Pass{constructor(){this.isPass=!0,this.enabled=!0,this.needsSwap=!0,this.clear=!1,this.renderToScreen=!1}setSize(){}render(){c.error("THREE.Pass: .render() must be implemented in derived pass.")}dispose(){}}const u=new l.iKG(-1,1,1,-1,0,1);class FullscreenTriangleGeometry extends l.u9r{constructor(){super(),this.setAttribute("position",new l.a$l([-1,3,0,-1,-1,0,3,-1,0],3)),this.setAttribute("uv",new l.a$l([0,2,0,0,2,0],2))}}const g=new FullscreenTriangleGeometry;class FullScreenQuad{constructor(e){this._mesh=new l.Kj0(g,e)}dispose(){this._mesh.geometry.dispose()}render(e){e.render(this._mesh,u)}get material(){return this._mesh.material}set material(e){this._mesh.material=e}}class ShaderPass extends Pass{constructor(e,t){super(),this.textureID=void 0!==t?t:"tDiffuse",e instanceof l.jyz?(this.uniforms=e.uniforms,this.material=e):e&&(this.uniforms=l.rDY.clone(e.uniforms),this.material=new l.jyz({name:void 0!==e.name?e.name:"unspecified",defines:Object.assign({},e.defines),uniforms:this.uniforms,vertexShader:e.vertexShader,fragmentShader:e.fragmentShader})),this.fsQuad=new FullScreenQuad(this.material)}render(e,t,r){this.uniforms[this.textureID]&&(this.uniforms[this.textureID].value=r.texture),this.fsQuad.material=this.material,this.renderToScreen?(e.setRenderTarget(null),this.fsQuad.render(e)):(e.setRenderTarget(t),this.clear&&e.clear(e.autoClearColor,e.autoClearDepth,e.autoClearStencil),this.fsQuad.render(e))}dispose(){this.material.dispose(),this.fsQuad.dispose()}}class MaskPass extends Pass{constructor(e,t){super(),this.scene=e,this.camera=t,this.clear=!0,this.needsSwap=!1,this.inverse=!1}render(e,t,r){const i=e.getContext(),n=e.state;let s,a;n.buffers.color.setMask(!1),n.buffers.depth.setMask(!1),n.buffers.color.setLocked(!0),n.buffers.depth.setLocked(!0),this.inverse?(s=0,a=1):(s=1,a=0),n.buffers.stencil.setTest(!0),n.buffers.stencil.setOp(i.REPLACE,i.REPLACE,i.REPLACE),n.buffers.stencil.setFunc(i.ALWAYS,s,4294967295),n.buffers.stencil.setClear(a),n.buffers.stencil.setLocked(!0),e.setRenderTarget(r),this.clear&&e.clear(),e.render(this.scene,this.camera),e.setRenderTarget(t),this.clear&&e.clear(),e.render(this.scene,this.camera),n.buffers.color.setLocked(!1),n.buffers.depth.setLocked(!1),n.buffers.color.setMask(!0),n.buffers.depth.setMask(!0),n.buffers.stencil.setLocked(!1),n.buffers.stencil.setFunc(i.EQUAL,1,4294967295),n.buffers.stencil.setOp(i.KEEP,i.KEEP,i.KEEP),n.buffers.stencil.setLocked(!0)}}class ClearMaskPass extends Pass{constructor(){super(),this.needsSwap=!1}render(e){e.state.buffers.stencil.setLocked(!1),e.state.buffers.stencil.setTest(!1)}}class EffectComposer{constructor(e,t){if(this.renderer=e,this._pixelRatio=e.getPixelRatio(),void 0===t){const r=e.getSize(new l.FM8);this._width=r.width,this._height=r.height,(t=new l.dd2(this._width*this._pixelRatio,this._height*this._pixelRatio,{type:l.cLu})).texture.name="EffectComposer.rt1"}else this._width=t.width,this._height=t.height;this.renderTarget1=t,this.renderTarget2=t.clone(),this.renderTarget2.texture.name="EffectComposer.rt2",this.writeBuffer=this.renderTarget1,this.readBuffer=this.renderTarget2,this.renderToScreen=!0,this.passes=[],this.copyPass=new ShaderPass(d),this.copyPass.material.blending=l.jFi,this.clock=new l.SUY}swapBuffers(){const e=this.readBuffer;this.readBuffer=this.writeBuffer,this.writeBuffer=e}addPass(e){this.passes.push(e),e.setSize(this._width*this._pixelRatio,this._height*this._pixelRatio)}insertPass(e,t){this.passes.splice(t,0,e),e.setSize(this._width*this._pixelRatio,this._height*this._pixelRatio)}removePass(e){const t=this.passes.indexOf(e);-1!==t&&this.passes.splice(t,1)}isLastEnabledPass(e){for(let t=e+1;t<this.passes.length;t++)if(this.passes[t].enabled)return!1;return!0}render(e){void 0===e&&(e=this.clock.getDelta());const t=this.renderer.getRenderTarget();let r=!1;for(let t=0,i=this.passes.length;t<i;t++){const i=this.passes[t];if(!1!==i.enabled){if(i.renderToScreen=this.renderToScreen&&this.isLastEnabledPass(t),i.render(this.renderer,this.writeBuffer,this.readBuffer,e,r),i.needsSwap){if(r){const t=this.renderer.getContext(),r=this.renderer.state.buffers.stencil;r.setFunc(t.NOTEQUAL,1,4294967295),this.copyPass.render(this.renderer,this.writeBuffer,this.readBuffer,e),r.setFunc(t.EQUAL,1,4294967295)}this.swapBuffers()}void 0!==MaskPass&&(i instanceof MaskPass?r=!0:i instanceof ClearMaskPass&&(r=!1))}}this.renderer.setRenderTarget(t)}reset(e){if(void 0===e){const t=this.renderer.getSize(new l.FM8);this._pixelRatio=this.renderer.getPixelRatio(),this._width=t.width,this._height=t.height,(e=this.renderTarget1.clone()).setSize(this._width*this._pixelRatio,this._height*this._pixelRatio)}this.renderTarget1.dispose(),this.renderTarget2.dispose(),this.renderTarget1=e,this.renderTarget2=e.clone(),this.writeBuffer=this.renderTarget1,this.readBuffer=this.renderTarget2}setSize(e,t){this._width=e,this._height=t;const r=this._width*this._pixelRatio,i=this._height*this._pixelRatio;this.renderTarget1.setSize(r,i),this.renderTarget2.setSize(r,i);for(let e=0;e<this.passes.length;e++)this.passes[e].setSize(r,i)}setPixelRatio(e){this._pixelRatio=e,this.setSize(this._width,this._height)}dispose(){this.renderTarget1.dispose(),this.renderTarget2.dispose(),this.copyPass.dispose()}}class RenderPass extends Pass{constructor(e,t,r=null,i=null,n=null){super(),this.scene=e,this.camera=t,this.overrideMaterial=r,this.clearColor=i,this.clearAlpha=n,this.clear=!0,this.clearDepth=!1,this.needsSwap=!1,this._oldClearColor=new l.Ilk}render(e,t,r){const i=e.autoClear;let n,s;e.autoClear=!1,null!==this.overrideMaterial&&(s=this.scene.overrideMaterial,this.scene.overrideMaterial=this.overrideMaterial),null!==this.clearColor&&(e.getClearColor(this._oldClearColor),e.setClearColor(this.clearColor)),null!==this.clearAlpha&&(n=e.getClearAlpha(),e.setClearAlpha(this.clearAlpha)),1==this.clearDepth&&e.clearDepth(),e.setRenderTarget(this.renderToScreen?null:r),!0===this.clear&&e.clear(e.autoClearColor,e.autoClearDepth,e.autoClearStencil),e.render(this.scene,this.camera),null!==this.clearColor&&e.setClearColor(this._oldClearColor),null!==this.clearAlpha&&e.setClearAlpha(n),null!==this.overrideMaterial&&(this.scene.overrideMaterial=s),e.autoClear=i}}var f=r(64426);class Vector2{constructor(e=0,t=0){Vector2.prototype.isVector2=!0,this.x=e,this.y=t}get width(){return this.x}set width(e){this.x=e}get height(){return this.y}set height(e){this.y=e}set(e,t){return this.x=e,this.y=t,this}setScalar(e){return this.x=e,this.y=e,this}setX(e){return this.x=e,this}setY(e){return this.y=e,this}setComponent(e,t){switch(e){case 0:this.x=t;break;case 1:this.y=t;break;default:throw new Error("index is out of range: "+e)}return this}getComponent(e){switch(e){case 0:return this.x;case 1:return this.y;default:throw new Error("index is out of range: "+e)}}clone(){return new this.constructor(this.x,this.y)}copy(e){return this.x=e.x,this.y=e.y,this}add(e){return this.x+=e.x,this.y+=e.y,this}addScalar(e){return this.x+=e,this.y+=e,this}addVectors(e,t){return this.x=e.x+t.x,this.y=e.y+t.y,this}addScaledVector(e,t){return this.x+=e.x*t,this.y+=e.y*t,this}sub(e){return this.x-=e.x,this.y-=e.y,this}subScalar(e){return this.x-=e,this.y-=e,this}subVectors(e,t){return this.x=e.x-t.x,this.y=e.y-t.y,this}multiply(e){return this.x*=e.x,this.y*=e.y,this}multiplyScalar(e){return this.x*=e,this.y*=e,this}divide(e){return this.x/=e.x,this.y/=e.y,this}divideScalar(e){return this.multiplyScalar(1/e)}applyMatrix3(e){const t=this.x,r=this.y,i=e.elements;return this.x=i[0]*t+i[3]*r+i[6],this.y=i[1]*t+i[4]*r+i[7],this}min(e){return this.x=Math.min(this.x,e.x),this.y=Math.min(this.y,e.y),this}max(e){return this.x=Math.max(this.x,e.x),this.y=Math.max(this.y,e.y),this}clamp(e,t){return this.x=Math.max(e.x,Math.min(t.x,this.x)),this.y=Math.max(e.y,Math.min(t.y,this.y)),this}clampScalar(e,t){return this.x=Math.max(e,Math.min(t,this.x)),this.y=Math.max(e,Math.min(t,this.y)),this}clampLength(e,t){const r=this.length();return this.divideScalar(r||1).multiplyScalar(Math.max(e,Math.min(t,r)))}floor(){return this.x=Math.floor(this.x),this.y=Math.floor(this.y),this}ceil(){return this.x=Math.ceil(this.x),this.y=Math.ceil(this.y),this}round(){return this.x=Math.round(this.x),this.y=Math.round(this.y),this}roundToZero(){return this.x=Math.trunc(this.x),this.y=Math.trunc(this.y),this}negate(){return this.x=-this.x,this.y=-this.y,this}dot(e){return this.x*e.x+this.y*e.y}cross(e){return this.x*e.y-this.y*e.x}lengthSq(){return this.x*this.x+this.y*this.y}length(){return Math.sqrt(this.x*this.x+this.y*this.y)}manhattanLength(){return Math.abs(this.x)+Math.abs(this.y)}normalize(){return this.divideScalar(this.length()||1)}angle(){return Math.atan2(-this.y,-this.x)+Math.PI}angleTo(e){const t=Math.sqrt(this.lengthSq()*e.lengthSq());if(0===t)return Math.PI/2;const r=this.dot(e)/t;return Math.acos(f.uZ(r,-1,1))}distanceTo(e){return Math.sqrt(this.distanceToSquared(e))}distanceToSquared(e){const t=this.x-e.x,r=this.y-e.y;return t*t+r*r}manhattanDistanceTo(e){return Math.abs(this.x-e.x)+Math.abs(this.y-e.y)}setLength(e){return this.normalize().multiplyScalar(e)}lerp(e,t){return this.x+=(e.x-this.x)*t,this.y+=(e.y-this.y)*t,this}lerpVectors(e,t,r){return this.x=e.x+(t.x-e.x)*r,this.y=e.y+(t.y-e.y)*r,this}equals(e){return e.x===this.x&&e.y===this.y}fromArray(e,t=0){return this.x=e[t],this.y=e[t+1],this}toArray(e=[],t=0){return e[t]=this.x,e[t+1]=this.y,e}fromBufferAttribute(e,t){return this.x=e.getX(t),this.y=e.getY(t),this}rotateAround(e,t){const r=Math.cos(t),i=Math.sin(t),n=this.x-e.x,s=this.y-e.y;return this.x=n*r-s*i+e.x,this.y=n*i+s*r+e.y,this}random(){return this.x=Math.random(),this.y=Math.random(),this}*[Symbol.iterator](){yield this.x,yield this.y}}var m=(0,o.getLogger)("Planner","Planner3DGrid"),v=function(){return(0,n.Z)((function Planner3DGrid(e,t){var r=this;(0,i.Z)(this,Planner3DGrid),(0,s.Z)(this,"autoDockingDistance",40),(0,s.Z)(this,"threeContainer",void 0),(0,s.Z)(this,"doShow3DGrid",!1),(0,s.Z)(this,"updatePlannerTrans",void 0),(0,s.Z)(this,"clearSelectionFrom3DGrid",void 0),(0,s.Z)(this,"getAllPlannedElements",void 0),(0,s.Z)(this,"groundPlane",void 0),(0,s.Z)(this,"camera",void 0),(0,s.Z)(this,"renderer",void 0),(0,s.Z)(this,"scene",void 0),(0,s.Z)(this,"sceneTree",void 0),(0,s.Z)(this,"backgroundTex",void 0),(0,s.Z)(this,"backGroundTexChanged",!1),(0,s.Z)(this,"canvasWidth",void 0),(0,s.Z)(this,"canvasHeight",void 0),(0,s.Z)(this,"moveIconPerspective",void 0),(0,s.Z)(this,"rotateIconPerspective",void 0),(0,s.Z)(this,"rotationCenter",void 0),(0,s.Z)(this,"isTransforming",!1),(0,s.Z)(this,"transformWorldPosLastFrame",void 0),(0,s.Z)(this,"curSelectedElement",void 0),(0,s.Z)(this,"blenderPass",null),(0,s.Z)(this,"composer",null),(0,s.Z)(this,"onMouseUpClearSelection",(function(e){r.clearSelectionFrom3DGrid(),r.threeContainer.removeEventListener("mouseup",r.onMouseUpClearSelection)})),(0,s.Z)(this,"getIntersectsGroundPlane",(function(e,t){if(r.camera){var i=new l.iMs,n=new l.Pa4;return e=e/r.canvasWidth*2-1,t=-t/r.canvasHeight*2+1,n.set(e,t,.5),i.setFromCamera(new l.FM8(n.x,n.y),r.camera),i.intersectObject(r.groundPlane,!0)}})),(0,s.Z)(this,"startMove",(function(e,t){r.isTransforming=!0;var i=r.getAllPlannedElements();i.has(e)&&(r.clearSceneTree(),i.forEach((function(e,t){for(var i=0;i<e.length;i++)r.updatePlannerElement(e[i])})),m.debug("Start transforming","Planner3DGrid"),r.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"START",r.autoDockingDistance))})),(0,s.Z)(this,"stopMove",(function(e,t){m.debug("Stop transforming","Planner3DGrid"),r.isTransforming=!1,r.transformWorldPosLastFrame=void 0,null!=r.curSelectedElement&&r.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"END",r.autoDockingDistance)})),(0,s.Z)(this,"startRotation",(function(e,t){r.isTransforming=!0;var i=r.getAllPlannedElements();i.has(e)&&(r.clearSceneTree(),i.forEach((function(e,t){for(var i=0;i<e.length;i++)r.updatePlannerElement(e[i])})),r.rotationCenter=void 0,r.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"START",r.autoDockingDistance))})),(0,s.Z)(this,"stopRotation",(function(e,t){r.isTransforming=!1,r.rotationCenter=void 0,r.updatePlannerTrans(e,t,new a.P(0,0,0),0,5,"END",r.autoDockingDistance)})),(0,s.Z)(this,"handleTranslation",(function(e,t,i){var n=r.getIntersectsGroundPlane(i.x,i.y);if(n.length>0){var s,o=new a.FM(n[0].point.x,n[0].point.z);if(m.debug("MOVE TO WORLD POS "+o.toString(),"Planner3DGrid"),!r.transformWorldPosLastFrame)return void(r.transformWorldPosLastFrame=o);var h=new a.FM(o.x-r.transformWorldPosLastFrame.x,o.y-r.transformWorldPosLastFrame.y),l=null===(s=r.sceneTree)||void 0===s?void 0:s.get(e).get(t);if(!l)return;l.position.x+=h.x,l.position.z+=h.y,null!=r.curSelectedElement&&r.updatePlannerTrans(r.curSelectedElement.getSetId(),r.curSelectedElement.getElementId(),new a.P(100*h.x,0,100*h.y),0,5,"UPDATE",r.autoDockingDistance),r.transformWorldPosLastFrame=o}})),(0,s.Z)(this,"handleRotation",(function(e,t,i){var n=r.getIntersectsGroundPlane(i.x,i.y);if(n.length>0){var s,o=null===(s=r.sceneTree)||void 0===s?void 0:s.get(e).get(t);if(!o)return;var h=new a.FM(n[0].point.x,n[0].point.z);if(r.rotationCenter){var l=new a.FM(h.x-o.position.x,h.y-o.position.z),d=new a.FM(0,1),c=a.FM.angleRad(l,d);h.x<o.position.x&&(c=2*Math.PI-c);var u=o.rotation.z-c;o.rotation.z=c,null!=r.curSelectedElement&&r.updatePlannerTrans(r.curSelectedElement.getSetId(),r.curSelectedElement.getElementId(),new a.P(0,0,0),180*u/Math.PI,5,"UPDATE",r.autoDockingDistance)}else r.rotationCenter=h}})),(0,s.Z)(this,"run",(function(){if(r.doShow3DGrid&&null!=r.renderer&&null!=r.backgroundTex){var e=r,t=r.isTransforming?30:10;setTimeout((function(){var t;null===(t=requestAnimationFrame)||void 0===t||t(e.run)}),1e3/t),r.backGroundTexChanged&&(r.backGroundTexChanged=!1,r.blenderPass.uniforms.backgroundImg.value=r.backgroundTex),r.composer.render()}})),this.getAllPlannedElements=t,this.sceneTree=new Map,this.curSelectedElement=void 0,this.threeContainer=null}),[{key:"setCallbackMethods",value:function setCallbackMethods(e){this.updatePlannerTrans=e}},{key:"initialize",value:function initialize(e,t){if(m.debug("Initialize Planner3D Grid! ","ViewPlanner3DGrid - initialize"),this.canvasWidth=e,this.canvasHeight=t,this.threeContainer=document.getElementById("diva3dImg_3DGrid"),this.threeContainer){this.scene=new l.xsS,this.camera=new l.cPb(24,e/t,.1,1e3),this.renderer=new l.CP7({alpha:!0,antialias:!0}),this.renderer.setClearColor(0,0),this.renderer.setSize(e,t);var r=new l._12(100,100),i=new l.YBo({color:255,transparent:!0,opacity:0});this.groundPlane=new l.Kj0(r,i),this.groundPlane.rotation.x=-Math.PI/2,this.scene.add(this.groundPlane),this.camera.position.z=-3,this.backgroundTex=new l.xEZ,this.threeContainer.appendChild(this.renderer.domElement),this.doShow3DGrid=!1,this.composer=new EffectComposer(this.renderer),this.composer.addPass(new RenderPass(this.scene,this.camera)),this.blenderPass=new ShaderPass(h),this.blenderPass.uniforms.opacity.value=.92,this.blenderPass.renderToScreen=!0,this.composer.addPass(this.blenderPass)}}},{key:"destroy",value:function destroy(e){var t;this.threeContainer&&(m.debug("Destroy Planner3D Grid! ","ViewPlanner3DGrid - destroy"),this.hide3DGrid(),e.clear3DGridUI(),this.clearSceneTree(),this.hide3DGrid(),this.scene=void 0,this.sceneTree.clear(),null!==(t=this.threeContainer)&&void 0!==t&&t.firstChild&&this.threeContainer.removeChild(this.threeContainer.firstChild),this.backgroundTex=null,this.composer=null,this.blenderPass=null,this.camera=void 0,this.moveIconPerspective=null,this.rotateIconPerspective=null,this.groundPlane=null,this.renderer=void 0)}},{key:"rotToThreeRot",value:function rotToThreeRot(e){var t=new l._fP;t.setFromEuler(new l.USm(e.x*Math.PI/180,e.y*Math.PI/180,e.z*Math.PI/180)),t.w*=-1;var r=new l.USm;return r.setFromQuaternion(t),r.y+=Math.PI,r.z*=-1,r}},{key:"posToThreePos",value:function posToThreePos(e){return new a.P(e.x/100,e.y/100,e.z/100)}},{key:"clearSceneTree",value:function clearSceneTree(){var e=this;this.sceneTree.forEach((function(t,r){t.forEach((function(t,r){e.scene.remove(t)}))}))}},{key:"updateCamera",value:function updateCamera(e){if(this.camera){var t=e.getCamInfo();if(t){var r=this.posToThreePos(t.pos);this.camera.rotation.copy(this.rotToThreeRot(t.rot)),this.camera.position.x=r.x,this.camera.position.y=r.y,this.camera.position.z=r.z,this.camera.updateMatrixWorld()}}}},{key:"updateInteractionIcons",value:function updateInteractionIcons(e,t){var r=new a.FM(-.15,t.getDepthOLT()/100/2+.15);r=a.FM.rotateOrigin(r,t.getRotDeg());var i=new l.Pa4(t.getWorldPosCenter().x/100+r.x,0,t.getWorldPosCenter().z/100+r.y),n=a.FM.convertToVector2(this.convertWorldPosToScreenPos(i));if(null!=n){var s=new a.FM(.15,t.getDepthOLT()/100/2+.15);s=a.FM.rotateOrigin(s,t.getRotDeg());var o=new l.Pa4(t.getWorldPosCenter().x/100+s.x,0,t.getWorldPosCenter().z/100+s.y),h=a.FM.convertToVector2(this.convertWorldPosToScreenPos(o));if(null!=h){var d=new a.FM((n.x+(null==h?void 0:h.x))/2,(n.y+h.y)/2),c=a.FM.getDirection(n,d),u=a.FM.getDirection(h,d),g=a.FM.add(a.FM.mulNum(a.FM.normalize(c),32),d);g.interpretation="pixel";var f=a.FM.add(a.FM.mulNum(a.FM.normalize(u),32),d);f.interpretation="pixel",e.addMove3DGrid(t.getSetId(),t.getElementId(),g,this.startMove,this.handleTranslation,this.stopMove),e.addRot3DGrid(t.getSetId(),t.getElementId(),f,this.startRotation,this.handleRotation,this.stopRotation)}}}},{key:"updatePlannerElement",value:function updatePlannerElement(e){if(e.hasSvgDataOLTBase64()&&this.renderer&&this.scene){var t=(new l.dpR).load(e.getSvgDataOLTBase64());t.wrapS=l.rpg,t.wrapT=l.rpg,t.generateMipmaps=!0,t.anisotropy=this.renderer.capabilities.getMaxAnisotropy();var r=e.getWidthOLT()/100,i=e.getDepthOLT()/100,n=new l._12(r,i),s=new l.vBJ({map:t}),a=new l.Kj0(n,s);a.rotation.z=-e.getRotRad(),a.rotation.x=-Math.PI/2,a.position.x=e.getWorldPosCenter().x/100,a.position.y=e.getLayer()/500,a.position.z=e.getWorldPosCenter().z/100,this.sceneTree.has(e.getSetId())||this.sceneTree.set(e.getSetId(),new Map),this.sceneTree.get(e.getSetId()).set(e.getElementId(),a),this.scene.add(a)}}},{key:"updateScene",value:function updateScene(e,t,r,i,n){var s=this;if(this.renderer||this.camera){e.clear3DGridUI(),this.show3DGrid(),this.clearSceneTree(),this.curSelectedElement=r,this.initBackgroundScene(t),this.canvasWidth=n.imgWidth,this.canvasHeight=n.imgHeight;var a=t.getCamInfo();(this.renderer&&this.renderer.getSize(new l.FM8).x!=n.imgWidth||this.renderer.getSize(new l.FM8).y!=n.imgHeight||(null==a?void 0:a.vertFov)!=this.camera.fov)&&(this.camera.fov=a.vertFov,this.camera.aspect=n.imgWidth/n.imgHeight,this.camera.updateProjectionMatrix(),this.renderer.setSize(n.imgWidth,n.imgHeight)),this.updateCamera(t),i.forEach((function(t,i){for(var n=0;n<t.length;n++)null!=r&&t[n].getElementId()==r.getElementId()&&s.updateInteractionIcons(e,t[n])}))}}},{key:"initBackgroundScene",value:function initBackgroundScene(e){if(!e.HasLayerMaskThreeTexture){var t=new l.dpR;e.LayerMaskThreeTexture=t.load(e.getLayerMaskForSrc())}this.backgroundTex=e.LayerMaskThreeTexture,this.backGroundTexChanged=!0}},{key:"isInTrasnformMode",value:function isInTrasnformMode(){return this.isTransforming}},{key:"show3DGrid",value:function show3DGrid(){this.doShow3DGrid||(this.doShow3DGrid=!0,this.run())}},{key:"hide3DGrid",value:function hide3DGrid(){this.renderer&&this.doShow3DGrid&&(this.renderer.clear(),this.doShow3DGrid=!1)}},{key:"updateUI",value:function updateUI(e,t){e.clear3DGridUI(),this.curSelectedElement=t,this.show3DGrid(),this.updateInteractionIcons(e,t)}},{key:"getPositionOfCanvasContainer",value:function getPositionOfCanvasContainer(){return new a.FM(0,0)}},{key:"convertWorldPosToScreenPos",value:function convertWorldPosToScreenPos(e){var t=e.clone();t.project(this.camera);var r=this.canvasWidth/2,i=this.canvasHeight/2;return t.x=t.x*r+r,t.y=-t.y*i+i,new Vector2(t.x,t.y)}}])}(),p=function(){return(0,n.Z)((function Planner3DImageUI(e,t){(0,i.Z)(this,Planner3DImageUI),(0,s.Z)(this,"uiHTMLContainer",void 0),(0,s.Z)(this,"classUI","wc3DImageUI"),(0,s.Z)(this,"getConfiguratorState",void 0),(0,s.Z)(this,"plannerPaletteViewInfo",void 0),this.getConfiguratorState=e,this.plannerPaletteViewInfo=t}),[{key:"addDelIcon",value:function addDelIcon(e,t,r,i){r>100||r<0||i>100||i<0||e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),new a.FM(r,i,"percentage"),"BOX"==t.getPlannerType()?"BOX":"3D")}},{key:"addDimensionInfo",value:function addDimensionInfo(e,t,r,i){var n=i.getAlternateRenderInfo();if(!i.getAlternateRenderingsExist()||null!=n){var s=r.parentElementId+"."+r.shelfGridId+"."+r.shelfRasterHeight,a=i.getLeftBottomFrontUIPos(t,s);if(a&&!(a.x<0||a.x>100||a.y<0||a.y>100)){var o=Math.round(i.getDistanceToGround(t,s));-1!=o&&e.addDistanceFromGround(t,r.parentElementId,o,a)}}}},{key:"addPosNrUI",value:function addPosNrUI(e,t,r,i,n,s){r<0&&(r=0),r>100&&(r=100),i<0&&(i=0),i>100&&(i=100),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),new a.FM(r,i,"percentage"),t.getRotDeg(),1,e.getPosNrByBasketId(t.getBasketId()).toString(),n?"selected":s?"selectable":"unselectable","3D")}},{key:"addBoxPlannerDockingPoints",value:function addBoxPlannerDockingPoints(e,t,r){var i=!1,n=t.getFreeDockingPointByTypeAndNumber("AVO",1);null==n||n.IsDisabled||(i=!0);var s=r.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"LEFTCENTER");s&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyLeft",s,"3D");var a=r.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"RIGHTCENTER");if(a&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyRight",a,"3D"),i){var o=r.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"TOPCENTER");o&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyTop",o,"3D")}}},{key:"addCopyIcon",value:function addCopyIcon(e,t){e.addCopy(t.getSetId(),t.getElementId(),"CopyElement",new a.FM(0,0),"3D")}},{key:"addAccDockingPoints",value:function addAccDockingPoints(e,t,r,i){for(var n=t.getAllDockingPoints(),s=0;s<n.length;s++){var o,h=n[s];if((null===(o=this.plannerPaletteViewInfo)||void 0===o||null===(o=o.plannerConfiguration.hideAVButtons)||void 0===o||!o.includes(h.Type))&&(("AVO"==h.Type||"AVC"==h.Type||"AVU"==h.Type||"AVS"==h.Type||"AVN"==h.Type)&&null==i||i===h.Type))for(var l=0;l<r.length;l++)h.Name==r[l].N&&e.addDP(t.getSetId(),t.getElementId(),h.DpId,"ACC",h.IsDocking?"DOCKING":"NOT_DOCKING",h.OnElementId,t.getRotDeg(),0,new a.FM(r[l].x,r[l].y,"percentage"),"3D")}}},{key:"addOutlinePolygon",value:function addOutlinePolygon(e,t,r,i,n){var s=t.getOutlinePolygonForSVG(r.getSetId(),r.getElementId(),n);s&&e.addOutline3D(r.getSetId(),r.getElementId(),s.points,s.avgCamDist,i,"BOX"==r.getPlannerType())}},{key:"initialize",value:function initialize(e){this.uiHTMLContainer||(this.uiHTMLContainer=document.createElement("div"),this.uiHTMLContainer.classList.add(this.classUI),e.appendChild(this.uiHTMLContainer))}},{key:"updateUI",value:function updateUI(e,t,r,i,n,s,a,o,h){var l=this;e.clear2D3DViewerUI(),t.forEach((function(t,r){for(var o=0;o<t.length;o++){var d=t[o];if(i.hasUIInfosOfElement(d.getSetId(),d.getElementId())){var c=!1,u=a;if(n.has(r))c=n.get(r).map((function(e){return e.getElementId()})).includes(d.getElementId());if(!c&&!a&&s.has(r))for(var g=s.get(r),f=0;f<g.length;f++)if(d.getElementId()==g[f].getElementId()){u=!0;break}switch(l.addOutlinePolygon(e,i,d,c?"selected":u?"selectable":"unselectable",h),d.getPlannerType()){case"STD":var m=i.getLeftTopBackUIPos(d.getSetId(),d.getElementId());if(m&&l.addPosNrUI(e,d,m.x,m.y,c,u),c&&["PLANNER","PRODUCTS","PROMOTED"].includes(l.getConfiguratorState())){d.getIsDockedAccessoire()?l.addAccDockingPoints(e,d,i.getAllDockingPoints(d.getSetId(),d.getElementId()),"AVO"):l.addAccDockingPoints(e,d,i.getAllDockingPoints(d.getSetId(),d.getElementId()));var v=i.getRightTopBackUIPos(d.getSetId(),d.getElementId());l.addDelIcon(e,d,v.x,v.y),l.addCopyIcon(e,d)}if("ACC_PLANNER"==l.getConfiguratorState()&&d.getIsDockedAccessoire()){var p=i.getRightTopBackUIPos(d.getSetId(),d.getElementId());l.addDelIcon(e,d,p.x,p.y)}break;case"BOX":var y=i.getBoxPlannerCornerUIPos(d.getSetId(),d.getElementId(),"RIGHTTOPFRONT");if(y&&l.addPosNrUI(e,d,y.x,y.y,c,u),c&&(l.addBoxPlannerDockingPoints(e,d,i),!l.checkBoxPlannerSingleElement(t)&&null!=d.getFreeDockingPointByTypeAndNumber("AVO",1))){var P=i.getBoxPlannerCornerUIPos(d.getSetId(),d.getElementId(),"RIGHTTOPFRONT");P&&l.addDelIcon(e,d,P.x,P.y)}}}}})),r.forEach((function(t,r){for(var n=0;n<t.length;n++){var s=t[n];s.isShelfAcc&&l.addDimensionInfo(e,r,s,i)}}))}},{key:"checkBoxPlannerSingleElement",value:function checkBoxPlannerSingleElement(e){if(1==e.length)return!0;if(2==e.length)for(var t=e[0].getAllDockingPoints(),r=e[0].getAllDockingPoints(),i=0;i<t.length;i++)for(var n=t[i],s=0;s<r.length;s++){var a=r[s];if(n.IsDocking&&a.IsDocking&&2==n.Number&&2==a.Number&&("AVO"==n.Type||"AVU"==n.Type))return!0}return!1}},{key:"Class3DUI",get:function get(){return this.classUI}}])}(),y=function(){return(0,n.Z)((function Planner3DImage(e,t,r,n,o,h){(0,i.Z)(this,Planner3DImage),(0,s.Z)(this,"imageContainer",void 0),(0,s.Z)(this,"UIHandler",void 0),(0,s.Z)(this,"curRendering",void 0),(0,s.Z)(this,"planner3DGrid",void 0),(0,s.Z)(this,"update3DImgSrcInView",void 0),(0,s.Z)(this,"onDoShowNav3DChanged",void 0),(0,s.Z)(this,"enablePlanner3DGrid",void 0),this.UIHandler=new p(e,h),this.curRendering=new a.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.planner3DGrid=new v(r,o),this.onDoShowNav3DChanged=n,this.enablePlanner3DGrid=!1,this.update3DImgSrcInView=t}),[{key:"initialize",value:function initialize(e,t){this.imageContainer=document.getElementById(e),this.planner3DGrid.setCallbackMethods(t),this.imageContainer&&this.UIHandler.initialize(this.imageContainer)}},{key:"handlePlanner3DGridChanged",value:function handlePlanner3DGridChanged(e,t,r,i){if(r)this.enablePlanner3DGrid&&(this.enablePlanner3DGrid=!1,this.planner3DGrid.destroy(e));else{var n=this.enablePlanner3DGrid;this.enablePlanner3DGrid=!!i||!this.enablePlanner3DGrid,n&&!this.enablePlanner3DGrid?this.planner3DGrid.destroy(e):!n&&this.enablePlanner3DGrid&&this.planner3DGrid.initialize(t.imgWidth,t.imgHeight)}}},{key:"clearView",value:function clearView(e){this.planner3DGrid.destroy(e),this.curRendering=new a.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.update3DImgSrcInView("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==")}},{key:"getPlanner3DGridEnabled",value:function getPlanner3DGridEnabled(){return this.enablePlanner3DGrid}},{key:"getPlanner3DGridIsInTransformMode",value:function getPlanner3DGridIsInTransformMode(){return this.planner3DGrid.isInTrasnformMode()}},{key:"updateUI",value:function updateUI(e,t,r,i,n,s,a,o){var h=this;this.enablePlanner3DGrid&&(i.size>0?i.forEach((function(t,r){for(var i=0;i<t.length;i++)h.planner3DGrid.updateUI(e,t[i])})):e.clear2D3DViewerUI()),this.UIHandler.updateUI(e,t,r,this.curRendering,i,n,s,a,o)}},{key:"updatePlannerView",value:function updatePlannerView(e,t,r,i,n){var s=this.curRendering.getHasStaticBackground(),a=t.getHasStaticBackground();if(s!=a&&this.onDoShowNav3DChanged(!a),this.curRendering=t,this.update3DImgSrcInView(t.getImageForSrc()),this.enablePlanner3DGrid){var o=void 0;i.size>0&&i.forEach((function(e,t){null==o&&e.length>0&&(o=e[0])})),this.planner3DGrid.updateScene(e,t,o,r,n)}}},{key:"resetSelectedElementsOnEnterPlannerMode",value:function resetSelectedElementsOnEnterPlannerMode(){return!1}}])}()}}]);