@crystaldesign/diva-web-planner-react 26.12.0-beta.2 → 26.12.0-beta.20

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 (264) hide show
  1. package/build/esm/{Planner2DGrid-3bc5c83b.js → Planner2DGrid-4046ff68.js} +1 -1
  2. package/build/esm/{Planner3DImage-30ffaa22.js → Planner3DImage-67dcd85e.js} +1 -1
  3. package/build/esm/{UnlockCard-7c5ebd15.js → UnlockCard-b360e8db.js} +1 -1
  4. package/build/esm/accessoryPlacementMode-e125d4ae.js +11 -0
  5. package/build/esm/{index-72c23d7e.js → index-00afb8ef.js} +1 -1
  6. package/build/esm/{index-ce85fbb0.js → index-0104cc31.js} +89 -89
  7. package/build/esm/{index-4f8d5b1a.js → index-0239c9ae.js} +1 -1
  8. package/build/esm/{index-0e6bfe2d.js → index-034e8f71.js} +18 -18
  9. package/build/esm/{index-6ae3a812.js → index-03a3237a.js} +1 -1
  10. package/build/esm/{index-786790bb.js → index-06022f71.js} +1 -1
  11. package/build/esm/{index-be7338ee.js → index-06cccf5d.js} +1 -1
  12. package/build/esm/{index-e60b4b07.js → index-07ff5aba.js} +6 -6
  13. package/build/esm/{index-28910cd2.js → index-0954349d.js} +3 -3
  14. package/build/esm/{index-be65c36f.js → index-0a7e5cc9.js} +1 -1
  15. package/build/esm/{index-a38f31fd.js → index-0ce27829.js} +13 -13
  16. package/build/esm/{index-7df9160b.js → index-0ef88f87.js} +1 -1
  17. package/build/esm/{index-a35ff23f.js → index-102aa9f0.js} +22 -22
  18. package/build/esm/{index-9017e1d6.js → index-10898018.js} +1 -1
  19. package/build/esm/{index-90012b62.js → index-10bd445b.js} +5 -5
  20. package/build/esm/{index-2d69e2c5.js → index-11dfa44e.js} +1 -1
  21. package/build/esm/{index-2fb2d2bd.js → index-1323a515.js} +1 -1
  22. package/build/esm/{index-1053e4d6.js → index-13c78209.js} +1 -1
  23. package/build/esm/{index-d58535a2.js → index-153ffba8.js} +1 -1
  24. package/build/esm/{index-1465298d.js → index-160c9a49.js} +1 -1
  25. package/build/esm/{index-d0e73831.js → index-16d90033.js} +1 -1
  26. package/build/esm/{index-fcd95a9e.js → index-18326d60.js} +1 -1
  27. package/build/esm/{index-16812eed.js → index-1859efde.js} +79 -76
  28. package/build/esm/{index-39eef71b.js → index-18865d97.js} +10 -25
  29. package/build/esm/{index-811cdb6a.js → index-18909cc5.js} +1 -1
  30. package/build/esm/{index-1bb4e3b1.js → index-1b67723f.js} +1 -1
  31. package/build/esm/{index-52302186.js → index-1bfeba7c.js} +1 -1
  32. package/build/esm/{index-ac9d2dfd.js → index-1fef3f81.js} +1 -1
  33. package/build/esm/{index-841bf5a0.js → index-215fc7d7.js} +90 -90
  34. package/build/esm/{index-fdd627d4.js → index-222ec72a.js} +73 -73
  35. package/build/esm/{index-3e60eb50.js → index-23aedd2a.js} +3 -3
  36. package/build/esm/{index-5bb73091.js → index-23d06de9.js} +1 -1
  37. package/build/esm/{index-98b6a736.js → index-25bc6f0c.js} +1 -1
  38. package/build/esm/{index-cb43ac22.js → index-25d3b744.js} +1 -1
  39. package/build/esm/{index-b7e7419f.js → index-25f34658.js} +1 -1
  40. package/build/esm/{index-50afb8e8.js → index-275a8706.js} +16 -9
  41. package/build/esm/{index-3bb2a5e5.js → index-280cdf8e.js} +1 -1
  42. package/build/esm/{index-fcf1e443.js → index-2827ce2d.js} +91 -91
  43. package/build/esm/{index-7546ea14.js → index-283621a3.js} +1 -1
  44. package/build/esm/{index-2c01ec07.js → index-2c134e0d.js} +1 -1
  45. package/build/esm/{index-9c0ec0bb.js → index-2dfb12ac.js} +7 -7
  46. package/build/esm/{index-309624dc.js → index-2dfb1856.js} +1 -1
  47. package/build/esm/{index-9b828c6e.js → index-2e024d21.js} +66 -66
  48. package/build/esm/{index-2b154972.js → index-307736e8.js} +1 -1
  49. package/build/esm/{index-9421136e.js → index-31793a70.js} +4 -4
  50. package/build/esm/{index-672796c5.js → index-33a6f16e.js} +1 -1
  51. package/build/esm/{index-b39f928d.js → index-3512f1cd.js} +2 -2
  52. package/build/esm/{index-6ac4316f.js → index-36f0ca5c.js} +1 -1
  53. package/build/esm/{index-c8f26884.js → index-385efe8d.js} +1 -1
  54. package/build/esm/{index-5800207f.js → index-39978352.js} +1 -1
  55. package/build/esm/{index-c49af147.js → index-3b2d6857.js} +1 -1
  56. package/build/esm/{index-2046ee6a.js → index-3b64f033.js} +1 -1
  57. package/build/esm/{index-6c3c1054.js → index-3bbd494b.js} +1 -1
  58. package/build/esm/{index-bef75c16.js → index-3c5c625e.js} +1 -1
  59. package/build/esm/{index-940f43c6.js → index-3ca9b45c.js} +1 -1
  60. package/build/esm/{index-71e8d496.js → index-3ce755ba.js} +2 -2
  61. package/build/esm/{index-45877e07.js → index-3d20b576.js} +2 -2
  62. package/build/esm/{index-82c0ccc1.js → index-3d70723b.js} +1 -1
  63. package/build/esm/{index-648c437e.js → index-3ed3df2a.js} +1 -1
  64. package/build/esm/{index-0238f439.js → index-3f4e8c9d.js} +76 -76
  65. package/build/esm/{index-21b78b22.js → index-4056f44c.js} +2 -2
  66. package/build/esm/{index-dfc4143a.js → index-40f32fb8.js} +4 -4
  67. package/build/esm/{index-713920f6.js → index-47a2c8f5.js} +1 -1
  68. package/build/esm/{index-b2387dc9.js → index-4a7c622b.js} +1 -1
  69. package/build/esm/{index-6be8924c.js → index-4afc9495.js} +3 -3
  70. package/build/esm/{index-bcdd49a7.js → index-4e63528b.js} +1 -1
  71. package/build/esm/{index-7119da5b.js → index-4fa85c9b.js} +25 -25
  72. package/build/esm/{index-c7da4c28.js → index-51129ef3.js} +1 -1
  73. package/build/esm/{index-aa5447cc.js → index-539f8e65.js} +1 -1
  74. package/build/esm/{index-ea6cda73.js → index-5741fccd.js} +3 -3
  75. package/build/esm/{index-afba7950.js → index-577e8b90.js} +2 -2
  76. package/build/esm/{index-b24a65cd.js → index-5959e066.js} +2 -2
  77. package/build/esm/{index-299064eb.js → index-5bad59a5.js} +5 -5
  78. package/build/esm/{index-2e4479d3.js → index-5bbda501.js} +1 -1
  79. package/build/esm/{index-386955eb.js → index-5cc79666.js} +1 -1
  80. package/build/esm/{index-0fc23a9b.js → index-5e22e071.js} +21 -21
  81. package/build/esm/{index-6840d2a6.js → index-6084588a.js} +1 -1
  82. package/build/esm/{index-f59735b8.js → index-6181b73a.js} +65 -65
  83. package/build/esm/{index-1dfc2fb2.js → index-61c6cc0f.js} +1 -1
  84. package/build/esm/{index-b0ad6694.js → index-623335c1.js} +2 -2
  85. package/build/esm/{index-c0328fab.js → index-62cc336d.js} +5 -5
  86. package/build/esm/{index-ab92fb6d.js → index-6458a911.js} +71 -71
  87. package/build/esm/{index-1c8f78a4.js → index-64ccdd55.js} +3 -3
  88. package/build/esm/{index-496fbe88.js → index-64e9a9c8.js} +1 -1
  89. package/build/esm/{index-618414c2.js → index-64eb2a3f.js} +1 -1
  90. package/build/esm/{index-d0768d5b.js → index-64f8cf9a.js} +1 -1
  91. package/build/esm/{index-7eead6e8.js → index-6593c797.js} +1 -1
  92. package/build/esm/{index-3ce02fa4.js → index-65d2ab1e.js} +3 -3
  93. package/build/esm/{index-dac37d2f.js → index-67ceed62.js} +2 -2
  94. package/build/esm/{index-6f617c64.js → index-6b7cca28.js} +1 -1
  95. package/build/esm/{index-c3272c58.js → index-6d22d1bd.js} +1 -1
  96. package/build/esm/{index-61d8dd1a.js → index-6d371bf1.js} +5 -5
  97. package/build/esm/{index-8da58fc9.js → index-6d6290fc.js} +7 -7
  98. package/build/esm/{index-bea5c3c3.js → index-6d99cacb.js} +1 -1
  99. package/build/esm/{index-2bc6e2e3.js → index-6dc49534.js} +2 -2
  100. package/build/esm/{index-141b7e3b.js → index-6fc49dbf.js} +2 -2
  101. package/build/esm/{index-b18e2b09.js → index-706964fb.js} +68 -68
  102. package/build/esm/{index-91ae8fc6.js → index-7100b802.js} +2 -2
  103. package/build/esm/{index-be178435.js → index-71925ca8.js} +2 -2
  104. package/build/esm/{index-b027f912.js → index-7274c2ba.js} +3 -3
  105. package/build/esm/{index-6d25075c.js → index-72756c4e.js} +1 -1
  106. package/build/esm/{index-2438e21a.js → index-73a0e710.js} +1 -1
  107. package/build/esm/{index-d5cce8a7.js → index-74cb06f8.js} +1 -1
  108. package/build/esm/{index-5e91a75a.js → index-7944be17.js} +1 -1
  109. package/build/esm/{index-9b5d74e0.js → index-7b0d78a4.js} +1 -1
  110. package/build/esm/{index-b440609e.js → index-7e04fcf4.js} +1 -1
  111. package/build/esm/{index-1d4c5fa5.js → index-7eea90d2.js} +2 -2
  112. package/build/esm/{index-69f95bb8.js → index-81d2cfae.js} +3 -3
  113. package/build/esm/{index-371905cd.js → index-8359eb44.js} +1 -1
  114. package/build/esm/{index-23b8eb03.js → index-838a4ed4.js} +8 -8
  115. package/build/esm/{index-860e43eb.js → index-853ae6e2.js} +1 -1
  116. package/build/esm/{index-71c2c8cc.js → index-85e103e9.js} +1 -1
  117. package/build/esm/{index-b3743148.js → index-86d1aa95.js} +2 -2
  118. package/build/esm/{index-66daf2fd.js → index-873e79e7.js} +1 -1
  119. package/build/esm/{index-a700b201.js → index-8bd2cdc2.js} +1 -1
  120. package/build/esm/{index-73e587ed.js → index-8daf31b9.js} +69 -69
  121. package/build/esm/{index-566fc603.js → index-91682580.js} +2 -2
  122. package/build/esm/{index-e9f939f1.js → index-965137e8.js} +1 -1
  123. package/build/esm/{index-82858b21.js → index-96956cf4.js} +1 -1
  124. package/build/esm/{index-31887eac.js → index-97d0c3cd.js} +1 -1
  125. package/build/esm/{index-a039bd9c.js → index-98b97348.js} +1 -1
  126. package/build/esm/{index-a06651bb.js → index-9b13f896.js} +1 -1
  127. package/build/esm/{index-fc1240a5.js → index-9c0b6d46.js} +34 -19
  128. package/build/esm/{index-11c74ef4.js → index-9c5dd063.js} +2 -2
  129. package/build/esm/{index-e21da5bf.js → index-9dfcc185.js} +1 -1
  130. package/build/esm/{index-6c8c0a71.js → index-9e408644.js} +1 -1
  131. package/build/esm/{index-29dddee0.js → index-9e596801.js} +20 -20
  132. package/build/esm/{index-a0af8e9a.js → index-9f01f951.js} +100 -100
  133. package/build/esm/{index-cc3e6a15.js → index-a044de40.js} +3 -3
  134. package/build/esm/{index-e221108d.js → index-a12d42c2.js} +1 -1
  135. package/build/esm/{index-2c767710.js → index-a388ba40.js} +2 -2
  136. package/build/esm/{index-ed7b37c4.js → index-a3d93f3c.js} +85 -85
  137. package/build/esm/{index-a2774014.js → index-a438bc98.js} +3 -3
  138. package/build/esm/{index-868453f2.js → index-a4b62fa7.js} +1 -1
  139. package/build/esm/{index-ca15ed5f.js → index-a4df78f9.js} +65 -65
  140. package/build/esm/{index-f3bb0857.js → index-a56668a2.js} +4 -4
  141. package/build/esm/{index-38c981b0.js → index-a7457ab6.js} +1 -1
  142. package/build/esm/{index-04fbb469.js → index-a80bdf6f.js} +2 -2
  143. package/build/esm/{index-3b0fcf76.js → index-a86cae02.js} +2 -2
  144. package/build/esm/{index-a71d1695.js → index-a8e5d7da.js} +303 -271
  145. package/build/esm/{index-c1291580.js → index-a972c960.js} +2 -2
  146. package/build/esm/{index-c3a47c81.js → index-aa88cb00.js} +2 -2
  147. package/build/esm/{index-157426b7.js → index-aada57c3.js} +3 -3
  148. package/build/esm/{index-20176d65.js → index-ac3fd2bb.js} +1 -1
  149. package/build/esm/{index-7b5d9c29.js → index-ad65b6d4.js} +68 -68
  150. package/build/esm/{index-ac8408c3.js → index-b0a854ae.js} +3 -3
  151. package/build/esm/{index-b4dee0f1.js → index-b100e47b.js} +5 -5
  152. package/build/esm/{index-ca2aa0a9.js → index-b310f270.js} +5 -5
  153. package/build/esm/{index-b6400275.js → index-b443b5ab.js} +3 -3
  154. package/build/esm/{index-473bcdff.js → index-b655ea00.js} +1 -1
  155. package/build/esm/{index-0a3addb2.js → index-b70f8d6e.js} +1 -1
  156. package/build/esm/{index-b9bf7d16.js → index-b7103e74.js} +1 -1
  157. package/build/esm/{index-37021f39.js → index-b7d119eb.js} +5 -5
  158. package/build/esm/{index-16af61b8.js → index-b8205d75.js} +1 -1
  159. package/build/esm/{index-227bf3d0.js → index-b8251535.js} +13 -7
  160. package/build/esm/{index-b6ab521b.js → index-b96bf309.js} +87 -87
  161. package/build/esm/{index-eb92ae36.js → index-bb104661.js} +1 -1
  162. package/build/esm/{index-161f38ae.js → index-be1cb29a.js} +8 -8
  163. package/build/esm/{index-b38f4589.js → index-beb281f2.js} +1 -1
  164. package/build/esm/{index-d146879b.js → index-bfd70e28.js} +5 -5
  165. package/build/esm/{index-723474e9.js → index-c006e996.js} +18 -18
  166. package/build/esm/{index-80dad15f.js → index-c015f096.js} +3 -3
  167. package/build/esm/{index-1edd6ff2.js → index-c35eeb54.js} +2 -2
  168. package/build/esm/{index-c31f8f99.js → index-c4299a46.js} +1 -1
  169. package/build/esm/{index-89177618.js → index-c45c9f91.js} +1 -1
  170. package/build/esm/{index-09b2701d.js → index-c5e9452a.js} +3 -3
  171. package/build/esm/{index-06a7430a.js → index-c7669c1b.js} +1 -1
  172. package/build/esm/{index-bc2f8724.js → index-c769aec8.js} +1 -1
  173. package/build/esm/{index-0aab4ccb.js → index-c7888dfc.js} +1 -1
  174. package/build/esm/{index-04b7b7d9.js → index-c814a4e7.js} +5 -5
  175. package/build/esm/{index-07a1c9c8.js → index-caf34c33.js} +66 -66
  176. package/build/esm/{index-66d962f6.js → index-caf38597.js} +6 -6
  177. package/build/esm/{index-501969d3.js → index-cba9772e.js} +2 -2
  178. package/build/esm/{index-9171fe4c.js → index-cbe753f6.js} +1 -1
  179. package/build/esm/{index-a9ae833d.js → index-cd7bbbbe.js} +1 -1
  180. package/build/esm/{index-b7d9d339.js → index-ce51170f.js} +1 -1
  181. package/build/esm/{index-a02b0822.js → index-cf119c53.js} +1 -1
  182. package/build/esm/{index-be361f00.js → index-d099512b.js} +67 -67
  183. package/build/esm/{index-ced68cf9.js → index-d290c392.js} +5 -5
  184. package/build/esm/{index-9024d92c.js → index-d2cc3f3d.js} +1 -1
  185. package/build/esm/{index-2f448410.js → index-d34ba9ca.js} +2 -2
  186. package/build/esm/{index-329ece69.js → index-d418026f.js} +101 -101
  187. package/build/esm/{index-df2b0c1d.js → index-d42c28ee.js} +18 -18
  188. package/build/esm/{index-2d176965.js → index-d4e7194a.js} +1 -1
  189. package/build/esm/{index-1ff22333.js → index-d5078eb9.js} +1 -1
  190. package/build/esm/{index-fa6e157c.js → index-d8b0135e.js} +70 -70
  191. package/build/esm/{index-b02ec68c.js → index-d946cd46.js} +1 -1
  192. package/build/esm/{index-cc8a80c0.js → index-da070705.js} +1 -1
  193. package/build/esm/{index-98f89e2d.js → index-dc09a61e.js} +2 -2
  194. package/build/esm/{index-c737edcc.js → index-dc63a1b4.js} +1 -1
  195. package/build/esm/{index-e1bdd175.js → index-df357611.js} +3 -3
  196. package/build/esm/{index-67b6b08b.js → index-e302b261.js} +1 -1
  197. package/build/esm/{index-806a99f1.js → index-e331fbeb.js} +2 -2
  198. package/build/esm/{index-2b7db737.js → index-e3bad885.js} +2 -2
  199. package/build/esm/{index-d5f4327d.js → index-ea03f999.js} +70 -70
  200. package/build/esm/{index-565611f4.js → index-ea8c275a.js} +4 -4
  201. package/build/esm/{index-d888df68.js → index-ee1050d8.js} +5 -5
  202. package/build/esm/{index-b2cc4ba4.js → index-efab7a3e.js} +2 -2
  203. package/build/esm/{index-7473ba7a.js → index-efdaff23.js} +3 -3
  204. package/build/esm/{index-889421ac.js → index-f0400ee7.js} +1 -1
  205. package/build/esm/{index-4d86eb2e.js → index-f0c89d4b.js} +4 -4
  206. package/build/esm/{index-dc587514.js → index-f1ce35c1.js} +1 -1
  207. package/build/esm/{index-08c12bdb.js → index-f23d1ccb.js} +1 -1
  208. package/build/esm/{index-686f0148.js → index-f30efba5.js} +15 -15
  209. package/build/esm/{index-4f946de7.js → index-f360c2e0.js} +1 -1
  210. package/build/esm/{index-75b5b2fb.js → index-f54b2421.js} +2 -2
  211. package/build/esm/{index-d892a48f.js → index-f65550bd.js} +90 -90
  212. package/build/esm/{index-1f7bdaf8.js → index-f8c333b4.js} +19 -19
  213. package/build/esm/{index-4ff86197.js → index-f92e0391.js} +1 -1
  214. package/build/esm/{index-e0379022.js → index-f99a86ef.js} +18 -18
  215. package/build/esm/{index-c8b3ded7.js → index-f9d98b98.js} +2 -2
  216. package/build/esm/{index-abab1b7a.js → index-fa04f975.js} +5 -5
  217. package/build/esm/{index-2e256130.js → index-fa3c618d.js} +2 -2
  218. package/build/esm/{index-181e2265.js → index-fa713200.js} +1 -1
  219. package/build/esm/{index-70e7c44e.js → index-fbd93c5a.js} +8 -8
  220. package/build/esm/{index-6a37cb71.js → index-fc5b8679.js} +1 -1
  221. package/build/esm/{index-6de9ec10.js → index-fd2ba46d.js} +1 -1
  222. package/build/esm/{index-fd6deca7.js → index-fe9863fd.js} +17 -17
  223. package/build/esm/{index-383b911f.js → index-ff83d9d7.js} +5 -5
  224. package/build/esm/{index-1a8f9ada.js → index-ffa3c294.js} +84 -84
  225. package/build/esm/index.js +1 -1
  226. package/build/esm/{index.module-763485cb.js → index.module-11c87695.js} +1 -1
  227. package/build/esm/{index.module-2f28c685.js → index.module-156d7988.js} +1 -1
  228. package/build/esm/{index.module-dd48a9fd.js → index.module-1f606dbe.js} +1 -1
  229. package/build/esm/{index.module-50eddf6c.js → index.module-2caaa409.js} +1 -1
  230. package/build/esm/{index.module-6fc6e8fd.js → index.module-6de9e791.js} +1 -1
  231. package/build/esm/{index.module-803a3f0d.js → index.module-98b53de6.js} +1 -1
  232. package/build/esm/{index.module-9b6f8a0c.js → index.module-d68f9a60.js} +1 -1
  233. package/build/esm/{index.module-5c540308.js → index.module-fcda6d0c.js} +1 -1
  234. package/build/esm/{useCustomDimensions-518f56ca.js → useCustomDimensions-6a155c7b.js} +1 -1
  235. package/build/esm/{ussIsSticky-1979fd12.js → ussIsSticky-5109a5dc.js} +1 -1
  236. package/build/types/web-planner-react/src/components/Product/Product/serious/CheckoutForm/index.d.ts.map +1 -1
  237. package/build/types/web-planner-react/src/components/Product/ProductCenter/PlannerRTVNext/index.d.ts.map +1 -1
  238. package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Default/MultiToggle/index.d.ts.map +1 -1
  239. package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/ShelfAccessoires/index.d.ts.map +1 -1
  240. package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/ShelfPlanner/index.d.ts.map +1 -1
  241. package/build/types/web-planner-react/src/model/DivaViewHandler.d.ts +8 -0
  242. package/build/types/web-planner-react/src/model/DivaViewHandler.d.ts.map +1 -1
  243. package/build/types/web-planner-react/src/model/Palette/PaletteViewHandler.d.ts.map +1 -1
  244. package/build/types/web-planner-react/src/tests/MultiToggle.contentItem.test.d.ts +2 -0
  245. package/build/types/web-planner-react/src/tests/MultiToggle.contentItem.test.d.ts.map +1 -0
  246. package/build/umd/1110.diva-web-planner-react.umd.min.js +1 -1
  247. package/build/umd/1492.diva-web-planner-react.umd.min.js +1 -1
  248. package/build/umd/2027.diva-web-planner-react.umd.min.js +1 -1
  249. package/build/umd/3019.diva-web-planner-react.umd.min.js +1 -1
  250. package/build/umd/3596.diva-web-planner-react.umd.min.js +1 -1
  251. package/build/umd/3898.diva-web-planner-react.umd.min.js +1 -1
  252. package/build/umd/631.diva-web-planner-react.umd.min.js +1 -1
  253. package/build/umd/7020.diva-web-planner-react.umd.min.js +1 -1
  254. package/build/umd/7118.diva-web-planner-react.umd.min.js +1 -1
  255. package/build/umd/7442.diva-web-planner-react.umd.min.js +1 -1
  256. package/build/umd/8445.diva-web-planner-react.umd.min.js +1 -1
  257. package/build/umd/8616.diva-web-planner-react.umd.min.js +1 -1
  258. package/build/umd/8701.diva-web-planner-react.umd.min.js +1 -1
  259. package/build/umd/9054.diva-web-planner-react.umd.min.js +1 -1
  260. package/build/umd/9446.diva-web-planner-react.umd.min.js +1 -1
  261. package/build/umd/9715.diva-web-planner-react.umd.min.js +1 -1
  262. package/build/umd/diva-web-planner-react.umd.min.js +1 -1
  263. package/build/umd/report.html +1 -1
  264. package/package.json +10 -10
