@crystaldesign/diva-web-planner-react 25.11.0-rc.29 → 25.11.0-rc.30
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.
- package/build/esm/{ArticleProperties-e37b9d0a.js → ArticleProperties-9a366358.js} +1 -1
- package/build/esm/{CatalogProperties-5b8c0dad.js → CatalogProperties-4bc54b37.js} +1 -1
- package/build/esm/{DecisionVizualizer-3728bb85.js → DecisionVizualizer-66038c73.js} +1 -1
- package/build/esm/{OptionProperties-c36069e2.js → OptionProperties-42434e69.js} +1 -1
- package/build/esm/{OptionValueProperties-bbaa4524.js → OptionValueProperties-8b884e47.js} +1 -1
- package/build/esm/{Planner2DGrid-336608fd.js → Planner2DGrid-85fc0915.js} +1 -1
- package/build/esm/{Planner3DImage-e430b6a4.js → Planner3DImage-710f159e.js} +1 -1
- package/build/esm/{index-35570cce.js → index-0123603c.js} +2 -2
- package/build/esm/{index-23005533.js → index-02e0f745.js} +1 -1
- package/build/esm/{index-65781a1f.js → index-033012d9.js} +1 -1
- package/build/esm/{index-ed05c70a.js → index-040580c1.js} +3 -3
- package/build/esm/{index-985c8597.js → index-043568fc.js} +41 -41
- package/build/esm/{index-f2af264e.js → index-06196159.js} +81 -81
- package/build/esm/{index-f3c94bec.js → index-06a4b3e1.js} +2 -2
- package/build/esm/{index-1794f315.js → index-075370c0.js} +117 -117
- package/build/esm/{index-aff49ffe.js → index-0787182c.js} +2 -2
- package/build/esm/{index-e58c58eb.js → index-07fe0c76.js} +10 -10
- package/build/esm/{index-630aa709.js → index-083cca56.js} +1 -1
- package/build/esm/{index-20b8f7b2.js → index-0994c1fc.js} +1 -1
- package/build/esm/{index-a33db9ba.js → index-09d481e3.js} +1 -1
- package/build/esm/{index-54ff2769.js → index-0a450543.js} +242 -242
- package/build/esm/{index-5c980bdd.js → index-0e89a584.js} +1 -1
- package/build/esm/{index-65d2853b.js → index-0f92aa29.js} +3 -3
- package/build/esm/{index-fa54c339.js → index-102f8fcf.js} +26 -26
- package/build/esm/{index-b139bbf2.js → index-1109bb5c.js} +1 -1
- package/build/esm/{index-d35bf2fe.js → index-11a830ba.js} +1 -1
- package/build/esm/{index-817932b1.js → index-129428e1.js} +1 -1
- package/build/esm/{index-8ce56445.js → index-12db4237.js} +2 -2
- package/build/esm/{index-7b77a3bd.js → index-130907f6.js} +17 -17
- package/build/esm/{index-fefd8c25.js → index-13975661.js} +1 -1
- package/build/esm/{index-2f1a718a.js → index-13f63174.js} +80 -80
- package/build/esm/{index-4bf17031.js → index-14948a38.js} +1 -1
- package/build/esm/{index-94d2e9c1.js → index-15dec142.js} +1 -1
- package/build/esm/{index-fd19f8e0.js → index-1618773f.js} +1 -1
- package/build/esm/{index-1d921cac.js → index-18f3c754.js} +2 -2
- package/build/esm/{index-3fd22d15.js → index-18f9fdd1.js} +1 -1
- package/build/esm/{index-e8d005ae.js → index-1add2ee8.js} +1 -1
- package/build/esm/{index-9ad86ca6.js → index-1b11d6ef.js} +1 -1
- package/build/esm/{index-5871bdeb.js → index-1b4095fa.js} +9 -9
- package/build/esm/{index-0c2c9938.js → index-1cb0cc8a.js} +1 -1
- package/build/esm/{index-8c011f43.js → index-1de3b637.js} +2 -2
- package/build/esm/{index-f2573ae3.js → index-1fca2690.js} +2 -2
- package/build/esm/{index-15f556cc.js → index-206aa78f.js} +58 -58
- package/build/esm/{index-967fe5d4.js → index-2136ddc1.js} +2 -2
- package/build/esm/{index-544719e4.js → index-21cca4e6.js} +1 -1
- package/build/esm/{index-f0426fe8.js → index-23f84188.js} +1 -1
- package/build/esm/{index-343b1bc6.js → index-2409c398.js} +28 -28
- package/build/esm/{index-a46aca9e.js → index-24802bc6.js} +1 -1
- package/build/esm/{index-dfece0e6.js → index-25a376d2.js} +1 -1
- package/build/esm/{index-3dc73113.js → index-265ea630.js} +2 -2
- package/build/esm/{index-8b307b0a.js → index-29136a88.js} +7 -7
- package/build/esm/{index-e44b819c.js → index-2a9453af.js} +1 -1
- package/build/esm/{index-d8cf33c1.js → index-2b4462ab.js} +6 -6
- package/build/esm/{index-36e774ee.js → index-2bd69ced.js} +7 -7
- package/build/esm/{index-8483fab8.js → index-2ca27adf.js} +60 -60
- package/build/esm/{index-3b2ff8e5.js → index-2cac9d3e.js} +2 -2
- package/build/esm/{index-64ccf71b.js → index-2da1829e.js} +1 -1
- package/build/esm/{index-23b874d9.js → index-2ec27482.js} +1 -1
- package/build/esm/{index-d771f946.js → index-2ec850c7.js} +1 -1
- package/build/esm/{index-1e42bc9c.js → index-2f44acee.js} +3 -3
- package/build/esm/{index-1e5f7dde.js → index-2f8fc897.js} +6 -6
- package/build/esm/{index-8daf6df3.js → index-30c7abc7.js} +3 -3
- package/build/esm/{index-a088c4f8.js → index-311d3da7.js} +1 -1
- package/build/esm/{index-7220cd0f.js → index-32c2231c.js} +1 -1
- package/build/esm/{index-28c55201.js → index-33138efb.js} +4 -4
- package/build/esm/{index-b006d89f.js → index-33926aa3.js} +2 -2
- package/build/esm/{index-a85766e7.js → index-35b2ab51.js} +6 -6
- package/build/esm/{index-aed060f4.js → index-36211d6a.js} +1 -1
- package/build/esm/{index-d8fd584f.js → index-3741947d.js} +1 -1
- package/build/esm/{index-88ed659d.js → index-38580110.js} +1 -1
- package/build/esm/{index-2f9fa649.js → index-388838f3.js} +2 -2
- package/build/esm/{index-4fc70f19.js → index-3a8dace6.js} +2 -2
- package/build/esm/{index-9f0d9d66.js → index-3cb02a56.js} +58 -58
- package/build/esm/{index-4a1a7fcc.js → index-3d884c3e.js} +92 -92
- package/build/esm/{index-5e1589d7.js → index-401a5909.js} +15 -29
- package/build/esm/{index-11e12ac2.js → index-41093b1b.js} +4 -4
- package/build/esm/{index-6e761694.js → index-454da98e.js} +1 -1
- package/build/esm/{index-57f5cfab.js → index-4593c4d3.js} +1 -1
- package/build/esm/{index-3b1e86c4.js → index-469b1976.js} +2 -2
- package/build/esm/{index-ddf21449.js → index-47f419d5.js} +118 -118
- package/build/esm/{index-4adbcec9.js → index-48b1f4cf.js} +1 -1
- package/build/esm/{index-b29c1215.js → index-4d8128d5.js} +5 -5
- package/build/esm/{index-99a0bd08.js → index-4db86050.js} +1 -1
- package/build/esm/{index-ddde84f7.js → index-4ef2cd77.js} +1 -1
- package/build/esm/{index-fad6b0ca.js → index-4ffbf79d.js} +59 -59
- package/build/esm/{index-47521cc1.js → index-519bb35e.js} +5 -5
- package/build/esm/{index-f31f299a.js → index-5233acb2.js} +2 -2
- package/build/esm/{index-c5b8344a.js → index-526343f2.js} +18 -18
- package/build/esm/{index-83516f80.js → index-53008eae.js} +2 -2
- package/build/esm/{index-a6fb6ee3.js → index-53edb5c7.js} +7 -7
- package/build/esm/{index-9328193e.js → index-54e030ff.js} +1 -1
- package/build/esm/{index-13e1e4d8.js → index-54ffb639.js} +2 -2
- package/build/esm/{index-3b254407.js → index-55b44611.js} +2 -2
- package/build/esm/{index-c673c5a7.js → index-55f8352b.js} +2 -2
- package/build/esm/{index-fddfc7d8.js → index-56539f31.js} +1 -1
- package/build/esm/{index-6a0df684.js → index-59265549.js} +1 -1
- package/build/esm/{index-d8cdb2ea.js → index-59596e85.js} +4 -4
- package/build/esm/{index-e056eae6.js → index-5ab6b7f8.js} +1 -1
- package/build/esm/{index-dfa82e40.js → index-5b9e8fce.js} +1 -1
- package/build/esm/{index-eda07d55.js → index-5bcc497a.js} +2 -2
- package/build/esm/{index-87c581e8.js → index-5c975cb2.js} +61 -61
- package/build/esm/{index-6f925d15.js → index-5d34f0f8.js} +2 -2
- package/build/esm/{index-b6029675.js → index-5ddeaf35.js} +2 -2
- package/build/esm/{index-61f92415.js → index-5f0fcdd2.js} +2 -2
- package/build/esm/{index-bf978266.js → index-5f6fdd44.js} +4 -4
- package/build/esm/{index-4ce44aa6.js → index-5fdbcbae.js} +1 -1
- package/build/esm/{index-b0774584.js → index-5ff148c0.js} +6 -6
- package/build/esm/{index-1233d90b.js → index-62666073.js} +1 -1
- package/build/esm/{index-a709de9b.js → index-629ad212.js} +1 -1
- package/build/esm/{index-11e1baac.js → index-6391e817.js} +19 -19
- package/build/esm/{index-b671e212.js → index-63a7aa34.js} +1 -1
- package/build/esm/{index-c1404c79.js → index-6526e971.js} +3 -3
- package/build/esm/{index-21299301.js → index-66100867.js} +2 -2
- package/build/esm/{index-0f9ee83f.js → index-6928ce49.js} +42 -42
- package/build/esm/{index-af16ee29.js → index-69e0ae26.js} +3 -3
- package/build/esm/{index-1db5f4ad.js → index-69e6075a.js} +1 -1
- package/build/esm/{index-a7790ce2.js → index-6a743494.js} +1 -1
- package/build/esm/{index-b9909c2e.js → index-6a7a20dd.js} +1 -1
- package/build/esm/{index-b55ac53e.js → index-6c190ef8.js} +1 -1
- package/build/esm/{index-6a97ce6e.js → index-6d4dd7c1.js} +6 -6
- package/build/esm/{index-9235cc11.js → index-6e0a29a8.js} +1 -1
- package/build/esm/{index-5c6937c7.js → index-71e88078.js} +1 -1
- package/build/esm/{index-2b28d4ee.js → index-729ca47d.js} +1 -1
- package/build/esm/{index-a0dabad2.js → index-744abaa6.js} +1 -1
- package/build/esm/{index-0c63f4bb.js → index-75bfef53.js} +1 -1
- package/build/esm/{index-4c6a84c2.js → index-772c1da3.js} +2 -2
- package/build/esm/{index-355f8135.js → index-77884516.js} +22 -22
- package/build/esm/{index-a7ae68b8.js → index-79c5c86c.js} +2 -2
- package/build/esm/{index-1326a83c.js → index-7a4cdc51.js} +59 -59
- package/build/esm/{index-f3f36e24.js → index-7f001d44.js} +1 -1
- package/build/esm/{index-29729225.js → index-7f044a83.js} +2 -2
- package/build/esm/{index-b77e82e9.js → index-7f2b951b.js} +4 -4
- package/build/esm/{index-918e9c03.js → index-804f17bb.js} +3 -3
- package/build/esm/{index-4be26525.js → index-813a4eec.js} +1 -1
- package/build/esm/{index-c8e1fe4d.js → index-81cb3910.js} +3 -3
- package/build/esm/{index-21e6a842.js → index-85605602.js} +1 -1
- package/build/esm/{index-525e8f6a.js → index-87324b16.js} +1 -1
- package/build/esm/{index-ce9872a9.js → index-88f53e7c.js} +1 -1
- package/build/esm/{index-4876eadc.js → index-8999bd7c.js} +10 -10
- package/build/esm/{index-6c7ee360.js → index-8a650e87.js} +1 -1
- package/build/esm/{index-80e78977.js → index-8ba01534.js} +66 -66
- package/build/esm/{index-a8758744.js → index-8c915d85.js} +2 -2
- package/build/esm/{index-a7f8e72e.js → index-8cd3bf33.js} +5 -5
- package/build/esm/{index-39b76358.js → index-8d09efad.js} +63 -63
- package/build/esm/{index-5891fc6f.js → index-8d55005c.js} +3 -3
- package/build/esm/{index-a9baa658.js → index-8edda0b3.js} +1 -1
- package/build/esm/{index-3df08d59.js → index-905e6ab7.js} +1 -1
- package/build/esm/{index-cc2ed7a0.js → index-91aa8dc0.js} +60 -60
- package/build/esm/{index-95fc453e.js → index-93905d10.js} +4 -4
- package/build/esm/{index-3ecd72c3.js → index-93f380b0.js} +1 -1
- package/build/esm/{index-149c0bee.js → index-9597a213.js} +1 -1
- package/build/esm/{index-de107de7.js → index-95e96bf7.js} +80 -80
- package/build/esm/{index-b3f226b4.js → index-987d7807.js} +74 -74
- package/build/esm/{index-656b2e13.js → index-99098986.js} +2 -2
- package/build/esm/{index-56538780.js → index-99a549a4.js} +5 -5
- package/build/esm/{index-cc1ae9db.js → index-99beb0ce.js} +1 -1
- package/build/esm/{index-75ddedf6.js → index-9a558fd0.js} +6 -6
- package/build/esm/{index-c1cd575a.js → index-9d1bb5af.js} +1 -1
- package/build/esm/{index-3b822fb4.js → index-9e02b7d5.js} +1 -1
- package/build/esm/{index-259c0ae2.js → index-9ea9fbbc.js} +10 -10
- package/build/esm/{index-667e127d.js → index-9f5d22f8.js} +63 -63
- package/build/esm/{index-8717bf32.js → index-9f9135e9.js} +6 -6
- package/build/esm/{index-784d3b63.js → index-9fd9a2c0.js} +1 -1
- package/build/esm/{index-5d61f584.js → index-a1153493.js} +1 -1
- package/build/esm/{index-3b461597.js → index-a1b08fd8.js} +1 -1
- package/build/esm/{index-4c717c3e.js → index-a29fece2.js} +1 -1
- package/build/esm/{index-d388ff1a.js → index-a607e4f4.js} +1 -1
- package/build/esm/{index-6d739e15.js → index-a9463488.js} +5 -5
- package/build/esm/{index-47b552d1.js → index-a99d4b54.js} +10 -10
- package/build/esm/{index-7f7ccf22.js → index-aa9b6e6a.js} +1 -1
- package/build/esm/{index-40ceb80e.js → index-ac441e55.js} +1 -1
- package/build/esm/{index-2a619044.js → index-acf1ed58.js} +1 -1
- package/build/esm/{index-8f8ef1da.js → index-adb09a13.js} +3 -3
- package/build/esm/{index-e22d6de3.js → index-ae2723d1.js} +1 -1
- package/build/esm/{index-8b0f2073.js → index-aeaf6c58.js} +15 -15
- package/build/esm/{index-40893d46.js → index-aebd95cb.js} +5 -5
- package/build/esm/{index-e6deecad.js → index-b09be9ba.js} +1 -1
- package/build/esm/{index-ef481a85.js → index-b2ab1de0.js} +1 -1
- package/build/esm/{index-63aa5680.js → index-b39290ec.js} +93 -93
- package/build/esm/{index-b78c2f8d.js → index-b5cd1441.js} +5 -5
- package/build/esm/{index-c28085d9.js → index-b6d62987.js} +1 -1
- package/build/esm/{index-1227e89a.js → index-b86a7b47.js} +2 -2
- package/build/esm/{index-7a320620.js → index-b8a1c24e.js} +58 -58
- package/build/esm/{index-73b3491d.js → index-b9017b77.js} +1 -1
- package/build/esm/{index-a5e051cc.js → index-b9fa79e5.js} +7 -7
- package/build/esm/{index-34f7070a.js → index-ba6194c3.js} +1 -2
- package/build/esm/{index-f38152b8.js → index-bd009ff8.js} +1 -1
- package/build/esm/{index-084337bd.js → index-bd488945.js} +77 -77
- package/build/esm/{index-b4f7fe37.js → index-bd4fa646.js} +1 -1
- package/build/esm/{index-2129ba26.js → index-be63259c.js} +1 -1
- package/build/esm/{index-1a2a17ae.js → index-c102c045.js} +1 -1
- package/build/esm/{index-1819f1b8.js → index-c14a3e7f.js} +1 -1
- package/build/esm/{index-d309a183.js → index-c27ac652.js} +6 -6
- package/build/esm/{index-6c4734d2.js → index-c2ff9187.js} +1 -1
- package/build/esm/{index-c6d527a8.js → index-c4908101.js} +1 -1
- package/build/esm/{index-6837c225.js → index-c497001c.js} +5 -5
- package/build/esm/{index-3a725800.js → index-c570b234.js} +20 -20
- package/build/esm/{index-94cdf770.js → index-c5b0b0b1.js} +1 -1
- package/build/esm/{index-d4dcab81.js → index-c5f7b659.js} +1 -1
- package/build/esm/{index-9ed63112.js → index-c72553ef.js} +2 -2
- package/build/esm/{index-df363fe9.js → index-c96037b8.js} +19 -19
- package/build/esm/{index-717e483f.js → index-ca9995b9.js} +2 -2
- package/build/esm/{index-f2b2247a.js → index-cace219f.js} +4 -4
- package/build/esm/{index-4783c7d1.js → index-cefdfdcd.js} +1 -1
- package/build/esm/{index-bbcf2044.js → index-d22a0588.js} +1 -1
- package/build/esm/{index-d9c1e566.js → index-d2bdb274.js} +1 -1
- package/build/esm/{index-91d54e14.js → index-d34d7ee5.js} +5 -5
- package/build/esm/{index-0388201e.js → index-d45218d7.js} +2 -2
- package/build/esm/{index-7a6fe452.js → index-d4eded42.js} +6 -6
- package/build/esm/{index-cda202e4.js → index-d6cbca69.js} +3 -3
- package/build/esm/{index-d77bcd6d.js → index-d7f5be7d.js} +1 -1
- package/build/esm/{index-6eeff238.js → index-d9f7997e.js} +2 -2
- package/build/esm/{index-c53b43cc.js → index-da9b96a7.js} +20 -20
- package/build/esm/{index-b76b8b0b.js → index-dd908703.js} +7 -7
- package/build/esm/{index-9c84acb2.js → index-de611bfc.js} +1 -1
- package/build/esm/{index-89a76e44.js → index-e23402a7.js} +1 -1
- package/build/esm/{index-b57045f0.js → index-e28cdae6.js} +1 -1
- package/build/esm/{index-4d9c26d5.js → index-e307ba01.js} +61 -61
- package/build/esm/{index-16765628.js → index-e3234ec8.js} +5 -5
- package/build/esm/{index-0645d2cc.js → index-e32b1e12.js} +7 -7
- package/build/esm/{index-78ad5b1a.js → index-e3967d55.js} +2 -2
- package/build/esm/{index-54ee0dcd.js → index-e62c306f.js} +1 -1
- package/build/esm/{index-be91d490.js → index-e67d22da.js} +3 -3
- package/build/esm/{index-08b918c6.js → index-e6cdc091.js} +1 -1
- package/build/esm/{index-a942aec6.js → index-e79f44bb.js} +4 -4
- package/build/esm/{index-6fc05d61.js → index-e8172fb9.js} +2 -2
- package/build/esm/{index-c6cb8787.js → index-e8cb18c5.js} +2 -2
- package/build/esm/{index-91d54841.js → index-eb13e2ec.js} +25 -25
- package/build/esm/{index-8687661a.js → index-eb8ae52a.js} +6 -6
- package/build/esm/{index-6c3d16d6.js → index-edf9db63.js} +1 -1
- package/build/esm/{index-784a8bc8.js → index-ee208159.js} +2 -2
- package/build/esm/{index-16732d44.js → index-eea5cf18.js} +2 -2
- package/build/esm/{index-afdc534c.js → index-f2df5b57.js} +3 -3
- package/build/esm/{index-8f399424.js → index-f31399e6.js} +7 -7
- package/build/esm/{index-5602d6c4.js → index-f37230be.js} +1 -1
- package/build/esm/{index-fbe8425f.js → index-f6a25d3b.js} +5 -5
- package/build/esm/{index-ff18554a.js → index-f856af10.js} +1 -1
- package/build/esm/{index-9ef89f7f.js → index-f865f5ff.js} +1 -1
- package/build/esm/{index-5fd94c34.js → index-f8732a3a.js} +3 -3
- package/build/esm/{index-b34da8e1.js → index-ff55051e.js} +3 -3
- package/build/esm/index.js +1 -1
- package/build/esm/{index.module-16634f64.js → index.module-00087d78.js} +1 -1
- package/build/esm/{index.module-4c57ca00.js → index.module-03ed2c84.js} +1 -1
- package/build/esm/{index.module-d9948a2f.js → index.module-1da260e0.js} +1 -1
- package/build/esm/{index.module-5ed70db7.js → index.module-20f3cac8.js} +1 -1
- package/build/esm/{index.module-04dbad01.js → index.module-4fd0b790.js} +1 -1
- package/build/esm/{index.module-0f0808ff.js → index.module-95794f9a.js} +1 -1
- package/build/esm/{index.module-ff888f09.js → index.module-a7f79a79.js} +1 -1
- package/build/esm/{index.module-7f2ba409.js → index.module-bfda2d9a.js} +1 -1
- package/build/esm/{index.module-5b1123b9.js → index.module-c88301f4.js} +1 -1
- package/build/esm/{index.module-512e0cf9.js → index.module-c88c7b42.js} +1 -1
- package/build/esm/{index.module-ccaeb5a9.js → index.module-ee4332c3.js} +1 -1
- package/build/esm/{index.module-41897f32.js → index.module-f194471e.js} +1 -1
- package/build/esm/{react-json-viewer-2175fa96.js → react-json-viewer-b027a14a.js} +1 -1
- package/build/esm/{useCustomDimensions-a6662c7a.js → useCustomDimensions-a7855d5e.js} +1 -1
- package/build/esm/{ussIsSticky-910ec516.js → ussIsSticky-dd93ab45.js} +1 -1
- package/build/types/web-planner-react/src/components/Product/ProductCenter/PlannerRTV/index.d.ts.map +1 -1
- package/build/types/web-planner-react/src/components/Settings/SettingsDrawer/index.d.ts.map +1 -1
- package/build/types/web-planner-react/src/components/Settings/SettingsDrawer/useDrawerHook.d.ts +0 -2
- package/build/types/web-planner-react/src/components/Settings/SettingsDrawer/useDrawerHook.d.ts.map +1 -1
- package/build/umd/1250.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/2157.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/3519.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/3977.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/4585.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/5679.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/5805.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/6075.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/7023.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/7853.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/9343.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/report.html +1 -1
- package/package.json +8 -8
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 3977.diva-web-planner-react.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3977,9001,4190,7853],{11784:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var o=t(88130),i=t(9420),r=(t(87363),t(93379)),a=t.n(r),d=t(7795),l=t.n(d),s=t(90569),u=t.n(s),c=t(3565),x=t.n(c),p=t(19216),g=t.n(p),m=t(44589),b=t.n(m),h=t(38921),f={};f.styleTagTransform=b(),f.setAttributes=x(),f.insert=u().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=g();a()(h.ZP,f);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(65515),y=t.n(v),w=t(88683),S=t(19047),j=t(39667),I=t(40976),k=t(56340),P=t(47514);const C=(0,i.Pi)((function BasketActionStandard(n){var e,t,i,r=n.buttonTextClassName,a=void 0===r?h.UU:r,d=n.buttonPriceClassName,l=void 0===d?h.QD:d,s=n.containerClassName,u=n.price,c=n.showCheckoutButtons,x=(0,o.NP)(),p=(0,w.useDivaCore)().state.hidePrices,g=(0,w.useTranslation)().t;return(0,P.jsxs)("div",{className:y()(h.tM,s),children:[c&&(null===(e=x.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,S.evalVisible)(n,x,"navigator")})).map((function(n){return(0,P.jsx)("div",{className:I.rK,onClick:function onClick(){return(0,S.onClickCheckout)(n,x,n.index,g)},children:(0,P.jsx)(j.default,{checkoutButton:n,size:32})},n.index)}))),(0,P.jsxs)("div",{className:h.m2,onClick:function onClick(){return x.actionButtonState.onClickAddToBasket(x)},id:"wcConfigurator-action-tobasket",children:[(0,P.jsx)("div",{className:a,children:g("configurator.ADD_TO_BASKET")}),!p&&void 0!==u&&"horizontal"==x.tabGroupState.curTabGroupType&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:y()(h.DC,h.F0,x.productState.formatedBruttoPrice?void 0:h.al),children:(0,P.jsx)(k.default,{price:null!==(t=x.productState.formatedBruttoPrice)&&void 0!==t?t:0})}),(0,P.jsx)("div",{className:l,children:(0,P.jsx)(k.default,{price:null!==(i=x.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]})]})]})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=t(88291),r=(t(87363),t(88130)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39141:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(88130),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),g=t(90569),m=t.n(g),b=t(3565),h=t.n(b),f=t(19216),v=t.n(f),y=t(44589),w=t.n(y),S=t(39545),j={};j.styleTagTransform=w(),j.setAttributes=h(),j.insert=m().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=v();c()(S.ZP,j);S.ZP&&S.ZP.locals&&S.ZP.locals;var I=t(47514);const k=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:S.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:S.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:S.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:S.vX,onClick:s})]})]})})}))},53977:(n,e,t)=>{t.r(e),t.d(e,{default:()=>D});var o=t(88291),i=t(65515),r=t.n(i),a=t(88130),d=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),g=t(3565),m=t.n(g),b=t(19216),h=t.n(b),f=t(44589),v=t.n(f),y=t(52284),w={};w.styleTagTransform=v(),w.setAttributes=m(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=h();s()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=t(39141),j=t(34190),I=t(97853),k=t(7474),P=t(69001),C=t(88683),N=t(11784),M=t(9420),O=t(68063),B=t(25322),Z=t(47514),T={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5e5","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"12px","--settingsScrollerPaddingLeft":"12px","--configuratorActionHeight":"50px","--configuratorActionForthWidth":"calc(100% - 56px)","--configuratorActionBackWidth":"50px","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const D=(0,M.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,a.NP)(),t=(0,C.useDivaCore)().state.isFullscreenComponent;return(0,d.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(T)}),[]),(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:r()(y.xn,e.uiState.configSettingsIsExpanded?y.zh:void 0,e.uiState.isMobileLandscape?y.rK:void 0,e.uiState.isMobilePortrait?y.tW:void 0,e.uiState.isTablet?y.Mq:void 0,e.uiState.configSettingsIsMinExpanded?y.m7:void 0,e.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,t?y.E9:void 0),children:(0,Z.jsxs)("div",{id:"wcConfigurator-wrapper",style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,Z.jsx)(j.default,{className:y.kL}),e.uiState.isInMobileView?(0,Z.jsx)(I.default,{tabgroupElement:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(k.default,{className:y.x6,showCloseButtonInMobile:t?"left":void 0}),(0,Z.jsx)(O.default,{className:y.Bg}),(0,Z.jsx)(B.default,{})]})}):(0,Z.jsxs)("div",{className:y.g6,children:[(0,Z.jsx)(k.default,{className:y.x6}),(0,Z.jsx)(I.default,{className:y.vt}),(0,Z.jsx)(P.default,{className:y.jl,showCheckoutButtons:!0}),(0,Z.jsx)(N.default,{containerClassName:y.tM,showCheckoutButtons:!1})]})]})}),e.settingsState.inputBoxVisible&&(0,Z.jsx)(S.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},59343:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var o=t(87363),i=t(92404),r=t(9420),a=t(88130),d=t(93379),l=t.n(d),s=t(7795),u=t.n(s),c=t(90569),x=t.n(c),p=t(3565),g=t.n(p),m=t(19216),b=t.n(m),h=t(44589),f=t.n(h),v=t(41060),y={};y.styleTagTransform=f(),y.setAttributes=g(),y.insert=x().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=b();l()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(82956),S=t(65515),j=t.n(S),I=t(34988),k=t(88683);var P=t(47514);const C=(0,r.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,t=n.children,r=(0,a.NP)(),d=function useDrawerHook(){var n=(0,o.useState)(0),e=(0,I.Z)(n,2),t=e[0],i=e[1],r=(0,o.useState)(0),d=(0,I.Z)(r,2),l=d[0],s=d[1],u=(0,a.NP)(),c=(0,o.useState)(u.uiState.isMobilePortrait),x=(0,I.Z)(c,2),p=x[0],g=x[1],m=(0,o.useState)(null),b=(0,I.Z)(m,2),h=b[0],f=b[1],v=(0,k.useDivaCore)().state.dimensions,y=v.width,w=v.height;(0,o.useEffect)((function(){g(u.uiState.isMobilePortrait),f(document.getElementById("wcConfigurator"))}),[u.uiState.isInMobileView,u.uiState.isMobileLandscape,u.uiState.isTablet,y,w]);var S=(0,o.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){i(n.touches[0].clientY),s(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,o=n.touches[0].pageX,i=Math.abs(e-t),r=Math.abs(o-l);i>=1&&i>2*r&&window.addEventListener("touchmove",S,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",S)},open:p,container:h}}(),l=d.handleTouchStart,s=d.handleTouchMove,u=d.handleTouchEnd,c=d.open,x=d.container;return(0,P.jsx)(i.dy.Root,{open:c,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:r.settingsState.snapPoints,container:x,onClose:function onClose(){return r.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==r.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:r.settingsState.snapPoints[r.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return r.settingsState.setActiveSnapPointIndex(r.settingsState.snapPoints.indexOf(n))},children:(0,P.jsx)(i.dy.Portal,{children:(0,P.jsxs)(i.dy.Content,{className:v.kh,children:[(0,P.jsx)(i.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,P.jsxs)(i.dy.Handle,{className:j()(v.aq),onTouchStart:l,onTouchMove:s,onTouchEnd:u,children:[(0,P.jsx)("div",{className:v.Rx,children:(0,P.jsx)("div",{className:v.uQ})}),(0,P.jsx)("div",{className:v.ad,children:e})]}),r.uiState.isInMobileView&&(0,P.jsx)("div",{className:j()(w.Iz,v.J7),children:t})]})})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),d=t.n(a),l=t(47514);const s=(0,o.Pi)((function SettingsExpanderButtons(n){var e=(0,i.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>h});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),d=t(90395),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),x=t(99676),p=t(51451),g=t(59343),m=t(47514),b=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const h=(0,l.Pi)((function Settings(n){var e,t,o=n.className,l=n.tabgroupElement,u=(0,i.Z)(n,b),h=(0,r.NP)(),f=h.getIsInMobileView()&&h.getViewConfig().navigateMobileSwiper,v=(0,m.jsx)(m.Fragment,{children:f?(0,m.jsx)(x.default,{}):(0,m.jsxs)(m.Fragment,{children:[!h.uiState.isInMobileView&&!h.settingsState.forceSettingsHeaderInScrollContainer&&(0,m.jsx)(a.default,{},null!==(e=null===(t=h.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,m.jsx)(d.default,{}),(0,m.jsx)(p.default,{})]})});return(0,m.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,s.vt,"horizontal"==h.tabGroupState.curTabGroupType?s.s1:void 0,h.uiState.configSettingsIsExpanded?s.zh:void 0),children:[(0,m.jsx)(g.default,{draggerElement:l,children:v}),!h.uiState.isInMobileView&&v]}))}))},25322:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var o=t(88291),i=t(88130),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),g=t(19216),m=t.n(g),b=t(44589),h=t.n(b),f=t(29390),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=t(47514);const w=(0,r.Pi)((function ProgressBar(n){(0,o.Z)(n);var e=(0,i.NP)(),t=e.configuratorStructureHandler.lastConfigStep,r=e.tabGroupState.curConfigStep;if(!t||!r)return(0,y.jsx)(y.Fragment,{});var a=r.posNr,d=t.posNr,l=1==d?0:Math.round(a/d*100),s=100-l;return(0,y.jsxs)("div",{className:f.YS,children:[(0,y.jsx)("div",{className:f.L3,style:{width:l+"%"}}),(0,y.jsx)("div",{className:f.LM,style:{width:s+"%"}})]})}))},38921:(n,e,t)=>{t.d(e,{DC:()=>b,F0:()=>h,QD:()=>g,UU:()=>m,ZP:()=>v,al:()=>f,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n background: rgba(242.2, 242.2, 242.2, 0.9);\n transition: width 0.2s ease-in-out;\n display: flex;\n}\n\n.index-module--g_4ro {\n background-color: var(--primaryColor);\n background-color: var(--saveButton, var(--primaryColor));\n border: 1px var(--primaryColor) solid;\n border: 1px var(--saveButton, var(--primaryColor)) solid;\n border-radius: var(--globalBorderRadius);\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n line-height: 20.8px;\n font-weight: var(--fontWeight1);\n height: calc(100% - 2px);\n font-size: 14px;\n color: white;\n flex-grow: 1;\n -webkit-text-stroke: 0px;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n pointer-events: none;\n background-color: #c25353;\n border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n background-color: var(--diva-theme-palette-primary-dark);\n border-color: var(--diva-theme-palette-primary-dark);\n cursor: pointer;\n transition:\n box-shadow 0.3s ease,\n background-color 0.3s ease,\n border-color 0.3s ease;\n\n box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n float: right;\n margin-right: 10%;\n}\n.index-module--li8pV {\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n width: 50%;\n height: 50%;\n transform: translate(-50%, -50%);\n left: 50%;\n top: 50%;\n position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n /*auser In die Zusammenfassung wird ausgeblendet*/\n display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n margin-top: 0px;\n}\n\n.index-module--CSmEc {\n float: left;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.index-module--Odv_c {\n float: right;\n position: relative;\n margin-right: 20px;\n font-size: 14px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n min-width: 64px;\n text-align: right;\n font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n color: #eee;\n opacity: 1;\n transition:\n opacity 0.3s ease-in-out,\n max-width 0.3s ease-in-out;\n max-width: 110px;\n}\n.index-module--Odv_c.index-module--mG83s.index-module--H3WLd {\n opacity: 0;\n max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n position: absolute;\n content: '';\n left: -6px;\n top: 44%;\n right: 0;\n border-top: 2px solid;\n border-color: grey;\n transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n top: 45%;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",g="index-module--gle4T",m="index-module--CSmEc",b="index-module--Odv_c",h="index-module--mG83s",f="index-module--H3WLd";const v=u},28717:(n,e,t)=>{t.d(e,{$t:()=>g,FN:()=>b,Is:()=>m,KR:()=>s,LI:()=>u,Qv:()=>h,ZP:()=>v,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>p,rK:()=>c,tW:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n height: 100%;\n font-weight: 300;\n font-size: 14px;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n width: 100%;\n display: flex;\n gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n border-radius: var(--globalBorderRadius);\n height: 100%;\n text-align: center;\n}\n\n.index-module--mfwxp {\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--vWg5_ {\n border: 1px var(--secondaryColor) solid;\n border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n background-color: white;\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--IneQR {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n background-color: var(--navigateForth, var(--secondaryColor));\n color: #ffffff;\n color: var(--navigateForthFontColor, #ffffff);\n float: right;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n cursor: pointer;\n box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n transform: rotate(180deg);\n position: absolute;\n right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n pointer-events: none;\n background-color: #707070;\n background-color: var(--navigateForth, #707070);\n border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n line-height: calc(var(--configuratorActionHeight) - 5px);\n border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",u="index-module--NUblS",c="index-module--mfwxp",x="index-module--vWg5_",p="index-module--IneQR",g="index-module--n4fFc",m="index-module--YJM3e",b="index-module--X2uG9",h="index-module--CVPGS",f="index-module--KE5Qn";const v=a},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>g,Q_:()=>p,ZP:()=>b,vX:()=>m});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",g="index-module--OZydS",m="index-module--FQDBA";const b=u},52284:(n,e,t)=>{t.d(e,{Bg:()=>k,E9:()=>S,Mq:()=>P,ZP:()=>C,Zk:()=>v,g6:()=>h,jl:()=>j,kL:()=>m,m7:()=>b,rK:()=>p,tM:()=>I,tW:()=>g,vt:()=>y,x6:()=>w,xn:()=>x,zh:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n position: relative;\n\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n overscroll-behavior-y: contain;\n}\n\n.index-module--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n height: 100%;\n width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n height: 100%;\n width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n position: absolute;\n width: 63%;\n max-width: calc(100% - 564px);\n left: 0px;\n top: 0;\n height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n width: calc(100% - 128px - 16px);\n max-width: none;\n max-width: initial;\n}\n\n.index-module--MbykI {\n position: absolute;\n z-index: 600;\n height: calc(100% - 32px);\n width: calc(37% - 16px);\n min-width: 550px;\n right: 0;\n padding: 16px 16px 16px 0;\n background-color: var(--settingsBackgroundColor);\n transition: width 0.45s;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n width: calc(128px);\n min-width: 0;\n min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n width: calc(100% - 16px);\n z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n position: absolute;\n width: calc(100% - 128px - 4px - 16px);\n\n overflow-y: hidden;\n overflow-x: hidden;\n overflow: visible;\n z-index: 100;\n right: calc(128px + 4px + 16px);\n top: 16px;\n height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n position: absolute;\n z-index: 300;\n right: 16px;\n top: 16px;\n height: calc(100% - 32px - 4px - 50px);\n width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n top: 80px;\n height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n position: absolute;\n width: calc(100% - 128px - 4px - 16px);\n height: 50px;\n right: calc(128px + 4px + 16px);\n bottom: 16px;\n z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n position: absolute;\n width: 128px;\n height: 50px;\n right: 16px;\n bottom: 16px;\n z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n padding: 0;\n padding: initial;\n overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--y76la .index-module--rbJ1a {\n display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--y76la .index-module--NOlUe {\n display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\n top: 0px;\n left: 0px;\n height: var(--configuratorProductHeight);\n transition: height 0.2s ease-out;\n width: 100%;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n left: 0px;\n top: auto;\n top: initial;\n transition: height 0.2s ease-out;\n bottom: 0px;\n width: 100%;\n z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n position: relative;\n right: auto;\n right: initial;\n top: auto;\n top: initial;\n transition: none 0s ease 0s;\n transition: initial;\n flex-grow: 10;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\n display: none;\n bottom: 0px;\n width: calc(100% - 10px);\n\n height: calc(var(--configuratorActionHeight) - 5px);\n margin: 0 5px 5px 5px;\n padding-top: 0px;\n right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--OfS8A {\n position: relative;\n transition: bottom 0.2s ease-out;\n width: 50px;\n height: var(--configuratorTabGroupHeight);\n background: no-repeat url("+c+") center center var(--primaryColor);\n background-size: 37%;\n z-index: 600;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n --configuratorActionHeight: 50px;\n --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--u9qmL {\n --configuratorTabGroupHeight: 50px;\n --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--FWJW2 {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",g="index-module--IKL3M",m="index-module--bAkHK",b="index-module--_dUy6",h="index-module--MbykI",f="index-module--xeINC",v="index-module--v90g0",y="index-module--rbJ1a",w="index-module--NOlUe",S="index-module--OJH2L",j="index-module--ORcZQ",I="index-module--NnWir",k="index-module--OfS8A",P="index-module--u9qmL";const C=u},41060:(n,e,t)=>{t.d(e,{J7:()=>s,Rx:()=>u,ZP:()=>p,ad:()=>x,aq:()=>l,kh:()=>d,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n}\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var d="index-module--qmbFa",l="index-module--Lklbq",s="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",x="index-module--yfZrB";const p=a},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>s,YS:()=>d,ZP:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--rHd3V {\n position: absolute;\n width: 100%;\n height: 3px;\n bottom: 0;\n left: 0;\n z-index: 2000;\n}\n\n.index-module--_zSo1 {\n background: #ccc;\n border-radius: 0 1px 1px 0;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n\n.index-module--tkNQ6 {\n background: #eee;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n",""]);var d="index-module--rHd3V",l="index-module--_zSo1",s="index-module--tkNQ6";const u=a},40976:(n,e,t)=>{t.d(e,{$t:()=>m.$t,FN:()=>m.FN,Is:()=>m.Is,KR:()=>m.KR,LI:()=>m.LI,Qv:()=>m.Qv,jl:()=>m.jl,nC:()=>m.nC,op:()=>m.op,ox:()=>m.ox,rK:()=>m.rK,tW:()=>m.tW});var o=t(93379),i=t.n(o),r=t(7795),a=t.n(r),d=t(90569),l=t.n(d),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),p=t(44589),g=t.n(p),m=t(28717),b={};b.styleTagTransform=g(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=x();i()(m.ZP,b),m.ZP&&m.ZP.locals&&m.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3977,9001,4190,7853],{11784:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var o=t(88130),i=t(9420),r=(t(87363),t(93379)),a=t.n(r),d=t(7795),l=t.n(d),s=t(90569),u=t.n(s),c=t(3565),x=t.n(c),p=t(19216),g=t.n(p),m=t(44589),b=t.n(m),h=t(38921),f={};f.styleTagTransform=b(),f.setAttributes=x(),f.insert=u().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=g();a()(h.ZP,f);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(65515),y=t.n(v),w=t(88683),S=t(19047),j=t(39667),I=t(40976),k=t(56340),P=t(47514);const C=(0,i.Pi)((function BasketActionStandard(n){var e,t,i,r=n.buttonTextClassName,a=void 0===r?h.UU:r,d=n.buttonPriceClassName,l=void 0===d?h.QD:d,s=n.containerClassName,u=n.price,c=n.showCheckoutButtons,x=(0,o.NP)(),p=(0,w.useDivaCore)().state.hidePrices,g=(0,w.useTranslation)().t;return(0,P.jsxs)("div",{className:y()(h.tM,s),children:[c&&(null===(e=x.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,S.evalVisible)(n,x,"navigator")})).map((function(n){return(0,P.jsx)("div",{className:I.rK,onClick:function onClick(){return(0,S.onClickCheckout)(n,x,n.index,g)},children:(0,P.jsx)(j.default,{checkoutButton:n,size:32})},n.index)}))),(0,P.jsxs)("div",{className:h.m2,onClick:function onClick(){return x.actionButtonState.onClickAddToBasket(x)},id:"wcConfigurator-action-tobasket",children:[(0,P.jsx)("div",{className:a,children:g("configurator.ADD_TO_BASKET")}),!p&&void 0!==u&&"horizontal"==x.tabGroupState.curTabGroupType&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:y()(h.DC,h.F0,x.productState.formatedBruttoPrice?void 0:h.al),children:(0,P.jsx)(k.default,{price:null!==(t=x.productState.formatedBruttoPrice)&&void 0!==t?t:0})}),(0,P.jsx)("div",{className:l,children:(0,P.jsx)(k.default,{price:null!==(i=x.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]})]})]})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=t(88291),r=(t(87363),t(88130)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39141:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(88130),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),g=t(90569),m=t.n(g),b=t(3565),h=t.n(b),f=t(19216),v=t.n(f),y=t(44589),w=t.n(y),S=t(39545),j={};j.styleTagTransform=w(),j.setAttributes=h(),j.insert=m().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=v();c()(S.ZP,j);S.ZP&&S.ZP.locals&&S.ZP.locals;var I=t(47514);const k=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:S.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:S.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:S.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:S.vX,onClick:s})]})]})})}))},53977:(n,e,t)=>{t.r(e),t.d(e,{default:()=>D});var o=t(88291),i=t(65515),r=t.n(i),a=t(88130),d=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),g=t(3565),m=t.n(g),b=t(19216),h=t.n(b),f=t(44589),v=t.n(f),y=t(52284),w={};w.styleTagTransform=v(),w.setAttributes=m(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=h();s()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=t(39141),j=t(34190),I=t(97853),k=t(7474),P=t(69001),C=t(88683),N=t(11784),M=t(9420),O=t(68063),B=t(25322),Z=t(47514),T={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5e5","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"12px","--settingsScrollerPaddingLeft":"12px","--configuratorActionHeight":"50px","--configuratorActionForthWidth":"calc(100% - 56px)","--configuratorActionBackWidth":"50px","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const D=(0,M.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,a.NP)(),t=(0,C.useDivaCore)().state.isFullscreenComponent;return(0,d.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(T)}),[]),(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:r()(y.xn,e.uiState.configSettingsIsExpanded?y.zh:void 0,e.uiState.isMobileLandscape?y.rK:void 0,e.uiState.isMobilePortrait?y.tW:void 0,e.uiState.isTablet?y.Mq:void 0,e.uiState.configSettingsIsMinExpanded?y.m7:void 0,e.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,t?y.E9:void 0),children:(0,Z.jsxs)("div",{id:"wcConfigurator-wrapper",style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,Z.jsx)(j.default,{className:y.kL}),e.uiState.isInMobileView?(0,Z.jsx)(I.default,{tabgroupElement:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(k.default,{className:y.x6,showCloseButtonInMobile:t?"left":void 0}),(0,Z.jsx)(O.default,{className:y.Bg}),(0,Z.jsx)(B.default,{})]})}):(0,Z.jsxs)("div",{className:y.g6,children:[(0,Z.jsx)(k.default,{className:y.x6}),(0,Z.jsx)(I.default,{className:y.vt}),(0,Z.jsx)(P.default,{className:y.jl,showCheckoutButtons:!0}),(0,Z.jsx)(N.default,{containerClassName:y.tM,showCheckoutButtons:!1})]})]})}),e.settingsState.inputBoxVisible&&(0,Z.jsx)(S.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},59343:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),d=t(88130),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),g=t(3565),m=t.n(g),b=t(19216),h=t.n(b),f=t(44589),v=t.n(f),y=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=m(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=h();s()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=t(82956),j=t(65515),I=t.n(j);var k=t(47514);const P=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,t=n.children,a=(0,d.NP)(),l=(0,i.useState)(a.uiState.isMobilePortrait),s=(0,o.Z)(l,2),u=s[0],c=s[1],x=function useDrawerHook(){var n=(0,i.useState)(0),e=(0,o.Z)(n,2),t=e[0],r=e[1],a=(0,i.useState)(0),d=(0,o.Z)(a,2),l=d[0],s=d[1],u=(0,i.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){r(n.touches[0].clientY),s(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,o=n.touches[0].pageX,i=Math.abs(e-t),r=Math.abs(o-l);i>=1&&i>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),p=x.handleTouchStart,g=x.handleTouchMove,m=x.handleTouchEnd;return(0,i.useEffect)((function(){c(a.uiState.isMobilePortrait)}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,k.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(n))},children:(0,k.jsx)(r.dy.Portal,{children:(0,k.jsxs)(r.dy.Content,{className:y.kh,children:[(0,k.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,k.jsxs)(r.dy.Handle,{className:I()(y.aq),onTouchStart:p,onTouchMove:g,onTouchEnd:m,children:[(0,k.jsx)("div",{className:y.Rx,children:(0,k.jsx)("div",{className:y.uQ})}),(0,k.jsx)("div",{className:y.ad,children:e})]}),a.uiState.isInMobileView&&(0,k.jsx)("div",{className:I()(S.Iz,y.J7),children:t})]})})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),d=t.n(a),l=t(47514);const s=(0,o.Pi)((function SettingsExpanderButtons(n){var e=(0,i.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>h});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),d=t(90395),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),x=t(99676),p=t(51451),g=t(59343),m=t(47514),b=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const h=(0,l.Pi)((function Settings(n){var e,t,o=n.className,l=n.tabgroupElement,u=(0,i.Z)(n,b),h=(0,r.NP)(),f=h.getIsInMobileView()&&h.getViewConfig().navigateMobileSwiper,v=(0,m.jsx)(m.Fragment,{children:f?(0,m.jsx)(x.default,{}):(0,m.jsxs)(m.Fragment,{children:[!h.uiState.isInMobileView&&!h.settingsState.forceSettingsHeaderInScrollContainer&&(0,m.jsx)(a.default,{},null!==(e=null===(t=h.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,m.jsx)(d.default,{}),(0,m.jsx)(p.default,{})]})});return(0,m.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,s.vt,"horizontal"==h.tabGroupState.curTabGroupType?s.s1:void 0,h.uiState.configSettingsIsExpanded?s.zh:void 0),children:[(0,m.jsx)(g.default,{draggerElement:l,children:v}),!h.uiState.isInMobileView&&v]}))}))},25322:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var o=t(88291),i=t(88130),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),g=t(19216),m=t.n(g),b=t(44589),h=t.n(b),f=t(29390),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=t(47514);const w=(0,r.Pi)((function ProgressBar(n){(0,o.Z)(n);var e=(0,i.NP)(),t=e.configuratorStructureHandler.lastConfigStep,r=e.tabGroupState.curConfigStep;if(!t||!r)return(0,y.jsx)(y.Fragment,{});var a=r.posNr,d=t.posNr,l=1==d?0:Math.round(a/d*100),s=100-l;return(0,y.jsxs)("div",{className:f.YS,children:[(0,y.jsx)("div",{className:f.L3,style:{width:l+"%"}}),(0,y.jsx)("div",{className:f.LM,style:{width:s+"%"}})]})}))},38921:(n,e,t)=>{t.d(e,{DC:()=>b,F0:()=>h,QD:()=>g,UU:()=>m,ZP:()=>v,al:()=>f,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n background: rgba(242.2, 242.2, 242.2, 0.9);\n transition: width 0.2s ease-in-out;\n display: flex;\n}\n\n.index-module--g_4ro {\n background-color: var(--primaryColor);\n background-color: var(--saveButton, var(--primaryColor));\n border: 1px var(--primaryColor) solid;\n border: 1px var(--saveButton, var(--primaryColor)) solid;\n border-radius: var(--globalBorderRadius);\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n line-height: 20.8px;\n font-weight: var(--fontWeight1);\n height: calc(100% - 2px);\n font-size: 14px;\n color: white;\n flex-grow: 1;\n -webkit-text-stroke: 0px;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n pointer-events: none;\n background-color: #c25353;\n border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n background-color: var(--diva-theme-palette-primary-dark);\n border-color: var(--diva-theme-palette-primary-dark);\n cursor: pointer;\n transition:\n box-shadow 0.3s ease,\n background-color 0.3s ease,\n border-color 0.3s ease;\n\n box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n float: right;\n margin-right: 10%;\n}\n.index-module--li8pV {\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n width: 50%;\n height: 50%;\n transform: translate(-50%, -50%);\n left: 50%;\n top: 50%;\n position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n /*auser In die Zusammenfassung wird ausgeblendet*/\n display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n margin-top: 0px;\n}\n\n.index-module--CSmEc {\n float: left;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.index-module--Odv_c {\n float: right;\n position: relative;\n margin-right: 20px;\n font-size: 14px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n min-width: 64px;\n text-align: right;\n font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n color: #eee;\n opacity: 1;\n transition:\n opacity 0.3s ease-in-out,\n max-width 0.3s ease-in-out;\n max-width: 110px;\n}\n.index-module--Odv_c.index-module--mG83s.index-module--H3WLd {\n opacity: 0;\n max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n position: absolute;\n content: '';\n left: -6px;\n top: 44%;\n right: 0;\n border-top: 2px solid;\n border-color: grey;\n transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n top: 45%;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",g="index-module--gle4T",m="index-module--CSmEc",b="index-module--Odv_c",h="index-module--mG83s",f="index-module--H3WLd";const v=u},28717:(n,e,t)=>{t.d(e,{$t:()=>g,FN:()=>b,Is:()=>m,KR:()=>s,LI:()=>u,Qv:()=>h,ZP:()=>v,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>p,rK:()=>c,tW:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n height: 100%;\n font-weight: 300;\n font-size: 14px;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n width: 100%;\n display: flex;\n gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n border-radius: var(--globalBorderRadius);\n height: 100%;\n text-align: center;\n}\n\n.index-module--mfwxp {\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--vWg5_ {\n border: 1px var(--secondaryColor) solid;\n border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n background-color: white;\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--IneQR {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n background-color: var(--navigateForth, var(--secondaryColor));\n color: #ffffff;\n color: var(--navigateForthFontColor, #ffffff);\n float: right;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n cursor: pointer;\n box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n transform: rotate(180deg);\n position: absolute;\n right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n pointer-events: none;\n background-color: #707070;\n background-color: var(--navigateForth, #707070);\n border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n line-height: calc(var(--configuratorActionHeight) - 5px);\n border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",u="index-module--NUblS",c="index-module--mfwxp",x="index-module--vWg5_",p="index-module--IneQR",g="index-module--n4fFc",m="index-module--YJM3e",b="index-module--X2uG9",h="index-module--CVPGS",f="index-module--KE5Qn";const v=a},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>g,Q_:()=>p,ZP:()=>b,vX:()=>m});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",g="index-module--OZydS",m="index-module--FQDBA";const b=u},52284:(n,e,t)=>{t.d(e,{Bg:()=>k,E9:()=>S,Mq:()=>P,ZP:()=>C,Zk:()=>v,g6:()=>h,jl:()=>j,kL:()=>m,m7:()=>b,rK:()=>p,tM:()=>I,tW:()=>g,vt:()=>y,x6:()=>w,xn:()=>x,zh:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n position: relative;\n\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n overscroll-behavior-y: contain;\n}\n\n.index-module--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n height: 100%;\n width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n height: 100%;\n width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n position: absolute;\n width: 63%;\n max-width: calc(100% - 564px);\n left: 0px;\n top: 0;\n height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n width: calc(100% - 128px - 16px);\n max-width: none;\n max-width: initial;\n}\n\n.index-module--MbykI {\n position: absolute;\n z-index: 600;\n height: calc(100% - 32px);\n width: calc(37% - 16px);\n min-width: 550px;\n right: 0;\n padding: 16px 16px 16px 0;\n background-color: var(--settingsBackgroundColor);\n transition: width 0.45s;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n width: calc(128px);\n min-width: 0;\n min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n width: calc(100% - 16px);\n z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n position: absolute;\n width: calc(100% - 128px - 4px - 16px);\n\n overflow-y: hidden;\n overflow-x: hidden;\n overflow: visible;\n z-index: 100;\n right: calc(128px + 4px + 16px);\n top: 16px;\n height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n position: absolute;\n z-index: 300;\n right: 16px;\n top: 16px;\n height: calc(100% - 32px - 4px - 50px);\n width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n top: 80px;\n height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n position: absolute;\n width: calc(100% - 128px - 4px - 16px);\n height: 50px;\n right: calc(128px + 4px + 16px);\n bottom: 16px;\n z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n position: absolute;\n width: 128px;\n height: 50px;\n right: 16px;\n bottom: 16px;\n z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n padding: 0;\n padding: initial;\n overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--y76la .index-module--rbJ1a {\n display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--y76la .index-module--NOlUe {\n display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\n top: 0px;\n left: 0px;\n height: var(--configuratorProductHeight);\n transition: height 0.2s ease-out;\n width: 100%;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n left: 0px;\n top: auto;\n top: initial;\n transition: height 0.2s ease-out;\n bottom: 0px;\n width: 100%;\n z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n position: relative;\n right: auto;\n right: initial;\n top: auto;\n top: initial;\n transition: none 0s ease 0s;\n transition: initial;\n flex-grow: 10;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\n display: none;\n bottom: 0px;\n width: calc(100% - 10px);\n\n height: calc(var(--configuratorActionHeight) - 5px);\n margin: 0 5px 5px 5px;\n padding-top: 0px;\n right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--OfS8A {\n position: relative;\n transition: bottom 0.2s ease-out;\n width: 50px;\n height: var(--configuratorTabGroupHeight);\n background: no-repeat url("+c+") center center var(--primaryColor);\n background-size: 37%;\n z-index: 600;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n --configuratorActionHeight: 50px;\n --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--u9qmL {\n --configuratorTabGroupHeight: 50px;\n --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--FWJW2 {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",g="index-module--IKL3M",m="index-module--bAkHK",b="index-module--_dUy6",h="index-module--MbykI",f="index-module--xeINC",v="index-module--v90g0",y="index-module--rbJ1a",w="index-module--NOlUe",S="index-module--OJH2L",j="index-module--ORcZQ",I="index-module--NnWir",k="index-module--OfS8A",P="index-module--u9qmL";const C=u},41060:(n,e,t)=>{t.d(e,{J7:()=>s,Rx:()=>u,ZP:()=>p,ad:()=>x,aq:()=>l,kh:()=>d,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n}\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var d="index-module--qmbFa",l="index-module--Lklbq",s="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",x="index-module--yfZrB";const p=a},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>s,YS:()=>d,ZP:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--rHd3V {\n position: absolute;\n width: 100%;\n height: 3px;\n bottom: 0;\n left: 0;\n z-index: 2000;\n}\n\n.index-module--_zSo1 {\n background: #ccc;\n border-radius: 0 1px 1px 0;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n\n.index-module--tkNQ6 {\n background: #eee;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n",""]);var d="index-module--rHd3V",l="index-module--_zSo1",s="index-module--tkNQ6";const u=a},40976:(n,e,t)=>{t.d(e,{$t:()=>m.$t,FN:()=>m.FN,Is:()=>m.Is,KR:()=>m.KR,LI:()=>m.LI,Qv:()=>m.Qv,jl:()=>m.jl,nC:()=>m.nC,op:()=>m.op,ox:()=>m.ox,rK:()=>m.rK,tW:()=>m.tW});var o=t(93379),i=t.n(o),r=t(7795),a=t.n(r),d=t(90569),l=t.n(d),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),p=t(44589),g=t.n(p),m=t(28717),b={};b.styleTagTransform=g(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=x();i()(m.ZP,b),m.ZP&&m.ZP.locals&&m.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 4585.diva-web-planner-react.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4585,2690,4619],{72690:(e,n,t)=>{t.r(n),t.d(n,{FullscreenArHeader:()=>z,default:()=>f});var i=t(9420),o=t(87363),r=t.n(o),a=t(22182),d=t(93379),M=t.n(d),c=t(7795),l=t.n(c),u=t(90569),s=t.n(u),N=t(3565),x=t.n(N),j=t(19216),g=t.n(j),D=t(44589),I=t.n(D),p=t(22109),T={};T.styleTagTransform=I(),T.setAttributes=x(),T.insert=s().bind(null,"head"),T.domAPI=l(),T.insertStyleElement=g();M()(p.ZP,T);p.ZP&&p.ZP.locals&&p.ZP.locals;var w=t(65515),m=t.n(w),y=t(88683),A=t(47514),S=(0,y.getLogger)("Planner","WEB-PLANNER-REACT"),z=function FullscreenArHeader(){var e=(0,y.useTranslation)().t;return(0,A.jsx)("div",{className:p.Fs,children:e("configurator.ar_qr_title")})};const f=(0,i.Pi)((function FullscreenAr(e){var n=e.url,t=e.isArCompatible,i=e.broswerSupportAR,o=e.activateAR,d=e.hqRenderScript,M=e.isTablet,c=(0,y.useTranslation)().t;return 0!=t&&i?(0,A.jsx)("div",{className:m()(p.Gr,M?p.Mq:void 0),children:(0,A.jsxs)("div",{className:p.YS,children:[(0,A.jsx)("div",{className:p.aS,children:(0,A.jsx)("div",{className:p.fL,children:c("configurator.ar_qr_text")})}),(0,A.jsxs)("div",{className:p.$D,children:[(0,A.jsxs)("div",{className:p.GD,children:[(0,A.jsx)("div",{className:m()(p.qv,p.ti)}),(0,A.jsxs)("div",{className:p.Ji,children:[(0,A.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 1"}),(0,A.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step1")})]})]}),(0,A.jsxs)("div",{className:p.GD,children:[(0,A.jsx)("div",{className:m()(p.qv,p.Ro)}),(0,A.jsxs)("div",{className:p.Ji,children:[(0,A.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 2"}),(0,A.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step2")})]})]}),(0,A.jsxs)("div",{className:p.GD,children:[(0,A.jsx)("div",{className:m()(p.qv,p.Lt)}),(0,A.jsxs)("div",{className:p.Ji,children:[(0,A.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 3"}),(0,A.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step3")})]})]})]}),(0,A.jsx)("div",{className:p.Yq,children:(0,A.jsx)("div",{"aria-disabled":!o,className:m()(p.c8,o?void 0:p.JU),onClick:function onClick(){S.businessEvent("onInitARViewer","RealTimeViewer","Load AR viewer",{arMedia:n,hqRenderScript:d}),null==o||o()},children:o?c("configurator.open_ar"):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:p._m}),c("arviewer.initializing")]})})}),(0,A.jsx)("div",{className:p.fL,children:c("configurator.ar_qr_bottom_text")}),n&&(0,A.jsxs)("div",{className:p.SS,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}):(0,A.jsxs)("div",{className:p.J3,children:[(0,A.jsx)("div",{className:p.Mx,dangerouslySetInnerHTML:{__html:c("arviewer.failed")}}),(0,A.jsxs)("div",{className:p.dj,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}))},54619:(e,n,t)=>{t.r(n),t.d(n,{default:()=>z});var i=t(80248),o=t(22182),r=t(9420),a=t(87363),d=t.n(a),M=t(88683),c=t(46770),l=t(88130),u=t(93379),s=t.n(u),N=t(7795),x=t.n(N),j=t(90569),g=t.n(j),D=t(3565),I=t.n(D),p=t(19216),T=t.n(p),w=t(44589),m=t.n(w),y=t(16033),A={};A.styleTagTransform=m(),A.setAttributes=I(),A.insert=g().bind(null,"head"),A.domAPI=x(),A.insertStyleElement=T();s()(y.ZP,A);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const z=(0,r.Pi)((function ArQrCodeTooltip(e){var n,t=e.layerProps,i=e.arrowProps,r=e.autoClose,u=e.fadeIn,s=e.fadeout,N=e.url,x=(0,l.NP)(),j=x.getViewConfig().arQrCodeConfig,g=null!=j&&j.timeUnitAutohide?j.timeUnitAutohide:6,D=(0,M.useDivaCore)().state.theme,I=(0,M.useTranslation)().t,p=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=p&&p.current||(p.current=setTimeout((function(){return x.productState.setDoShowARQRCode(!1)}),1e3*(g+1)))),function(){null!=p&&p.current&&clearTimeout(p.current)}}),[r]),(0,a.useEffect)((function(){x.productState.doShowARQRCode?x.productState.setArCodeWasVisibleOnce():null!=p&&p.current&&clearTimeout(p.current)}),[x.productState.doShowARQRCode]),(0,S.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:y.YS,style:_objectSpread(_objectSpread({opacity:s?0:u?1:void 0},t.style),{},{zIndex:1000005}),children:[(0,S.jsx)("div",{className:y.SS,children:N&&d().createElement(o.ZP,{value:N,size:96,onClick:function onClick(){return N&&window.open(N,"_blank")}})}),(0,S.jsxs)("div",{className:y.aS,style:{fontFamily:null==D||null===(n=D.typography)||void 0===n?void 0:n.fontFamily},children:[(0,S.jsx)("div",{className:y.Fs,children:I("configurator.ar_qr_title")}),(0,S.jsx)("div",{className:y.fL,children:I("configurator.ar_qr_text")})]}),(0,S.jsx)("div",{className:y.UF,onClick:function onClick(){return x.productState.setDoShowARQRCode(!1)}}),(0,S.jsx)(c.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},i)),r&&(0,S.jsx)("div",{className:y.L3,style:{animationDuration:g+"s"}})]}))}))},24585:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),o=t(34988),r=t(72874),a=t(9420),d=t(88130),M=t(87363),c=t(46770),l=t(54619),u=t(88683),s=t(65515),N=t.n(s),x=t(72690),j=t(22182),g=t(47514),D=["Button","dontOpenModal"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=(0,a.Pi)((function ArQrCodeTooltip(e){var n=e.Button,t=e.dontOpenModal,i=(0,r.Z)(e,D),a=(0,d.NP)(),s=(0,u.useTranslation)().t,I=(0,u.useDivaCore)(),p=I.actions,T=p.openDrawerMenu,w=p.openModal,m=I.state,y=m.isMobile,A=m.dimensions.isTablet,S=(0,M.useState)(!1),z=(0,o.Z)(S,2),f=z[0],h=z[1],C=(0,M.useRef)(),b=(0,M.useState)(!1),O=(0,o.Z)(b,2),L=O[0],E=O[1],Q=a.getViewConfig().arQrCodeConfig,v=y||A,U=v&&!a.productState.allowRTV,k=(0,M.useState)(a.productState.arCodeWasVisibleOnce),R=(0,o.Z)(k,2),P=R[0],Y=R[1],Z=(P||a.productState.doShowARQRCode)&&!v&&a.isParentViewVisible&&!t,V=(0,c.sJ)({isOpen:Z,auto:!0,placement:"right-end",triggerOffset:16}),W=V.triggerProps,F=V.layerProps,H=V.renderLayer,G=V.arrowProps,_=(0,M.useState)(),B=(0,o.Z)(_,2),J=B[0],q=B[1];(0,M.useEffect)((function(){a.uiState.AllConfig.arViewerIframe?L&&w({rejectByIcon:!0,fullscreen:!0,dontRenderForm:!0,callback:function callback(e){a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),E(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},content:(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(x.FullscreenArHeader,{}),(0,g.jsx)(x.default,{url:J,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:A})]})}):T({id:"ar-qr-code",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0,showOverlay:!0,snapPoints:[1],onClose:function onClose(){E(!1),a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},title:(0,g.jsx)(x.FullscreenArHeader,{}),content:(0,g.jsx)(x.default,{url:J,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:A}),open:L})}),[L,a.productState.activateAR]),(0,M.useEffect)((function(){!1===a.productState.isARIframeVisible&&E(!1)}),[a.productState.isARIframeVisible]),(0,M.useEffect)((function(){1==a.productState.doShowARQRCode&&a.openARObserverConnection((function(){return a.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript()})).then((function(e){return q(e)}))}),[a.productState.doShowARQRCode]),(0,M.useEffect)((function(){a.productState.doShowARQRCode&&U&&E(!0)}),[a.productState.activateAR,J]),(0,M.useEffect)((function(){if(!t){var e;if(!a.productState.arCodeWasVisibleOnce&&null!=Q&&Q.doAutoShow&&!v)C.current=setTimeout((function(){a.productState.setArCodeWasVisibleOnce(),h(!0),a.productState.setDoShowARQRCode(!0)}),1e3*(null!==(e=null==Q?void 0:Q.timeUntilAutoShow)&&void 0!==e?e:30));!a.productState.doShowARQRCode&&f&&h(!1),P!==a.productState.doShowARQRCode&&setTimeout((function(){Y(a.productState.doShowARQRCode)}),200)}}),[a.productState.doShowARQRCode]);var X=function onClick(){a.productState.setDoShowARQRCode(!0),U&&(a.productState.doShowRTV||"RTViewer"==a.viewPlannerHandler.getCurPlannerViewMode()||"3DCOMB"==a.viewPlannerHandler.getCurPlannerViewMode()||(a.setHQRenderScript(void 0),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":"RTV")),E(!0),a.productState.loadRTVForAr=!0)};return J&&!v&&t?(0,g.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:[(0,g.jsx)(j.ZP,{value:J,size:96,onClick:function onClick(){return J&&window.open(J,"_blank")}}),";"]}):n?(0,g.jsx)(n,{onClick:X}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("li",_objectSpread(_objectSpread(_objectSpread({id:"ar-icon"},i),{},{className:N()(i.className),onClick:X,title:s("configurator.ar_qr_title")},W),{},{style:{visibility:a.productState.doShowRenderImage||a.productState.doShow3DComb||a.productState.doShowRTV?"visible":"hidden"}})),Z&&H((0,g.jsx)(l.default,{arrowProps:G,layerProps:F,autoClose:f,fadeIn:P,fadeout:!a.productState.doShowARQRCode,url:J}))]})}))},22109:(e,n,t)=>{t.d(n,{$D:()=>S,$h:()=>C,Fs:()=>y,GD:()=>z,Gr:()=>g,J3:()=>D,JU:()=>U,Ji:()=>f,Lt:()=>E,Mq:()=>w,Mx:()=>I,Ro:()=>L,SS:()=>k,YS:()=>T,Yq:()=>Q,ZP:()=>P,_m:()=>R,aS:()=>m,c8:()=>v,dj:()=>p,fL:()=>A,nx:()=>h,qv:()=>b,ti:()=>O});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(96214),t.b),l=new URL(t(78752),t.b),u=new URL(t(30923),t.b),s=a()(o()),N=M()(c),x=M()(l),j=M()(u);s.push([e.id,".index-module--ImFgT {\n overflow: auto;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.index-module--b5la4 {\n display: flex;\n gap: 48px;\n flex-wrap: wrap;\n justify-content: center;\n}\n.index-module--rPHsB {\n max-width: 400px;\n}\n.index-module--pCvNx {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--rJxjD {\n display: flex;\n flex-direction: column;\n margin: 8px 32px;\n gap: 42px;\n color: #000;\n width: calc(100% - 64px);\n}\n\n.index-module--wMJTl .index-module--rJxjD {\n gap: 64px;\n width: auto;\n width: initial;\n max-width: 600px;\n}\n\n.index-module--D8Hh2 {\n display: flex;\n flex-direction: column;\n gap: 32px;\n}\n\n.index-module--Wih2i {\n max-width: calc(100% - 32px);\n font-weight: 600;\n font-size: 20px;\n line-height: 40px;\n height: 40px;\n}\n\n.index-module--NZIwX {\n font-weight: 300;\n font-size: 18px;\n line-height: 130%;\n}\n\n.index-module--c06na {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.index-module--wMJTl .index-module--c06na {\n gap: 32px;\n}\n\n.index-module--XQWSR {\n display: flex;\n gap: 12px;\n}\n\n.index-module--hsJe1 {\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n}\n\n.index-module--R08lN {\n font-weight: 300;\n font-size: 16px;\n color: #7b7b7b;\n}\n\n.index-module--w1zAR {\n font-size: 14px;\n color: #000000;\n}\n\n.index-module--tNtQi {\n border-radius: 50%;\n background-color: #f2f2f2;\n width: 56px;\n height: 56px;\n}\n\n.index-module--RMCB9 {\n background: center / 50% no-repeat #f2f2f2 url("+N+");\n}\n.index-module--rlsDm {\n background: center / 50% no-repeat #f2f2f2 url("+x+");\n}\n.index-module--gAkyp {\n background: center / 40% no-repeat #f2f2f2 url("+j+");\n}\n.index-module--RZc1O {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.index-module--vFCfN {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 10px 21px;\n gap: 10px;\n background-color: var(--primaryColor);\n border-radius: 3px;\n cursor: pointer;\n transition:\n box-shadow 0.3s,\n background-color 0.3s ease,\n color 0.3s ease;\n font-weight: 600;\n letter-spacing: 0.8px;\n color: #fff;\n height: 38px;\n}\n.index-module--vLdW3 {\n cursor: wait;\n background-color: var(--secondaryColor);\n}\n\n.index-module--vFCfN:hover {\n box-shadow: 0px 1px 4px #707070;\n}\n.index-module--vFCfN.index-module--vLdW3:hover {\n box-shadow: none;\n}\n\n.index-module--Xiew7 {\n display: flex;\n justify-content: center;\n align-items: center;\n padding-bottom: 64px;\n}\n\n.index-module--U0ivw {\n border: 3px solid #f3f3f3;\n border-radius: 50%;\n border-top: 3px solid #aaa;\n width: 25px;\n height: 25px;\n animation: index-module--r8P_P 2s linear infinite;\n}\n\n@keyframes index-module--r8P_P {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n",""]);var g="index-module--ImFgT",D="index-module--b5la4",I="index-module--rPHsB",p="index-module--pCvNx",T="index-module--rJxjD",w="index-module--wMJTl",m="index-module--D8Hh2",y="index-module--Wih2i",A="index-module--NZIwX",S="index-module--c06na",z="index-module--XQWSR",f="index-module--hsJe1",h="index-module--R08lN",C="index-module--w1zAR",b="index-module--tNtQi",O="index-module--RMCB9",L="index-module--rlsDm",E="index-module--gAkyp",Q="index-module--RZc1O",v="index-module--vFCfN",U="index-module--vLdW3",k="index-module--Xiew7",R="index-module--U0ivw";const P=s},16033:(e,n,t)=>{t.d(n,{Fs:()=>j,L3:()=>I,SS:()=>N,UF:()=>D,YS:()=>s,ZP:()=>p,aS:()=>x,fL:()=>g});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(55345),t.b),l=a()(o()),u=M()(c);l.push([e.id,".index-module--GFPXG {\n background: #ffffff;\n border-radius: 3px;\n filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));\n display: flex;\n padding: 22px;\n gap: 12px;\n opacity: 0;\n transition: opacity 200ms ease-in-out;\n}\n\n.index-module--r8bLl {\n width: 96px;\n height: 96px;\n}\n\n.index-module--fQVST {\n display: flex;\n flex-direction: column;\n color: #000000;\n width: 220px;\n gap: 8px;\n}\n\n.index-module--tTQQc {\n max-width: calc(100% - 32px);\n font-weight: 600;\n font-size: 17px;\n line-height: 19px;\n}\n\n.index-module--mWanv {\n font-weight: 300;\n font-size: 16px;\n line-height: 130%;\n}\n\n.index-module--Yb4D5 {\n position: absolute;\n top: 8px;\n right: 8px;\n width: 42px;\n height: 42px;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 80%;\n background-image: url("+u+");\n transition: background-size 100ms ease-in;\n cursor: pointer;\n}\n\n.index-module--Yb4D5:hover {\n background-size: 90%;\n}\n.index-module--lC9xM {\n background: var(--secondaryColor);\n height: 3px;\n border-radius: 0 2px 2px 0;\n animation-name: index-module--zZxxQ;\n animation-timing-function: linear;\n transition: width 0s ease-in;\n position: absolute;\n bottom: 0;\n left: 0;\n}\n\n@keyframes index-module--zZxxQ {\n from {\n width: 100%;\n }\n to {\n width: 0%;\n }\n}\n",""]);var s="index-module--GFPXG",N="index-module--r8bLl",x="index-module--fQVST",j="index-module--tTQQc",g="index-module--mWanv",D="index-module--Yb4D5",I="index-module--lC9xM";const p=l},96214:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDEwMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMDApIj4KPHBhdGggZD0iTTQuNTQ4MTUgMTkuNUM0LjA0MzAyIDE5LjUgMy42MTU0NSAxOS4zMjUgMy4yNjU0NSAxOC45NzVDMi45MTU0NyAxOC42MjUgMi43NDA0OCAxOC4xOTc0IDIuNzQwNDggMTcuNjkyM1Y2LjMwNzczQzIuNzQwNDggNS44MDI2IDIuOTE1NDcgNS4zNzUwMyAzLjI2NTQ1IDUuMDI1MDNDMy42MTU0NSA0LjY3NTAzIDQuMDQzMDIgNC41MDAwMyA0LjU0ODE1IDQuNTAwMDNIMTUuOTMyN0MxNi40Mzc4IDQuNTAwMDMgMTYuODY1NCA0LjY3NTAzIDE3LjIxNTQgNS4wMjUwM0MxNy41NjU0IDUuMzc1MDMgMTcuNzQwNCA1LjgwMjYgMTcuNzQwNCA2LjMwNzczVjEwLjg4NDdMMjEuMjU5NiA3LjM2NTQ2VjE2LjYzNDZMMTcuNzQwNCAxMy4xMTU0VjE3LjY5MjNDMTcuNzQwNCAxOC4xOTc0IDE3LjU2NTQgMTguNjI1IDE3LjIxNTQgMTguOTc1QzE2Ljg2NTQgMTkuMzI1IDE2LjQzNzggMTkuNSAxNS45MzI3IDE5LjVINC41NDgxNVpNNC41NDgxNSAxOEgxNS45MzI3QzE2LjAyMjUgMTggMTYuMDk2MiAxNy45NzEyIDE2LjE1MzkgMTcuOTEzNUMxNi4yMTE2IDE3Ljg1NTggMTYuMjQwNCAxNy43ODIgMTYuMjQwNCAxNy42OTIzVjYuMzA3NzNDMTYuMjQwNCA2LjIxNzk4IDE2LjIxMTYgNi4xNDQyNiAxNi4xNTM5IDYuMDg2NTZDMTYuMDk2MiA2LjAyODg2IDE2LjAyMjUgNi4wMDAwMSAxNS45MzI3IDYuMDAwMDFINC41NDgxNUM0LjQ1ODQgNi4wMDAwMSA0LjM4NDY4IDYuMDI4ODYgNC4zMjY5OCA2LjA4NjU2QzQuMjY5MjggNi4xNDQyNiA0LjI0MDQzIDYuMjE3OTggNC4yNDA0MyA2LjMwNzczVjE3LjY5MjNDNC4yNDA0MyAxNy43ODIgNC4yNjkyOCAxNy44NTU4IDQuMzI2OTggMTcuOTEzNUM0LjM4NDY4IDE3Ljk3MTIgNC40NTg0IDE4IDQuNTQ4MTUgMThaIiBmaWxsPSIjMUMxQjFGIi8+CjxwYXRoIGQ9Ik01IDExLjc1TDguOTAzODMgMTUuNjUzOUwxNS42MjY5IDguOTMwNzhMMTQuNTczIDcuODc2OTVMOC45MDM4MyAxMy41NDYyTDYuMDUzODMgMTAuNjk2Mkw1IDExLjc1WiIgZmlsbD0iIzFDMUIxRiIvPgo8L2c+Cjwvc3ZnPgo="},78752:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDExMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMTApIj4KPHBhdGggZD0iTTEyIDIwLjk0MjJDMTEuNTk4NyAyMC45NDIyIDExLjI0MzkgMjAuODM2NSAxMC45MzU2IDIwLjYyNDlDMTAuNjI3MiAyMC40MTM0IDEwLjQxMTUgMjAuMTM1OCAxMC4yODg0IDE5Ljc5MjJIOS45OTk5N0M5LjU5MTAxIDE5Ljc5MjIgOS4yMzg3NyAxOS42NDQ1IDguOTQzMjcgMTkuMzQ5QzguNjQ3NzYgMTkuMDUzNSA4LjUgMTguNzAxMiA4LjUgMTguMjkyM1YxNS4wMTE1QzcuNDkxMDMgMTQuNCA2LjY5NzEyIDEzLjU4MDEgNi4xMTgyNyAxMi41NTE5QzUuNTM5NDIgMTEuNTIzNyA1LjI1IDEwLjQyMzEgNS4yNSA5LjI1MDAxQzUuMjUgNy4zNjc5NyA1LjkwNDQ4IDUuNzcyNDYgNy4yMTM0NSA0LjQ2MzQ4QzguNTIyNDMgMy4xNTQ1MSAxMC4xMTc5IDIuNTAwMDMgMTIgMi41MDAwM0MxMy44ODIgMi41MDAwMyAxNS40Nzc1IDMuMTU0NTEgMTYuNzg2NSA0LjQ2MzQ4QzE4LjA5NTUgNS43NzI0NiAxOC43NSA3LjM2Nzk3IDE4Ljc1IDkuMjUwMDFDMTguNzUgMTAuNDQzNiAxOC40NjA1IDExLjU0OTQgMTcuODgxNyAxMi41NjczQzE3LjMwMjggMTMuNTg1MyAxNi41MDg5IDE0LjQgMTUuNSAxNS4wMTE1VjE4LjI5MjNDMTUuNSAxOC43MDEyIDE1LjM1MjIgMTkuMDUzNSAxNS4wNTY3IDE5LjM0OUMxNC43NjEyIDE5LjY0NDUgMTQuNDA4OSAxOS43OTIyIDE0IDE5Ljc5MjJIMTMuNzExNUMxMy41ODg0IDIwLjEzNTggMTMuMzcyNyAyMC40MTM0IDEzLjA2NDQgMjAuNjI0OUMxMi43NTYxIDIwLjgzNjUgMTIuNDAxMyAyMC45NDIyIDEyIDIwLjk0MjJaTTkuOTk5OTcgMTguMjkyM0gxNFYxNy4zNTM4SDkuOTk5OTdWMTguMjkyM1pNOS45OTk5NyAxNi40NjkySDE0VjE1LjVIOS45OTk5N1YxNi40NjkyWk05Ljc5OTk3IDE0SDExLjQwMzhWMTEuMDg4NUw5LjI2MTUzIDguOTQ2MTZMMTAuMSA4LjEwNzcxTDEyIDEwLjAwNzdMMTMuOSA4LjEwNzcxTDE0LjczODQgOC45NDYxNkwxMi41OTYxIDExLjA4ODVWMTRIMTQuMkMxNS4xIDEzLjU2NjcgMTUuODMzMyAxMi45MjkyIDE2LjQgMTIuMDg3NUMxNi45NjY2IDExLjI0NTggMTcuMjUgMTAuMyAxNy4yNSA5LjI1MDAxQzE3LjI1IDcuNzgzMzQgMTYuNzQxNiA2LjU0MTY3IDE1LjcyNSA1LjUyNTAxQzE0LjcwODMgNC41MDgzNCAxMy40NjY2IDQuMDAwMDEgMTIgNC4wMDAwMUMxMC41MzMzIDQuMDAwMDEgOS4yOTE2NCA0LjUwODM0IDguMjc0OTcgNS41MjUwMUM3LjI1ODMxIDYuNTQxNjcgNi43NDk5NyA3Ljc4MzM0IDYuNzQ5OTcgOS4yNTAwMUM2Ljc0OTk3IDEwLjMgNy4wMzMzMSAxMS4yNDU4IDcuNTk5OTcgMTIuMDg3NUM4LjE2NjY0IDEyLjkyOTIgOC44OTk5NyAxMy41NjY3IDkuNzk5OTcgMTRaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="},30923:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE5LjY1MzhMNi4wOTYxOSAxNS43NUw3LjE2NTM5IDE0LjY4MDhMOS4yNTAwNCAxNi43NjU0VjEyLjI1SDEwLjc1VjE2Ljc1MDFMMTIuODE5MiAxNC42NjU0TDEzLjkwMzggMTUuNzVMMTAgMTkuNjUzOFpNNC4yNTAwMiAxMy45MDM4TDAuMzQ2MTkxIDEwTDQuMjM0NjQgNi4xMTE1OEw1LjMwMzg0IDcuMTgwNzhMMy4yMzQ1OSA5LjI1MDAzSDcuNzQ5OTlWMTAuNzVIMy4yNDk5N0w1LjMzNDYyIDEyLjgxOTJMNC4yNTAwMiAxMy45MDM4Wk0xNS43NSAxMy45MDM4TDE0LjY4MDggMTIuODM0NkwxNi43NjU0IDEwLjc1SDEyLjI1VjkuMjUwMDNIMTYuNzUwMUwxNC42NjU0IDcuMTgwNzhMMTUuNzUgNi4wOTYxOEwxOS42NTM4IDEwTDE1Ljc1IDEzLjkwMzhaTTkuMjUwMDQgNy43NDk5OFYzLjIzNDU4TDcuMTY1MzkgNS4zMTkyTDYuMDk2MTkgNC4yNUwxMCAwLjM0NjE3NkwxMy45MDM4IDQuMjVMMTIuODM0NiA1LjMxOTJMMTAuNzUgMy4yMzQ1OFY3Ljc0OTk4SDkuMjUwMDRaIiBmaWxsPSIjMUMxQjFGIi8+Cjwvc3ZnPgo="},55345:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4585,2690,4619],{72690:(e,n,t)=>{t.r(n),t.d(n,{FullscreenArHeader:()=>z,default:()=>f});var i=t(9420),o=t(87363),r=t.n(o),a=t(22182),d=t(93379),M=t.n(d),c=t(7795),l=t.n(c),u=t(90569),s=t.n(u),N=t(3565),x=t.n(N),j=t(19216),g=t.n(j),D=t(44589),I=t.n(D),p=t(22109),T={};T.styleTagTransform=I(),T.setAttributes=x(),T.insert=s().bind(null,"head"),T.domAPI=l(),T.insertStyleElement=g();M()(p.ZP,T);p.ZP&&p.ZP.locals&&p.ZP.locals;var w=t(65515),m=t.n(w),y=t(88683),A=t(47514),S=(0,y.getLogger)("Planner","WEB-PLANNER-REACT"),z=function FullscreenArHeader(){var e=(0,y.useTranslation)().t;return(0,A.jsx)("div",{className:p.Fs,children:e("configurator.ar_qr_title")})};const f=(0,i.Pi)((function FullscreenAr(e){var n=e.url,t=e.isArCompatible,i=e.broswerSupportAR,o=e.activateAR,d=e.hqRenderScript,M=e.isTablet,c=(0,y.useTranslation)().t;return 0!=t&&i?(0,A.jsx)("div",{className:m()(p.Gr,M?p.Mq:void 0),children:(0,A.jsxs)("div",{className:p.YS,children:[(0,A.jsx)("div",{className:p.aS,children:(0,A.jsx)("div",{className:p.fL,children:c("configurator.ar_qr_text")})}),(0,A.jsxs)("div",{className:p.$D,children:[(0,A.jsxs)("div",{className:p.GD,children:[(0,A.jsx)("div",{className:m()(p.qv,p.ti)}),(0,A.jsxs)("div",{className:p.Ji,children:[(0,A.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 1"}),(0,A.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step1")})]})]}),(0,A.jsxs)("div",{className:p.GD,children:[(0,A.jsx)("div",{className:m()(p.qv,p.Ro)}),(0,A.jsxs)("div",{className:p.Ji,children:[(0,A.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 2"}),(0,A.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step2")})]})]}),(0,A.jsxs)("div",{className:p.GD,children:[(0,A.jsx)("div",{className:m()(p.qv,p.Lt)}),(0,A.jsxs)("div",{className:p.Ji,children:[(0,A.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 3"}),(0,A.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step3")})]})]})]}),(0,A.jsx)("div",{className:p.Yq,children:(0,A.jsx)("div",{"aria-disabled":!o,className:m()(p.c8,o?void 0:p.JU),onClick:function onClick(){S.businessEvent("onInitARViewer","RealTimeViewer","Load AR viewer",{arMedia:n,hqRenderScript:d}),null==o||o()},children:o?c("configurator.open_ar"):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:p._m}),c("arviewer.initializing")]})})}),(0,A.jsx)("div",{className:p.fL,children:c("configurator.ar_qr_bottom_text")}),n&&(0,A.jsxs)("div",{className:p.SS,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}):(0,A.jsxs)("div",{className:p.J3,children:[(0,A.jsx)("div",{className:p.Mx,dangerouslySetInnerHTML:{__html:c("arviewer.failed")}}),(0,A.jsxs)("div",{className:p.dj,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}))},54619:(e,n,t)=>{t.r(n),t.d(n,{default:()=>z});var i=t(80248),o=t(22182),r=t(9420),a=t(87363),d=t.n(a),M=t(88683),c=t(46770),l=t(88130),u=t(93379),s=t.n(u),N=t(7795),x=t.n(N),j=t(90569),g=t.n(j),D=t(3565),I=t.n(D),p=t(19216),T=t.n(p),w=t(44589),m=t.n(w),y=t(16033),A={};A.styleTagTransform=m(),A.setAttributes=I(),A.insert=g().bind(null,"head"),A.domAPI=x(),A.insertStyleElement=T();s()(y.ZP,A);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const z=(0,r.Pi)((function ArQrCodeTooltip(e){var n,t=e.layerProps,i=e.arrowProps,r=e.autoClose,u=e.fadeIn,s=e.fadeout,N=e.url,x=(0,l.NP)(),j=x.getViewConfig().arQrCodeConfig,g=null!=j&&j.timeUnitAutohide?j.timeUnitAutohide:6,D=(0,M.useDivaCore)().state.theme,I=(0,M.useTranslation)().t,p=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=p&&p.current||(p.current=setTimeout((function(){return x.productState.setDoShowARQRCode(!1)}),1e3*(g+1)))),function(){null!=p&&p.current&&clearTimeout(p.current)}}),[r]),(0,a.useEffect)((function(){x.productState.doShowARQRCode?x.productState.setArCodeWasVisibleOnce():null!=p&&p.current&&clearTimeout(p.current)}),[x.productState.doShowARQRCode]),(0,S.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:y.YS,style:_objectSpread(_objectSpread({opacity:s?0:u?1:void 0},t.style),{},{zIndex:1000005}),children:[(0,S.jsx)("div",{className:y.SS,children:N&&d().createElement(o.ZP,{value:N,size:96,onClick:function onClick(){return N&&window.open(N,"_blank")}})}),(0,S.jsxs)("div",{className:y.aS,style:{fontFamily:null==D||null===(n=D.typography)||void 0===n?void 0:n.fontFamily},children:[(0,S.jsx)("div",{className:y.Fs,children:I("configurator.ar_qr_title")}),(0,S.jsx)("div",{className:y.fL,children:I("configurator.ar_qr_text")})]}),(0,S.jsx)("div",{className:y.UF,onClick:function onClick(){return x.productState.setDoShowARQRCode(!1)}}),(0,S.jsx)(c.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},i)),r&&(0,S.jsx)("div",{className:y.L3,style:{animationDuration:g+"s"}})]}))}))},24585:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),o=t(34988),r=t(72874),a=t(9420),d=t(88130),M=t(87363),c=t(46770),l=t(54619),u=t(88683),s=t(65515),N=t.n(s),x=t(72690),j=t(22182),g=t(47514),D=["Button","dontOpenModal"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=(0,a.Pi)((function ArQrCodeTooltip(e){var n=e.Button,t=e.dontOpenModal,i=(0,r.Z)(e,D),a=(0,d.NP)(),s=(0,u.useTranslation)().t,I=(0,u.useDivaCore)(),p=I.actions,T=p.openDrawerMenu,w=p.openModal,m=I.state,y=m.isMobile,A=m.dimensions.isTablet,S=(0,M.useState)(!1),z=(0,o.Z)(S,2),f=z[0],h=z[1],C=(0,M.useRef)(),b=(0,M.useState)(!1),O=(0,o.Z)(b,2),L=O[0],E=O[1],Q=a.getViewConfig().arQrCodeConfig,v=y||A,U=v&&!a.productState.allow3DComb&&!a.productState.allowRTV,k=(0,M.useState)(a.productState.arCodeWasVisibleOnce),R=(0,o.Z)(k,2),P=R[0],Y=R[1],Z=(P||a.productState.doShowARQRCode)&&!v&&a.isParentViewVisible&&!t,V=(0,c.sJ)({isOpen:Z,auto:!0,placement:"right-end",triggerOffset:16}),W=V.triggerProps,F=V.layerProps,H=V.renderLayer,G=V.arrowProps,_=(0,M.useState)(),B=(0,o.Z)(_,2),J=B[0],q=B[1];(0,M.useEffect)((function(){a.uiState.AllConfig.arViewerIframe?L&&w({rejectByIcon:!0,fullscreen:!0,dontRenderForm:!0,callback:function callback(e){a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),E(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},content:(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(x.FullscreenArHeader,{}),(0,g.jsx)(x.default,{url:J,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:A})]})}):T({id:"ar-qr-code",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0,showOverlay:!0,snapPoints:[1],onClose:function onClose(){E(!1),a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},title:(0,g.jsx)(x.FullscreenArHeader,{}),content:(0,g.jsx)(x.default,{url:J,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:A}),open:L})}),[L,a.productState.activateAR]),(0,M.useEffect)((function(){!1===a.productState.isARIframeVisible&&E(!1)}),[a.productState.isARIframeVisible]),(0,M.useEffect)((function(){1==a.productState.doShowARQRCode&&a.openARObserverConnection((function(){return a.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript()})).then((function(e){return q(e)}))}),[a.productState.doShowARQRCode]),(0,M.useEffect)((function(){a.productState.doShowARQRCode&&U&&E(!0)}),[a.productState.activateAR,J]),(0,M.useEffect)((function(){if(!t){var e;if(!a.productState.arCodeWasVisibleOnce&&null!=Q&&Q.doAutoShow&&!v)C.current=setTimeout((function(){a.productState.setArCodeWasVisibleOnce(),h(!0),a.productState.setDoShowARQRCode(!0)}),1e3*(null!==(e=null==Q?void 0:Q.timeUntilAutoShow)&&void 0!==e?e:30));!a.productState.doShowARQRCode&&f&&h(!1),P!==a.productState.doShowARQRCode&&setTimeout((function(){Y(a.productState.doShowARQRCode)}),200)}}),[a.productState.doShowARQRCode]);var X=function onClick(){a.productState.setDoShowARQRCode(!0),U&&(a.productState.doShowRTV||"RTViewer"==a.viewPlannerHandler.getCurPlannerViewMode()||"3DCOMB"==a.viewPlannerHandler.getCurPlannerViewMode()||(a.setHQRenderScript(void 0),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":"RTV")),E(!0),a.productState.loadRTVForAr=!0)};return J&&!v&&t?(0,g.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:[(0,g.jsx)(j.ZP,{value:J,size:96,onClick:function onClick(){return J&&window.open(J,"_blank")}}),";"]}):n?(0,g.jsx)(n,{onClick:X}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("li",_objectSpread(_objectSpread(_objectSpread({id:"ar-icon"},i),{},{className:N()(i.className),onClick:X,title:s("configurator.ar_qr_title")},W),{},{style:{visibility:a.productState.doShowRenderImage||a.productState.doShow3DComb||a.productState.doShowRTV?"visible":"hidden"}})),Z&&H((0,g.jsx)(l.default,{arrowProps:G,layerProps:F,autoClose:f,fadeIn:P,fadeout:!a.productState.doShowARQRCode,url:J}))]})}))},22109:(e,n,t)=>{t.d(n,{$D:()=>S,$h:()=>C,Fs:()=>y,GD:()=>z,Gr:()=>g,J3:()=>D,JU:()=>U,Ji:()=>f,Lt:()=>E,Mq:()=>w,Mx:()=>I,Ro:()=>L,SS:()=>k,YS:()=>T,Yq:()=>Q,ZP:()=>P,_m:()=>R,aS:()=>m,c8:()=>v,dj:()=>p,fL:()=>A,nx:()=>h,qv:()=>b,ti:()=>O});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(96214),t.b),l=new URL(t(78752),t.b),u=new URL(t(30923),t.b),s=a()(o()),N=M()(c),x=M()(l),j=M()(u);s.push([e.id,".index-module--ImFgT {\n overflow: auto;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.index-module--b5la4 {\n display: flex;\n gap: 48px;\n flex-wrap: wrap;\n justify-content: center;\n}\n.index-module--rPHsB {\n max-width: 400px;\n}\n.index-module--pCvNx {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--rJxjD {\n display: flex;\n flex-direction: column;\n margin: 8px 32px;\n gap: 42px;\n color: #000;\n width: calc(100% - 64px);\n}\n\n.index-module--wMJTl .index-module--rJxjD {\n gap: 64px;\n width: auto;\n width: initial;\n max-width: 600px;\n}\n\n.index-module--D8Hh2 {\n display: flex;\n flex-direction: column;\n gap: 32px;\n}\n\n.index-module--Wih2i {\n max-width: calc(100% - 32px);\n font-weight: 600;\n font-size: 20px;\n line-height: 40px;\n height: 40px;\n}\n\n.index-module--NZIwX {\n font-weight: 300;\n font-size: 18px;\n line-height: 130%;\n}\n\n.index-module--c06na {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.index-module--wMJTl .index-module--c06na {\n gap: 32px;\n}\n\n.index-module--XQWSR {\n display: flex;\n gap: 12px;\n}\n\n.index-module--hsJe1 {\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n}\n\n.index-module--R08lN {\n font-weight: 300;\n font-size: 16px;\n color: #7b7b7b;\n}\n\n.index-module--w1zAR {\n font-size: 14px;\n color: #000000;\n}\n\n.index-module--tNtQi {\n border-radius: 50%;\n background-color: #f2f2f2;\n width: 56px;\n height: 56px;\n}\n\n.index-module--RMCB9 {\n background: center / 50% no-repeat #f2f2f2 url("+N+");\n}\n.index-module--rlsDm {\n background: center / 50% no-repeat #f2f2f2 url("+x+");\n}\n.index-module--gAkyp {\n background: center / 40% no-repeat #f2f2f2 url("+j+");\n}\n.index-module--RZc1O {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.index-module--vFCfN {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 10px 21px;\n gap: 10px;\n background-color: var(--primaryColor);\n border-radius: 3px;\n cursor: pointer;\n transition:\n box-shadow 0.3s,\n background-color 0.3s ease,\n color 0.3s ease;\n font-weight: 600;\n letter-spacing: 0.8px;\n color: #fff;\n height: 38px;\n}\n.index-module--vLdW3 {\n cursor: wait;\n background-color: var(--secondaryColor);\n}\n\n.index-module--vFCfN:hover {\n box-shadow: 0px 1px 4px #707070;\n}\n.index-module--vFCfN.index-module--vLdW3:hover {\n box-shadow: none;\n}\n\n.index-module--Xiew7 {\n display: flex;\n justify-content: center;\n align-items: center;\n padding-bottom: 64px;\n}\n\n.index-module--U0ivw {\n border: 3px solid #f3f3f3;\n border-radius: 50%;\n border-top: 3px solid #aaa;\n width: 25px;\n height: 25px;\n animation: index-module--r8P_P 2s linear infinite;\n}\n\n@keyframes index-module--r8P_P {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n",""]);var g="index-module--ImFgT",D="index-module--b5la4",I="index-module--rPHsB",p="index-module--pCvNx",T="index-module--rJxjD",w="index-module--wMJTl",m="index-module--D8Hh2",y="index-module--Wih2i",A="index-module--NZIwX",S="index-module--c06na",z="index-module--XQWSR",f="index-module--hsJe1",h="index-module--R08lN",C="index-module--w1zAR",b="index-module--tNtQi",O="index-module--RMCB9",L="index-module--rlsDm",E="index-module--gAkyp",Q="index-module--RZc1O",v="index-module--vFCfN",U="index-module--vLdW3",k="index-module--Xiew7",R="index-module--U0ivw";const P=s},16033:(e,n,t)=>{t.d(n,{Fs:()=>j,L3:()=>I,SS:()=>N,UF:()=>D,YS:()=>s,ZP:()=>p,aS:()=>x,fL:()=>g});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(55345),t.b),l=a()(o()),u=M()(c);l.push([e.id,".index-module--GFPXG {\n background: #ffffff;\n border-radius: 3px;\n filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));\n display: flex;\n padding: 22px;\n gap: 12px;\n opacity: 0;\n transition: opacity 200ms ease-in-out;\n}\n\n.index-module--r8bLl {\n width: 96px;\n height: 96px;\n}\n\n.index-module--fQVST {\n display: flex;\n flex-direction: column;\n color: #000000;\n width: 220px;\n gap: 8px;\n}\n\n.index-module--tTQQc {\n max-width: calc(100% - 32px);\n font-weight: 600;\n font-size: 17px;\n line-height: 19px;\n}\n\n.index-module--mWanv {\n font-weight: 300;\n font-size: 16px;\n line-height: 130%;\n}\n\n.index-module--Yb4D5 {\n position: absolute;\n top: 8px;\n right: 8px;\n width: 42px;\n height: 42px;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 80%;\n background-image: url("+u+");\n transition: background-size 100ms ease-in;\n cursor: pointer;\n}\n\n.index-module--Yb4D5:hover {\n background-size: 90%;\n}\n.index-module--lC9xM {\n background: var(--secondaryColor);\n height: 3px;\n border-radius: 0 2px 2px 0;\n animation-name: index-module--zZxxQ;\n animation-timing-function: linear;\n transition: width 0s ease-in;\n position: absolute;\n bottom: 0;\n left: 0;\n}\n\n@keyframes index-module--zZxxQ {\n from {\n width: 100%;\n }\n to {\n width: 0%;\n }\n}\n",""]);var s="index-module--GFPXG",N="index-module--r8bLl",x="index-module--fQVST",j="index-module--tTQQc",g="index-module--mWanv",D="index-module--Yb4D5",I="index-module--lC9xM";const p=l},96214:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDEwMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMDApIj4KPHBhdGggZD0iTTQuNTQ4MTUgMTkuNUM0LjA0MzAyIDE5LjUgMy42MTU0NSAxOS4zMjUgMy4yNjU0NSAxOC45NzVDMi45MTU0NyAxOC42MjUgMi43NDA0OCAxOC4xOTc0IDIuNzQwNDggMTcuNjkyM1Y2LjMwNzczQzIuNzQwNDggNS44MDI2IDIuOTE1NDcgNS4zNzUwMyAzLjI2NTQ1IDUuMDI1MDNDMy42MTU0NSA0LjY3NTAzIDQuMDQzMDIgNC41MDAwMyA0LjU0ODE1IDQuNTAwMDNIMTUuOTMyN0MxNi40Mzc4IDQuNTAwMDMgMTYuODY1NCA0LjY3NTAzIDE3LjIxNTQgNS4wMjUwM0MxNy41NjU0IDUuMzc1MDMgMTcuNzQwNCA1LjgwMjYgMTcuNzQwNCA2LjMwNzczVjEwLjg4NDdMMjEuMjU5NiA3LjM2NTQ2VjE2LjYzNDZMMTcuNzQwNCAxMy4xMTU0VjE3LjY5MjNDMTcuNzQwNCAxOC4xOTc0IDE3LjU2NTQgMTguNjI1IDE3LjIxNTQgMTguOTc1QzE2Ljg2NTQgMTkuMzI1IDE2LjQzNzggMTkuNSAxNS45MzI3IDE5LjVINC41NDgxNVpNNC41NDgxNSAxOEgxNS45MzI3QzE2LjAyMjUgMTggMTYuMDk2MiAxNy45NzEyIDE2LjE1MzkgMTcuOTEzNUMxNi4yMTE2IDE3Ljg1NTggMTYuMjQwNCAxNy43ODIgMTYuMjQwNCAxNy42OTIzVjYuMzA3NzNDMTYuMjQwNCA2LjIxNzk4IDE2LjIxMTYgNi4xNDQyNiAxNi4xNTM5IDYuMDg2NTZDMTYuMDk2MiA2LjAyODg2IDE2LjAyMjUgNi4wMDAwMSAxNS45MzI3IDYuMDAwMDFINC41NDgxNUM0LjQ1ODQgNi4wMDAwMSA0LjM4NDY4IDYuMDI4ODYgNC4zMjY5OCA2LjA4NjU2QzQuMjY5MjggNi4xNDQyNiA0LjI0MDQzIDYuMjE3OTggNC4yNDA0MyA2LjMwNzczVjE3LjY5MjNDNC4yNDA0MyAxNy43ODIgNC4yNjkyOCAxNy44NTU4IDQuMzI2OTggMTcuOTEzNUM0LjM4NDY4IDE3Ljk3MTIgNC40NTg0IDE4IDQuNTQ4MTUgMThaIiBmaWxsPSIjMUMxQjFGIi8+CjxwYXRoIGQ9Ik01IDExLjc1TDguOTAzODMgMTUuNjUzOUwxNS42MjY5IDguOTMwNzhMMTQuNTczIDcuODc2OTVMOC45MDM4MyAxMy41NDYyTDYuMDUzODMgMTAuNjk2Mkw1IDExLjc1WiIgZmlsbD0iIzFDMUIxRiIvPgo8L2c+Cjwvc3ZnPgo="},78752:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDExMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMTApIj4KPHBhdGggZD0iTTEyIDIwLjk0MjJDMTEuNTk4NyAyMC45NDIyIDExLjI0MzkgMjAuODM2NSAxMC45MzU2IDIwLjYyNDlDMTAuNjI3MiAyMC40MTM0IDEwLjQxMTUgMjAuMTM1OCAxMC4yODg0IDE5Ljc5MjJIOS45OTk5N0M5LjU5MTAxIDE5Ljc5MjIgOS4yMzg3NyAxOS42NDQ1IDguOTQzMjcgMTkuMzQ5QzguNjQ3NzYgMTkuMDUzNSA4LjUgMTguNzAxMiA4LjUgMTguMjkyM1YxNS4wMTE1QzcuNDkxMDMgMTQuNCA2LjY5NzEyIDEzLjU4MDEgNi4xMTgyNyAxMi41NTE5QzUuNTM5NDIgMTEuNTIzNyA1LjI1IDEwLjQyMzEgNS4yNSA5LjI1MDAxQzUuMjUgNy4zNjc5NyA1LjkwNDQ4IDUuNzcyNDYgNy4yMTM0NSA0LjQ2MzQ4QzguNTIyNDMgMy4xNTQ1MSAxMC4xMTc5IDIuNTAwMDMgMTIgMi41MDAwM0MxMy44ODIgMi41MDAwMyAxNS40Nzc1IDMuMTU0NTEgMTYuNzg2NSA0LjQ2MzQ4QzE4LjA5NTUgNS43NzI0NiAxOC43NSA3LjM2Nzk3IDE4Ljc1IDkuMjUwMDFDMTguNzUgMTAuNDQzNiAxOC40NjA1IDExLjU0OTQgMTcuODgxNyAxMi41NjczQzE3LjMwMjggMTMuNTg1MyAxNi41MDg5IDE0LjQgMTUuNSAxNS4wMTE1VjE4LjI5MjNDMTUuNSAxOC43MDEyIDE1LjM1MjIgMTkuMDUzNSAxNS4wNTY3IDE5LjM0OUMxNC43NjEyIDE5LjY0NDUgMTQuNDA4OSAxOS43OTIyIDE0IDE5Ljc5MjJIMTMuNzExNUMxMy41ODg0IDIwLjEzNTggMTMuMzcyNyAyMC40MTM0IDEzLjA2NDQgMjAuNjI0OUMxMi43NTYxIDIwLjgzNjUgMTIuNDAxMyAyMC45NDIyIDEyIDIwLjk0MjJaTTkuOTk5OTcgMTguMjkyM0gxNFYxNy4zNTM4SDkuOTk5OTdWMTguMjkyM1pNOS45OTk5NyAxNi40NjkySDE0VjE1LjVIOS45OTk5N1YxNi40NjkyWk05Ljc5OTk3IDE0SDExLjQwMzhWMTEuMDg4NUw5LjI2MTUzIDguOTQ2MTZMMTAuMSA4LjEwNzcxTDEyIDEwLjAwNzdMMTMuOSA4LjEwNzcxTDE0LjczODQgOC45NDYxNkwxMi41OTYxIDExLjA4ODVWMTRIMTQuMkMxNS4xIDEzLjU2NjcgMTUuODMzMyAxMi45MjkyIDE2LjQgMTIuMDg3NUMxNi45NjY2IDExLjI0NTggMTcuMjUgMTAuMyAxNy4yNSA5LjI1MDAxQzE3LjI1IDcuNzgzMzQgMTYuNzQxNiA2LjU0MTY3IDE1LjcyNSA1LjUyNTAxQzE0LjcwODMgNC41MDgzNCAxMy40NjY2IDQuMDAwMDEgMTIgNC4wMDAwMUMxMC41MzMzIDQuMDAwMDEgOS4yOTE2NCA0LjUwODM0IDguMjc0OTcgNS41MjUwMUM3LjI1ODMxIDYuNTQxNjcgNi43NDk5NyA3Ljc4MzM0IDYuNzQ5OTcgOS4yNTAwMUM2Ljc0OTk3IDEwLjMgNy4wMzMzMSAxMS4yNDU4IDcuNTk5OTcgMTIuMDg3NUM4LjE2NjY0IDEyLjkyOTIgOC44OTk5NyAxMy41NjY3IDkuNzk5OTcgMTRaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="},30923:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE5LjY1MzhMNi4wOTYxOSAxNS43NUw3LjE2NTM5IDE0LjY4MDhMOS4yNTAwNCAxNi43NjU0VjEyLjI1SDEwLjc1VjE2Ljc1MDFMMTIuODE5MiAxNC42NjU0TDEzLjkwMzggMTUuNzVMMTAgMTkuNjUzOFpNNC4yNTAwMiAxMy45MDM4TDAuMzQ2MTkxIDEwTDQuMjM0NjQgNi4xMTE1OEw1LjMwMzg0IDcuMTgwNzhMMy4yMzQ1OSA5LjI1MDAzSDcuNzQ5OTlWMTAuNzVIMy4yNDk5N0w1LjMzNDYyIDEyLjgxOTJMNC4yNTAwMiAxMy45MDM4Wk0xNS43NSAxMy45MDM4TDE0LjY4MDggMTIuODM0NkwxNi43NjU0IDEwLjc1SDEyLjI1VjkuMjUwMDNIMTYuNzUwMUwxNC42NjU0IDcuMTgwNzhMMTUuNzUgNi4wOTYxOEwxOS42NTM4IDEwTDE1Ljc1IDEzLjkwMzhaTTkuMjUwMDQgNy43NDk5OFYzLjIzNDU4TDcuMTY1MzkgNS4zMTkyTDYuMDk2MTkgNC4yNUwxMCAwLjM0NjE3NkwxMy45MDM4IDQuMjVMMTIuODM0NiA1LjMxOTJMMTAuNzUgMy4yMzQ1OFY3Ljc0OTk4SDkuMjUwMDRaIiBmaWxsPSIjMUMxQjFGIi8+Cjwvc3ZnPgo="},55345:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 5679.diva-web-planner-react.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5679,7853],{39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(88130),d=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),g=t.n(b),f=t(3565),m=t.n(f),h=t(19216),v=t.n(h),S=t(44589),y=t.n(S),w=t(39545),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=t(47514);const I=(0,l.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,d.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:w.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(l(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:w.vX,onClick:l})]})]})})}))},85679:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>O,default:()=>C});var o=t(88130),i=t(87363),r=t(39141),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),b=t(19216),g=t.n(b),f=t(44589),m=t.n(f),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=g();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(50638),y=t(97853),w=t(7474),j=t(9420),P=t(65515),I=t.n(P),k=t(47514),O={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const C=(0,j.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,k.jsx)(w.default,{className:h.x6}),(0,k.jsx)(y.default,{className:I()(h.vt,a?h.Uu:void 0)}),(0,k.jsx)(S.default,{className:I()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,k.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(29523),d=t(88130),l=t(88683),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var c=(0,l.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,o=e.drawerStyle,r=(0,d.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),b=x[0],g=x[1],f=(0,l.useDivaCore)().actions,m=f.openDrawerMenu,h=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,u.jsx)(s.Q,{onClose:function onClose(){i(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else b&&(h("content-item"),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},50638:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(80248),i=t(72874),r=t(87363),a=t(88130),s=t(9420),d=t(29211),l=t(19715),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),g=t.n(b),f=t(3565),m=t.n(f),h=t(19216),v=t.n(h),S=t(44589),y=t.n(S),w=t(23522),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.Z,j);w.Z&&w.Z.locals&&w.Z.locals;var P=t(34384),I=t(47514),k=["contentItemStartPos"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,s.Pi)((function Product(e){var n,t=e.contentItemStartPos,o=(0,i.Z)(e,k),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&s.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(n=s.configState.paramters)||void 0===n?void 0:n.checkout,s.uiState.isLoading]),(0,I.jsxs)("div",_objectSpread(_objectSpread({ref:u},o),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,I.jsx)("div",{className:w.x,onClick:c}),(0,I.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,I.jsx)(d.default,{}),(0,I.jsx)(P.default,{direction:t})]}))}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(87363),i=t(92404),r=t(9420),a=t(88130),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),b=t.n(x),g=t(19216),f=t.n(g),m=t(44589),h=t.n(m),v=t(41060),S={};S.styleTagTransform=h(),S.setAttributes=b(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=f();d()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=t(82956),w=t(65515),j=t.n(w),P=t(34988),I=t(88683);var k=t(47514);const O=(0,r.Pi)((function SettingsBottomDrawer(e){var n=e.draggerElement,t=e.children,r=(0,a.NP)(),s=function useDrawerHook(){var e=(0,o.useState)(0),n=(0,P.Z)(e,2),t=n[0],i=n[1],r=(0,o.useState)(0),s=(0,P.Z)(r,2),d=s[0],l=s[1],u=(0,a.NP)(),c=(0,o.useState)(u.uiState.isMobilePortrait),p=(0,P.Z)(c,2),x=p[0],b=p[1],g=(0,o.useState)(null),f=(0,P.Z)(g,2),m=f[0],h=f[1],v=(0,I.useDivaCore)().state.dimensions,S=v.width,y=v.height;(0,o.useEffect)((function(){b(u.uiState.isMobilePortrait),h(document.getElementById("wcConfigurator"))}),[u.uiState.isInMobileView,u.uiState.isMobileLandscape,u.uiState.isTablet,S,y]);var w=(0,o.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){i(e.touches[0].clientY),l(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,o=e.touches[0].pageX,i=Math.abs(n-t),r=Math.abs(o-d);i>=1&&i>2*r&&window.addEventListener("touchmove",w,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",w)},open:x,container:m}}(),d=s.handleTouchStart,l=s.handleTouchMove,u=s.handleTouchEnd,c=s.open,p=s.container;return(0,k.jsx)(i.dy.Root,{open:c,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:r.settingsState.snapPoints,container:p,onClose:function onClose(){return r.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==r.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:r.settingsState.snapPoints[r.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return r.settingsState.setActiveSnapPointIndex(r.settingsState.snapPoints.indexOf(e))},children:(0,k.jsx)(i.dy.Portal,{children:(0,k.jsxs)(i.dy.Content,{className:v.kh,children:[(0,k.jsx)(i.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,k.jsxs)(i.dy.Handle,{className:j()(v.aq),onTouchStart:d,onTouchMove:l,onTouchEnd:u,children:[(0,k.jsx)("div",{className:v.Rx,children:(0,k.jsx)("div",{className:v.uQ})}),(0,k.jsx)("div",{className:v.ad,children:n})]}),r.uiState.isInMobileView&&(0,k.jsx)("div",{className:j()(y.Iz,v.J7),children:t})]})})})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,o.Pi)((function SettingsExpanderButtons(e){var n=(0,i.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),b=t(59343),g=t(47514),f=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,d.Pi)((function Settings(e){var n,t,o=e.className,d=e.tabgroupElement,u=(0,i.Z)(e,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:h?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:d,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>f,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(38403),t.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",b="index-module--OZydS",g="index-module--FQDBA";const f=u},61609:(e,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>l,vt:()=>c,x6:()=>d,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n width: 75px;\n position: relative;\n}\n.index-module--jhJYn {\n width: calc(100% - 501px);\n position: relative;\n overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n display: none;\n}\n\n.index-module--ik_S6 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",d="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,n,t)=>{t.d(n,{Z:()=>x,x:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(66993),t.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--IAoMi {\n bottom: 40px;\n right: 8px;\n position: absolute;\n width: 70px;\n height: 55px;\n transform: rotate(90deg);\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},41060:(e,n,t)=>{t.d(n,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>d,kh:()=>s,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n}\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",d="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="}}]);
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5679,7853],{39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(88130),d=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),g=t.n(b),f=t(3565),m=t.n(f),h=t(19216),v=t.n(h),S=t(44589),y=t.n(S),w=t(39545),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=t(47514);const I=(0,l.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,d.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:w.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(l(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:w.vX,onClick:l})]})]})})}))},85679:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>O,default:()=>C});var o=t(88130),i=t(87363),r=t(39141),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),b=t(19216),g=t.n(b),f=t(44589),m=t.n(f),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=g();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(50638),y=t(97853),w=t(7474),j=t(9420),P=t(65515),I=t.n(P),k=t(47514),O={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const C=(0,j.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,k.jsx)(w.default,{className:h.x6}),(0,k.jsx)(y.default,{className:I()(h.vt,a?h.Uu:void 0)}),(0,k.jsx)(S.default,{className:I()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,k.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(29523),d=t(88130),l=t(88683),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var c=(0,l.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,o=e.drawerStyle,r=(0,d.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),b=x[0],g=x[1],f=(0,l.useDivaCore)().actions,m=f.openDrawerMenu,h=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,u.jsx)(s.Q,{onClose:function onClose(){i(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else b&&(h("content-item"),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},50638:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(80248),i=t(72874),r=t(87363),a=t(88130),s=t(9420),d=t(29211),l=t(19715),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),g=t.n(b),f=t(3565),m=t.n(f),h=t(19216),v=t.n(h),S=t(44589),y=t.n(S),w=t(23522),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.Z,j);w.Z&&w.Z.locals&&w.Z.locals;var P=t(34384),I=t(47514),k=["contentItemStartPos"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,s.Pi)((function Product(e){var n,t=e.contentItemStartPos,o=(0,i.Z)(e,k),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&s.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(n=s.configState.paramters)||void 0===n?void 0:n.checkout,s.uiState.isLoading]),(0,I.jsxs)("div",_objectSpread(_objectSpread({ref:u},o),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,I.jsx)("div",{className:w.x,onClick:c}),(0,I.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,I.jsx)(d.default,{}),(0,I.jsx)(P.default,{direction:t})]}))}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),s=t(88130),d=t(93379),l=t.n(d),u=t(7795),c=t.n(u),p=t(90569),x=t.n(p),b=t(3565),g=t.n(b),f=t(19216),m=t.n(f),h=t(44589),v=t.n(h),S=t(41060),y={};y.styleTagTransform=v(),y.setAttributes=g(),y.insert=x().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=m();l()(S.ZP,y);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(82956),j=t(65515),P=t.n(j);var I=t(47514);const k=(0,a.Pi)((function SettingsBottomDrawer(e){var n=e.draggerElement,t=e.children,a=(0,s.NP)(),d=(0,i.useState)(a.uiState.isMobilePortrait),l=(0,o.Z)(d,2),u=l[0],c=l[1],p=function useDrawerHook(){var e=(0,i.useState)(0),n=(0,o.Z)(e,2),t=n[0],r=n[1],a=(0,i.useState)(0),s=(0,o.Z)(a,2),d=s[0],l=s[1],u=(0,i.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){r(e.touches[0].clientY),l(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,o=e.touches[0].pageX,i=Math.abs(n-t),r=Math.abs(o-d);i>=1&&i>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),x=p.handleTouchStart,b=p.handleTouchMove,g=p.handleTouchEnd;return(0,i.useEffect)((function(){c(a.uiState.isMobilePortrait)}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,I.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(e))},children:(0,I.jsx)(r.dy.Portal,{children:(0,I.jsxs)(r.dy.Content,{className:S.kh,children:[(0,I.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,I.jsxs)(r.dy.Handle,{className:P()(S.aq),onTouchStart:x,onTouchMove:b,onTouchEnd:g,children:[(0,I.jsx)("div",{className:S.Rx,children:(0,I.jsx)("div",{className:S.uQ})}),(0,I.jsx)("div",{className:S.ad,children:n})]}),a.uiState.isInMobileView&&(0,I.jsx)("div",{className:P()(w.Iz,S.J7),children:t})]})})})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,o.Pi)((function SettingsExpanderButtons(e){var n=(0,i.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),b=t(59343),g=t(47514),f=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,d.Pi)((function Settings(e){var n,t,o=e.className,d=e.tabgroupElement,u=(0,i.Z)(e,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:h?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:d,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>f,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(38403),t.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",b="index-module--OZydS",g="index-module--FQDBA";const f=u},61609:(e,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>l,vt:()=>c,x6:()=>d,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n width: 75px;\n position: relative;\n}\n.index-module--jhJYn {\n width: calc(100% - 501px);\n position: relative;\n overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n display: none;\n}\n\n.index-module--ik_S6 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",d="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,n,t)=>{t.d(n,{Z:()=>x,x:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(66993),t.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--IAoMi {\n bottom: 40px;\n right: 8px;\n position: absolute;\n width: 70px;\n height: 55px;\n transform: rotate(90deg);\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},41060:(e,n,t)=>{t.d(n,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>d,kh:()=>s,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n}\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",d="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="}}]);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 5805.diva-web-planner-react.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5805,5679,7853],{39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(88130),d=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),f=t.n(b),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=f().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const I=(0,l.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,d.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(l(),e.stopPropagation())}(e)},className:y.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},85679:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>O,default:()=>C});var o=t(88130),i=t(87363),r=t(39141),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),b=t(19216),f=t.n(b),g=t(44589),m=t.n(g),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(50638),w=t(97853),y=t(7474),j=t(9420),P=t(65515),I=t.n(P),k=t(47514),O={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const C=(0,j.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,k.jsx)(y.default,{className:h.x6}),(0,k.jsx)(w.default,{className:I()(h.vt,a?h.Uu:void 0)}),(0,k.jsx)(S.default,{className:I()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,k.jsx)(r.default,{})]})}))},8357:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var o=t(88130),i=t(87363),r=t(39141),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),b=t(19216),f=t.n(b),g=t(44589),m=t.n(g),h=t(87623),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(85679),w=t(50638),y=t(97853),j=t(7474),P=t(9420),I=t(65515),k=t.n(I),O=t(47514);const C=(0,P.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(S.cssVariables)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,O.jsx)(w.default,{className:k()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,O.jsx)(y.default,{className:k()(h.vt,a?h.Uu:void 0)}),(0,O.jsx)(j.default,{className:h.x6})]}),t.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(29523),d=t(88130),l=t(88683),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var c=(0,l.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,o=e.drawerStyle,r=(0,d.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),b=x[0],f=x[1],g=(0,l.useDivaCore)().actions,m=g.openDrawerMenu,h=g.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){f(!0);var e=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,u.jsx)(s.Q,{onClose:function onClose(){i(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else b&&(h("content-item"),setTimeout((function(){f(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},50638:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(80248),i=t(72874),r=t(87363),a=t(88130),s=t(9420),d=t(29211),l=t(19715),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),f=t.n(b),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(23522),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=f().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(y.Z,j);y.Z&&y.Z.locals&&y.Z.locals;var P=t(34384),I=t(47514),k=["contentItemStartPos"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,s.Pi)((function Product(e){var n,t=e.contentItemStartPos,o=(0,i.Z)(e,k),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&s.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(n=s.configState.paramters)||void 0===n?void 0:n.checkout,s.uiState.isLoading]),(0,I.jsxs)("div",_objectSpread(_objectSpread({ref:u},o),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,I.jsx)("div",{className:y.x,onClick:c}),(0,I.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,I.jsx)(d.default,{}),(0,I.jsx)(P.default,{direction:t})]}))}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(87363),i=t(92404),r=t(9420),a=t(88130),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),b=t.n(x),f=t(19216),g=t.n(f),m=t(44589),h=t.n(m),v=t(41060),S={};S.styleTagTransform=h(),S.setAttributes=b(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=g();d()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(82956),y=t(65515),j=t.n(y),P=t(34988),I=t(88683);var k=t(47514);const O=(0,r.Pi)((function SettingsBottomDrawer(e){var n=e.draggerElement,t=e.children,r=(0,a.NP)(),s=function useDrawerHook(){var e=(0,o.useState)(0),n=(0,P.Z)(e,2),t=n[0],i=n[1],r=(0,o.useState)(0),s=(0,P.Z)(r,2),d=s[0],l=s[1],u=(0,a.NP)(),c=(0,o.useState)(u.uiState.isMobilePortrait),p=(0,P.Z)(c,2),x=p[0],b=p[1],f=(0,o.useState)(null),g=(0,P.Z)(f,2),m=g[0],h=g[1],v=(0,I.useDivaCore)().state.dimensions,S=v.width,w=v.height;(0,o.useEffect)((function(){b(u.uiState.isMobilePortrait),h(document.getElementById("wcConfigurator"))}),[u.uiState.isInMobileView,u.uiState.isMobileLandscape,u.uiState.isTablet,S,w]);var y=(0,o.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){i(e.touches[0].clientY),l(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,o=e.touches[0].pageX,i=Math.abs(n-t),r=Math.abs(o-d);i>=1&&i>2*r&&window.addEventListener("touchmove",y,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",y)},open:x,container:m}}(),d=s.handleTouchStart,l=s.handleTouchMove,u=s.handleTouchEnd,c=s.open,p=s.container;return(0,k.jsx)(i.dy.Root,{open:c,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:r.settingsState.snapPoints,container:p,onClose:function onClose(){return r.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==r.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:r.settingsState.snapPoints[r.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return r.settingsState.setActiveSnapPointIndex(r.settingsState.snapPoints.indexOf(e))},children:(0,k.jsx)(i.dy.Portal,{children:(0,k.jsxs)(i.dy.Content,{className:v.kh,children:[(0,k.jsx)(i.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,k.jsxs)(i.dy.Handle,{className:j()(v.aq),onTouchStart:d,onTouchMove:l,onTouchEnd:u,children:[(0,k.jsx)("div",{className:v.Rx,children:(0,k.jsx)("div",{className:v.uQ})}),(0,k.jsx)("div",{className:v.ad,children:n})]}),r.uiState.isInMobileView&&(0,k.jsx)("div",{className:j()(w.Iz,v.J7),children:t})]})})})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,o.Pi)((function SettingsExpanderButtons(e){var n=(0,i.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),b=t(59343),f=t(47514),g=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,d.Pi)((function Settings(e){var n,t,o=e.className,d=e.tabgroupElement,u=(0,i.Z)(e,g),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,f.jsx)(f.Fragment,{children:h?(0,f.jsx)(p.default,{}):(0,f.jsxs)(f.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,f.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,f.jsx)(s.default,{}),(0,f.jsx)(x.default,{})]})});return(0,f.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,f.jsx)(b.default,{draggerElement:d,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>g,vX:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(38403),t.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",b="index-module--OZydS",f="index-module--FQDBA";const g=u},61609:(e,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>l,vt:()=>c,x6:()=>d,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n width: 75px;\n position: relative;\n}\n.index-module--jhJYn {\n width: calc(100% - 501px);\n position: relative;\n overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n display: none;\n}\n\n.index-module--ik_S6 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",d="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},87623:(e,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>l,vt:()=>c,x6:()=>d,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--wjIBY {\n width: 75px;\n position: relative;\n}\n.index-module--zOtvQ {\n width: calc(100% - 501px);\n position: relative;\n overflow: auto;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n.index-module--LDBW2 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var s="index-module--K6KzO",d="index-module--wjIBY",l="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const p=a},23522:(e,n,t)=>{t.d(n,{Z:()=>x,x:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(66993),t.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--IAoMi {\n bottom: 40px;\n right: 8px;\n position: absolute;\n width: 70px;\n height: 55px;\n transform: rotate(90deg);\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},41060:(e,n,t)=>{t.d(n,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>d,kh:()=>s,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n}\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",d="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="}}]);
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5805,5679,7853],{39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(88130),d=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),f=t.n(b),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=f().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const I=(0,l.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,d.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(l(),e.stopPropagation())}(e)},className:y.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},85679:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>O,default:()=>C});var o=t(88130),i=t(87363),r=t(39141),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),b=t(19216),f=t.n(b),g=t(44589),m=t.n(g),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(50638),w=t(97853),y=t(7474),j=t(9420),P=t(65515),I=t.n(P),k=t(47514),O={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const C=(0,j.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,k.jsx)(y.default,{className:h.x6}),(0,k.jsx)(w.default,{className:I()(h.vt,a?h.Uu:void 0)}),(0,k.jsx)(S.default,{className:I()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,k.jsx)(r.default,{})]})}))},8357:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var o=t(88130),i=t(87363),r=t(39141),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),b=t(19216),f=t.n(b),g=t(44589),m=t.n(g),h=t(87623),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(85679),w=t(50638),y=t(97853),j=t(7474),P=t(9420),I=t(65515),k=t.n(I),O=t(47514);const C=(0,P.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(S.cssVariables)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,O.jsx)(w.default,{className:k()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,O.jsx)(y.default,{className:k()(h.vt,a?h.Uu:void 0)}),(0,O.jsx)(j.default,{className:h.x6})]}),t.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(29523),d=t(88130),l=t(88683),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var c=(0,l.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,o=e.drawerStyle,r=(0,d.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),b=x[0],f=x[1],g=(0,l.useDivaCore)().actions,m=g.openDrawerMenu,h=g.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){f(!0);var e=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,u.jsx)(s.Q,{onClose:function onClose(){i(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else b&&(h("content-item"),setTimeout((function(){f(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},50638:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(80248),i=t(72874),r=t(87363),a=t(88130),s=t(9420),d=t(29211),l=t(19715),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),f=t.n(b),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(23522),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=f().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(y.Z,j);y.Z&&y.Z.locals&&y.Z.locals;var P=t(34384),I=t(47514),k=["contentItemStartPos"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,s.Pi)((function Product(e){var n,t=e.contentItemStartPos,o=(0,i.Z)(e,k),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&s.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(n=s.configState.paramters)||void 0===n?void 0:n.checkout,s.uiState.isLoading]),(0,I.jsxs)("div",_objectSpread(_objectSpread({ref:u},o),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,I.jsx)("div",{className:y.x,onClick:c}),(0,I.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,I.jsx)(d.default,{}),(0,I.jsx)(P.default,{direction:t})]}))}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),s=t(88130),d=t(93379),l=t.n(d),u=t(7795),c=t.n(u),p=t(90569),x=t.n(p),b=t(3565),f=t.n(b),g=t(19216),m=t.n(g),h=t(44589),v=t.n(h),S=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=f(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=m();l()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(82956),j=t(65515),P=t.n(j);var I=t(47514);const k=(0,a.Pi)((function SettingsBottomDrawer(e){var n=e.draggerElement,t=e.children,a=(0,s.NP)(),d=(0,i.useState)(a.uiState.isMobilePortrait),l=(0,o.Z)(d,2),u=l[0],c=l[1],p=function useDrawerHook(){var e=(0,i.useState)(0),n=(0,o.Z)(e,2),t=n[0],r=n[1],a=(0,i.useState)(0),s=(0,o.Z)(a,2),d=s[0],l=s[1],u=(0,i.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){r(e.touches[0].clientY),l(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,o=e.touches[0].pageX,i=Math.abs(n-t),r=Math.abs(o-d);i>=1&&i>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),x=p.handleTouchStart,b=p.handleTouchMove,f=p.handleTouchEnd;return(0,i.useEffect)((function(){c(a.uiState.isMobilePortrait)}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,I.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(e))},children:(0,I.jsx)(r.dy.Portal,{children:(0,I.jsxs)(r.dy.Content,{className:S.kh,children:[(0,I.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,I.jsxs)(r.dy.Handle,{className:P()(S.aq),onTouchStart:x,onTouchMove:b,onTouchEnd:f,children:[(0,I.jsx)("div",{className:S.Rx,children:(0,I.jsx)("div",{className:S.uQ})}),(0,I.jsx)("div",{className:S.ad,children:n})]}),a.uiState.isInMobileView&&(0,I.jsx)("div",{className:P()(y.Iz,S.J7),children:t})]})})})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,o.Pi)((function SettingsExpanderButtons(e){var n=(0,i.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),b=t(59343),f=t(47514),g=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,d.Pi)((function Settings(e){var n,t,o=e.className,d=e.tabgroupElement,u=(0,i.Z)(e,g),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,f.jsx)(f.Fragment,{children:h?(0,f.jsx)(p.default,{}):(0,f.jsxs)(f.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,f.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,f.jsx)(s.default,{}),(0,f.jsx)(x.default,{})]})});return(0,f.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,f.jsx)(b.default,{draggerElement:d,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>g,vX:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(38403),t.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",b="index-module--OZydS",f="index-module--FQDBA";const g=u},61609:(e,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>l,vt:()=>c,x6:()=>d,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n width: 75px;\n position: relative;\n}\n.index-module--jhJYn {\n width: calc(100% - 501px);\n position: relative;\n overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n display: none;\n}\n\n.index-module--ik_S6 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",d="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},87623:(e,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>l,vt:()=>c,x6:()=>d,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--wjIBY {\n width: 75px;\n position: relative;\n}\n.index-module--zOtvQ {\n width: calc(100% - 501px);\n position: relative;\n overflow: auto;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n.index-module--LDBW2 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var s="index-module--K6KzO",d="index-module--wjIBY",l="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const p=a},23522:(e,n,t)=>{t.d(n,{Z:()=>x,x:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(66993),t.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--IAoMi {\n bottom: 40px;\n right: 8px;\n position: absolute;\n width: 70px;\n height: 55px;\n transform: rotate(90deg);\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},41060:(e,n,t)=>{t.d(n,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>d,kh:()=>s,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n}\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",d="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="}}]);
|