package/build/umd/7020.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 7020.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7020,1801,6474],{21801:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A});var i=t(34988),o=t(93379),r=t.n(o),a=t(7795),l=t.n(a),s=t(90569),d=t.n(s),c=t(3565),u=t.n(c),C=t(19216),x=t.n(C),f=t(44589),m=t.n(f),p=t(23240),g={};g.styleTagTransform=m(),g.setAttributes=u(),g.insert=d().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=x();r()(p.ZP,g);p.ZP&&p.ZP.locals&&p.ZP.locals;var h=t(87363),v=t(75327),b=t(65515),w=t.n(b),y=t(9420),j=t(47514);const A=(0,y.Pi)((function InfoIcon(e){var n,t,o,r=e.item,a=e.style,l=(0,v.NP)(),s=r.contentItemId,d=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,h.useState)(!1),u=(0,i.Z)(c,2),C=u[0],x=u[1],f=r.sel||C;if((0,h.useEffect)((function(){var e=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==s&&d==l.settingsState.clickedFrom;!e&&C&&x(!1),e&&!C&&x(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=l.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||f}()?(0,j.jsx)("div",{className:p.um,onClick:function onClick(e){l.settingsState.onClickContentItemId(s,d),x(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==s),e.stopPropagation()},style:a,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(p.hv,f?void 0:p.al,C?p.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:p.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,j.jsx)("path",{className:p.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:"#4F4F4F"})]})}),(0,j.jsx)("div",{className:w()(p.dA,f?p.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.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,j.jsx)(j.Fragment,{})}))},56474:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(75327),r=t(87363),a=t(93379),l=t.n(a),s=t(7795),d=t.n(s),c=t(90569),u=t.n(c),C=t(3565),x=t.n(C),f=t(19216),m=t.n(f),p=t(44589),g=t.n(p),h=t(84887),v={};v.styleTagTransform=g(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=m();l()(h.Z,v);h.Z&&h.Z.locals&&h.Z.locals;var b=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,l=void 0===a?(0,r.useState)(""):a,s=(0,i.Z)(l,2),d=s[0],c=s[1],u=(0,o.NP)(),C=(0,r.useState)(""),x=(0,i.Z)(C,2),f=x[0],m=x[1],p=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==p?void 0:p.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===p[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<p.length;o++)i(o)}m(e),c(e)}}),[]),d?(0,b.jsx)("div",{style:n,className:h.B,children:f}):(0,b.jsx)(b.Fragment,{})}},27020:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(80248),o=t(34988),r=t(65515),a=t.n(r),l=t(75327),s=t(9420),d=t(87363),c=t(61533),u=t(93379),C=t.n(u),x=t(7795),f=t.n(x),m=t(90569),p=t.n(m),g=t(3565),h=t.n(g),v=t(19216),b=t.n(v),w=t(44589),y=t.n(w),j=t(65655),A={};A.styleTagTransform=y(),A.setAttributes=h(),A.insert=p().bind(null,"head"),A.domAPI=f(),A.insertStyleElement=b();C()(j.ZP,A);j.ZP&&j.ZP.locals&&j.ZP.locals;var P=t(88683),S=t(46770),I=t(56474),Z=t(55461),D=t(91087),k=t(21801),E=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="undefined"!=typeof Image?new Image(1,1):void 0;O&&(O.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");const N=(0,s.Pi)((function ShelfAccessoires(e){var n,t,i=e.item,r=(e.grids,e.sel),s=(0,l.NP)(),u=(0,P.useDivaCore)().state,C=u.hidePrices,x=u.dimensions,f=x.isMobile,m=x.isTablet,p=(0,d.useState)(""),g=(0,o.Z)(p,2),h=g[0],v=g[1],b=(0,d.useState)(!1),w=(0,o.Z)(b,2),y=w[0],A=w[1],N=(0,d.useRef)(null),T=(0,d.useRef)({x:0,y:0}),F=(0,d.useRef)({grabX:0,grabY:0,width:0}),M=function positionGhost(e){if(e){var n=F.current;e.style.transform="translate(".concat(T.current.x-n.grabX,"px, ").concat(T.current.y-n.grabY,"px)")}};(0,d.useEffect)((function(){if(y){var e=function onDragOver(e){T.current={x:e.clientX,y:e.clientY},M(N.current)};return document.addEventListener("dragover",e),function(){return document.removeEventListener("dragover",e)}}}),[y]);var B={},V={},_=void 0,L=!1,q={},z=(0,S.XI)({delayEnter:1500,hideOnScroll:!0}),H=z[0]&&!y,Q=(0,S.sJ)({isOpen:H,auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});f||m||s.getViewConfig().hideTooltip||(L=H,q=z[1],B=Q.triggerProps,V=Q.layerProps,_=Q.renderLayer);var R=i.name;return(0,E.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:i.articleCodex,className:a()(j.nC,r?j.pA:void 0),onClick:function onClick(){return s.paletteViewHandler.selectShelfAccessorie(i.articleCodex,void 0,!1)},onDoubleClick:function onDoubleClick(){return s.paletteViewHandler.selectShelfAccessorie(i.articleCodex)},draggable:!0,onDragStart:function onDragStart(e){e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/plain",i.articleCodex),O&&e.dataTransfer.setDragImage(O,0,0);var n=e.currentTarget.getBoundingClientRect();F.current={grabX:e.clientX-n.left,grabY:e.clientY-n.top,width:n.width},T.current={x:e.clientX,y:e.clientY},A(!0),s.paletteViewHandler.startShelfAccessorieDrag(i.articleCodex)},onDragEnd:function onDragEnd(){A(!1),s.paletteViewHandler.endShelfAccessorieDrag()}},B),q),{},{children:[(0,E.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:i.image,draggable:!1}),(0,E.jsxs)("div",{className:j.jW,children:[(0,E.jsx)("div",{className:a()(j.TN),dangerouslySetInnerHTML:{__html:R}}),(0,E.jsx)(I.default,{metaData:i.metaData,visible:[h,v]},i.articleCodex),!C&&!!i.price&&(0,E.jsx)(D.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,E.jsx)(k.default,{item:i,style:{top:6,right:6}},i.articleCodex)]}),L&&(null===(n=_)||void 0===n?void 0:n((0,E.jsx)(Z.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:h,image:i.image,codex:i.articleCodex,layerProps:V},i.articleCodex))),y&&!s.settingsState.draggedAccessoryHasTarget&&(0,c.createPortal)((0,E.jsxs)("div",{className:a()(j.nC,j.HE),style:{width:F.current.width},ref:function ref(e){N.current=e,M(e)},children:[(0,E.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:i.image}),(0,E.jsx)("div",{className:j.jW,children:(0,E.jsx)("div",{className:j.TN,dangerouslySetInnerHTML:{__html:R}})})]}),document.body)]}))}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>f,al:()=>x,dA:()=>d,fL:()=>C,hv:()=>s,um:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());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 transition:\n 0.3s width ease,\n 0.3s height ease;\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 l="index-module--CjCgr",s="index-module--C9QBx",d="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",C="index-module--FaRqp",x="index-module--oBSZj";const f=a},84887:(e,n,t)=>{t.d(n,{B:()=>l,Z:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());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 -webkit-user-select: text;\n -moz-user-select: text;\n user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n color: #fff;\n}\n",""]);var l="index-module--hpPAb";const s=a},65655:(e,n,t)=>{t.d(n,{HE:()=>u,TN:()=>c,ZP:()=>C,jW:()=>d,nC:()=>l,pA:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--E9hMP {\n position: relative;\n box-sizing: border-box;\n border: 3px solid transparent;\n border-radius: 6px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n transition:\n box-shadow 0.2s ease-in-out,\n border-color 0.2s ease-in-out;\n background: #f2f2f2;\n cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n width: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n}\n\n.index-module--ASP_j {\n color: #4b4b4b;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n height: 100%;\n}\n.index-module--xrQ6L {\n height: auto;\n margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n font-weight: 600;\n font-size: 13px;\n line-height: 15px;\n}\n\n.index-module--fUvCj {\n position: fixed;\n left: 0;\n top: 0;\n pointer-events: none;\n z-index: 9999;\n opacity: 0.8;\n}\n",""]);var l="index-module--E9hMP",s="index-module--zq_sk",d="index-module--ASP_j",c="index-module--xrQ6L",u="index-module--fUvCj";const C=a}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7020,1801,6474],{21801:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A});var i=t(34988),o=t(93379),r=t.n(o),a=t(7795),l=t.n(a),s=t(90569),d=t.n(s),c=t(3565),u=t.n(c),C=t(19216),x=t.n(C),f=t(44589),m=t.n(f),p=t(23240),g={};g.styleTagTransform=m(),g.setAttributes=u(),g.insert=d().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=x();r()(p.ZP,g);p.ZP&&p.ZP.locals&&p.ZP.locals;var h=t(87363),v=t(75327),b=t(65515),w=t.n(b),y=t(9420),j=t(47514);const A=(0,y.Pi)((function InfoIcon(e){var n,t,o,r=e.item,a=e.style,l=(0,v.NP)(),s=r.contentItemId,d=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,h.useState)(!1),u=(0,i.Z)(c,2),C=u[0],x=u[1],f=r.sel||C;if((0,h.useEffect)((function(){var e=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==s&&d==l.settingsState.clickedFrom;!e&&C&&x(!1),e&&!C&&x(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=l.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||f}()?(0,j.jsx)("div",{className:p.um,onClick:function onClick(e){l.settingsState.onClickContentItemId(s,d),x(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==s),e.stopPropagation()},style:a,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(p.hv,f?void 0:p.al,C?p.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:p.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,j.jsx)("path",{className:p.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:"#4F4F4F"})]})}),(0,j.jsx)("div",{className:w()(p.dA,f?p.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.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,j.jsx)(j.Fragment,{})}))},56474:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(75327),r=t(87363),a=t(93379),l=t.n(a),s=t(7795),d=t.n(s),c=t(90569),u=t.n(c),C=t(3565),x=t.n(C),f=t(19216),m=t.n(f),p=t(44589),g=t.n(p),h=t(84887),v={};v.styleTagTransform=g(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=m();l()(h.Z,v);h.Z&&h.Z.locals&&h.Z.locals;var b=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,l=void 0===a?(0,r.useState)(""):a,s=(0,i.Z)(l,2),d=s[0],c=s[1],u=(0,o.NP)(),C=(0,r.useState)(""),x=(0,i.Z)(C,2),f=x[0],m=x[1],p=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==p?void 0:p.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===p[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<p.length;o++)i(o)}m(e),c(e)}}),[]),d?(0,b.jsx)("div",{style:n,className:h.B,children:f}):(0,b.jsx)(b.Fragment,{})}},27020:(e,n,t)=>{t.r(n),t.d(n,{default:()=>T});var i=t(80248),o=t(34988),r=t(65515),a=t.n(r),l=t(75327),s=t(9420),d=t(87363),c=t(61533),u=t(93379),C=t.n(u),x=t(7795),f=t.n(x),m=t(90569),p=t.n(m),g=t(3565),h=t.n(g),v=t(19216),b=t.n(v),w=t(44589),y=t.n(w),j=t(65655),A={};A.styleTagTransform=y(),A.setAttributes=h(),A.insert=p().bind(null,"head"),A.domAPI=f(),A.insertStyleElement=b();C()(j.ZP,A);j.ZP&&j.ZP.locals&&j.ZP.locals;var P=t(88683),S=t(46770),I=t(56474),Z=t(71442),D=t(55461),E=t(91087),O=t(21801),k=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 N="undefined"!=typeof Image?new Image(1,1):void 0;N&&(N.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");const T=(0,s.Pi)((function ShelfAccessoires(e){var n,t,i=e.item,r=(e.grids,e.sel),s=(0,l.NP)(),u=(0,P.useDivaCore)().state,C=u.hidePrices,x=u.dimensions,f=x.isMobile,m=x.isTablet,p=(0,d.useState)(""),g=(0,o.Z)(p,2),h=g[0],v=g[1],b=s.productState.useRtvNext||Z.j4,w=(0,d.useState)(!1),y=(0,o.Z)(w,2),A=y[0],T=y[1],F=(0,d.useRef)(null),M=(0,d.useRef)({x:0,y:0}),B=(0,d.useRef)({grabX:0,grabY:0,width:0}),V=function positionGhost(e){if(e){var n=B.current;e.style.transform="translate(".concat(M.current.x-n.grabX,"px, ").concat(M.current.y-n.grabY,"px)")}};(0,d.useEffect)((function(){if(A){var e=function onDragOver(e){M.current={x:e.clientX,y:e.clientY},V(F.current)};return document.addEventListener("dragover",e),function(){return document.removeEventListener("dragover",e)}}}),[A]);var _={},L={},q=void 0,z=!1,H={},R=(0,S.XI)({delayEnter:1500,hideOnScroll:!0}),Q=R[0]&&!A,W=(0,S.sJ)({isOpen:Q,auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});f||m||s.getViewConfig().hideTooltip||(z=Q,H=R[1],_=W.triggerProps,L=W.layerProps,q=W.renderLayer);var X=i.name;return(0,k.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:i.articleCodex,className:a()(j.nC,r?j.pA:void 0),onClick:function onClick(){return s.paletteViewHandler.selectShelfAccessorie(i.articleCodex,void 0,!b)},onDoubleClick:b?function(){return s.paletteViewHandler.selectShelfAccessorie(i.articleCodex)}:void 0,draggable:b,onDragStart:function onDragStart(e){if(b){e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/plain",i.articleCodex),N&&e.dataTransfer.setDragImage(N,0,0);var n=e.currentTarget.getBoundingClientRect();B.current={grabX:e.clientX-n.left,grabY:e.clientY-n.top,width:n.width},M.current={x:e.clientX,y:e.clientY},T(!0),s.paletteViewHandler.startShelfAccessorieDrag(i.articleCodex)}},onDragEnd:function onDragEnd(){b&&(T(!1),s.paletteViewHandler.endShelfAccessorieDrag())}},_),H),{},{children:[(0,k.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:i.image,draggable:!1}),(0,k.jsxs)("div",{className:j.jW,children:[(0,k.jsx)("div",{className:a()(j.TN),dangerouslySetInnerHTML:{__html:X}}),(0,k.jsx)(I.default,{metaData:i.metaData,visible:[h,v]},i.articleCodex),!C&&!!i.price&&(0,k.jsx)(E.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,k.jsx)(O.default,{item:i,style:{top:6,right:6}},i.articleCodex)]}),z&&(null===(n=q)||void 0===n?void 0:n((0,k.jsx)(D.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:h,image:i.image,codex:i.articleCodex,layerProps:L},i.articleCodex))),A&&!s.settingsState.draggedAccessoryHasTarget&&(0,c.createPortal)((0,k.jsxs)("div",{className:a()(j.nC,j.HE),style:{width:B.current.width},ref:function ref(e){F.current=e,V(e)},children:[(0,k.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:i.image}),(0,k.jsx)("div",{className:j.jW,children:(0,k.jsx)("div",{className:j.TN,dangerouslySetInnerHTML:{__html:X}})})]}),document.body)]}))}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>f,al:()=>x,dA:()=>d,fL:()=>C,hv:()=>s,um:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());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 transition:\n 0.3s width ease,\n 0.3s height ease;\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 l="index-module--CjCgr",s="index-module--C9QBx",d="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",C="index-module--FaRqp",x="index-module--oBSZj";const f=a},84887:(e,n,t)=>{t.d(n,{B:()=>l,Z:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());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 -webkit-user-select: text;\n -moz-user-select: text;\n user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n color: #fff;\n}\n",""]);var l="index-module--hpPAb";const s=a},65655:(e,n,t)=>{t.d(n,{HE:()=>u,TN:()=>c,ZP:()=>C,jW:()=>d,nC:()=>l,pA:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--E9hMP {\n position: relative;\n box-sizing: border-box;\n border: 3px solid transparent;\n border-radius: 6px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n transition:\n box-shadow 0.2s ease-in-out,\n border-color 0.2s ease-in-out;\n background: #f2f2f2;\n cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n width: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n}\n\n.index-module--ASP_j {\n color: #4b4b4b;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n height: 100%;\n}\n.index-module--xrQ6L {\n height: auto;\n margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n font-weight: 600;\n font-size: 13px;\n line-height: 15px;\n}\n\n.index-module--fUvCj {\n position: fixed;\n left: 0;\n top: 0;\n pointer-events: none;\n z-index: 9999;\n opacity: 0.8;\n}\n",""]);var l="index-module--E9hMP",s="index-module--zq_sk",d="index-module--ASP_j",c="index-module--xrQ6L",u="index-module--fUvCj";const C=a}}]);
package/build/umd/7118.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 7118.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7118],{79837:(t,r,o)=>{o.d(r,{d:()=>a});var a="autoPlaceDrag"},57118:(t,r,o)=>{o.r(r),o.d(r,{default:()=>R});var a=o(12952),i=o(80248),l=o(75327),c=o(32699),d=o(87363),u=o(9420),v=o(88683),p=o(95729),g=o.n(p),y=o(62052),h=o(79837),m=o(71442),b=o(34988),P=o(84658),S=o(50747),I=o.n(S),x=o(50698);function _createForOfIteratorHelper(t,r){var o="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!o){if(Array.isArray(t)||(o=function _unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return _arrayLikeToArray(t,r);var o={}.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){o&&(t=o);var a=0,i=function F(){};return{s:i,n:function n(){return a>=t.length?{done:!0}:{done:!1,value:t[a++]}},e:function e(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,c=!0,d=!1;return{s:function s(){o=o.call(t)},n:function n(){var t=o.next();return c=t.done,t},e:function e(t){d=!0,l=t},f:function f(){try{c||null==o.return||o.return()}finally{if(d)throw l}}}}function _arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var o=0,a=Array(r);o<r;o++)a[o]=t[o];return a}function ownKeys(t,r){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),o.push.apply(o,a)}return o}function _objectSpread(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(o),!0).forEach((function(r){(0,i.Z)(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}var A=(0,v.getLogger)("Planner","CreateImageShot"),w={width:3840,height:2160,formats:["png"],jpegQuality:.92,settleFrames:60,stableMs:800,cameraPadding:1.25};var D=o(47514);function PlannerRTVNext_ownKeys(t,r){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),o.push.apply(o,a)}return o}function PlannerRTVNext_objectSpread(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?PlannerRTVNext_ownKeys(Object(o),!0).forEach((function(r){(0,i.Z)(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):PlannerRTVNext_ownKeys(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}function PlannerRTVNext_createForOfIteratorHelper(t,r){var o="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!o){if(Array.isArray(t)||(o=function PlannerRTVNext_unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return PlannerRTVNext_arrayLikeToArray(t,r);var o={}.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?PlannerRTVNext_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){o&&(t=o);var a=0,i=function F(){};return{s:i,n:function n(){return a>=t.length?{done:!0}:{done:!1,value:t[a++]}},e:function e(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,c=!0,d=!1;return{s:function s(){o=o.call(t)},n:function n(){var t=o.next();return c=t.done,t},e:function e(t){d=!0,l=t},f:function f(){try{c||null==o.return||o.return()}finally{if(d)throw l}}}}function PlannerRTVNext_arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var o=0,a=Array(r);o<r;o++)a[o]=t[o];return a}var E=new Set(["PLANNER","ACC_PLANNER","PLANNER_2.0"]),O=new Set(["AVO","AVU","AVC","AVN","AVS"]),T={};function buildScene2D(t){var r,o=null===(r=t.divaWebPlanner.getCatalogData())||void 0===r?void 0:r.plan2DFontUrl,i=t.viewPlannerHandler.plannedElementsDict;if(!i||0===i.size)return{isPoolPlanning:!1};var l=function getDimensionConfigs(t){var r,o;return null!==(o=null===(r=t.divaWebPlanner.getCatalogData())||void 0===r?void 0:r.dimensionConfig2D)&&void 0!==o?o:T}(t),c=!1,d=[],u=1/0,v=1/0,p=-1/0,g=-1/0;if(i.forEach((function(r,o){var a,i=PlannerRTVNext_createForOfIteratorHelper(r);try{var y=function _loop(){var r,i,y,h,m,b=a.value,P=b.getWorldPosCenter(),S=null!==(r=b.getGlobalWidth())&&void 0!==r?r:0,I=null!==(i=b.getGlobalDepth())&&void 0!==i?i:0,x=b.getSVGData(),A=b.getHeightOLT(),w=b.getIsDockedAccessoire(),D=[],E=[],T=PlannerRTVNext_createForOfIteratorHelper(b.getAllDockingPoints());try{for(T.s();!(m=T.n()).done;){var R=m.value;E.push({dpId:R.DpId,type:R.Type,localOffset:[R.LocalWorldPos.x-S/2,R.LocalWorldPos.z-I/2],rotDeg:R.RotDeg,isDocking:R.IsDocking,onElementId:R.OnElementId,number:R.HasNumber?R.Number:void 0}),O.has(R.Type)&&(R.IsDocking&&w||D.push({dpId:R.DpId,localOffset:[R.LocalWorldPos.x-S/2,R.LocalWorldPos.z-I/2],iconRotDeg:R.RotDeg,isDocking:R.IsDocking,onElementId:R.OnElementId}))}}catch(t){T.e(t)}finally{T.f()}var k=b.getRotDeg()*Math.PI/180,C=Math.cos(k),N=Math.sin(k),j=function toLocalOutline(t){return t.map((function(t){var r=t.x-P.x,o=t.y-P.z;return[r*C+o*N,-r*N+o*C]}))},_=b.getOLTPolygonWorldPos(),V=b.getOLFPolygonWorldPos(),L=_.length>0||V.length>0?PlannerRTVNext_objectSpread(PlannerRTVNext_objectSpread({},_.length>0?{olt:j(_)}:{}),V.length>0?{olf:j(V)}:{}):void 0,M=l[b.ArticleCodex];null!=M&&(c=!0);var H=function resolveText(r){return function resolveOptionPlaceholders(t,r,o){var a;return o&&o.includes("{")&&null!==(a=t.divaWebPlanner.convertTemplateToCodex(r,o))&&void 0!==a?a:o}(t,b.getBasketId(),r)},G=null==M?void 0:M.dimensionConfig,W=G&&[G.widthPrefix,G.widthPostfix,G.depthPrefix,G.depthPostfix].some((function(t){return null==t?void 0:t.includes("{")}))?PlannerRTVNext_objectSpread(PlannerRTVNext_objectSpread({},G),{},{widthPrefix:H(G.widthPrefix),widthPostfix:H(G.widthPostfix),depthPrefix:H(G.depthPrefix),depthPostfix:H(G.depthPostfix)}):G,B=null!=M&&null!==(y=M.annotations)&&void 0!==y&&y.some((function(t){return t.text.includes("{")}))?M.annotations.map((function(t){var r;return PlannerRTVNext_objectSpread(PlannerRTVNext_objectSpread({},t),{},{text:null!==(r=H(t.text))&&void 0!==r?r:t.text})})):null==M?void 0:M.annotations;d.push({name:"Element".concat(b.getElementId()),setId:o,elementId:b.getElementId(),position:[P.x,P.z],pivotOffset:[0,0],rotation:b.getRotDeg(),width:S,depth:I,svgDataUrl:x?"data:image/svg+xml;base64,".concat(btoa(unescape(encodeURIComponent(x)))):void 0,height:A>0?A:void 0,dockingButtons:D.length>0?D:void 0,dockingPointsDebug:E.length>0?E:void 0,outlinesDebug:L,zLayer:null!==(h=null==M?void 0:M.zLayer)&&void 0!==h?h:b.getLayer(),opacity:null==M?void 0:M.opacity,dimensionConfig:W,annotations:B});var U=S/2,z=I/2;u=Math.min(u,P.x-U),p=Math.max(p,P.x+U),v=Math.min(v,P.z-z),g=Math.max(g,P.z+z)};for(i.s();!(a=i.n()).done;)y()}catch(t){i.e(t)}finally{i.f()}})),0===d.length)return{isPoolPlanning:c};var y=function buildDockingGroups(t){var r=new Map;function find(t){for(var o=t;r.get(o)!==o;)o=r.get(o);for(var a=t;a!==o;){var i=r.get(a);r.set(a,o),a=i}return o}function union(t,o){var a=find(t),i=find(o);a!==i&&r.set(a,i)}t.forEach((function(t){var o,a=PlannerRTVNext_createForOfIteratorHelper(t);try{for(a.s();!(o=a.n()).done;){var i=o.value,l=i.getElementId();r.has(l)||r.set(l,l);var c,d=PlannerRTVNext_createForOfIteratorHelper(i.getDockingPoints());try{for(d.s();!(c=d.n()).done;){var u=c.value;if(u.IsDocking&&null!=u.OnElementId){var v=u.OnElementId;r.has(v)||r.set(v,v),union(l,v)}}}catch(t){d.e(t)}finally{d.f()}}}catch(t){a.e(t)}finally{a.f()}}));var o,i=new Map,l=PlannerRTVNext_createForOfIteratorHelper(r.keys());try{for(l.s();!(o=l.n()).done;){var c=o.value,d=find(c),u=i.get(d);u||(u=[],i.set(d,u)),u.push(c)}}catch(t){l.e(t)}finally{l.f()}return(0,a.Z)(i.values()).filter((function(t){return t.length>1}))}(i);return{scene2d:PlannerRTVNext_objectSpread(PlannerRTVNext_objectSpread({elements:d,boundingBox:{x:(u+p)/2,z:(v+g)/2,width:p-u,depth:g-v}},o?{fontUrl:o}:{}),y.length>0?{dockingGroups:y}:{}),isPoolPlanning:c}}function resolveAccessoryTargets(t,r){var o,a,i,l,c=null===(o=t.settingsState.plannedPlacesOnGrids)||void 0===o?void 0:o.find((function(t){var o;return(null!==(o=t.elementId)&&void 0!==o?o:"").replace(/^E/,"")===r.parentElementKey}));if(!c)return null;for(var d=0,u=Object.keys(c.grids);d<u.length;d++){var v=u[d],p=c.grids[v];if(p.idx===r.gridId){l=v;var g=p.accessories.find((function(t){return t.index===r.cellIdx}));if(g){a=g.basketId,i=g.articleCodex;break}}}return{parentBasketId:c.basketId,accBasketId:a,accCodex:i,gridName:l}}const R=(0,u.Pi)((function PlannerRTVNext(){var t,r,o,a,i,u,S,O=(0,l.NP)(),T=(0,c.Qv)(),R=(0,v.useDivaCore)(),k=R.state,C=k.apiConfig,N=k.jwt,j=R.actions;(0,d.useEffect)((function(){(0,y.JB)("rtv: PlannerRTVNext mounted")}),[]);var _=(0,d.useRef)(O.hqRenderScript);(0,d.useEffect)((function(){O.hqRenderScript!==_.current&&(_.current=O.hqRenderScript,O.hqRenderScript&&j.toggleLoading("RTV_Assembling",!1,!0))}),[O.hqRenderScript,j]);var V=(0,d.useMemo)((function(){return{onElementSelected:function onElementSelected(t,r){O.viewPlannerHandler.onElementSelected(t,r)},onElementDeselected:function onElementDeselected(){O.viewPlannerHandler.onClearElementSelection()},updatePlannerTrans:function updatePlannerTrans(t,r,o,a,i,l,c,d){O.divaWebPlanner.updatePlannerTrans(t,r,{x:o.x,y:o.y,z:o.z},a,i,l,c,d)},getDockSnapPreview:function getDockSnapPreview(t,r,o,a){return O.divaWebPlanner.getDockSnapPreview(r,o,a)},onElementDeleted:function onElementDeleted(t,r){O.viewPlannerHandler.onElementDeleted(t,r)},onElementCopy:function onElementCopy(t,r,o){return O.viewPlannerHandler.onElementCopy(t,r,o)},onDockingPointInteraction:function onDockingPointInteraction(t,r,o,a,i){return O.viewPlannerHandler.onDockingPointInteraction(t,r,o,a,i)},onAccessoryPlace:function onAccessoryPlace(t,r,o,a){O.paletteViewHandler.addAccessorieOnShelfPlannerView(t,r,o,a)},onAccessoryDragOver:function onAccessoryDragOver(t){O.settingsState.setDraggedAccessoryHasTarget(t)},onAccessorySelect:function onAccessorySelect(t){var r=resolveAccessoryTargets(O,t);r&&O.paletteViewHandler.selectShelfAccessorie(r.accCodex,r.accBasketId)},onAccessoryDeselect:function onAccessoryDeselect(){O.paletteViewHandler.selectShelfAccessorie(void 0)},onAccessoryDelete:function onAccessoryDelete(t){var r=resolveAccessoryTargets(O,t);r&&O.paletteViewHandler.deleteAccessorieOnShelfPlannerView(t.gridId,t.cellIdx,r.parentBasketId)},onAccessoryMoveStart:function onAccessoryMoveStart(t){var r=resolveAccessoryTargets(O,t);if(r&&r.accBasketId&&r.gridName)return O.divaWebPlanner.getFreeToMovePlacesOnGrids(r.gridName,r.accBasketId,!0)},onAccessoryMove:function onAccessoryMove(t,r){var o=resolveAccessoryTargets(O,t);if(o&&o.accBasketId){var a=r.articleCodex&&r.articleCodex!==o.accCodex?r.articleCodex:void 0;O.divaWebPlanner.moveShelfItemToGrid(o.accBasketId,r.parentBasketId,r.gridName,r.cellIdx,a)}},onSceneReady:function onSceneReady(){(0,y.JB)("rtv: onSceneReady"),j.toggleLoading("RTV_Assembling",!1,!1)}}}),[O.viewPlannerHandler,O.divaWebPlanner,O,j]),L=O.productState.rtvSelectedElementId,M=O.isParentViewVisible;(0,d.useEffect)((function(){if(M)return(0,m.RS)()}),[M]);var H=O.productState.doShowRTV,G=O.productState.doShow3DComb,W=O.productState.doShowGrid,B="CREATE_IMAGE"===O.configState.initMode,U=!M||!H&&!G&&!W&&!B,z=U?void 0:buildScene2D(O),K=null==z?void 0:z.scene2d,q=null!==(t=null==z?void 0:z.isPoolPlanning)&&void 0!==t&&t,Z=null!==(r=null===(o=O.divaWebPlanner.getCatalogData())||void 0===o?void 0:o.rtvPreset)&&void 0!==r?r:p.WHITE_ROOM_PRESET;if(function useCreateImageShot(t,r,o){var a="CREATE_IMAGE"===t.configState.initMode,i=(0,d.useRef)(!1),l=a&&r?r.elements.map((function(t){return"".concat(t.elementId,":").concat(t.width,"x").concat(t.depth,"@").concat(t.position[0],",").concat(t.position[1])})).join("|"):"";(0,d.useEffect)((function(){if(a&&l&&!i.current){var r=_objectSpread(_objectSpread(_objectSpread({},w),o.createImage),t.configState.createImageConfig),c=window.setTimeout((0,P.Z)(I().mark((function _callee(){var o,a,l,c,d,u,v,g,y,h,m;return I().wrap((function _callee$(P){for(;;)switch(P.prev=P.next){case 0:if(!i.current){P.next=2;break}return P.abrupt("return");case 2:return i.current=!0,P.prev=3,a={id:"plan-2d",viewMode:"2d",showGrid:!1,showDimensionLines:!0,showPosNr:!1,environment:_objectSpread(_objectSpread(_objectSpread(_objectSpread({},(0,p.emitConfig)(p.ENVIRONMENT_CONFIG,p.useRTVStore.getState().resolvedEnvironment)),r.dimensionLineUnit?{dimensionLineUnit:r.dimensionLineUnit}:{}),void 0!==r.dimensionLineHideUnit?{dimensionLineHideUnit:r.dimensionLineHideUnit}:{}),r.dimensionLineColor?{dimensionLineColor:r.dimensionLineColor}:{}),resolution:{width:r.width,height:r.height},camera:{padding:r.cameraPadding},format:"png",settleFrames:r.settleFrames},P.next=7,p.useRTVStore.getState().captureShots({shots:[a]});case 7:if(l=P.sent,c=(0,b.Z)(l,1),d=c[0]){P.next=12;break}throw new Error("captureShots returned no result");case 12:u=[],v=_createForOfIteratorHelper(r.formats),P.prev=14,v.s();case 16:if((g=v.n()).done){P.next=31;break}if("jpeg"!==(y=g.value)){P.next=24;break}return P.next=21,(0,x.N7)(d.blob,r.jpegQuality);case 21:P.t0=P.sent,P.next=27;break;case 24:return P.next=26,(0,x.fL)(d.blob);case 26:P.t0=P.sent;case 27:h=P.t0,u.push({format:y,dataUrl:h,width:d.width,height:d.height});case 29:P.next=16;break;case 31:P.next=36;break;case 33:P.prev=33,P.t1=P.catch(14),v.e(P.t1);case 36:return P.prev=36,v.f(),P.finish(36);case 39:null===(o=t.actions)||void 0===o||o.onEvent({type:"planImageCreated",data:{images:u}}),P.next=47;break;case 42:P.prev=42,P.t2=P.catch(3),A.warn("CREATE_IMAGE capture failed",P.t2),i.current=!1,null===(m=t.actions)||void 0===m||m.onEvent({type:"planImageFailed",data:{message:P.t2 instanceof Error?P.t2.message:String(P.t2)}});case 47:case"end":return P.stop()}}),_callee,null,[[3,42],[14,33,36,39]])}))),r.stableMs);return function(){return window.clearTimeout(c)}}}),[a,l,t,o])}(O,K,Z),U)return null;var Q=W||B?"2d":"3d",$=null===(a=O.tabGroupState.curTabGroup)||void 0===a?void 0:a.type,J=null!=$&&E.has($),X=O.productState.rtvFocusElementId,Y=q||O.productState.doShow3DDimensionLines,ee=function buildElementsInfoFromArticles(t){for(var r,o,a,i,l,c=new Map,d=t.settingsState.articleInfos,u=t.viewPlannerHandler.plannedElementsDict,v=t.productState.rtvSelectedElementId,p="SHELFPLANNER"===(null===(r=t.tabGroupState.curTabGroup)||void 0===r?void 0:r.type),g=null!=(l=null===(i=t.tabGroupState.curTabGroup)||void 0===i?void 0:i.type)&&E.has(l),y=null===(o=t.divaWebPlanner.getCatalogData())||void 0===o?void 0:o.elementCopyAVLR,h=null===(a=t.tabGroupState.curOption)||void 0===a?void 0:a.codex,m=null!=y&&(g||Array.isArray(y)&&null!=h&&y.includes(h)),b=function resolveState(t,r,o){return o?p||r?"selectable":"unselectable":p?"active":void 0!==t&&v===t?"selected":r?"active":"selectable"},P=new Map,S=0,I=Object.keys(d);S<I.length;S++){var x=d[I[S]];void 0!==x.elementId&&P.set(x.elementId,{setId:x.setId,posNr:String(x.posNr),isActive:x.isActive,canDelete:x.isActive,isShelfAccessoire:!!x.isShelfAccessoire,shelfElementId:x.shelfElementId})}u&&u.forEach((function(t,r){var o,a=PlannerRTVNext_createForOfIteratorHelper(t);try{for(a.s();!(o=a.n()).done;){var i,l,d,u=o.value,v=u.getElementId(),p=u.getParentElementId(),g=P.get(v),y="BOX"===u.getPlannerType(),h=void 0,S=void 0,I=void 0,x=void 0;if(y){h=!0,S=!0;var A=u.getFreeDockingPointByTypeAndNumber("AVO",1);I=null!=A&&!A.IsDisabled}else!m||null!=p||null!=g&&g.isShelfAccessoire||(h=u.getFreeDockingPointsByType("AVL").some((function(t){return!t.IsDisabled})),S=u.getFreeDockingPointsByType("AVR").some((function(t){return!t.IsDisabled})),x=!0);var w=g?b(v,g.isActive,!!g.isShelfAccessoire):"unselectable",D=null!=g&&g.isShelfAccessoire?"shelfAccessoire":y?"boxElement":null!=p?"accessoire":"planned";c.set(null!==(i=null==g?void 0:g.shelfElementId)&&void 0!==i?i:String(v),{setId:null!==(l=null==g?void 0:g.setId)&&void 0!==l?l:r,posNr:null==g?void 0:g.posNr,state:w,type:D,articleCodex:u.ArticleCodex,canDelete:!!(null!=g&&g.isShelfAccessoire||x)||null!==(d=null==g?void 0:g.canDelete)&&void 0!==d&&d,parentElementId:p,canCopyLeft:h,canCopyRight:S,canCopyTop:I,copyAlwaysVisible:x})}}catch(t){a.e(t)}finally{a.f()}}));for(var A=0,w=Object.keys(d);A<w.length;A++){var D=d[w[A]];D.isShelfAccessoire&&D.shelfElementId&&!c.has(D.shelfElementId)&&c.set(D.shelfElementId,{setId:D.setId,posNr:String(D.posNr),state:b(D.elementId,D.isActive,!0),type:"shelfAccessoire",canDelete:!0})}return c}(O),te=O.settingsState.selectedShelfAccessoire,ne=te&&null!==(i=null===(u=Object.values(O.settingsState.articleInfos).find((function(t){return t.basketId===te})))||void 0===u?void 0:u.shelfElementId)&&void 0!==i?i:null,re=ne?null===(S=ee.get(ne))||void 0===S?void 0:S.state:void 0,oe=null!=ne&&null!=re&&"unselectable"!==re?ne:null,ae="2d"!==Q,ie=O.divaWebPlanner.getCatalogData(),le=null!=ie&&ie.catalogCodex?{catalogCodex:ie.catalogCodex,iln:ie.supplierILN}:void 0;return(0,D.jsx)(g(),{catalogInfo:ae?le:void 0,hqRenderScript:ae?O.hqRenderScript:void 0,scene2d:K,viewMode:Q,stopRender:!M,config:{archiveBaseUrl:C.diva3darchive.endsWith("/")?C.diva3darchive.slice(0,-1):C.diva3darchive,constructorServiceUrl:C.constructorService,jwt:N,capabilities:{supports3d:!0},profiles:Z.profiles,profileMode:Z.profileMode,camera:Z.camera,uiConfig:PlannerRTVNext_objectSpread({plannerMode:O.productState.isBoxPlanner?"BoxPlanner":"3DCOMB",accessoryPlacement:h.d},q?{hideUiIcons:!0}:{})},plannerMode:J,freePlacesOnGrids:O.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:O.settingsState.plannedPlacesOnGrids,armedAccessoryCodex:O.settingsState.armedAccessoryToken,draggedAccessoryCodex:O.settingsState.draggedAccessoryCodex,callbacks:V,analyzerComponents:T,focusElementId:X,elementsInfo:ee,selectedElementId:L,selectedAccessoryKey:oe,showDimensionLines:Y})}))}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7118],{79837:(t,r,o)=>{o.d(r,{d:()=>a});var a="autoPlaceDrag"},57118:(t,r,o)=>{o.r(r),o.d(r,{default:()=>R});var a=o(34988),i=o(12952),l=o(80248),c=o(75327),d=o(32699),u=o(87363),v=o(9420),p=o(88683),g=o(95729),y=o.n(g),h=o(87998),m=o(79837),b=o(71442),P=o(84658),S=o(50747),I=o.n(S),x=o(50698);function _createForOfIteratorHelper(t,r){var o="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!o){if(Array.isArray(t)||(o=function _unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return _arrayLikeToArray(t,r);var o={}.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){o&&(t=o);var a=0,i=function F(){};return{s:i,n:function n(){return a>=t.length?{done:!0}:{done:!1,value:t[a++]}},e:function e(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,c=!0,d=!1;return{s:function s(){o=o.call(t)},n:function n(){var t=o.next();return c=t.done,t},e:function e(t){d=!0,l=t},f:function f(){try{c||null==o.return||o.return()}finally{if(d)throw l}}}}function _arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var o=0,a=Array(r);o<r;o++)a[o]=t[o];return a}function ownKeys(t,r){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),o.push.apply(o,a)}return o}function _objectSpread(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(o),!0).forEach((function(r){(0,l.Z)(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}var A=(0,p.getLogger)("Planner","CreateImageShot"),w={width:3840,height:2160,formats:["png"],jpegQuality:.92,settleFrames:60,stableMs:800,cameraPadding:1.25};var D=o(47514);function PlannerRTVNext_ownKeys(t,r){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),o.push.apply(o,a)}return o}function PlannerRTVNext_objectSpread(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?PlannerRTVNext_ownKeys(Object(o),!0).forEach((function(r){(0,l.Z)(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):PlannerRTVNext_ownKeys(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}function PlannerRTVNext_createForOfIteratorHelper(t,r){var o="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!o){if(Array.isArray(t)||(o=function PlannerRTVNext_unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return PlannerRTVNext_arrayLikeToArray(t,r);var o={}.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?PlannerRTVNext_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){o&&(t=o);var a=0,i=function F(){};return{s:i,n:function n(){return a>=t.length?{done:!0}:{done:!1,value:t[a++]}},e:function e(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,c=!0,d=!1;return{s:function s(){o=o.call(t)},n:function n(){var t=o.next();return c=t.done,t},e:function e(t){d=!0,l=t},f:function f(){try{c||null==o.return||o.return()}finally{if(d)throw l}}}}function PlannerRTVNext_arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var o=0,a=Array(r);o<r;o++)a[o]=t[o];return a}var E=new Set(["PLANNER","ACC_PLANNER","PLANNER_2.0"]),O=new Set(["AVO","AVU","AVC","AVN","AVS"]),T={};function buildScene2D(t){var r,o=null===(r=t.divaWebPlanner.getCatalogData())||void 0===r?void 0:r.plan2DFontUrl,a=t.viewPlannerHandler.plannedElementsDict;if(!a||0===a.size)return{isPoolPlanning:!1};var l=function getDimensionConfigs(t){var r,o;return null!==(o=null===(r=t.divaWebPlanner.getCatalogData())||void 0===r?void 0:r.dimensionConfig2D)&&void 0!==o?o:T}(t),c=!1,d=[],u=1/0,v=1/0,p=-1/0,g=-1/0;if(a.forEach((function(r,o){var a,i=PlannerRTVNext_createForOfIteratorHelper(r);try{var y=function _loop(){var r,i,y,h,m,b=a.value,P=b.getWorldPosCenter(),S=null!==(r=b.getGlobalWidth())&&void 0!==r?r:0,I=null!==(i=b.getGlobalDepth())&&void 0!==i?i:0,x=b.getSVGData(),A=b.getHeightOLT(),w=b.getIsDockedAccessoire(),D=[],E=[],T=PlannerRTVNext_createForOfIteratorHelper(b.getAllDockingPoints());try{for(T.s();!(m=T.n()).done;){var R=m.value;E.push({dpId:R.DpId,type:R.Type,localOffset:[R.LocalWorldPos.x-S/2,R.LocalWorldPos.z-I/2],rotDeg:R.RotDeg,isDocking:R.IsDocking,onElementId:R.OnElementId,number:R.HasNumber?R.Number:void 0}),O.has(R.Type)&&(R.IsDocking&&w||D.push({dpId:R.DpId,localOffset:[R.LocalWorldPos.x-S/2,R.LocalWorldPos.z-I/2],iconRotDeg:R.RotDeg,isDocking:R.IsDocking,onElementId:R.OnElementId}))}}catch(t){T.e(t)}finally{T.f()}var k=b.getRotDeg()*Math.PI/180,C=Math.cos(k),N=Math.sin(k),j=function toLocalOutline(t){return t.map((function(t){var r=t.x-P.x,o=t.y-P.z;return[r*C+o*N,-r*N+o*C]}))},_=b.getOLTPolygonWorldPos(),V=b.getOLFPolygonWorldPos(),L=_.length>0||V.length>0?PlannerRTVNext_objectSpread(PlannerRTVNext_objectSpread({},_.length>0?{olt:j(_)}:{}),V.length>0?{olf:j(V)}:{}):void 0,M=l[b.ArticleCodex];null!=M&&(c=!0);var H=function resolveText(r){return function resolveOptionPlaceholders(t,r,o){var a;return o&&o.includes("{")&&null!==(a=t.divaWebPlanner.convertTemplateToCodex(r,o))&&void 0!==a?a:o}(t,b.getBasketId(),r)},G=null==M?void 0:M.dimensionConfig,W=G&&[G.widthPrefix,G.widthPostfix,G.depthPrefix,G.depthPostfix].some((function(t){return null==t?void 0:t.includes("{")}))?PlannerRTVNext_objectSpread(PlannerRTVNext_objectSpread({},G),{},{widthPrefix:H(G.widthPrefix),widthPostfix:H(G.widthPostfix),depthPrefix:H(G.depthPrefix),depthPostfix:H(G.depthPostfix)}):G,B=null!=M&&null!==(y=M.annotations)&&void 0!==y&&y.some((function(t){return t.text.includes("{")}))?M.annotations.map((function(t){var r;return PlannerRTVNext_objectSpread(PlannerRTVNext_objectSpread({},t),{},{text:null!==(r=H(t.text))&&void 0!==r?r:t.text})})):null==M?void 0:M.annotations;d.push({name:"Element".concat(b.getElementId()),setId:o,elementId:b.getElementId(),position:[P.x,P.z],pivotOffset:[0,0],rotation:b.getRotDeg(),width:S,depth:I,svgDataUrl:x?"data:image/svg+xml;base64,".concat(btoa(unescape(encodeURIComponent(x)))):void 0,height:A>0?A:void 0,dockingButtons:D.length>0?D:void 0,dockingPointsDebug:E.length>0?E:void 0,outlinesDebug:L,zLayer:null!==(h=null==M?void 0:M.zLayer)&&void 0!==h?h:b.getLayer(),opacity:null==M?void 0:M.opacity,dimensionConfig:W,annotations:B});var U=S/2,z=I/2;u=Math.min(u,P.x-U),p=Math.max(p,P.x+U),v=Math.min(v,P.z-z),g=Math.max(g,P.z+z)};for(i.s();!(a=i.n()).done;)y()}catch(t){i.e(t)}finally{i.f()}})),0===d.length)return{isPoolPlanning:c};var y=function buildDockingGroups(t){var r=new Map;function find(t){for(var o=t;r.get(o)!==o;)o=r.get(o);for(var a=t;a!==o;){var i=r.get(a);r.set(a,o),a=i}return o}function union(t,o){var a=find(t),i=find(o);a!==i&&r.set(a,i)}t.forEach((function(t){var o,a=PlannerRTVNext_createForOfIteratorHelper(t);try{for(a.s();!(o=a.n()).done;){var i=o.value,l=i.getElementId();r.has(l)||r.set(l,l);var c,d=PlannerRTVNext_createForOfIteratorHelper(i.getDockingPoints());try{for(d.s();!(c=d.n()).done;){var u=c.value;if(u.IsDocking&&null!=u.OnElementId){var v=u.OnElementId;r.has(v)||r.set(v,v),union(l,v)}}}catch(t){d.e(t)}finally{d.f()}}}catch(t){a.e(t)}finally{a.f()}}));var o,a=new Map,l=PlannerRTVNext_createForOfIteratorHelper(r.keys());try{for(l.s();!(o=l.n()).done;){var c=o.value,d=find(c),u=a.get(d);u||(u=[],a.set(d,u)),u.push(c)}}catch(t){l.e(t)}finally{l.f()}return(0,i.Z)(a.values()).filter((function(t){return t.length>1}))}(a);return{scene2d:PlannerRTVNext_objectSpread(PlannerRTVNext_objectSpread({elements:d,boundingBox:{x:(u+p)/2,z:(v+g)/2,width:p-u,depth:g-v}},o?{fontUrl:o}:{}),y.length>0?{dockingGroups:y}:{}),isPoolPlanning:c}}function resolveAccessoryTargets(t,r){var o,a,i,l,c=null===(o=t.settingsState.plannedPlacesOnGrids)||void 0===o?void 0:o.find((function(t){var o;return(null!==(o=t.elementId)&&void 0!==o?o:"").replace(/^E/,"")===r.parentElementKey}));if(!c)return null;for(var d=0,u=Object.keys(c.grids);d<u.length;d++){var v=u[d],p=c.grids[v];if(p.idx===r.gridId){l=v;var g=p.accessories.find((function(t){return t.index===r.cellIdx}));if(g){a=g.basketId,i=g.articleCodex;break}}}return{parentBasketId:c.basketId,accBasketId:a,accCodex:i,gridName:l}}const R=(0,v.Pi)((function PlannerRTVNext(){var t,r,o,i,l,v,S,O=(0,c.NP)(),T=(0,d.Qv)(),R=(0,p.useDivaCore)(),k=R.state,C=k.apiConfig,N=k.jwt,j=R.actions;(0,u.useEffect)((function(){(0,h.JB)("rtv: PlannerRTVNext mounted")}),[]);var _=(0,u.useRef)(O.hqRenderScript);(0,u.useEffect)((function(){O.hqRenderScript!==_.current&&(_.current=O.hqRenderScript,O.hqRenderScript&&j.toggleLoading("RTV_Assembling",!1,!0))}),[O.hqRenderScript,j]);var V=(0,u.useMemo)((function(){return{onElementSelected:function onElementSelected(t,r){O.viewPlannerHandler.onElementSelected(t,r)},onElementDeselected:function onElementDeselected(){O.viewPlannerHandler.onClearElementSelection()},updatePlannerTrans:function updatePlannerTrans(t,r,o,a,i,l,c,d){O.divaWebPlanner.updatePlannerTrans(t,r,{x:o.x,y:o.y,z:o.z},a,i,l,c,d)},getDockSnapPreview:function getDockSnapPreview(t,r,o,a){return O.divaWebPlanner.getDockSnapPreview(r,o,a)},onElementDeleted:function onElementDeleted(t,r){O.viewPlannerHandler.onElementDeleted(t,r)},onElementCopy:function onElementCopy(t,r,o){return O.viewPlannerHandler.onElementCopy(t,r,o)},onDockingPointInteraction:function onDockingPointInteraction(t,r,o,a,i){return O.viewPlannerHandler.onDockingPointInteraction(t,r,o,a,i)},onAccessoryPlace:function onAccessoryPlace(t,r,o,a){O.paletteViewHandler.addAccessorieOnShelfPlannerView(t,r,o,a)},onAccessoryDragOver:function onAccessoryDragOver(t){O.settingsState.setDraggedAccessoryHasTarget(t)},onAccessorySelect:function onAccessorySelect(t){var r=resolveAccessoryTargets(O,t);r&&O.paletteViewHandler.selectShelfAccessorie(r.accCodex,r.accBasketId)},onAccessoryDeselect:function onAccessoryDeselect(){O.paletteViewHandler.selectShelfAccessorie(void 0)},onAccessoryDelete:function onAccessoryDelete(t){var r=resolveAccessoryTargets(O,t);r&&O.paletteViewHandler.deleteAccessorieOnShelfPlannerView(t.gridId,t.cellIdx,r.parentBasketId)},onAccessoryMoveStart:function onAccessoryMoveStart(t){var r=resolveAccessoryTargets(O,t);if(r&&r.accBasketId&&r.gridName)return O.divaWebPlanner.getFreeToMovePlacesOnGrids(r.gridName,r.accBasketId,!0)},onAccessoryMove:function onAccessoryMove(t,r){var o=resolveAccessoryTargets(O,t);if(o&&o.accBasketId){var a=r.articleCodex&&r.articleCodex!==o.accCodex?r.articleCodex:void 0;O.divaWebPlanner.moveShelfItemToGrid(o.accBasketId,r.parentBasketId,r.gridName,r.cellIdx,a)}},onSceneReady:function onSceneReady(){(0,h.JB)("rtv: onSceneReady"),j.toggleLoading("RTV_Assembling",!1,!1)}}}),[O.viewPlannerHandler,O.divaWebPlanner,O,j]),L=O.productState.rtvSelectedElementId,M=O.isParentViewVisible;(0,u.useEffect)((function(){if(M)return(0,b.RS)()}),[M]);var H=O.productState.doShowRTV,G=O.productState.doShow3DComb,W=O.productState.doShowGrid,B="CREATE_IMAGE"===O.configState.initMode,U=!(H||G||W||B),z=(0,u.useState)(!1),K=(0,a.Z)(z,2),q=K[0],Z=K[1],Q=M&&(q||!U);Q!==q&&Z(Q);var $=(0,u.useState)("3d"),J=(0,a.Z)($,2),X=J[0],Y=J[1],ee=U?X:W||B?"2d":"3d";ee!==X&&Y(ee);var te=(0,u.useRef)(void 0),ne=Q?U?te.current:buildScene2D(O):void 0;te.current=ne;var re=null==ne?void 0:ne.scene2d,oe=null!==(t=null==ne?void 0:ne.isPoolPlanning)&&void 0!==t&&t,ae=null!==(r=null===(o=O.divaWebPlanner.getCatalogData())||void 0===o?void 0:o.rtvPreset)&&void 0!==r?r:g.WHITE_ROOM_PRESET;if(function useCreateImageShot(t,r,o){var i="CREATE_IMAGE"===t.configState.initMode,l=(0,u.useRef)(!1),c=i&&r?r.elements.map((function(t){return"".concat(t.elementId,":").concat(t.width,"x").concat(t.depth,"@").concat(t.position[0],",").concat(t.position[1])})).join("|"):"";(0,u.useEffect)((function(){if(i&&c&&!l.current){var r=_objectSpread(_objectSpread(_objectSpread({},w),o.createImage),t.configState.createImageConfig),d=window.setTimeout((0,P.Z)(I().mark((function _callee(){var o,i,c,d,u,v,p,y,h,m,b;return I().wrap((function _callee$(P){for(;;)switch(P.prev=P.next){case 0:if(!l.current){P.next=2;break}return P.abrupt("return");case 2:return l.current=!0,P.prev=3,i={id:"plan-2d",viewMode:"2d",showGrid:!1,showDimensionLines:!0,showPosNr:!1,environment:_objectSpread(_objectSpread(_objectSpread(_objectSpread({},(0,g.emitConfig)(g.ENVIRONMENT_CONFIG,g.useRTVStore.getState().resolvedEnvironment)),r.dimensionLineUnit?{dimensionLineUnit:r.dimensionLineUnit}:{}),void 0!==r.dimensionLineHideUnit?{dimensionLineHideUnit:r.dimensionLineHideUnit}:{}),r.dimensionLineColor?{dimensionLineColor:r.dimensionLineColor}:{}),resolution:{width:r.width,height:r.height},camera:{padding:r.cameraPadding},format:"png",settleFrames:r.settleFrames},P.next=7,g.useRTVStore.getState().captureShots({shots:[i]});case 7:if(c=P.sent,d=(0,a.Z)(c,1),u=d[0]){P.next=12;break}throw new Error("captureShots returned no result");case 12:v=[],p=_createForOfIteratorHelper(r.formats),P.prev=14,p.s();case 16:if((y=p.n()).done){P.next=31;break}if("jpeg"!==(h=y.value)){P.next=24;break}return P.next=21,(0,x.N7)(u.blob,r.jpegQuality);case 21:P.t0=P.sent,P.next=27;break;case 24:return P.next=26,(0,x.fL)(u.blob);case 26:P.t0=P.sent;case 27:m=P.t0,v.push({format:h,dataUrl:m,width:u.width,height:u.height});case 29:P.next=16;break;case 31:P.next=36;break;case 33:P.prev=33,P.t1=P.catch(14),p.e(P.t1);case 36:return P.prev=36,p.f(),P.finish(36);case 39:null===(o=t.actions)||void 0===o||o.onEvent({type:"planImageCreated",data:{images:v}}),P.next=47;break;case 42:P.prev=42,P.t2=P.catch(3),A.warn("CREATE_IMAGE capture failed",P.t2),l.current=!1,null===(b=t.actions)||void 0===b||b.onEvent({type:"planImageFailed",data:{message:P.t2 instanceof Error?P.t2.message:String(P.t2)}});case 47:case"end":return P.stop()}}),_callee,null,[[3,42],[14,33,36,39]])}))),r.stableMs);return function(){return window.clearTimeout(d)}}}),[i,c,t,o])}(O,re,ae),!Q)return null;var ie=null===(i=O.tabGroupState.curTabGroup)||void 0===i?void 0:i.type,le=null!=ie&&E.has(ie),ce=O.productState.rtvFocusElementId,se=oe||O.productState.doShow3DDimensionLines,de=function buildElementsInfoFromArticles(t){for(var r,o,a,i,l,c=new Map,d=t.settingsState.articleInfos,u=t.viewPlannerHandler.plannedElementsDict,v=t.productState.rtvSelectedElementId,p="SHELFPLANNER"===(null===(r=t.tabGroupState.curTabGroup)||void 0===r?void 0:r.type),g=null!=(l=null===(i=t.tabGroupState.curTabGroup)||void 0===i?void 0:i.type)&&E.has(l),y=null===(o=t.divaWebPlanner.getCatalogData())||void 0===o?void 0:o.elementCopyAVLR,h=null===(a=t.tabGroupState.curOption)||void 0===a?void 0:a.codex,m=null!=y&&(g||Array.isArray(y)&&null!=h&&y.includes(h)),b=function resolveState(t,r,o){return o?p||r?"selectable":"unselectable":p?"active":void 0!==t&&v===t?"selected":r?"active":"selectable"},P=new Map,S=0,I=Object.keys(d);S<I.length;S++){var x=d[I[S]];void 0!==x.elementId&&P.set(x.elementId,{setId:x.setId,posNr:String(x.posNr),isActive:x.isActive,canDelete:x.isActive,isShelfAccessoire:!!x.isShelfAccessoire,shelfElementId:x.shelfElementId})}u&&u.forEach((function(t,r){var o,a=PlannerRTVNext_createForOfIteratorHelper(t);try{for(a.s();!(o=a.n()).done;){var i,l,d,u=o.value,v=u.getElementId(),p=u.getParentElementId(),g=P.get(v),y="BOX"===u.getPlannerType(),h=void 0,S=void 0,I=void 0,x=void 0;if(y){h=!0,S=!0;var A=u.getFreeDockingPointByTypeAndNumber("AVO",1);I=null!=A&&!A.IsDisabled}else!m||null!=p||null!=g&&g.isShelfAccessoire||(h=u.getFreeDockingPointsByType("AVL").some((function(t){return!t.IsDisabled})),S=u.getFreeDockingPointsByType("AVR").some((function(t){return!t.IsDisabled})),x=!0);var w=g?b(v,g.isActive,!!g.isShelfAccessoire):"unselectable",D=null!=g&&g.isShelfAccessoire?"shelfAccessoire":y?"boxElement":null!=p?"accessoire":"planned";c.set(null!==(i=null==g?void 0:g.shelfElementId)&&void 0!==i?i:String(v),{setId:null!==(l=null==g?void 0:g.setId)&&void 0!==l?l:r,posNr:null==g?void 0:g.posNr,state:w,type:D,articleCodex:u.ArticleCodex,canDelete:!!(null!=g&&g.isShelfAccessoire||x)||null!==(d=null==g?void 0:g.canDelete)&&void 0!==d&&d,parentElementId:p,canCopyLeft:h,canCopyRight:S,canCopyTop:I,copyAlwaysVisible:x})}}catch(t){a.e(t)}finally{a.f()}}));for(var A=0,w=Object.keys(d);A<w.length;A++){var D=d[w[A]];D.isShelfAccessoire&&D.shelfElementId&&!c.has(D.shelfElementId)&&c.set(D.shelfElementId,{setId:D.setId,posNr:String(D.posNr),state:b(D.elementId,D.isActive,!0),type:"shelfAccessoire",canDelete:!0})}return c}(O),ue=O.settingsState.selectedShelfAccessoire,fe=ue&&null!==(l=null===(v=Object.values(O.settingsState.articleInfos).find((function(t){return t.basketId===ue})))||void 0===v?void 0:v.shelfElementId)&&void 0!==l?l:null,ve=fe?null===(S=de.get(fe))||void 0===S?void 0:S.state:void 0,pe=null!=fe&&null!=ve&&"unselectable"!==ve?fe:null,ge="2d"!==ee,ye=O.divaWebPlanner.getCatalogData(),he=null!=ye&&ye.catalogCodex?{catalogCodex:ye.catalogCodex,iln:ye.supplierILN}:void 0;return(0,D.jsx)(y(),{catalogInfo:ge?he:void 0,hqRenderScript:ge?O.hqRenderScript:void 0,scene2d:re,viewMode:ee,stopRender:U,config:{archiveBaseUrl:C.diva3darchive.endsWith("/")?C.diva3darchive.slice(0,-1):C.diva3darchive,constructorServiceUrl:C.constructorService,jwt:N,capabilities:{supports3d:!0},profiles:ae.profiles,profileMode:ae.profileMode,camera:ae.camera,uiConfig:PlannerRTVNext_objectSpread({plannerMode:O.productState.isBoxPlanner?"BoxPlanner":"3DCOMB",accessoryPlacement:m.d},oe?{hideUiIcons:!0}:{})},plannerMode:le,freePlacesOnGrids:O.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:O.settingsState.plannedPlacesOnGrids,armedAccessoryCodex:O.settingsState.armedAccessoryToken,draggedAccessoryCodex:O.settingsState.draggedAccessoryCodex,callbacks:V,analyzerComponents:T,focusElementId:ce,elementsInfo:de,selectedElementId:L,selectedAccessoryKey:pe,showDimensionLines:se})}))}}]);
package/build/umd/7442.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 7442.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7442,1930,8742,67,7444,1099,6937],{79837:(t,i,r)=>{r.d(i,{d:()=>o});var o="autoPlaceDrag"},21930:(t,i,r)=>{r.r(i),r.d(i,{default:()=>w});r(87363);var o=r(93379),l=r.n(o),d=r(7795),a=r.n(d),c=r(90569),u=r.n(c),x=r(3565),p=r.n(x),m=r(19216),g=r.n(m),h=r(44589),b=r.n(h),v=r(22693),y={};y.styleTagTransform=b(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=g();l()(v.Z,y);v.Z&&v.Z.locals&&v.Z.locals;var j=r(75327),P=r(47514);const w=function ShelfDeleteButton(t){var i=t.index,r=t.grid,o=(0,j.NP)();return(0,P.jsx)("div",{onClick:function onClick(t){o.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(r,i),t.stopPropagation()},className:v.U,children:"-"})}},38742:(t,i,r)=>{r.r(i),r.d(i,{default:()=>x});var o=r(80248),l=(r(87363),r(49944)),d=r(75327),a=r(21930),c=r(9420),u=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const x=(0,c.Pi)((function GridList(t){var i,r=t.item,o=t.height,c=(t.width,t.direction),x=null===(i=r.shelfPlannerGrids)||void 0===i?void 0:i[0],p=(0,d.NP)();if(!x)return(0,u.jsx)(u.Fragment,{});for(var m=o/x.Cells.length,g=[],h=-1,b=!1,v=!1,y=0;y<x.Cells.length;y++){var j=x.Cells[y];if(j.IsDisabled)v?g[0].heightCount++:g.splice(0,0,{heightCount:1,inUse:j.InUse,index:j.Index,type:void 0,isDisabled:!0,isRequired:j.IsRequired,onlyPlaceHolder:j.OnlyPlaceHolder,noMove:j.NoMove,noDelete:j.NoDelete}),v=!0,h=-1;else if(v=!1,-1==j.InUse)g.splice(0,0,{heightCount:1,inUse:j.InUse,index:j.Index,type:void 0,isDisabled:j.IsDisabled,isRequired:j.IsRequired,onlyPlaceHolder:j.OnlyPlaceHolder,noMove:j.NoMove,noDelete:j.NoDelete});else if(h!=j.InUse&&h!=j.OnBoard){var P,w;h=j.InUse,b=!1,g.splice(0,0,{heightCount:1,inUse:j.InUse,index:j.Index,type:j.Type,isDisabled:j.IsDisabled,isRequired:j.IsRequired,articleText:null===(P=j.Article)||void 0===P?void 0:P.name,onlyPlaceHolder:j.OnlyPlaceHolder,noMove:j.NoMove,noDelete:j.NoDelete,basketId:null===(w=j.Article)||void 0===w?void 0:w.basketId})}else{var A=g.find((function(t){return t.inUse==h}));if(A){var S;if(h===j.OnBoard&&!b)b=!0,A.articleText=(null===(S=j.Article)||void 0===S?void 0:S.name)+"<br/>&<br/>"+A.articleText,A.onBoard=!0;A.heightCount++}}}var I=function getItemStyle(t,i,r,o){return"horizontal"==c?k(t,i,r,o):O(t,i,r)},O=function getItemStyleVertical(t,i,r){return _objectSpread({userSelect:"none",width:"calc("+r.heightCount/x.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:r.isRequired?"#FFEBEB":-1==r.inUse?"none":t?"grey":"lightgrey",backgroundImage:r.isDisabled&&"linear-gradient(45deg, #ffffff 25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff 50%, #ffffff 75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:r.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==r.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},i)},k=function getItemStyleHorizontal(t,i,r,o){return _objectSpread({userSelect:"none",height:m*r.heightCount-1,marginBottom:"1px",fontSize:-1===r.inUse?"12px":void 0,lineHeight:-1===r.inUse?"2px":void 0,background:r.isRequired?"#FFEBEB":-1===r.inUse?"none":t?"grey":"lightgrey",backgroundImage:r.isDisabled&&"linear-gradient(45deg, #ffffff 25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff 50%, #ffffff 75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:r.isDisabled&&"28.28px 28.28px",borderBottom:-1==r.inUse?o?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},i)},C=function getTextStyle(){return"vertikal"==c?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,u.jsx)(l.Z5,{onDragEnd:function onDragEnd(t){if(t.destination){var i=g[t.source.index].index,r=g[t.destination.index].index;i!=r&&p.paletteViewHandler.shelfItemMoved(x,i,r)}},children:(0,u.jsx)(l.bK,{droppableId:"droppable",direction:"vertikal"==c?"horizontal":"vertical",children:function children(t,i){return(0,u.jsxs)("div",_objectSpread(_objectSpread({},t.droppableProps),{},{ref:t.innerRef,style:{width:"100%",height:"100%"},children:[g.map((function(t,i){return(0,u.jsx)(l._l,{index:i,isDragDisabled:-1==t.inUse||t.isDisabled||t.noMove,draggableId:i.toString(),children:function children(r,o){return(0,u.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){p.paletteViewHandler.setSelectedShelfAccessoire(t.basketId),p.paletteViewHandler.clickAddAccessorieOnShelfPlanner(x,t.index)},ref:r.innerRef},r.draggableProps),r.dragHandleProps),{},{style:I(o.isDragging,r.draggableProps.style,t,t.index%5==0&&!!i),children:[!!t.articleText&&(0,u.jsx)("div",{style:C(),dangerouslySetInnerHTML:{__html:t.articleText}}),-1==t.inUse&&t.index%5==0&&!!i&&"horizontal"==c&&t.index,(t.inUse>-1&&!t.noDelete&&!t.isDisabled||t.onBoard)&&(0,u.jsx)(a.default,{grid:x,index:t.inUse})]}))}},i)})),t.placeholder]}))}})})}))},67:(t,i,r)=>{r.r(i),r.d(i,{default:()=>c});r(87363);var o=r(88683),l=r(22881),d=r(9420),a=r(47514);const c=(0,d.Pi)((function index(t){var i=t.selAccItem,r=(0,o.useTranslation)().t;return(0,a.jsx)(a.Fragment,{children:i?(0,a.jsxs)("div",{className:l.o5,children:[(0,a.jsx)("img",{src:i.image}),(0,a.jsxs)("div",{className:l.um,children:[r("configurator.REGALPLANER_CHOOSE_SPACE_1")+" ",(0,a.jsx)("b",{dangerouslySetInnerHTML:{__html:i.name}})," "+r("configurator.REGALPLANER_CHOOSE_SPACE_2")+" ",(0,a.jsx)("b",{children:i.cellSize}),r("configurator.REGALPLANER_CHOOSE_SPACE_3")]})]}):(0,a.jsxs)("div",{className:l.o5,children:[(0,a.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,a.jsx)("div",{className:l.um,children:r("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},27020:(t,i,r)=>{r.r(i),r.d(i,{default:()=>_});var o=r(80248),l=r(34988),d=r(65515),a=r.n(d),c=r(75327),u=r(9420),x=r(87363),p=r(61533),m=r(93379),g=r.n(m),h=r(7795),b=r.n(h),v=r(90569),y=r.n(v),j=r(3565),P=r.n(j),w=r(19216),A=r.n(w),S=r(44589),I=r.n(S),O=r(65655),k={};k.styleTagTransform=I(),k.setAttributes=P(),k.insert=y().bind(null,"head"),k.domAPI=b(),k.insertStyleElement=A();g()(O.ZP,k);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=r(88683),N=r(46770),D=r(56474),T=r(55461),Z=r(91087),H=r(21801),E=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}var M="undefined"!=typeof Image?new Image(1,1):void 0;M&&(M.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");const _=(0,u.Pi)((function ShelfAccessoires(t){var i,r,o=t.item,d=(t.grids,t.sel),u=(0,c.NP)(),m=(0,C.useDivaCore)().state,g=m.hidePrices,h=m.dimensions,b=h.isMobile,v=h.isTablet,y=(0,x.useState)(""),j=(0,l.Z)(y,2),P=j[0],w=j[1],A=(0,x.useState)(!1),S=(0,l.Z)(A,2),I=S[0],k=S[1],_=(0,x.useRef)(null),z=(0,x.useRef)({x:0,y:0}),R=(0,x.useRef)({grabX:0,grabY:0,width:0}),L=function positionGhost(t){if(t){var i=R.current;t.style.transform="translate(".concat(z.current.x-i.grabX,"px, ").concat(z.current.y-i.grabY,"px)")}};(0,x.useEffect)((function(){if(I){var t=function onDragOver(t){z.current={x:t.clientX,y:t.clientY},L(_.current)};return document.addEventListener("dragover",t),function(){return document.removeEventListener("dragover",t)}}}),[I]);var B={},K={},U=void 0,V=!1,G={},Y=(0,N.XI)({delayEnter:1500,hideOnScroll:!0}),W=Y[0]&&!I,X=(0,N.sJ)({isOpen:W,auto:!0,placement:u.getViewConfig().tooltipPosition||"left-center"});b||v||u.getViewConfig().hideTooltip||(V=W,G=Y[1],B=X.triggerProps,K=X.layerProps,U=X.renderLayer);var q=o.name;return(0,E.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:o.articleCodex,className:a()(O.nC,d?O.pA:void 0),onClick:function onClick(){return u.paletteViewHandler.selectShelfAccessorie(o.articleCodex,void 0,!1)},onDoubleClick:function onDoubleClick(){return u.paletteViewHandler.selectShelfAccessorie(o.articleCodex)},draggable:!0,onDragStart:function onDragStart(t){t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/plain",o.articleCodex),M&&t.dataTransfer.setDragImage(M,0,0);var i=t.currentTarget.getBoundingClientRect();R.current={grabX:t.clientX-i.left,grabY:t.clientY-i.top,width:i.width},z.current={x:t.clientX,y:t.clientY},k(!0),u.paletteViewHandler.startShelfAccessorieDrag(o.articleCodex)},onDragEnd:function onDragEnd(){k(!1),u.paletteViewHandler.endShelfAccessorieDrag()}},B),G),{},{children:[(0,E.jsx)("img",{style:{maxHeight:u.settingsState.settingsWidth/3},src:o.image,draggable:!1}),(0,E.jsxs)("div",{className:O.jW,children:[(0,E.jsx)("div",{className:a()(O.TN),dangerouslySetInnerHTML:{__html:q}}),(0,E.jsx)(D.default,{metaData:o.metaData,visible:[P,w]},o.articleCodex),!g&&!!o.price&&(0,E.jsx)(Z.default,{price:o.price,style:{paddingTop:6}}),o.contentItemId&&(0,E.jsx)(H.default,{item:o,style:{top:6,right:6}},o.articleCodex)]}),V&&(null===(i=U)||void 0===i?void 0:i((0,E.jsx)(T.default,{text:null!==(r=o.longDescription)&&void 0!==r?r:o.name,desciption:P,image:o.image,codex:o.articleCodex,layerProps:K},o.articleCodex))),I&&!u.settingsState.draggedAccessoryHasTarget&&(0,p.createPortal)((0,E.jsxs)("div",{className:a()(O.nC,O.HE),style:{width:R.current.width},ref:function ref(t){_.current=t,L(t)},children:[(0,E.jsx)("img",{style:{maxHeight:u.settingsState.settingsWidth/3},src:o.image}),(0,E.jsx)("div",{className:O.jW,children:(0,E.jsx)("div",{className:O.TN,dangerouslySetInnerHTML:{__html:q}})})]}),document.body)]}))}))},12478:(t,i,r)=>{r.r(i),r.d(i,{default:()=>E});var o=r(80248),l=r(34988),d=r(88683),a=r(65515),c=r.n(a),u=r(75327),x=r(9420),p=r(87363),m=r(93379),g=r.n(m),h=r(7795),b=r.n(h),v=r(90569),y=r.n(v),j=r(3565),P=r.n(j),w=r(19216),A=r.n(w),S=r(44589),I=r.n(S),O=r(57771),k={};k.styleTagTransform=I(),k.setAttributes=P(),k.insert=y().bind(null,"head"),k.domAPI=b(),k.insertStyleElement=A();g()(O.ZP,k);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=r(46770),N=r(56474),D=r(55461),T=r(91087),Z=r(21801),H=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const E=(0,x.Pi)((function ShelfAccessoires(t){var i,r,o=t.item,a=t.grids,x=(0,u.NP)(),m=(0,d.useTranslation)(),g=(0,d.useDivaCore)().state,h=g.hidePrices,b=g.dimensions,v=b.isMobile,y=b.isTablet,j=(0,p.useState)(""),P=(0,l.Z)(j,2),w=P[0],A=P[1],S={},I={},k=void 0,E=!1,M={},_=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),z=(0,C.sJ)({isOpen:_[0],auto:!0,placement:x.getViewConfig().tooltipPosition||"left-center"});return v||y||x.getViewConfig().hideTooltip||(E=_[0],M=_[1],S=z.triggerProps,I=z.layerProps,k=z.renderLayer),(0,H.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return x.paletteViewHandler.clickedOnShelfAccessorie(a,o.articleCodex,void 0,!0)},className:O.RV},S),M),{},{children:[(0,H.jsxs)("div",{className:c()(O.iZ,O.vc),children:[(0,H.jsx)("div",{className:c()(O.K5),style:{backgroundImage:"url(".concat(o.image,")")}}),(0,H.jsxs)("div",{className:c()(O.TX),children:[(0,H.jsx)("div",{className:c()(O.db,""!==w?O.Bm:void 0),dangerouslySetInnerHTML:{__html:o.name}}),(0,H.jsx)(N.default,{metaData:o.metaData,visible:[w,A]},o.articleCodex),(0,H.jsx)("div",{className:c()(O.WN),children:d.DivaUtils.sizeFormatter({width:o.width,height:o.height,depth:o.depth},m)})]})]}),!h&&!!o.price&&(0,H.jsx)(T.default,{price:o.price,style:{paddingTop:6}}),o.contentItemId&&(0,H.jsx)(Z.default,{item:o,style:{bottom:8,right:8}},o.articleCodex),E&&(null===(i=k)||void 0===i?void 0:i((0,H.jsx)(D.default,{text:null!==(r=o.longDescription)&&void 0!==r?r:o.name,desciption:w,image:o.image,codex:o.articleCodex,layerProps:I},o.articleCodex)))]}))}))},67442:(t,i,r)=>{r.r(i),r.d(i,{default:()=>A});var o=r(80248),l=r(34988),d=r(79837),a=(r(87363),r(22881)),c=r(3985),u=r(27020),x=r(12478),p=r(38742),m=r(75327),g=r(65515),h=r.n(g),b=r(9420),v=r(67),y=r(26937),j=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}function _createForOfIteratorHelper(t,i){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function _unsupportedIterableToArray(t,i){if(t){if("string"==typeof t)return _arrayLikeToArray(t,i);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(t,i):void 0}}(t))||i&&t&&"number"==typeof t.length){r&&(t=r);var o=0,l=function F(){};return{s:l,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var d,a=!0,c=!1;return{s:function s(){r=r.call(t)},n:function n(){var t=r.next();return a=t.done,t},e:function e(t){c=!0,d=t},f:function f(){try{a||null==r.return||r.return()}finally{if(c)throw d}}}}function _arrayLikeToArray(t,i){(null==i||i>t.length)&&(i=t.length);for(var r=0,o=Array(i);r<i;r++)o[r]=t[r];return o}var P=function accSize(t){var i,r,o;return(null!==(i=t.width)&&void 0!==i?i:0)*(null!==(r=t.height)&&void 0!==r?r:0)*(null!==(o=t.depth)&&void 0!==o?o:0)||t.cellSize||0},w=function isShelfAccessory(t){return"cellSize"in t};const A=(0,b.Pi)((function ShelfPlanner(t){var i,r,o,g,b,A,S,I,O,k,C,N=t.item,D=t.style,T=t.filteredGroups,Z=(0,m.NP)(),H=(null!==(i=null===(r=Z.settingsState.settingsScrollerElement)||void 0===r?void 0:r.getBoundingClientRect().height)&&void 0!==i?i:0)-10,E=(null!==(o=null===(g=Z.settingsState.settingsScrollerElement)||void 0===g?void 0:g.getBoundingClientRect().width)&&void 0!==o?o:0)-16,M=null!==(b=null==N||null===(A=N.shelfPlannerGrids)||void 0===A?void 0:A.find((function(t){return t.ActAccessoire})))&&void 0!==b?b:null==N||null===(S=N.shelfPlannerGrids)||void 0===S?void 0:S[0];if(!M)return(0,j.jsx)(j.Fragment,{});var _=(null!==(I=null===(O=T[0])||void 0===O?void 0:O.items)&&void 0!==I?I:[]).filter(w),z="autoPlaceDrag"===d.d?function collapseFamilies(t){var i,r,o=[],l=new Map,d=_createForOfIteratorHelper(t);try{for(d.s();!(i=d.n()).done;){var a=i.value,c=(r=void 0,null!==(r=a.accessoireFamily)&&void 0!==r?r:null);if(c){var u=l.get(c);void 0===u?(l.set(c,o.length),o.push(a)):P(a)>P(o[u])&&(o[u]=a)}else o.push(a)}}catch(t){d.e(t)}finally{d.f()}return o}(_):_,R=M.ActAccessoire,L=void 0;R&&(L=_.find((function(t){return t.articleCodex==R})));var B=M.getRequiredWarning(Z.configState.lang),K=[];if(null!==(k=L)&&void 0!==k&&null!==(k=k.configStepKeys)&&void 0!==k&&k.length)for(var U=function _loop(){var t=L.configStepKeys[V],i=Z.settingsState.itemPaletteArr.find((function(i){var r=(0,l.Z)(i,2);r[0];return r[1].configStepKey==t.key}));if(!i)return 1;Z.settingsState.selectedShelfAccessoire==t.basketId&&K.push(i[1])},V=0;V<L.configStepKeys.length;V++)U();var G=Z.getIsInMobileView()&&Z.productState.shelfPlannerRTV;return(0,j.jsxs)("div",{ref:function ref(t){return N.htmlRef=t},className:h()(Z.productState.shelfPlannerRTV?a.Ev:void 0,"horizontal"==M.Direction?a.dx:a.vU,Z.uiState.configSettingsIsExpanded?a.zh:void 0),style:_objectSpread({height:H},D),children:[!Z.productState.shelfPlannerRTV&&(0,j.jsx)("div",{className:a.wX,children:(0,j.jsx)("div",{className:a.Zh,children:(0,j.jsx)(p.default,{item:N,direction:M.Direction,width:E,height:H-16-16})})}),B&&(0,j.jsx)("div",{className:a.Kp,dangerouslySetInnerHTML:{__html:B}}),(0,j.jsxs)("div",{className:a.s0,children:[!!K.length&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)("div",{className:a.ne,onClick:function onClick(){return Z.paletteViewHandler.setSelectedShelfAccessoire()},children:[(0,j.jsx)("div",{className:a.Ah}),(0,j.jsx)("div",{className:a.u2,children:null===(C=L)||void 0===C?void 0:C.name})]}),(0,j.jsx)(y.default,{itemPalettesArr:K})]}),!K.length&&(0,j.jsxs)(j.Fragment,{children:[!G&&(0,j.jsx)(v.default,{selAccItem:L}),(0,j.jsx)("div",{className:h()(a.QL,c.pw),style:{height:"horizontal"==M.Direction?H-80:"",overflow:G?"visible":void 0},children:z.map((function(t,i){var r;return(0,j.jsxs)(j.Fragment,{children:[Z.productState.shelfPlannerRTV&&(0,j.jsx)(u.default,{grids:N.shelfPlannerGrids,item:t,sel:t.articleCodex==R||!(null===(r=L)||void 0===r||!r.accessoireFamily)&&t.accessoireFamily===L.accessoireFamily},i),!Z.productState.shelfPlannerRTV&&(0,j.jsx)(x.default,{grids:N.shelfPlannerGrids,item:t},i)]})}))})]})]})]})}))},67444:(t,i,r)=>{r.r(i),r.d(i,{default:()=>A});r(87363);var o=r(9420),l=r(93379),d=r.n(l),a=r(7795),c=r.n(a),u=r(90569),x=r.n(u),p=r(3565),m=r.n(p),g=r(19216),h=r.n(g),b=r(44589),v=r.n(b),y=r(91605),j={};j.styleTagTransform=v(),j.setAttributes=m(),j.insert=x().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=h();d()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=r(75327),w=r(47514);const A=(0,o.Pi)((function ContentItemTeaser(t){var i=t.item,r=(0,P.NP)();return(0,w.jsxs)("div",{className:y.bz,children:[i.emoji&&(0,w.jsx)("div",{className:y.rP,children:i.emoji}),(0,w.jsx)("div",{className:y.TN,children:i.title}),(0,w.jsx)("div",{className:y.WL,children:i.description}),i.id&&(0,w.jsxs)("button",{className:y.LI,onClick:function onClick(){!function isUrl(t){return/^https?:\/\//.test(t)}(i.id)?r.settingsState.onClickContentItemId(i.id):window.open(i.id,"_blank","noopener,noreferrer")},children:[(0,w.jsx)("span",{className:y.q5,children:i.buttonText}),(0,w.jsx)("div",{className:y.x7,children:(0,w.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,w.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},81099:(t,i,r)=>{r.r(i),r.d(i,{default:()=>S});r(87363);var o=r(37486),l=r(75327),d=r(93379),a=r.n(d),c=r(7795),u=r.n(c),x=r(90569),p=r.n(x),m=r(3565),g=r.n(m),h=r(19216),b=r.n(h),v=r(44589),y=r.n(v),j=r(9668),P={};P.styleTagTransform=y(),P.setAttributes=g(),P.insert=p().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=b();a()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var w=r(67444),A=r(47514);const S=function SettingsItemsGroup(t){var i=t.group;(0,l.NP)();return(0,A.jsxs)("div",{className:j.YS,children:[(0,A.jsx)("div",{className:j.t$,children:i.left.map((function(t){var r,l,d,a=i.palettes.find((function(i){return i.id===t}));return(0,A.jsxs)(A.Fragment,{children:["TOP"===(null===(r=a.contentItemTeaser)||void 0===r?void 0:r.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{}),(0,A.jsx)(o.default,{item:a,id:Number(a.id)},null!==(l=a.optionCodex)&&void 0!==l?l:a.configStepKey+a.id),"BOTTOM"===(null===(d=a.contentItemTeaser)||void 0===d?void 0:d.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{})]})}))}),(0,A.jsx)("div",{className:j.eX}),(0,A.jsx)("div",{className:j.F2,children:i.right.map((function(t){var r,l,d,a=i.palettes.find((function(i){return i.id===t}));return(0,A.jsxs)(A.Fragment,{children:["TOP"===(null===(r=a.contentItemTeaser)||void 0===r?void 0:r.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{}),(0,A.jsx)(o.default,{item:a,id:Number(a.id)},null!==(l=a.optionCodex)&&void 0!==l?l:a.configStepKey+a.id),"BOTTOM"===(null===(d=a.contentItemTeaser)||void 0===d?void 0:d.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{})]})}))})]})}},26937:(t,i,r)=>{r.r(i),r.d(i,{default:()=>m});var o=r(34988),l=r(87363),d=r(9420),a=r(37486),c=r(75327),u=r(81099),x=r(67444),p=r(47514);const m=(0,d.Pi)((function SettingsItemsWrapper(t){var i=t.itemPalettesArr,r=t.zIndexBase,d=(0,c.NP)(),m=(0,l.useState)([]),g=(0,o.Z)(m,2),h=g[0],b=g[1];return(0,l.useEffect)((function(){for(var t=[],r=function _loop(){var r=i[o],l=d.configuratorStructureHandler.getOptionStepByCodex(r.optionCodex),a=null==l?void 0:l.partOfGroup,c=t.find((function(t){var i;return(null!==(i=null==a?void 0:a.groupName)&&void 0!==i?i:r.configStepKey+r.id)===t.groupName}));if(c)c.palettes.push(r);else{var u,x={groupName:null!==(u=null==a?void 0:a.groupName)&&void 0!==u?u:r.configStepKey+r.id,palettes:[r],left:[],right:[]};t.push(x),c=x}"l"===(null==a?void 0:a.position)?c.left.push(r.id):"r"===(null==a?void 0:a.position)&&c.right.push(r.id)},o=0;o<i.length;o++)r();b(t)}),[i]),(0,p.jsx)(p.Fragment,{children:h.map((function(t){var i;if(t.palettes.length>1)return(0,p.jsx)(u.default,{group:t});var o=t.palettes[0].contentItemTeaser;return(0,p.jsxs)(p.Fragment,{children:["TOP"==(null==o?void 0:o.position)&&(0,p.jsx)(x.default,{item:o}),(0,p.jsx)(a.default,{item:t.palettes[0],id:Number(t.palettes[0].id),zIndexBase:r},(null!==(i=t.palettes[0].optionCodex)&&void 0!==i?i:t.palettes[0].configStepKey)+t.palettes[0].id),"BOTTOM"==(null==o?void 0:o.position)&&(0,p.jsx)(x.default,{item:o})]})}))})}))},22693:(t,i,r)=>{r.d(i,{U:()=>c,Z:()=>u});var o=r(8081),l=r.n(o),d=r(23645),a=r.n(d)()(l());a.push([t.id,".index-module--GuiBy {\n font-weight: 300;\n font-size: 18px;\n height: 22px;\n width: 22px;\n float: left;\n background: #f2f2f2;\n border-radius: 19.008px;\n -webkit-text-stroke: 0px;\n transition: background-color 0.15s ease;\n text-align: center;\n float: right;\n cursor: pointer;\n}\n\n.index-module--GuiBy:hover {\n background: #d9d9d9;\n color: #424242;\n}\n\n.index-module--GuiBy {\n line-height: 21px;\n}\n",""]);var c="index-module--GuiBy";const u=a},65655:(t,i,r)=>{r.d(i,{HE:()=>m,TN:()=>p,ZP:()=>g,jW:()=>x,nC:()=>c,pA:()=>u});var o=r(8081),l=r.n(o),d=r(23645),a=r.n(d)()(l());a.push([t.id,".index-module--E9hMP {\n position: relative;\n box-sizing: border-box;\n border: 3px solid transparent;\n border-radius: 6px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n transition:\n box-shadow 0.2s ease-in-out,\n border-color 0.2s ease-in-out;\n background: #f2f2f2;\n cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n width: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n}\n\n.index-module--ASP_j {\n color: #4b4b4b;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n height: 100%;\n}\n.index-module--xrQ6L {\n height: auto;\n margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n font-weight: 600;\n font-size: 13px;\n line-height: 15px;\n}\n\n.index-module--fUvCj {\n position: fixed;\n left: 0;\n top: 0;\n pointer-events: none;\n z-index: 9999;\n opacity: 0.8;\n}\n",""]);var c="index-module--E9hMP",u="index-module--zq_sk",x="index-module--ASP_j",p="index-module--xrQ6L",m="index-module--fUvCj";const g=a},57771:(t,i,r)=>{r.d(i,{Bm:()=>h,K5:()=>p,RV:()=>c,TX:()=>m,WN:()=>b,ZP:()=>v,db:()=>g,iZ:()=>u,vc:()=>x});var o=r(8081),l=r.n(o),d=r(23645),a=r.n(d)()(l());a.push([t.id,"/* Accessoires*/\n\n.index-module--ckN3g {\n border-radius: var(--globalBorderRadius);\n background: white;\n position: relative;\n display: flex;\n z-index: 100;\n}\n\n.index-module--ckN3g:hover {\n z-index: 200;\n}\n\n.index-module--ckN3g .index-module--9x5co {\n width: 98%;\n background: white;\n position: relative;\n border-radius: var(--globalBorderRadius);\n}\n\n.index-module--ckN3g .index-module--i6vXs {\n height: 80px;\n}\n\n.index-module--ckN3g .index-module--s5TT0 {\n width: 48px;\n float: left;\n height: 48px;\n}\n\n.index-module--ckN3g .index-module--i6vXs .index-module--Ab2VB {\n height: 80px;\n}\n\n.index-module--ckN3g .index-module--Ab2VB {\n width: 80px;\n float: left;\n border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n background-size: contain;\n background-repeat: no-repeat;\n background-position: 50% 50%;\n}\n\n.index-module--S4zFL {\n float: left;\n width: calc(100% - 80px);\n position: relative;\n height: 100%;\n}\n.index-module--ckN3g .index-module--S4zFL {\n width: calc(100% - 150px);\n display: flex;\n flex-direction: column;\n height: calc(100% - 12px);\n justify-content: space-between;\n}\n\n.index-module--ckN3g .index-module--PoiMR {\n display: -webkit-box;\n float: left;\n max-height: 64px;\n min-height: 16px;\n margin-top: 14px;\n max-width: 100%;\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}\n\n.index-module--ckN3g .index-module--PoiMR.index-module--Khqca {\n -webkit-line-clamp: 1;\n}\n\n.index-module--ckN3g .index-module--gYuZ8 {\n display: -webkit-box;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n font-size: 13px;\n line-height: 16px;\n color: #6f6f6f;\n width: 100%;\n overflow: hidden;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n -webkit-hyphens: auto;\n hyphens: auto;\n z-index: 110;\n}\n@media all and (max-width: 1100px) {\n .index-module--ckN3g .index-module--i6vXs {\n height: 80px;\n }\n\n .index-module--ckN3g .index-module--i6vXs img {\n height: 80px;\n }\n}\n",""]);var c="index-module--ckN3g",u="index-module--9x5co",x="index-module--i6vXs",p="index-module--Ab2VB",m="index-module--S4zFL",g="index-module--PoiMR",h="index-module--Khqca",b="index-module--gYuZ8";const v=a},92800:(t,i,r)=>{r.d(i,{Ah:()=>D,Ev:()=>A,Kp:()=>k,QL:()=>S,ZP:()=>T,Zh:()=>w,dx:()=>b,ne:()=>C,o5:()=>I,s0:()=>y,u2:()=>N,um:()=>O,vU:()=>v,wX:()=>P,zh:()=>j});var o=r(8081),l=r.n(o),d=r(23645),a=r.n(d),c=r(61667),u=r.n(c),x=new URL(r(60267),r.b),p=new URL(r(18343),r.b),m=a()(l()),g=u()(x),h=u()(p);m.push([t.id,".index-module--Bn7HL {\n display: flex;\n width: 100%;\n}\n\n.index-module--HEzIS {\n display: flex;\n width: 100%;\n flex-direction: column;\n}\n\n.index-module--Bn7HL .index-module--_WYy_ {\n width: 60%;\n}\n\n.index-module--HEzIS .index-module--_WYy_ {\n width: 100%;\n height: 60%;\n}\n\n.index-module--OxqYJ.index-module--Bn7HL .index-module--rPMZf {\n width: 34%;\n}\n\n.index-module--Bn7HL .index-module--rPMZf {\n width: 40%;\n padding-right: 10px;\n}\n\n.index-module--HEzIS .index-module--rPMZf {\n width: 100%;\n height: 40%;\n padding: 0 0;\n margin: 10px 0;\n}\n\n.index-module--Bn7HL .index-module--TXuNM {\n border-top: solid #c7c7c7 1px;\n /* border-bottom: solid #c7c7c7 1px; */\n border-left: solid #c7c7c7 1px;\n border-right: solid #c7c7c7 1px;\n border-radius: 3px;\n}\n.index-module--HEzIS .index-module--TXuNM {\n border-left: solid #c7c7c7 1px;\n border-right: solid #c7c7c7 1px;\n border-radius: 3px;\n display: contents;\n}\n.index-module--OxqYJ.index-module--Bn7HL .index-module--_WYy_ {\n width: 66%;\n}\n\n.index-module--Da8N6.index-module--HGACp .index-module--_WYy_,\n.index-module--Bn7HL.index-module--HGACp .index-module--_WYy_ {\n width: 100%;\n}\n\n.index-module--GBUr1:first-child {\n padding-right: 10px;\n}\n\n.index-module--Bn7HL .index-module--HDgVo {\n height: 100%;\n overflow: auto;\n}\n\n.index-module--y8DIz {\n width: 100%;\n height: 75px;\n margin-bottom: 5px;\n}\n\n.index-module--Q2pqI {\n height: 75px;\n overflow: auto;\n}\n\n.index-module--y8DIz img {\n width: 100px;\n float: left;\n height: 75px;\n -o-object-fit: contain;\n object-fit: contain;\n}\n\n.index-module--sJPn7 {\n color: red;\n padding-bottom: 1rem;\n}\n.index-module--bdb6c {\n display: flex;\n align-items: center;\n gap: 12px;\n cursor: pointer;\n}\n\n.index-module--AJXPG {\n font-size: 18px;\n transition: font-size 0.3s ease;\n}\n\n.index-module--vl80_ {\n width: 50px;\n height: 50px;\n background: center / 35% no-repeat url("+g+");\n transition: background-size 0.3s ease, background-image 0.3s ease;\n}\n\n.index-module--bdb6c:hover .index-module--vl80_ {\n background: center / 40% no-repeat url("+h+");\n}\n\n.index-module--bdb6c:hover .index-module--AJXPG {\n font-size: 20px;\n}\n",""]);var b="index-module--Bn7HL",v="index-module--HEzIS",y="index-module--_WYy_",j="index-module--OxqYJ",P="index-module--rPMZf",w="index-module--TXuNM",A="index-module--HGACp",S="index-module--HDgVo",I="index-module--y8DIz",O="index-module--Q2pqI",k="index-module--sJPn7",C="index-module--bdb6c",N="index-module--AJXPG",D="index-module--vl80_";const T=m},91605:(t,i,r)=>{r.d(i,{LI:()=>m,TN:()=>x,WL:()=>p,ZP:()=>b,bz:()=>c,q5:()=>g,rP:()=>u,x7:()=>h});var o=r(8081),l=r.n(o),d=r(23645),a=r.n(d)()(l());a.push([t.id,".index-module--YvhoM {\n background-color: #e6f0fa;\n background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n padding: 12px 16px;\n border-radius: 8px;\n text-align: center;\n margin: 8px 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n font-family: inherit;\n width: 100%;\n box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n font-size: 28px;\n margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n font-weight: 700;\n font-size: 16px;\n color: #000;\n margin: 0;\n line-height: 1.2;\n}\n\n.index-module--YcLKe {\n font-size: 15px;\n color: #333;\n margin: 0;\n line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n font-size: 13px;\n}\n\n.index-module--tZsne {\n margin-top: 10px;\n border: 2px solid #ff6b00;\n border: 2px solid var(--primaryColor, #ff6b00);\n color: #ff6b00;\n color: var(--primaryColor, #ff6b00);\n background: #fff;\n padding: 6px 16px;\n border-radius: 6px;\n font-weight: 700;\n font-size: 15px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n transition: all 0.2s ease;\n width: 100%;\n max-width: 280px;\n box-sizing: border-box;\n min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n background-color: #ff6b00;\n background-color: var(--primaryColor, #ff6b00);\n color: #fff;\n}\n\n.index-module--KlW5i {\n flex: 1;\n text-align: center;\n padding: 0 24px;\n}\n\n.index-module--MViR0 {\n position: absolute;\n right: 12px;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.index-module--MViR0 svg {\n width: 100%;\n height: 100%;\n}\n",""]);var c="index-module--YvhoM",u="index-module--xRF8A",x="index-module--AkzgH",p="index-module--YcLKe",m="index-module--tZsne",g="index-module--KlW5i",h="index-module--MViR0";const b=a},9668:(t,i,r)=>{r.d(i,{F2:()=>x,YS:()=>c,ZP:()=>m,eX:()=>p,t$:()=>u});var o=r(8081),l=r.n(o),d=r(23645),a=r.n(d)()(l());a.push([t.id,".index-module--h2rQ7 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n gap: 8px;\n}\n\n.index-module--vn75Y {\n flex: 1;\n align-self: stretch;\n}\n\n.index-module--gupRY {\n flex: 1;\n align-self: stretch;\n}\n\n.index-module--lvlA1 {\n width: 1px;\n align-self: stretch;\n background-color: #ccc;\n}\n",""]);var c="index-module--h2rQ7",u="index-module--vn75Y",x="index-module--gupRY",p="index-module--lvlA1";const m=a},22881:(t,i,r)=>{r.d(i,{Ah:()=>v.Ah,Ev:()=>v.Ev,Kp:()=>v.Kp,QL:()=>v.QL,Zh:()=>v.Zh,dx:()=>v.dx,ne:()=>v.ne,o5:()=>v.o5,s0:()=>v.s0,u2:()=>v.u2,um:()=>v.um,vU:()=>v.vU,wX:()=>v.wX,zh:()=>v.zh});var o=r(93379),l=r.n(o),d=r(7795),a=r.n(d),c=r(90569),u=r.n(c),x=r(3565),p=r.n(x),m=r(19216),g=r.n(m),h=r(44589),b=r.n(h),v=r(92800),y={};y.styleTagTransform=b(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=g();l()(v.ZP,y),v.ZP&&v.ZP.locals&&v.ZP.locals},60267:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},18343:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjM2YzZjNmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7442,1930,8742,67,7444,1099,6937],{79837:(t,i,r)=>{r.d(i,{d:()=>o});var o="autoPlaceDrag"},21930:(t,i,r)=>{r.r(i),r.d(i,{default:()=>w});r(87363);var o=r(93379),d=r.n(o),l=r(7795),a=r.n(l),c=r(90569),u=r.n(c),x=r(3565),p=r.n(x),m=r(19216),g=r.n(m),h=r(44589),v=r.n(h),b=r(22693),y={};y.styleTagTransform=v(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=g();d()(b.Z,y);b.Z&&b.Z.locals&&b.Z.locals;var j=r(75327),P=r(47514);const w=function ShelfDeleteButton(t){var i=t.index,r=t.grid,o=(0,j.NP)();return(0,P.jsx)("div",{onClick:function onClick(t){o.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(r,i),t.stopPropagation()},className:b.U,children:"-"})}},38742:(t,i,r)=>{r.r(i),r.d(i,{default:()=>x});var o=r(80248),d=(r(87363),r(49944)),l=r(75327),a=r(21930),c=r(9420),u=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const x=(0,c.Pi)((function GridList(t){var i,r=t.item,o=t.height,c=(t.width,t.direction),x=null===(i=r.shelfPlannerGrids)||void 0===i?void 0:i[0],p=(0,l.NP)();if(!x)return(0,u.jsx)(u.Fragment,{});for(var m=o/x.Cells.length,g=[],h=-1,v=!1,b=!1,y=0;y<x.Cells.length;y++){var j=x.Cells[y];if(j.IsDisabled)b?g[0].heightCount++:g.splice(0,0,{heightCount:1,inUse:j.InUse,index:j.Index,type:void 0,isDisabled:!0,isRequired:j.IsRequired,onlyPlaceHolder:j.OnlyPlaceHolder,noMove:j.NoMove,noDelete:j.NoDelete}),b=!0,h=-1;else if(b=!1,-1==j.InUse)g.splice(0,0,{heightCount:1,inUse:j.InUse,index:j.Index,type:void 0,isDisabled:j.IsDisabled,isRequired:j.IsRequired,onlyPlaceHolder:j.OnlyPlaceHolder,noMove:j.NoMove,noDelete:j.NoDelete});else if(h!=j.InUse&&h!=j.OnBoard){var P,w;h=j.InUse,v=!1,g.splice(0,0,{heightCount:1,inUse:j.InUse,index:j.Index,type:j.Type,isDisabled:j.IsDisabled,isRequired:j.IsRequired,articleText:null===(P=j.Article)||void 0===P?void 0:P.name,onlyPlaceHolder:j.OnlyPlaceHolder,noMove:j.NoMove,noDelete:j.NoDelete,basketId:null===(w=j.Article)||void 0===w?void 0:w.basketId})}else{var A=g.find((function(t){return t.inUse==h}));if(A){var S;if(h===j.OnBoard&&!v)v=!0,A.articleText=(null===(S=j.Article)||void 0===S?void 0:S.name)+"<br/>&<br/>"+A.articleText,A.onBoard=!0;A.heightCount++}}}var I=function getItemStyle(t,i,r,o){return"horizontal"==c?k(t,i,r,o):O(t,i,r)},O=function getItemStyleVertical(t,i,r){return _objectSpread({userSelect:"none",width:"calc("+r.heightCount/x.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:r.isRequired?"#FFEBEB":-1==r.inUse?"none":t?"grey":"lightgrey",backgroundImage:r.isDisabled&&"linear-gradient(45deg, #ffffff 25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff 50%, #ffffff 75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:r.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==r.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},i)},k=function getItemStyleHorizontal(t,i,r,o){return _objectSpread({userSelect:"none",height:m*r.heightCount-1,marginBottom:"1px",fontSize:-1===r.inUse?"12px":void 0,lineHeight:-1===r.inUse?"2px":void 0,background:r.isRequired?"#FFEBEB":-1===r.inUse?"none":t?"grey":"lightgrey",backgroundImage:r.isDisabled&&"linear-gradient(45deg, #ffffff 25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff 50%, #ffffff 75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:r.isDisabled&&"28.28px 28.28px",borderBottom:-1==r.inUse?o?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},i)},N=function getTextStyle(){return"vertikal"==c?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,u.jsx)(d.Z5,{onDragEnd:function onDragEnd(t){if(t.destination){var i=g[t.source.index].index,r=g[t.destination.index].index;i!=r&&p.paletteViewHandler.shelfItemMoved(x,i,r)}},children:(0,u.jsx)(d.bK,{droppableId:"droppable",direction:"vertikal"==c?"horizontal":"vertical",children:function children(t,i){return(0,u.jsxs)("div",_objectSpread(_objectSpread({},t.droppableProps),{},{ref:t.innerRef,style:{width:"100%",height:"100%"},children:[g.map((function(t,i){return(0,u.jsx)(d._l,{index:i,isDragDisabled:-1==t.inUse||t.isDisabled||t.noMove,draggableId:i.toString(),children:function children(r,o){return(0,u.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){p.paletteViewHandler.setSelectedShelfAccessoire(t.basketId),p.paletteViewHandler.clickAddAccessorieOnShelfPlanner(x,t.index)},ref:r.innerRef},r.draggableProps),r.dragHandleProps),{},{style:I(o.isDragging,r.draggableProps.style,t,t.index%5==0&&!!i),children:[!!t.articleText&&(0,u.jsx)("div",{style:N(),dangerouslySetInnerHTML:{__html:t.articleText}}),-1==t.inUse&&t.index%5==0&&!!i&&"horizontal"==c&&t.index,(t.inUse>-1&&!t.noDelete&&!t.isDisabled||t.onBoard)&&(0,u.jsx)(a.default,{grid:x,index:t.inUse})]}))}},i)})),t.placeholder]}))}})})}))},67:(t,i,r)=>{r.r(i),r.d(i,{default:()=>c});r(87363);var o=r(88683),d=r(22881),l=r(9420),a=r(47514);const c=(0,l.Pi)((function index(t){var i=t.selAccItem,r=(0,o.useTranslation)().t;return(0,a.jsx)(a.Fragment,{children:i?(0,a.jsxs)("div",{className:d.o5,children:[(0,a.jsx)("img",{src:i.image}),(0,a.jsxs)("div",{className:d.um,children:[r("configurator.REGALPLANER_CHOOSE_SPACE_1")+" ",(0,a.jsx)("b",{dangerouslySetInnerHTML:{__html:i.name}})," "+r("configurator.REGALPLANER_CHOOSE_SPACE_2")+" ",(0,a.jsx)("b",{children:i.cellSize}),r("configurator.REGALPLANER_CHOOSE_SPACE_3")]})]}):(0,a.jsxs)("div",{className:d.o5,children:[(0,a.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,a.jsx)("div",{className:d.um,children:r("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},27020:(t,i,r)=>{r.r(i),r.d(i,{default:()=>z});var o=r(80248),d=r(34988),l=r(65515),a=r.n(l),c=r(75327),u=r(9420),x=r(87363),p=r(61533),m=r(93379),g=r.n(m),h=r(7795),v=r.n(h),b=r(90569),y=r.n(b),j=r(3565),P=r.n(j),w=r(19216),A=r.n(w),S=r(44589),I=r.n(S),O=r(65655),k={};k.styleTagTransform=I(),k.setAttributes=P(),k.insert=y().bind(null,"head"),k.domAPI=v(),k.insertStyleElement=A();g()(O.ZP,k);O.ZP&&O.ZP.locals&&O.ZP.locals;var N=r(88683),C=r(46770),T=r(56474),D=r(71442),Z=r(55461),H=r(91087),E=r(21801),M=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}var _="undefined"!=typeof Image?new Image(1,1):void 0;_&&(_.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");const z=(0,u.Pi)((function ShelfAccessoires(t){var i,r,o=t.item,l=(t.grids,t.sel),u=(0,c.NP)(),m=(0,N.useDivaCore)().state,g=m.hidePrices,h=m.dimensions,v=h.isMobile,b=h.isTablet,y=(0,x.useState)(""),j=(0,d.Z)(y,2),P=j[0],w=j[1],A=u.productState.useRtvNext||D.j4,S=(0,x.useState)(!1),I=(0,d.Z)(S,2),k=I[0],z=I[1],R=(0,x.useRef)(null),L=(0,x.useRef)({x:0,y:0}),B=(0,x.useRef)({grabX:0,grabY:0,width:0}),K=function positionGhost(t){if(t){var i=B.current;t.style.transform="translate(".concat(L.current.x-i.grabX,"px, ").concat(L.current.y-i.grabY,"px)")}};(0,x.useEffect)((function(){if(k){var t=function onDragOver(t){L.current={x:t.clientX,y:t.clientY},K(R.current)};return document.addEventListener("dragover",t),function(){return document.removeEventListener("dragover",t)}}}),[k]);var U={},V={},G=void 0,Y=!1,W={},X=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),q=X[0]&&!k,J=(0,C.sJ)({isOpen:q,auto:!0,placement:u.getViewConfig().tooltipPosition||"left-center"});v||b||u.getViewConfig().hideTooltip||(Y=q,W=X[1],U=J.triggerProps,V=J.layerProps,G=J.renderLayer);var Q=o.name;return(0,M.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:o.articleCodex,className:a()(O.nC,l?O.pA:void 0),onClick:function onClick(){return u.paletteViewHandler.selectShelfAccessorie(o.articleCodex,void 0,!A)},onDoubleClick:A?function(){return u.paletteViewHandler.selectShelfAccessorie(o.articleCodex)}:void 0,draggable:A,onDragStart:function onDragStart(t){if(A){t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/plain",o.articleCodex),_&&t.dataTransfer.setDragImage(_,0,0);var i=t.currentTarget.getBoundingClientRect();B.current={grabX:t.clientX-i.left,grabY:t.clientY-i.top,width:i.width},L.current={x:t.clientX,y:t.clientY},z(!0),u.paletteViewHandler.startShelfAccessorieDrag(o.articleCodex)}},onDragEnd:function onDragEnd(){A&&(z(!1),u.paletteViewHandler.endShelfAccessorieDrag())}},U),W),{},{children:[(0,M.jsx)("img",{style:{maxHeight:u.settingsState.settingsWidth/3},src:o.image,draggable:!1}),(0,M.jsxs)("div",{className:O.jW,children:[(0,M.jsx)("div",{className:a()(O.TN),dangerouslySetInnerHTML:{__html:Q}}),(0,M.jsx)(T.default,{metaData:o.metaData,visible:[P,w]},o.articleCodex),!g&&!!o.price&&(0,M.jsx)(H.default,{price:o.price,style:{paddingTop:6}}),o.contentItemId&&(0,M.jsx)(E.default,{item:o,style:{top:6,right:6}},o.articleCodex)]}),Y&&(null===(i=G)||void 0===i?void 0:i((0,M.jsx)(Z.default,{text:null!==(r=o.longDescription)&&void 0!==r?r:o.name,desciption:P,image:o.image,codex:o.articleCodex,layerProps:V},o.articleCodex))),k&&!u.settingsState.draggedAccessoryHasTarget&&(0,p.createPortal)((0,M.jsxs)("div",{className:a()(O.nC,O.HE),style:{width:B.current.width},ref:function ref(t){R.current=t,K(t)},children:[(0,M.jsx)("img",{style:{maxHeight:u.settingsState.settingsWidth/3},src:o.image}),(0,M.jsx)("div",{className:O.jW,children:(0,M.jsx)("div",{className:O.TN,dangerouslySetInnerHTML:{__html:Q}})})]}),document.body)]}))}))},12478:(t,i,r)=>{r.r(i),r.d(i,{default:()=>E});var o=r(80248),d=r(34988),l=r(88683),a=r(65515),c=r.n(a),u=r(75327),x=r(9420),p=r(87363),m=r(93379),g=r.n(m),h=r(7795),v=r.n(h),b=r(90569),y=r.n(b),j=r(3565),P=r.n(j),w=r(19216),A=r.n(w),S=r(44589),I=r.n(S),O=r(57771),k={};k.styleTagTransform=I(),k.setAttributes=P(),k.insert=y().bind(null,"head"),k.domAPI=v(),k.insertStyleElement=A();g()(O.ZP,k);O.ZP&&O.ZP.locals&&O.ZP.locals;var N=r(46770),C=r(56474),T=r(55461),D=r(91087),Z=r(21801),H=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const E=(0,x.Pi)((function ShelfAccessoires(t){var i,r,o=t.item,a=t.grids,x=(0,u.NP)(),m=(0,l.useTranslation)(),g=(0,l.useDivaCore)().state,h=g.hidePrices,v=g.dimensions,b=v.isMobile,y=v.isTablet,j=(0,p.useState)(""),P=(0,d.Z)(j,2),w=P[0],A=P[1],S={},I={},k=void 0,E=!1,M={},_=(0,N.XI)({delayEnter:1500,hideOnScroll:!0}),z=(0,N.sJ)({isOpen:_[0],auto:!0,placement:x.getViewConfig().tooltipPosition||"left-center"});return b||y||x.getViewConfig().hideTooltip||(E=_[0],M=_[1],S=z.triggerProps,I=z.layerProps,k=z.renderLayer),(0,H.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return x.paletteViewHandler.clickedOnShelfAccessorie(a,o.articleCodex,void 0,!0)},className:O.RV},S),M),{},{children:[(0,H.jsxs)("div",{className:c()(O.iZ,O.vc),children:[(0,H.jsx)("div",{className:c()(O.K5),style:{backgroundImage:"url(".concat(o.image,")")}}),(0,H.jsxs)("div",{className:c()(O.TX),children:[(0,H.jsx)("div",{className:c()(O.db,""!==w?O.Bm:void 0),dangerouslySetInnerHTML:{__html:o.name}}),(0,H.jsx)(C.default,{metaData:o.metaData,visible:[w,A]},o.articleCodex),(0,H.jsx)("div",{className:c()(O.WN),children:l.DivaUtils.sizeFormatter({width:o.width,height:o.height,depth:o.depth},m)})]})]}),!h&&!!o.price&&(0,H.jsx)(D.default,{price:o.price,style:{paddingTop:6}}),o.contentItemId&&(0,H.jsx)(Z.default,{item:o,style:{bottom:8,right:8}},o.articleCodex),E&&(null===(i=k)||void 0===i?void 0:i((0,H.jsx)(T.default,{text:null!==(r=o.longDescription)&&void 0!==r?r:o.name,desciption:w,image:o.image,codex:o.articleCodex,layerProps:I},o.articleCodex)))]}))}))},67442:(t,i,r)=>{r.r(i),r.d(i,{default:()=>S});var o=r(80248),d=r(34988),l=r(79837),a=r(71442),c=(r(87363),r(22881)),u=r(3985),x=r(27020),p=r(12478),m=r(38742),g=r(75327),h=r(65515),v=r.n(h),b=r(9420),y=r(67),j=r(26937),P=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}function _createForOfIteratorHelper(t,i){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function _unsupportedIterableToArray(t,i){if(t){if("string"==typeof t)return _arrayLikeToArray(t,i);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(t,i):void 0}}(t))||i&&t&&"number"==typeof t.length){r&&(t=r);var o=0,d=function F(){};return{s:d,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:d}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,c=!1;return{s:function s(){r=r.call(t)},n:function n(){var t=r.next();return a=t.done,t},e:function e(t){c=!0,l=t},f:function f(){try{a||null==r.return||r.return()}finally{if(c)throw l}}}}function _arrayLikeToArray(t,i){(null==i||i>t.length)&&(i=t.length);for(var r=0,o=Array(i);r<i;r++)o[r]=t[r];return o}var w=function accSize(t){var i,r,o;return(null!==(i=t.width)&&void 0!==i?i:0)*(null!==(r=t.height)&&void 0!==r?r:0)*(null!==(o=t.depth)&&void 0!==o?o:0)||t.cellSize||0},A=function isShelfAccessory(t){return"cellSize"in t};const S=(0,b.Pi)((function ShelfPlanner(t){var i,r,o,h,b,S,I,O,k,N,C,T=t.item,D=t.style,Z=t.filteredGroups,H=(0,g.NP)(),E=(null!==(i=null===(r=H.settingsState.settingsScrollerElement)||void 0===r?void 0:r.getBoundingClientRect().height)&&void 0!==i?i:0)-10,M=(null!==(o=null===(h=H.settingsState.settingsScrollerElement)||void 0===h?void 0:h.getBoundingClientRect().width)&&void 0!==o?o:0)-16,_=null!==(b=null==T||null===(S=T.shelfPlannerGrids)||void 0===S?void 0:S.find((function(t){return t.ActAccessoire})))&&void 0!==b?b:null==T||null===(I=T.shelfPlannerGrids)||void 0===I?void 0:I[0];if(!_)return(0,P.jsx)(P.Fragment,{});var z=(null!==(O=null===(k=Z[0])||void 0===k?void 0:k.items)&&void 0!==O?O:[]).filter(A),R=H.productState.useRtvNext||a.j4,L=R&&"autoPlaceDrag"===l.d?function collapseFamilies(t){var i,r,o=[],d=new Map,l=_createForOfIteratorHelper(t);try{for(l.s();!(i=l.n()).done;){var a=i.value,c=(r=void 0,null!==(r=a.accessoireFamily)&&void 0!==r?r:null);if(c){var u=d.get(c);void 0===u?(d.set(c,o.length),o.push(a)):w(a)>w(o[u])&&(o[u]=a)}else o.push(a)}}catch(t){l.e(t)}finally{l.f()}return o}(z):z,B=_.ActAccessoire,K=void 0;B&&(K=z.find((function(t){return t.articleCodex==B})));var U=_.getRequiredWarning(H.configState.lang),V=[];if(null!==(N=K)&&void 0!==N&&null!==(N=N.configStepKeys)&&void 0!==N&&N.length)for(var G=function _loop(){var t=K.configStepKeys[Y],i=H.settingsState.itemPaletteArr.find((function(i){var r=(0,d.Z)(i,2);r[0];return r[1].configStepKey==t.key}));if(!i)return 1;H.settingsState.selectedShelfAccessoire==t.basketId&&V.push(i[1])},Y=0;Y<K.configStepKeys.length;Y++)G();var W=H.getIsInMobileView()&&H.productState.shelfPlannerRTV;return(0,P.jsxs)("div",{ref:function ref(t){return T.htmlRef=t},className:v()(H.productState.shelfPlannerRTV?c.Ev:void 0,"horizontal"==_.Direction?c.dx:c.vU,H.uiState.configSettingsIsExpanded?c.zh:void 0),style:_objectSpread({height:E},D),children:[!H.productState.shelfPlannerRTV&&(0,P.jsx)("div",{className:c.wX,children:(0,P.jsx)("div",{className:c.Zh,children:(0,P.jsx)(m.default,{item:T,direction:_.Direction,width:M,height:E-16-16})})}),U&&(0,P.jsx)("div",{className:c.Kp,dangerouslySetInnerHTML:{__html:U}}),(0,P.jsxs)("div",{className:c.s0,children:[!!V.length&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("div",{className:c.ne,onClick:function onClick(){return H.paletteViewHandler.setSelectedShelfAccessoire()},children:[(0,P.jsx)("div",{className:c.Ah}),(0,P.jsx)("div",{className:c.u2,children:null===(C=K)||void 0===C?void 0:C.name})]}),(0,P.jsx)(j.default,{itemPalettesArr:V})]}),!V.length&&(0,P.jsxs)(P.Fragment,{children:[!W&&(0,P.jsx)(y.default,{selAccItem:K}),(0,P.jsx)("div",{className:v()(c.QL,u.pw),style:{height:"horizontal"==_.Direction?E-80:"",overflow:W?"visible":void 0},children:L.map((function(t,i){var r;return(0,P.jsxs)(P.Fragment,{children:[H.productState.shelfPlannerRTV&&(0,P.jsx)(x.default,{grids:T.shelfPlannerGrids,item:t,sel:t.articleCodex==B||R&&!(null===(r=K)||void 0===r||!r.accessoireFamily)&&t.accessoireFamily===K.accessoireFamily},i),!H.productState.shelfPlannerRTV&&(0,P.jsx)(p.default,{grids:T.shelfPlannerGrids,item:t},i)]})}))})]})]})]})}))},67444:(t,i,r)=>{r.r(i),r.d(i,{default:()=>A});r(87363);var o=r(9420),d=r(93379),l=r.n(d),a=r(7795),c=r.n(a),u=r(90569),x=r.n(u),p=r(3565),m=r.n(p),g=r(19216),h=r.n(g),v=r(44589),b=r.n(v),y=r(91605),j={};j.styleTagTransform=b(),j.setAttributes=m(),j.insert=x().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=h();l()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=r(75327),w=r(47514);const A=(0,o.Pi)((function ContentItemTeaser(t){var i=t.item,r=(0,P.NP)();return(0,w.jsxs)("div",{className:y.bz,children:[i.emoji&&(0,w.jsx)("div",{className:y.rP,children:i.emoji}),(0,w.jsx)("div",{className:y.TN,children:i.title}),(0,w.jsx)("div",{className:y.WL,children:i.description}),i.id&&(0,w.jsxs)("button",{className:y.LI,onClick:function onClick(){!function isUrl(t){return/^https?:\/\//.test(t)}(i.id)?r.settingsState.onClickContentItemId(i.id):window.open(i.id,"_blank","noopener,noreferrer")},children:[(0,w.jsx)("span",{className:y.q5,children:i.buttonText}),(0,w.jsx)("div",{className:y.x7,children:(0,w.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,w.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},81099:(t,i,r)=>{r.r(i),r.d(i,{default:()=>S});r(87363);var o=r(37486),d=r(75327),l=r(93379),a=r.n(l),c=r(7795),u=r.n(c),x=r(90569),p=r.n(x),m=r(3565),g=r.n(m),h=r(19216),v=r.n(h),b=r(44589),y=r.n(b),j=r(9668),P={};P.styleTagTransform=y(),P.setAttributes=g(),P.insert=p().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=v();a()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var w=r(67444),A=r(47514);const S=function SettingsItemsGroup(t){var i=t.group;(0,d.NP)();return(0,A.jsxs)("div",{className:j.YS,children:[(0,A.jsx)("div",{className:j.t$,children:i.left.map((function(t){var r,d,l,a=i.palettes.find((function(i){return i.id===t}));return(0,A.jsxs)(A.Fragment,{children:["TOP"===(null===(r=a.contentItemTeaser)||void 0===r?void 0:r.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{}),(0,A.jsx)(o.default,{item:a,id:Number(a.id)},null!==(d=a.optionCodex)&&void 0!==d?d:a.configStepKey+a.id),"BOTTOM"===(null===(l=a.contentItemTeaser)||void 0===l?void 0:l.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{})]})}))}),(0,A.jsx)("div",{className:j.eX}),(0,A.jsx)("div",{className:j.F2,children:i.right.map((function(t){var r,d,l,a=i.palettes.find((function(i){return i.id===t}));return(0,A.jsxs)(A.Fragment,{children:["TOP"===(null===(r=a.contentItemTeaser)||void 0===r?void 0:r.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{}),(0,A.jsx)(o.default,{item:a,id:Number(a.id)},null!==(d=a.optionCodex)&&void 0!==d?d:a.configStepKey+a.id),"BOTTOM"===(null===(l=a.contentItemTeaser)||void 0===l?void 0:l.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{})]})}))})]})}},26937:(t,i,r)=>{r.r(i),r.d(i,{default:()=>m});var o=r(34988),d=r(87363),l=r(9420),a=r(37486),c=r(75327),u=r(81099),x=r(67444),p=r(47514);const m=(0,l.Pi)((function SettingsItemsWrapper(t){var i=t.itemPalettesArr,r=t.zIndexBase,l=(0,c.NP)(),m=(0,d.useState)([]),g=(0,o.Z)(m,2),h=g[0],v=g[1];return(0,d.useEffect)((function(){for(var t=[],r=function _loop(){var r=i[o],d=l.configuratorStructureHandler.getOptionStepByCodex(r.optionCodex),a=null==d?void 0:d.partOfGroup,c=t.find((function(t){var i;return(null!==(i=null==a?void 0:a.groupName)&&void 0!==i?i:r.configStepKey+r.id)===t.groupName}));if(c)c.palettes.push(r);else{var u,x={groupName:null!==(u=null==a?void 0:a.groupName)&&void 0!==u?u:r.configStepKey+r.id,palettes:[r],left:[],right:[]};t.push(x),c=x}"l"===(null==a?void 0:a.position)?c.left.push(r.id):"r"===(null==a?void 0:a.position)&&c.right.push(r.id)},o=0;o<i.length;o++)r();v(t)}),[i]),(0,p.jsx)(p.Fragment,{children:h.map((function(t){var i;if(t.palettes.length>1)return(0,p.jsx)(u.default,{group:t});var o=t.palettes[0].contentItemTeaser;return(0,p.jsxs)(p.Fragment,{children:["TOP"==(null==o?void 0:o.position)&&(0,p.jsx)(x.default,{item:o}),(0,p.jsx)(a.default,{item:t.palettes[0],id:Number(t.palettes[0].id),zIndexBase:r},(null!==(i=t.palettes[0].optionCodex)&&void 0!==i?i:t.palettes[0].configStepKey)+t.palettes[0].id),"BOTTOM"==(null==o?void 0:o.position)&&(0,p.jsx)(x.default,{item:o})]})}))})}))},22693:(t,i,r)=>{r.d(i,{U:()=>c,Z:()=>u});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,".index-module--GuiBy {\n font-weight: 300;\n font-size: 18px;\n height: 22px;\n width: 22px;\n float: left;\n background: #f2f2f2;\n border-radius: 19.008px;\n -webkit-text-stroke: 0px;\n transition: background-color 0.15s ease;\n text-align: center;\n float: right;\n cursor: pointer;\n}\n\n.index-module--GuiBy:hover {\n background: #d9d9d9;\n color: #424242;\n}\n\n.index-module--GuiBy {\n line-height: 21px;\n}\n",""]);var c="index-module--GuiBy";const u=a},65655:(t,i,r)=>{r.d(i,{HE:()=>m,TN:()=>p,ZP:()=>g,jW:()=>x,nC:()=>c,pA:()=>u});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,".index-module--E9hMP {\n position: relative;\n box-sizing: border-box;\n border: 3px solid transparent;\n border-radius: 6px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n transition:\n box-shadow 0.2s ease-in-out,\n border-color 0.2s ease-in-out;\n background: #f2f2f2;\n cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n width: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n}\n\n.index-module--ASP_j {\n color: #4b4b4b;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n height: 100%;\n}\n.index-module--xrQ6L {\n height: auto;\n margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n font-weight: 600;\n font-size: 13px;\n line-height: 15px;\n}\n\n.index-module--fUvCj {\n position: fixed;\n left: 0;\n top: 0;\n pointer-events: none;\n z-index: 9999;\n opacity: 0.8;\n}\n",""]);var c="index-module--E9hMP",u="index-module--zq_sk",x="index-module--ASP_j",p="index-module--xrQ6L",m="index-module--fUvCj";const g=a},57771:(t,i,r)=>{r.d(i,{Bm:()=>h,K5:()=>p,RV:()=>c,TX:()=>m,WN:()=>v,ZP:()=>b,db:()=>g,iZ:()=>u,vc:()=>x});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,"/* Accessoires*/\n\n.index-module--ckN3g {\n border-radius: var(--globalBorderRadius);\n background: white;\n position: relative;\n display: flex;\n z-index: 100;\n}\n\n.index-module--ckN3g:hover {\n z-index: 200;\n}\n\n.index-module--ckN3g .index-module--9x5co {\n width: 98%;\n background: white;\n position: relative;\n border-radius: var(--globalBorderRadius);\n}\n\n.index-module--ckN3g .index-module--i6vXs {\n height: 80px;\n}\n\n.index-module--ckN3g .index-module--s5TT0 {\n width: 48px;\n float: left;\n height: 48px;\n}\n\n.index-module--ckN3g .index-module--i6vXs .index-module--Ab2VB {\n height: 80px;\n}\n\n.index-module--ckN3g .index-module--Ab2VB {\n width: 80px;\n float: left;\n border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n background-size: contain;\n background-repeat: no-repeat;\n background-position: 50% 50%;\n}\n\n.index-module--S4zFL {\n float: left;\n width: calc(100% - 80px);\n position: relative;\n height: 100%;\n}\n.index-module--ckN3g .index-module--S4zFL {\n width: calc(100% - 150px);\n display: flex;\n flex-direction: column;\n height: calc(100% - 12px);\n justify-content: space-between;\n}\n\n.index-module--ckN3g .index-module--PoiMR {\n display: -webkit-box;\n float: left;\n max-height: 64px;\n min-height: 16px;\n margin-top: 14px;\n max-width: 100%;\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}\n\n.index-module--ckN3g .index-module--PoiMR.index-module--Khqca {\n -webkit-line-clamp: 1;\n}\n\n.index-module--ckN3g .index-module--gYuZ8 {\n display: -webkit-box;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n font-size: 13px;\n line-height: 16px;\n color: #6f6f6f;\n width: 100%;\n overflow: hidden;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n -webkit-hyphens: auto;\n hyphens: auto;\n z-index: 110;\n}\n@media all and (max-width: 1100px) {\n .index-module--ckN3g .index-module--i6vXs {\n height: 80px;\n }\n\n .index-module--ckN3g .index-module--i6vXs img {\n height: 80px;\n }\n}\n",""]);var c="index-module--ckN3g",u="index-module--9x5co",x="index-module--i6vXs",p="index-module--Ab2VB",m="index-module--S4zFL",g="index-module--PoiMR",h="index-module--Khqca",v="index-module--gYuZ8";const b=a},92800:(t,i,r)=>{r.d(i,{Ah:()=>T,Ev:()=>A,Kp:()=>k,QL:()=>S,ZP:()=>D,Zh:()=>w,dx:()=>v,ne:()=>N,o5:()=>I,s0:()=>y,u2:()=>C,um:()=>O,vU:()=>b,wX:()=>P,zh:()=>j});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l),c=r(61667),u=r.n(c),x=new URL(r(60267),r.b),p=new URL(r(18343),r.b),m=a()(d()),g=u()(x),h=u()(p);m.push([t.id,".index-module--Bn7HL {\n display: flex;\n width: 100%;\n}\n\n.index-module--HEzIS {\n display: flex;\n width: 100%;\n flex-direction: column;\n}\n\n.index-module--Bn7HL .index-module--_WYy_ {\n width: 60%;\n}\n\n.index-module--HEzIS .index-module--_WYy_ {\n width: 100%;\n height: 60%;\n}\n\n.index-module--OxqYJ.index-module--Bn7HL .index-module--rPMZf {\n width: 34%;\n}\n\n.index-module--Bn7HL .index-module--rPMZf {\n width: 40%;\n padding-right: 10px;\n}\n\n.index-module--HEzIS .index-module--rPMZf {\n width: 100%;\n height: 40%;\n padding: 0 0;\n margin: 10px 0;\n}\n\n.index-module--Bn7HL .index-module--TXuNM {\n border-top: solid #c7c7c7 1px;\n /* border-bottom: solid #c7c7c7 1px; */\n border-left: solid #c7c7c7 1px;\n border-right: solid #c7c7c7 1px;\n border-radius: 3px;\n}\n.index-module--HEzIS .index-module--TXuNM {\n border-left: solid #c7c7c7 1px;\n border-right: solid #c7c7c7 1px;\n border-radius: 3px;\n display: contents;\n}\n.index-module--OxqYJ.index-module--Bn7HL .index-module--_WYy_ {\n width: 66%;\n}\n\n.index-module--Da8N6.index-module--HGACp .index-module--_WYy_,\n.index-module--Bn7HL.index-module--HGACp .index-module--_WYy_ {\n width: 100%;\n}\n\n.index-module--GBUr1:first-child {\n padding-right: 10px;\n}\n\n.index-module--Bn7HL .index-module--HDgVo {\n height: 100%;\n overflow: auto;\n}\n\n.index-module--y8DIz {\n width: 100%;\n height: 75px;\n margin-bottom: 5px;\n}\n\n.index-module--Q2pqI {\n height: 75px;\n overflow: auto;\n}\n\n.index-module--y8DIz img {\n width: 100px;\n float: left;\n height: 75px;\n -o-object-fit: contain;\n object-fit: contain;\n}\n\n.index-module--sJPn7 {\n color: red;\n padding-bottom: 1rem;\n}\n.index-module--bdb6c {\n display: flex;\n align-items: center;\n gap: 12px;\n cursor: pointer;\n}\n\n.index-module--AJXPG {\n font-size: 18px;\n transition: font-size 0.3s ease;\n}\n\n.index-module--vl80_ {\n width: 50px;\n height: 50px;\n background: center / 35% no-repeat url("+g+");\n transition: background-size 0.3s ease, background-image 0.3s ease;\n}\n\n.index-module--bdb6c:hover .index-module--vl80_ {\n background: center / 40% no-repeat url("+h+");\n}\n\n.index-module--bdb6c:hover .index-module--AJXPG {\n font-size: 20px;\n}\n",""]);var v="index-module--Bn7HL",b="index-module--HEzIS",y="index-module--_WYy_",j="index-module--OxqYJ",P="index-module--rPMZf",w="index-module--TXuNM",A="index-module--HGACp",S="index-module--HDgVo",I="index-module--y8DIz",O="index-module--Q2pqI",k="index-module--sJPn7",N="index-module--bdb6c",C="index-module--AJXPG",T="index-module--vl80_";const D=m},91605:(t,i,r)=>{r.d(i,{LI:()=>m,TN:()=>x,WL:()=>p,ZP:()=>v,bz:()=>c,q5:()=>g,rP:()=>u,x7:()=>h});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,".index-module--YvhoM {\n background-color: #e6f0fa;\n background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n padding: 12px 16px;\n border-radius: 8px;\n text-align: center;\n margin: 8px 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n font-family: inherit;\n width: 100%;\n box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n font-size: 28px;\n margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n font-weight: 700;\n font-size: 16px;\n color: #000;\n margin: 0;\n line-height: 1.2;\n}\n\n.index-module--YcLKe {\n font-size: 15px;\n color: #333;\n margin: 0;\n line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n font-size: 13px;\n}\n\n.index-module--tZsne {\n margin-top: 10px;\n border: 2px solid #ff6b00;\n border: 2px solid var(--primaryColor, #ff6b00);\n color: #ff6b00;\n color: var(--primaryColor, #ff6b00);\n background: #fff;\n padding: 6px 16px;\n border-radius: 6px;\n font-weight: 700;\n font-size: 15px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n transition: all 0.2s ease;\n width: 100%;\n max-width: 280px;\n box-sizing: border-box;\n min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n background-color: #ff6b00;\n background-color: var(--primaryColor, #ff6b00);\n color: #fff;\n}\n\n.index-module--KlW5i {\n flex: 1;\n text-align: center;\n padding: 0 24px;\n}\n\n.index-module--MViR0 {\n position: absolute;\n right: 12px;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.index-module--MViR0 svg {\n width: 100%;\n height: 100%;\n}\n",""]);var c="index-module--YvhoM",u="index-module--xRF8A",x="index-module--AkzgH",p="index-module--YcLKe",m="index-module--tZsne",g="index-module--KlW5i",h="index-module--MViR0";const v=a},9668:(t,i,r)=>{r.d(i,{F2:()=>x,YS:()=>c,ZP:()=>m,eX:()=>p,t$:()=>u});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,".index-module--h2rQ7 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n gap: 8px;\n}\n\n.index-module--vn75Y {\n flex: 1;\n align-self: stretch;\n}\n\n.index-module--gupRY {\n flex: 1;\n align-self: stretch;\n}\n\n.index-module--lvlA1 {\n width: 1px;\n align-self: stretch;\n background-color: #ccc;\n}\n",""]);var c="index-module--h2rQ7",u="index-module--vn75Y",x="index-module--gupRY",p="index-module--lvlA1";const m=a},22881:(t,i,r)=>{r.d(i,{Ah:()=>b.Ah,Ev:()=>b.Ev,Kp:()=>b.Kp,QL:()=>b.QL,Zh:()=>b.Zh,dx:()=>b.dx,ne:()=>b.ne,o5:()=>b.o5,s0:()=>b.s0,u2:()=>b.u2,um:()=>b.um,vU:()=>b.vU,wX:()=>b.wX,zh:()=>b.zh});var o=r(93379),d=r.n(o),l=r(7795),a=r.n(l),c=r(90569),u=r.n(c),x=r(3565),p=r.n(x),m=r(19216),g=r.n(m),h=r(44589),v=r.n(h),b=r(92800),y={};y.styleTagTransform=v(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=g();d()(b.ZP,y),b.ZP&&b.ZP.locals&&b.ZP.locals},60267:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},18343:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjM2YzZjNmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);
package/build/umd/8445.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 8445.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8445],{88445:(e,n,t)=>{t.r(n),t.d(n,{default:()=>r});var l=t(34988),o=t(65515),i=t.n(o),c=t(9420),u=t(87363),s=t(62052),a=t(47514),d=new s.FM(0,0);const r=(0,c.Pi)((function Outline(e){var n,t,o=e.item,c=e.plannerUIProps,r=(0,u.useState)(!1),v=(0,l.Z)(r,2),h=v[0],m=v[1],f=(0,u.useState)(o.position.x),M=(0,l.Z)(f,2),g=M[0],b=M[1],I=(0,u.useState)(o.position.y),p=(0,l.Z)(I,2),x=p[0],D=p[1],F=!1;return(0,a.jsx)("div",{onClick:function onClick(){var e;null===(e=o.clickFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId))},onMouseDown:function onMouseDown(e){F=!0,d=new s.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(F=!0,d=new s.FM(e.touches[0].clientX,e.touches[0].clientY))},onMouseMove:function onMouseMove(e){var n,t;F&&!h&&(m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId)));h&&(null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.clientX-d.x,e.clientY-d.y)),b(g+e.clientX-d.x),D(x+e.clientY-d.y),d.x=e.clientX,d.y=e.clientY);F=!1},onTouchMove:function onTouchMove(e){if(1==e.touches.length){var n,t;if(F&&!h)m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId));if(h)null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.touches[0].clientX-d.x,e.touches[0].clientY-d.y)),b(g+e.touches[0].clientX-d.x),D(x+e.touches[0].clientY-d.y),d.x=e.touches[0].clientX,d.y=e.touches[0].clientY;F=!1}},onMouseUp:function onMouseUp(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},onTouchEnd:function onTouchEnd(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},style:{left:g+"px",top:x+"px",width:(null==o||null===(n=o.size)||void 0===n?void 0:n.x)+"px",height:(null==o||null===(t=o.size)||void 0===t?void 0:t.y)+"px",transform:"rotate("+(null==o?void 0:o.rotOfElement)+"deg)"},className:i()(h?c.classes.outline.outline2D.draggableActive:void 0,"selected"==o.elemState?c.classes.outline.outline2D.draggable:void 0,"selectable"==o.elemState?c.classes.outline.outline2D.selectable:void 0)})}))}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8445],{88445:(e,n,t)=>{t.r(n),t.d(n,{default:()=>r});var l=t(34988),o=t(65515),i=t.n(o),c=t(9420),u=t(87363),s=t(87998),a=t(47514),d=new s.FM(0,0);const r=(0,c.Pi)((function Outline(e){var n,t,o=e.item,c=e.plannerUIProps,r=(0,u.useState)(!1),v=(0,l.Z)(r,2),h=v[0],m=v[1],f=(0,u.useState)(o.position.x),M=(0,l.Z)(f,2),g=M[0],b=M[1],I=(0,u.useState)(o.position.y),p=(0,l.Z)(I,2),x=p[0],D=p[1],F=!1;return(0,a.jsx)("div",{onClick:function onClick(){var e;null===(e=o.clickFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId))},onMouseDown:function onMouseDown(e){F=!0,d=new s.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(F=!0,d=new s.FM(e.touches[0].clientX,e.touches[0].clientY))},onMouseMove:function onMouseMove(e){var n,t;F&&!h&&(m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId)));h&&(null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.clientX-d.x,e.clientY-d.y)),b(g+e.clientX-d.x),D(x+e.clientY-d.y),d.x=e.clientX,d.y=e.clientY);F=!1},onTouchMove:function onTouchMove(e){if(1==e.touches.length){var n,t;if(F&&!h)m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId));if(h)null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.touches[0].clientX-d.x,e.touches[0].clientY-d.y)),b(g+e.touches[0].clientX-d.x),D(x+e.touches[0].clientY-d.y),d.x=e.touches[0].clientX,d.y=e.touches[0].clientY;F=!1}},onMouseUp:function onMouseUp(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},onTouchEnd:function onTouchEnd(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},style:{left:g+"px",top:x+"px",width:(null==o||null===(n=o.size)||void 0===n?void 0:n.x)+"px",height:(null==o||null===(t=o.size)||void 0===t?void 0:t.y)+"px",transform:"rotate("+(null==o?void 0:o.rotOfElement)+"deg)"},className:i()(h?c.classes.outline.outline2D.draggableActive:void 0,"selected"==o.elemState?c.classes.outline.outline2D.draggable:void 0,"selectable"==o.elemState?c.classes.outline.outline2D.selectable:void 0)})}))}}]);
package/build/umd/8616.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 8616.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8616,8938],{18938:(n,e,o)=>{o.r(e),o.d(e,{default:()=>s});var i=o(65515),t=o.n(i),l=o(9420),c=o(75327),d=(o(87363),o(47514));const s=(0,l.Pi)((function DPACC(n){var e=n.rect,o=n.item,i=n.onElement,l=n.plannerUIProps,s=(0,c._w)(),r=s.getDPUIISSelected(o);return(0,d.jsx)("div",{ref:function ref(n){return i(n)},onClick:function onClick(){var n;s.setDPUISelectionChanged(o,!r),null===(n=o.clickFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId),o.dpId,!r,o.dockToElementId)},style:{left:"percentage"==o.position.interpretation?e.left+"%":e.left+"px",top:"percentage"==o.position.interpretation?e.top+"%":e.top+"px"},className:t()(l.classes.buttonGeneral,"2D"==o.plannerMode?"DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp2DAccDocking:l.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==o.plannerMode&&r&&"NOT_DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==o.plannerMode?"DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp3DAccDocking:l.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==o.plannerMode&&r&&"NOT_DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:o.posNr})}))},40053:(n,e,o)=>{o.d(e,{Z:()=>useDockingPointPositioning});var i=o(62052),t=o(75327);function useDockingPointPositioning(n){var e,o,l,c,d=n.dpElement,s=n.item,r=(0,t._w)(),a=null==d?void 0:d.getBoundingClientRect(),p=null!==(e=null==s?void 0:s.position.x)&&void 0!==e?e:0,u=null!==(o=null==s?void 0:s.position.y)&&void 0!==o?o:0;if(a&&s){var D=new i.FM(p,u),g=r.getViewConfig(),v=new i.FM(0,0);if("AVL"==(null==s?void 0:s.type)||"AVR"==(null==s?void 0:s.type)){if("2D"===s.plannerMode)switch(g.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==s?void 0:s.type)&&(v=new i.FM(-a.width,0),null!=s&&s.rotOfElement&&(v=i.FM.rotateOrigin(v,null==s?void 0:s.rotOfElement)),D=new i.FM(p+v.x,u+v.y,"pixel"))}}else"AccDP"==(null==s?void 0:s.type)&&"3D"==(null==s?void 0:s.plannerMode)?D.y=100-D.y:"BoxCopyLeft"==s.type||"BoxCopyRight"==(null==s?void 0:s.type)||null==s||s.type;p=D.x,u=D.y}return{width:null!==(l=null==a?void 0:a.width)&&void 0!==l?l:0,height:null!==(c=null==a?void 0:a.height)&&void 0!==c?c:0,top:u,left:p}}},85115:(n,e,o)=>{o.r(e),o.d(e,{default:()=>s});var i=o(34988),t=o(87363),l=o(18938),c=o(40053),d=o(47514);const s=function ItemsDPAccContainer(n){var e=n.item,o=n.plannerUIProps,s=(0,t.useState)(null),r=(0,i.Z)(s,2),a=r[0],p=r[1],u=(0,c.Z)({item:e,dpElement:a});return(0,d.jsx)(d.Fragment,{children:e&&(0,d.jsx)(l.default,{item:e,rect:u,onElement:p,plannerUIProps:o},null==e?void 0:e.key)})}}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8616,8938],{18938:(n,e,o)=>{o.r(e),o.d(e,{default:()=>s});var i=o(65515),t=o.n(i),l=o(9420),c=o(75327),d=(o(87363),o(47514));const s=(0,l.Pi)((function DPACC(n){var e=n.rect,o=n.item,i=n.onElement,l=n.plannerUIProps,s=(0,c._w)(),r=s.getDPUIISSelected(o);return(0,d.jsx)("div",{ref:function ref(n){return i(n)},onClick:function onClick(){var n;s.setDPUISelectionChanged(o,!r),null===(n=o.clickFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId),o.dpId,!r,o.dockToElementId)},style:{left:"percentage"==o.position.interpretation?e.left+"%":e.left+"px",top:"percentage"==o.position.interpretation?e.top+"%":e.top+"px"},className:t()(l.classes.buttonGeneral,"2D"==o.plannerMode?"DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp2DAccDocking:l.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==o.plannerMode&&r&&"NOT_DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==o.plannerMode?"DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp3DAccDocking:l.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==o.plannerMode&&r&&"NOT_DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:o.posNr})}))},40053:(n,e,o)=>{o.d(e,{Z:()=>useDockingPointPositioning});var i=o(87998),t=o(75327);function useDockingPointPositioning(n){var e,o,l,c,d=n.dpElement,s=n.item,r=(0,t._w)(),a=null==d?void 0:d.getBoundingClientRect(),p=null!==(e=null==s?void 0:s.position.x)&&void 0!==e?e:0,u=null!==(o=null==s?void 0:s.position.y)&&void 0!==o?o:0;if(a&&s){var D=new i.FM(p,u),g=r.getViewConfig(),v=new i.FM(0,0);if("AVL"==(null==s?void 0:s.type)||"AVR"==(null==s?void 0:s.type)){if("2D"===s.plannerMode)switch(g.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==s?void 0:s.type)&&(v=new i.FM(-a.width,0),null!=s&&s.rotOfElement&&(v=i.FM.rotateOrigin(v,null==s?void 0:s.rotOfElement)),D=new i.FM(p+v.x,u+v.y,"pixel"))}}else"AccDP"==(null==s?void 0:s.type)&&"3D"==(null==s?void 0:s.plannerMode)?D.y=100-D.y:"BoxCopyLeft"==s.type||"BoxCopyRight"==(null==s?void 0:s.type)||null==s||s.type;p=D.x,u=D.y}return{width:null!==(l=null==a?void 0:a.width)&&void 0!==l?l:0,height:null!==(c=null==a?void 0:a.height)&&void 0!==c?c:0,top:u,left:p}}},85115:(n,e,o)=>{o.r(e),o.d(e,{default:()=>s});var i=o(34988),t=o(87363),l=o(18938),c=o(40053),d=o(47514);const s=function ItemsDPAccContainer(n){var e=n.item,o=n.plannerUIProps,s=(0,t.useState)(null),r=(0,i.Z)(s,2),a=r[0],p=r[1],u=(0,c.Z)({item:e,dpElement:a});return(0,d.jsx)(d.Fragment,{children:e&&(0,d.jsx)(l.default,{item:e,rect:u,onElement:p,plannerUIProps:o},null==e?void 0:e.key)})}}}]);
package/build/umd/8701.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 8701.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- (self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(t,r,a)=>{"use strict";a.r(r),a.d(r,{default:()=>D});var o=a(84658),i=a(13125),c=a(43860),d=a(80248),l=a(50747),h=a.n(l),g=a(63846),u=a(62052),v=a(88683);function _createForOfIteratorHelper(t,r){var a="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!a){if(Array.isArray(t)||(a=function _unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return _arrayLikeToArray(t,r);var a={}.toString.call(t).slice(8,-1);return"Object"===a&&t.constructor&&(a=t.constructor.name),"Map"===a||"Set"===a?Array.from(t):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){a&&(t=a);var o=0,i=function F(){};return{s:i,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var c,d=!0,l=!1;return{s:function s(){a=a.call(t)},n:function n(){var t=a.next();return d=t.done,t},e:function e(t){l=!0,c=t},f:function f(){try{d||null==a.return||a.return()}finally{if(l)throw c}}}}function _arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var a=0,o=Array(r);a<r;a++)o[a]=t[a];return o}var m=(0,v.getLogger)("Planner","Planner2DGrid"),D=function(){return(0,c.Z)((function Planner2DGrid(t,r,a,o,c,l){var h=this;(0,i.Z)(this,Planner2DGrid),(0,d.Z)(this,"autoDockingDistance",20),(0,d.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,d.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,d.Z)(this,"canvas",void 0),(0,d.Z)(this,"renderGeneration",0),(0,d.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,d.Z)(this,"borderFactorHori",.7),(0,d.Z)(this,"borderFactorVert",.64),(0,d.Z)(this,"maxZoom",4),(0,d.Z)(this,"deltaRotDeg",void 0),(0,d.Z)(this,"inDragMode",!1),(0,d.Z)(this,"currZoomFactor",1),(0,d.Z)(this,"currCenteringOffset",new u.FM(0,0)),(0,d.Z)(this,"zoomFactorBBoxDimLastFrame",new u.FM(0,0)),(0,d.Z)(this,"plannerPaletteViewInfo",void 0),(0,d.Z)(this,"settingsState",void 0),(0,d.Z)(this,"getConfiguratorState",void 0),(0,d.Z)(this,"updatePlannerTrans",void 0),(0,d.Z)(this,"getPlannerElementById",void 0),(0,d.Z)(this,"getPlannerViewConfig",void 0),(0,d.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,d.Z)(this,"onDragStarted",(function(t,r){h.inDragMode=!0,m.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER","PLANNER_2.0"].includes(h.getConfiguratorState())||h.forceViewToEnterPlannerMode(!0),h.getPlannerElementById(t,r)&&h.updatePlannerTrans(t,r,new u.P(0,0,0),0,0,"START",h.autoDockingDistance)})),(0,d.Z)(this,"onDragMove",(function(t,r,a){h.getPlannerElementById(t,r)&&h.updatePlannerTrans(t,r,new u.P(a.x/h.currZoomFactor,0,a.y/h.currZoomFactor),0,45,"UPDATE",h.autoDockingDistance)})),(0,d.Z)(this,"onDragEnd",(function(t,r){m.debug("On Drag END"),h.inDragMode=!1,h.updatePlannerTrans(t,r,new u.P(0,0,0),0,0,"END",h.autoDockingDistance)})),(0,d.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,d.Z)(this,"getContentAsJPG",(function(){if(h.canvas){var t=h.canvas.backgroundColor,r=h.canvas.width,a=h.canvas.height;h.canvas.backgroundColor="#fff";for(var o=h.canvas.getObjects(),i=void 0,c=void 0,d=0;d<o.length;d++){var l=o[d];if(l.name==h.dimGroupHeightName||l.name==h.dimGroupWidthName){l.dirty=!0;for(var g=0;g<l.getObjects().length;g++)if("text"==l.getObjects()[g].type){var u=l.getObjects()[g];l.name==h.dimGroupHeightName?c=u:l.name==h.dimGroupWidthName&&(i=u)}}}var v=0,D=0,p=0,P=30,w=13,S=!1;h.canvas.width&&h.canvas.width<500&&(P=17,w=7,S=!0),null!=i&&(v=i.fontSize,D=i.top,i.fontSize=P,i.dirty=!0,i.top=i.top+w),null!=c&&(p=c.fontSize,c.fontSize=P,c.dirty=!0),m.debug("This.canvas.width: "+h.canvas.width+"; this.canvas.height: "+h.canvas.height),h.canvas.width&&S&&h.canvas.setWidth(1.15*h.canvas.width),h.canvas.height&&S&&h.canvas.setHeight(1.15*h.canvas.height),h.canvas.renderAll();var y=h.canvas.toDataURL({format:"jpeg",quality:.8});return null!=i&&(i.fontSize=v,i.top=D,i.group.dirty=!0),null!=c&&(c.fontSize=p,c.group.dirty=!0),h.canvas.backgroundColor=t,r&&h.canvas.setWidth(r),a&&h.canvas.setHeight(a),h.canvas.renderAll(),y}return""})),this.getConfiguratorState=t,this.getPlannerElementById=r,this.getPlannerViewConfig=a,this.forceViewToEnterPlannerMode=o,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=c,this.settingsState=l}),[{key:"initialize",value:function initialize(t){this.updatePlannerTrans=t,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new g.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(t,r,a){switch(this.updatePlannerTrans(t,r,new u.P(0,0,0),0,this.deltaRotDeg,"START",0),a){case"CLOCKWISE":this.updatePlannerTrans(t,r,new u.P(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(t,r,new u.P(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(t,r,new u.P(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(t,r,a,o,i){var c=this;this.inDragMode||(t.clear2D3DViewerUI(),m.debug("UpdateUI","Planner2DGrid"),r.forEach((function(r,d){for(var l=0;l<r.length;l++)if(r[l].getSVGShapeOLF2D()){var h=r[l],g=!1,u=i;if(a.has(d))for(var v=a.get(d),m=0;m<v.length;m++)if(h.getElementId()==v[m].getElementId()){g=!0;break}if(!g&&!u&&o.has(d)){var D=o.get(d);for(m=0;m<D.length;m++)if(h.getElementId()==D[m].getElementId()){u=!0;break}}c.addPosNrUI(t,h,g,u),c.addDPUI(t,h),g?(["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(c.getConfiguratorState())&&(c.addDelIcon(t,h),c.addRotIcon(t,h)),c.addElemOutline(t,h,!0,!1)):u&&c.addElemOutline(t,h,!1,!0),"ACC_PLANNER"==c.getConfiguratorState()&&(h.getIsDockedAccessoire()||h.getIsNotDockedAccessoire())&&c.addDelIcon(t,h)}})))}},{key:"getWorldCorner",value:function getWorldCorner(t,r){return r&&t.HasOLFPolygon?t.WorldPosCornerIgnoreOLF:!r&&t.HasOLFPolygon?t.getWorldPosCornerOLF():t.getWorldPosCorner()}},{key:"addElemOutline",value:function addElemOutline(t,r,a,o){if(!r.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var i=this.getWorldCorner(r,!0),c=r.getWidth(),d=r.getDepth(),l=this.worldPosToScreenPos(new u.FM(i.x,i.z));t.addElemOutlineUI(r.getSetId(),r.getElementId(),r.getRotDeg(),l,new u.FM(Math.round(c*this.currZoomFactor),Math.round(d*this.currZoomFactor)),this.getIconState(a,o),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(t,r){return t?"selected":r?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(t,r,a,o){var i;if(!r.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var c=this.getPlannerViewConfig(),d=new u.FM(0,0,"pixel");if("TOP_LEFT_BACK"==c.posNumIcon){var l=this.getWorldCorner(r,!1);d=this.worldPosToScreenPos(new u.FM(l.x,l.z))}t.addPosNrUI(r.getSetId(),r.getElementId(),r.getIsDockedAccessoire(),d,r.getRotDeg(),this.currZoomFactor,null===(i=t.getPosNrByBasketId(r.getBasketId()))||void 0===i?void 0:i.toString(),this.getIconState(a,o),"2D")}}},{key:"addDelIcon",value:function addDelIcon(t,r){if(!r.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var a=new u.FM(0,0),o=this.getWorldCorner(r,!1),i=this.worldPosToScreenPos(new u.FM(o.x,o.z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":a=i;break;case"TOP_RIGHT_BACK":var c=new u.FM(r.getWidth()*this.currZoomFactor,0);c=u.FM.rotateOrigin(c,r.getRotDeg()),a=new u.FM(i.x+c.x,i.y+c.y)}t.addTrashIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),a,"2D")}}},{key:"addRotIcon",value:function addRotIcon(t,r){r.getIsDockedAccessoire()&&!r.getIsNotDockedAccessoire()||(t.addRotationIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),"RotateC",new u.FM(0,0),"2D"),t.addRotationIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),"RotateCC",new u.FM(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(t,r){for(var a=r.getAllDockingPoints(),o=0;o<a.length;o++){var i,c=a[o];if(null===(i=this.plannerPaletteViewInfo)||void 0===i||null===(i=i.plannerConfiguration.hideAVButtons)||void 0===i||!i.includes(c.Type))if(c.IsDocking||"AVR"!=c.Type&&"AVL"!=c.Type){if(!("AVO"!=c.Type&&"AVU"!=c.Type&&"AVC"!=c.Type&&"AVN"!=c.Type&&"AVS"!=c.Type||c.IsDocking&&r.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(this.getConfiguratorState()))continue;var d=this.getWorldCorner(r,!1),l=this.worldPosToScreenPos(new u.FM(d.x+c.LocalWorldPos.x,d.z+c.LocalWorldPos.z)),h=this.worldPosToScreenPos(new u.FM(d.x,d.z));l=u.FM.rotateAround(l,h,r.getRotDeg()),t.addDP(r.getSetId(),r.getElementId(),c.DpId,"ACC",c.IsDocking?"DOCKING":"NOT_DOCKING",c.OnElementId,r.getRotDeg(),c.RotDeg,l,"2D")}}else{var g=this.getWorldCorner(r,!1),v=this.worldPosToScreenPos(new u.FM(g.x+c.LocalWorldPos.x,g.z+c.LocalWorldPos.z)),m=this.worldPosToScreenPos(new u.FM(g.x,g.z));v=u.FM.rotateAround(v,m,r.getRotDeg()),t.addDP(r.getSetId(),r.getElementId(),c.DpId,c.Type,"NOT_DOCKING",void 0,r.getRotDeg(),c.RotDeg,v,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(t){var r=1,a=t.size.x/t.size.z,o=this.canvas.getHeight()-62;a>=this.canvas.getWidth()/o?(r=this.canvas.getWidth()*this.borderFactorHori/t.size.x,m.debug("ATTENTION: "+(o-t.size.z*v.DivaUtils.UnitRecalc/r))):r=o*this.borderFactorVert/t.size.z,(Math.abs(t.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(t.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(t.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(t.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=r),this.zoomFactorBBoxDimLastFrame=new u.FM(t.size.x,t.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(t){t.update2DGridBackground({zoom:this.currZoomFactor,position:new u.FM(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(t){var r=new u.FM(t.x*this.currZoomFactor,t.y*this.currZoomFactor);return r.x+=this.currCenteringOffset.x,r.y+=this.currCenteringOffset.y,r}},{key:"drawDimensions",value:function drawDimensions(t,r){if(0!=r.size.x&&0!=r.size.z){var a=10,o=null,i=null,c=null,d=t.width*this.currZoomFactor,l=t.height*this.currZoomFactor,h=0,u=0;0==r.digitsAfterComma||null==r.digitsAfterComma?(h=Math.round(r.size.x),u=Math.round(r.size.z)):1==r.digitsAfterComma?(h=Math.round(10*r.size.x)/10,u=Math.round(10*r.size.z)/10):2==r.digitsAfterComma?(h=Math.round(100*r.size.x)/100,u=Math.round(100*r.size.z)/100):3==r.digitsAfterComma?(h=Math.round(1e3*r.size.x)/1e3,u=Math.round(1e3*r.size.z)/1e3):4==r.digitsAfterComma&&(h=Math.round(1e4*r.size.x)/1e4,u=Math.round(1e4*r.size.z)/1e4);var v={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};o=new g.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:t.left-50,top:t.top,height:l,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),i=new g.fabric.Line([-25,-l/2,-25,l/2],v),o.add(i),i=new g.fabric.Line([-25,-l/2,-20,-l/2+a],v),o.add(i),i=new g.fabric.Line([-25,-l/2,-30,-l/2+a],v),o.add(i),i=new g.fabric.Line([-25,l/2,-20,l/2-a],v),o.add(i),i=new g.fabric.Line([-25,l/2,-30,l/2-a],v),o.add(i),c=new g.fabric.Text(u+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),o.add(c),this.canvas.add(o),o.bringToFront(),o=new g.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:t.left,top:t.top+l,width:d,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),i=new g.fabric.Line([-d/2,-25,d/2,-25],v),o.add(i),i=new g.fabric.Line([-d/2,-25,-d/2+a,-20],v),o.add(i),i=new g.fabric.Line([-d/2,-25,-d/2+a,-30],v),o.add(i),i=new g.fabric.Line([d/2,-25,d/2-a,-20],v),o.add(i),i=new g.fabric.Line([d/2,-25,d/2-a,-30],v),o.add(i),c=new g.fabric.Text(h+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),o.add(c),this.canvas.add(o),o.bringToFront()}}},{key:"ensureSvgShapes",value:(r=(0,o.Z)(h().mark((function _callee(t){var r,a=this;return h().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return r=[],t.forEach((function(t){var o,i=_createForOfIteratorHelper(t);try{for(i.s();!(o=i.n()).done;){var c=o.value;!c.getSVGShapeOLF2D()&&c.SvgData&&r.push(a.buildSvgShape(c))}}catch(t){i.e(t)}finally{i.f()}})),o.next=4,Promise.all(r);case 4:case"end":return o.stop()}}),_callee)}))),function ensureSvgShapes(t){return r.apply(this,arguments)})},{key:"buildSvgShape",value:function buildSvgShape(t){var r=this;return new Promise((function(a){var o=!1,i=function finish(){o||(o=!0,clearTimeout(c),a())},c=setTimeout((function(){m.warn("2D shape build timed out after ".concat(1e4,"ms — element rendered without its SVG shape"),"Planner2DGrid"),i()}),1e4);try{g.fabric.loadSVGFromString(t.SvgData,(function(a,c){if(!o){try{r.applySvgShape(t,a,c)}catch(t){m.warn("2D shape build failed: ".concat(t instanceof Error?t.message:String(t)),"Planner2DGrid")}i()}}))}catch(t){m.warn("2D shape parse threw: ".concat(t instanceof Error?t.message:String(t)),"Planner2DGrid"),i()}}))}},{key:"applySvgShape",value:function applySvgShape(t,r,a){for(var o=0;o<r.length;o++){var i,c=r[o];c.setCoords();var d=null===(i=c.id)||void 0===i?void 0:i.toString();d&&(d.startsWith("OLF")||d.startsWith("OLT"))&&(c.stroke="none")}var l=g.fabric.util.groupSVGElements(r,a);l.set({originX:"left",originY:"top",lockRotation:!0,hasRotatingPoint:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,scaleX:1,scaleY:1,left:0,top:0}),t.SvgShapeOLF2D=l}},{key:"updatePlannerView",value:(t=(0,o.Z)(h().mark((function _callee2(t,r,a){var o,i,c,d,l,D,p,P=this;return h().wrap((function _callee2$(h){for(;;)switch(h.prev=h.next){case 0:return m.debug("UpdatePlanner2DGrid","Planner2DGrid"),o=++this.renderGeneration,h.next=4,this.ensureSvgShapes(r);case 4:if(o===this.renderGeneration){h.next=6;break}return h.abrupt("return");case 6:if(this.clearView(),i=t.getCanvas2DGridSize(),this.canvas.getWidth()!=i.x&&this.canvas.setWidth(i.x),this.canvas.getHeight()!=i.y&&this.canvas.setHeight(i.y),0!=r.size){h.next=12;break}return h.abrupt("return");case 12:c=[],r.forEach((function(t,r){for(var o=0;o<t.length;o++)if(t[o].getSVGShapeOLF2D()){var i=t[o].getSVGShapeOLF2D();i.scaleX=1/v.DivaUtils.UnitRecalc,i.scaleY=1/v.DivaUtils.UnitRecalc;var d=P.getWorldCorner(t[o],!1);i.left=d.x-a.worldPos.x,i.top=d.z-a.worldPos.y,i.angle=t[o].getRotDeg(),c.push(i)}})),this.calcZoomFactor(a),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom),d=new u.FM(a.worldPos.x*this.currZoomFactor,a.worldPos.y*this.currZoomFactor),l=new g.fabric.Group(c,{originX:"left",originY:"top",left:d.x,top:d.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),D=this.canvas.getWidth()/2-(l.left+l.width*this.currZoomFactor/2),p=this.canvas.getHeight()/2-(l.top+l.height*this.currZoomFactor/2),this.currCenteringOffset=new u.FM(D,p),l.left+=D,l.top+=p,this.canvas.add(l),l.bringToFront(),this.correctBackgroundPos(t),this.drawDimensions(l,a),this.canvas.renderAll();case 28:case"end":return h.stop()}}),_callee2,this)}))),function updatePlannerView(r,a,o){return t.apply(this,arguments)})}]);var t,r}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);
2
+ (self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(t,r,a)=>{"use strict";a.r(r),a.d(r,{default:()=>D});var o=a(84658),i=a(13125),c=a(43860),d=a(80248),l=a(50747),h=a.n(l),g=a(63846),u=a(87998),v=a(88683);function _createForOfIteratorHelper(t,r){var a="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!a){if(Array.isArray(t)||(a=function _unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return _arrayLikeToArray(t,r);var a={}.toString.call(t).slice(8,-1);return"Object"===a&&t.constructor&&(a=t.constructor.name),"Map"===a||"Set"===a?Array.from(t):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){a&&(t=a);var o=0,i=function F(){};return{s:i,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var c,d=!0,l=!1;return{s:function s(){a=a.call(t)},n:function n(){var t=a.next();return d=t.done,t},e:function e(t){l=!0,c=t},f:function f(){try{d||null==a.return||a.return()}finally{if(l)throw c}}}}function _arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var a=0,o=Array(r);a<r;a++)o[a]=t[a];return o}var m=(0,v.getLogger)("Planner","Planner2DGrid"),D=function(){return(0,c.Z)((function Planner2DGrid(t,r,a,o,c,l){var h=this;(0,i.Z)(this,Planner2DGrid),(0,d.Z)(this,"autoDockingDistance",20),(0,d.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,d.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,d.Z)(this,"canvas",void 0),(0,d.Z)(this,"renderGeneration",0),(0,d.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,d.Z)(this,"borderFactorHori",.7),(0,d.Z)(this,"borderFactorVert",.64),(0,d.Z)(this,"maxZoom",4),(0,d.Z)(this,"deltaRotDeg",void 0),(0,d.Z)(this,"inDragMode",!1),(0,d.Z)(this,"currZoomFactor",1),(0,d.Z)(this,"currCenteringOffset",new u.FM(0,0)),(0,d.Z)(this,"zoomFactorBBoxDimLastFrame",new u.FM(0,0)),(0,d.Z)(this,"plannerPaletteViewInfo",void 0),(0,d.Z)(this,"settingsState",void 0),(0,d.Z)(this,"getConfiguratorState",void 0),(0,d.Z)(this,"updatePlannerTrans",void 0),(0,d.Z)(this,"getPlannerElementById",void 0),(0,d.Z)(this,"getPlannerViewConfig",void 0),(0,d.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,d.Z)(this,"onDragStarted",(function(t,r){h.inDragMode=!0,m.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER","PLANNER_2.0"].includes(h.getConfiguratorState())||h.forceViewToEnterPlannerMode(!0),h.getPlannerElementById(t,r)&&h.updatePlannerTrans(t,r,new u.P(0,0,0),0,0,"START",h.autoDockingDistance)})),(0,d.Z)(this,"onDragMove",(function(t,r,a){h.getPlannerElementById(t,r)&&h.updatePlannerTrans(t,r,new u.P(a.x/h.currZoomFactor,0,a.y/h.currZoomFactor),0,45,"UPDATE",h.autoDockingDistance)})),(0,d.Z)(this,"onDragEnd",(function(t,r){m.debug("On Drag END"),h.inDragMode=!1,h.updatePlannerTrans(t,r,new u.P(0,0,0),0,0,"END",h.autoDockingDistance)})),(0,d.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,d.Z)(this,"getContentAsJPG",(function(){if(h.canvas){var t=h.canvas.backgroundColor,r=h.canvas.width,a=h.canvas.height;h.canvas.backgroundColor="#fff";for(var o=h.canvas.getObjects(),i=void 0,c=void 0,d=0;d<o.length;d++){var l=o[d];if(l.name==h.dimGroupHeightName||l.name==h.dimGroupWidthName){l.dirty=!0;for(var g=0;g<l.getObjects().length;g++)if("text"==l.getObjects()[g].type){var u=l.getObjects()[g];l.name==h.dimGroupHeightName?c=u:l.name==h.dimGroupWidthName&&(i=u)}}}var v=0,D=0,p=0,P=30,w=13,S=!1;h.canvas.width&&h.canvas.width<500&&(P=17,w=7,S=!0),null!=i&&(v=i.fontSize,D=i.top,i.fontSize=P,i.dirty=!0,i.top=i.top+w),null!=c&&(p=c.fontSize,c.fontSize=P,c.dirty=!0),m.debug("This.canvas.width: "+h.canvas.width+"; this.canvas.height: "+h.canvas.height),h.canvas.width&&S&&h.canvas.setWidth(1.15*h.canvas.width),h.canvas.height&&S&&h.canvas.setHeight(1.15*h.canvas.height),h.canvas.renderAll();var y=h.canvas.toDataURL({format:"jpeg",quality:.8});return null!=i&&(i.fontSize=v,i.top=D,i.group.dirty=!0),null!=c&&(c.fontSize=p,c.group.dirty=!0),h.canvas.backgroundColor=t,r&&h.canvas.setWidth(r),a&&h.canvas.setHeight(a),h.canvas.renderAll(),y}return""})),this.getConfiguratorState=t,this.getPlannerElementById=r,this.getPlannerViewConfig=a,this.forceViewToEnterPlannerMode=o,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=c,this.settingsState=l}),[{key:"initialize",value:function initialize(t){this.updatePlannerTrans=t,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new g.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(t,r,a){switch(this.updatePlannerTrans(t,r,new u.P(0,0,0),0,this.deltaRotDeg,"START",0),a){case"CLOCKWISE":this.updatePlannerTrans(t,r,new u.P(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(t,r,new u.P(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(t,r,new u.P(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(t,r,a,o,i){var c=this;this.inDragMode||(t.clear2D3DViewerUI(),m.debug("UpdateUI","Planner2DGrid"),r.forEach((function(r,d){for(var l=0;l<r.length;l++)if(r[l].getSVGShapeOLF2D()){var h=r[l],g=!1,u=i;if(a.has(d))for(var v=a.get(d),m=0;m<v.length;m++)if(h.getElementId()==v[m].getElementId()){g=!0;break}if(!g&&!u&&o.has(d)){var D=o.get(d);for(m=0;m<D.length;m++)if(h.getElementId()==D[m].getElementId()){u=!0;break}}c.addPosNrUI(t,h,g,u),c.addDPUI(t,h),g?(["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(c.getConfiguratorState())&&(c.addDelIcon(t,h),c.addRotIcon(t,h)),c.addElemOutline(t,h,!0,!1)):u&&c.addElemOutline(t,h,!1,!0),"ACC_PLANNER"==c.getConfiguratorState()&&(h.getIsDockedAccessoire()||h.getIsNotDockedAccessoire())&&c.addDelIcon(t,h)}})))}},{key:"getWorldCorner",value:function getWorldCorner(t,r){return r&&t.HasOLFPolygon?t.WorldPosCornerIgnoreOLF:!r&&t.HasOLFPolygon?t.getWorldPosCornerOLF():t.getWorldPosCorner()}},{key:"addElemOutline",value:function addElemOutline(t,r,a,o){if(!r.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var i=this.getWorldCorner(r,!0),c=r.getWidth(),d=r.getDepth(),l=this.worldPosToScreenPos(new u.FM(i.x,i.z));t.addElemOutlineUI(r.getSetId(),r.getElementId(),r.getRotDeg(),l,new u.FM(Math.round(c*this.currZoomFactor),Math.round(d*this.currZoomFactor)),this.getIconState(a,o),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(t,r){return t?"selected":r?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(t,r,a,o){var i;if(!r.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var c=this.getPlannerViewConfig(),d=new u.FM(0,0,"pixel");if("TOP_LEFT_BACK"==c.posNumIcon){var l=this.getWorldCorner(r,!1);d=this.worldPosToScreenPos(new u.FM(l.x,l.z))}t.addPosNrUI(r.getSetId(),r.getElementId(),r.getIsDockedAccessoire(),d,r.getRotDeg(),this.currZoomFactor,null===(i=t.getPosNrByBasketId(r.getBasketId()))||void 0===i?void 0:i.toString(),this.getIconState(a,o),"2D")}}},{key:"addDelIcon",value:function addDelIcon(t,r){if(!r.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var a=new u.FM(0,0),o=this.getWorldCorner(r,!1),i=this.worldPosToScreenPos(new u.FM(o.x,o.z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":a=i;break;case"TOP_RIGHT_BACK":var c=new u.FM(r.getWidth()*this.currZoomFactor,0);c=u.FM.rotateOrigin(c,r.getRotDeg()),a=new u.FM(i.x+c.x,i.y+c.y)}t.addTrashIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),a,"2D")}}},{key:"addRotIcon",value:function addRotIcon(t,r){r.getIsDockedAccessoire()&&!r.getIsNotDockedAccessoire()||(t.addRotationIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),"RotateC",new u.FM(0,0),"2D"),t.addRotationIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),"RotateCC",new u.FM(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(t,r){for(var a=r.getAllDockingPoints(),o=0;o<a.length;o++){var i,c=a[o];if(null===(i=this.plannerPaletteViewInfo)||void 0===i||null===(i=i.plannerConfiguration.hideAVButtons)||void 0===i||!i.includes(c.Type))if(c.IsDocking||"AVR"!=c.Type&&"AVL"!=c.Type){if(!("AVO"!=c.Type&&"AVU"!=c.Type&&"AVC"!=c.Type&&"AVN"!=c.Type&&"AVS"!=c.Type||c.IsDocking&&r.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(this.getConfiguratorState()))continue;var d=this.getWorldCorner(r,!1),l=this.worldPosToScreenPos(new u.FM(d.x+c.LocalWorldPos.x,d.z+c.LocalWorldPos.z)),h=this.worldPosToScreenPos(new u.FM(d.x,d.z));l=u.FM.rotateAround(l,h,r.getRotDeg()),t.addDP(r.getSetId(),r.getElementId(),c.DpId,"ACC",c.IsDocking?"DOCKING":"NOT_DOCKING",c.OnElementId,r.getRotDeg(),c.RotDeg,l,"2D")}}else{var g=this.getWorldCorner(r,!1),v=this.worldPosToScreenPos(new u.FM(g.x+c.LocalWorldPos.x,g.z+c.LocalWorldPos.z)),m=this.worldPosToScreenPos(new u.FM(g.x,g.z));v=u.FM.rotateAround(v,m,r.getRotDeg()),t.addDP(r.getSetId(),r.getElementId(),c.DpId,c.Type,"NOT_DOCKING",void 0,r.getRotDeg(),c.RotDeg,v,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(t){var r=1,a=t.size.x/t.size.z,o=this.canvas.getHeight()-62;a>=this.canvas.getWidth()/o?(r=this.canvas.getWidth()*this.borderFactorHori/t.size.x,m.debug("ATTENTION: "+(o-t.size.z*v.DivaUtils.UnitRecalc/r))):r=o*this.borderFactorVert/t.size.z,(Math.abs(t.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(t.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(t.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(t.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=r),this.zoomFactorBBoxDimLastFrame=new u.FM(t.size.x,t.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(t){t.update2DGridBackground({zoom:this.currZoomFactor,position:new u.FM(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(t){var r=new u.FM(t.x*this.currZoomFactor,t.y*this.currZoomFactor);return r.x+=this.currCenteringOffset.x,r.y+=this.currCenteringOffset.y,r}},{key:"drawDimensions",value:function drawDimensions(t,r){if(0!=r.size.x&&0!=r.size.z){var a=10,o=null,i=null,c=null,d=t.width*this.currZoomFactor,l=t.height*this.currZoomFactor,h=0,u=0;0==r.digitsAfterComma||null==r.digitsAfterComma?(h=Math.round(r.size.x),u=Math.round(r.size.z)):1==r.digitsAfterComma?(h=Math.round(10*r.size.x)/10,u=Math.round(10*r.size.z)/10):2==r.digitsAfterComma?(h=Math.round(100*r.size.x)/100,u=Math.round(100*r.size.z)/100):3==r.digitsAfterComma?(h=Math.round(1e3*r.size.x)/1e3,u=Math.round(1e3*r.size.z)/1e3):4==r.digitsAfterComma&&(h=Math.round(1e4*r.size.x)/1e4,u=Math.round(1e4*r.size.z)/1e4);var v={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};o=new g.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:t.left-50,top:t.top,height:l,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),i=new g.fabric.Line([-25,-l/2,-25,l/2],v),o.add(i),i=new g.fabric.Line([-25,-l/2,-20,-l/2+a],v),o.add(i),i=new g.fabric.Line([-25,-l/2,-30,-l/2+a],v),o.add(i),i=new g.fabric.Line([-25,l/2,-20,l/2-a],v),o.add(i),i=new g.fabric.Line([-25,l/2,-30,l/2-a],v),o.add(i),c=new g.fabric.Text(u+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),o.add(c),this.canvas.add(o),o.bringToFront(),o=new g.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:t.left,top:t.top+l,width:d,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),i=new g.fabric.Line([-d/2,-25,d/2,-25],v),o.add(i),i=new g.fabric.Line([-d/2,-25,-d/2+a,-20],v),o.add(i),i=new g.fabric.Line([-d/2,-25,-d/2+a,-30],v),o.add(i),i=new g.fabric.Line([d/2,-25,d/2-a,-20],v),o.add(i),i=new g.fabric.Line([d/2,-25,d/2-a,-30],v),o.add(i),c=new g.fabric.Text(h+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),o.add(c),this.canvas.add(o),o.bringToFront()}}},{key:"ensureSvgShapes",value:(r=(0,o.Z)(h().mark((function _callee(t){var r,a=this;return h().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return r=[],t.forEach((function(t){var o,i=_createForOfIteratorHelper(t);try{for(i.s();!(o=i.n()).done;){var c=o.value;!c.getSVGShapeOLF2D()&&c.SvgData&&r.push(a.buildSvgShape(c))}}catch(t){i.e(t)}finally{i.f()}})),o.next=4,Promise.all(r);case 4:case"end":return o.stop()}}),_callee)}))),function ensureSvgShapes(t){return r.apply(this,arguments)})},{key:"buildSvgShape",value:function buildSvgShape(t){var r=this;return new Promise((function(a){var o=!1,i=function finish(){o||(o=!0,clearTimeout(c),a())},c=setTimeout((function(){m.warn("2D shape build timed out after ".concat(1e4,"ms — element rendered without its SVG shape"),"Planner2DGrid"),i()}),1e4);try{g.fabric.loadSVGFromString(t.SvgData,(function(a,c){if(!o){try{r.applySvgShape(t,a,c)}catch(t){m.warn("2D shape build failed: ".concat(t instanceof Error?t.message:String(t)),"Planner2DGrid")}i()}}))}catch(t){m.warn("2D shape parse threw: ".concat(t instanceof Error?t.message:String(t)),"Planner2DGrid"),i()}}))}},{key:"applySvgShape",value:function applySvgShape(t,r,a){for(var o=0;o<r.length;o++){var i,c=r[o];c.setCoords();var d=null===(i=c.id)||void 0===i?void 0:i.toString();d&&(d.startsWith("OLF")||d.startsWith("OLT"))&&(c.stroke="none")}var l=g.fabric.util.groupSVGElements(r,a);l.set({originX:"left",originY:"top",lockRotation:!0,hasRotatingPoint:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,scaleX:1,scaleY:1,left:0,top:0}),t.SvgShapeOLF2D=l}},{key:"updatePlannerView",value:(t=(0,o.Z)(h().mark((function _callee2(t,r,a){var o,i,c,d,l,D,p,P=this;return h().wrap((function _callee2$(h){for(;;)switch(h.prev=h.next){case 0:return m.debug("UpdatePlanner2DGrid","Planner2DGrid"),o=++this.renderGeneration,h.next=4,this.ensureSvgShapes(r);case 4:if(o===this.renderGeneration){h.next=6;break}return h.abrupt("return");case 6:if(this.clearView(),i=t.getCanvas2DGridSize(),this.canvas.getWidth()!=i.x&&this.canvas.setWidth(i.x),this.canvas.getHeight()!=i.y&&this.canvas.setHeight(i.y),0!=r.size){h.next=12;break}return h.abrupt("return");case 12:c=[],r.forEach((function(t,r){for(var o=0;o<t.length;o++)if(t[o].getSVGShapeOLF2D()){var i=t[o].getSVGShapeOLF2D();i.scaleX=1/v.DivaUtils.UnitRecalc,i.scaleY=1/v.DivaUtils.UnitRecalc;var d=P.getWorldCorner(t[o],!1);i.left=d.x-a.worldPos.x,i.top=d.z-a.worldPos.y,i.angle=t[o].getRotDeg(),c.push(i)}})),this.calcZoomFactor(a),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom),d=new u.FM(a.worldPos.x*this.currZoomFactor,a.worldPos.y*this.currZoomFactor),l=new g.fabric.Group(c,{originX:"left",originY:"top",left:d.x,top:d.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),D=this.canvas.getWidth()/2-(l.left+l.width*this.currZoomFactor/2),p=this.canvas.getHeight()/2-(l.top+l.height*this.currZoomFactor/2),this.currCenteringOffset=new u.FM(D,p),l.left+=D,l.top+=p,this.canvas.add(l),l.bringToFront(),this.correctBackgroundPos(t),this.drawDimensions(l,a),this.canvas.renderAll();case 28:case"end":return h.stop()}}),_callee2,this)}))),function updatePlannerView(r,a,o){return t.apply(this,arguments)})}]);var t,r}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);