@crystaldesign/diva-web-planner-react 26.5.0-beta.4 → 26.5.0-beta.41
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/{Planner2DGrid-2c0ceeb0.js → Planner2DGrid-1cff50b2.js} +1 -1
- package/build/esm/{Planner3DImage-9144c26f.js → Planner3DImage-9d9a7568.js} +1 -1
- package/build/esm/UnlockCard-c35e6e94.js +205 -0
- package/build/esm/{index-b99d64d5.js → index-03e3ed45.js} +73 -73
- package/build/esm/{index-2491a713.js → index-048bc1a9.js} +89 -89
- package/build/esm/{index-f6259620.js → index-04dac382.js} +2 -2
- package/build/esm/{index-e69e8be2.js → index-06c2bb0a.js} +2 -2
- package/build/esm/{index-a9560eba.js → index-07a3f2b2.js} +2 -2
- package/build/esm/{index-b5ac9dd4.js → index-0809c989.js} +69 -69
- package/build/esm/{index-f27c512c.js → index-09e72acd.js} +1 -1
- package/build/esm/{index-8c036c70.js → index-0ae144a8.js} +1 -1
- package/build/esm/{index-d27a4968.js → index-0badf6bb.js} +1 -1
- package/build/esm/{index-886b031a.js → index-0bc7197c.js} +3 -3
- package/build/esm/{index-546bb0a3.js → index-0c647fa3.js} +84 -84
- package/build/esm/{index-afb9b2ca.js → index-0c69d306.js} +2 -2
- package/build/esm/{index-4cc10ba1.js → index-0d93152f.js} +2 -2
- package/build/esm/{index-6197964c.js → index-0efc1a83.js} +1 -1
- package/build/esm/{index-5386b456.js → index-0f11e170.js} +5 -5
- package/build/esm/{index-d8beb961.js → index-0f4d0123.js} +1 -1
- package/build/esm/{index-8f0d8f36.js → index-10f7ccb2.js} +3 -3
- package/build/esm/{index-7c649945.js → index-1144e0cb.js} +71 -71
- package/build/esm/{index-dfd3e059.js → index-116dfc0f.js} +3 -3
- package/build/esm/{index-66518c3e.js → index-145071ad.js} +5 -5
- package/build/esm/{index-d97139e8.js → index-159eef01.js} +15 -15
- package/build/esm/{index-9816d100.js → index-16147c7b.js} +1 -1
- package/build/esm/{index-087d21e9.js → index-18a1e6a0.js} +70 -70
- package/build/esm/{index-8cfc6016.js → index-1b06988f.js} +1 -1
- package/build/esm/{index-a78d98cc.js → index-1c11ad1d.js} +1 -1
- package/build/esm/{index-2655f141.js → index-1c2ad039.js} +8 -8
- package/build/esm/{index-4e2933c8.js → index-1fa03ec8.js} +4 -4
- package/build/esm/{index-01106c57.js → index-209ef448.js} +3 -3
- package/build/esm/{index-69e28e87.js → index-20eda7c1.js} +20 -20
- package/build/esm/{index-ac45e4d8.js → index-20f5124c.js} +1 -1
- package/build/esm/{index-801d8ee2.js → index-2189dc16.js} +1 -1
- package/build/esm/{index-a0bd234d.js → index-220afcd1.js} +1 -1
- package/build/esm/{index-fd3b6011.js → index-246a8ff3.js} +5 -5
- package/build/esm/{index-3284d8b1.js → index-24762a2d.js} +2 -2
- package/build/esm/{index-98f03fea.js → index-25c5dbea.js} +1 -1
- package/build/esm/{index-c65b99f4.js → index-260f3247.js} +3 -3
- package/build/esm/{index-f883880a.js → index-27c57753.js} +21 -21
- package/build/esm/{index-b4a09cd0.js → index-28938088.js} +1 -1
- package/build/esm/{index-61d21c0a.js → index-2aaddef6.js} +2 -2
- package/build/esm/{index-7741200b.js → index-2ca9ac8b.js} +20 -20
- package/build/esm/{index-8e6b5d57.js → index-2f561781.js} +2 -2
- package/build/esm/{index-c77dfedc.js → index-303ad8ce.js} +5 -5
- package/build/esm/{index-185feb74.js → index-30c40b49.js} +1 -1
- package/build/esm/{index-9061ab00.js → index-33301eea.js} +76 -76
- package/build/esm/{index-5a863528.js → index-34c6bdaa.js} +22 -22
- package/build/esm/{index-cb209ba2.js → index-357ca969.js} +2 -2
- package/build/esm/{index-43f9adf8.js → index-376934f9.js} +2 -2
- package/build/esm/{index-438111e9.js → index-3a16bac8.js} +65 -65
- package/build/esm/{index-839f837b.js → index-3b646cb4.js} +66 -66
- package/build/esm/{index-85d724d0.js → index-3de77c9b.js} +2 -2
- package/build/esm/{index-04d84870.js → index-3f70c39d.js} +1 -1
- package/build/esm/{index-06b032d5.js → index-3f8b2a0c.js} +2 -2
- package/build/esm/{index-296237c8.js → index-400ec849.js} +1 -1
- package/build/esm/{index-b83c1bd7.js → index-407dca69.js} +68 -68
- package/build/esm/{index-46b3460b.js → index-42143c53.js} +56 -28
- package/build/esm/{index-4fc43ba7.js → index-42482869.js} +3 -3
- package/build/esm/{index-21ca6a0d.js → index-44ca960a.js} +70 -70
- package/build/esm/{index-ff33e573.js → index-45100406.js} +103 -103
- package/build/esm/{index-ab21d29e.js → index-45163972.js} +20 -20
- package/build/esm/{index-8de4246c.js → index-460c4b59.js} +19 -19
- package/build/esm/{index-9a03a1a0.js → index-47b7938a.js} +1 -1
- package/build/esm/{index-cae82cea.js → index-48162377.js} +2 -2
- package/build/esm/{index-d83c3992.js → index-49d8b053.js} +1 -1
- package/build/esm/{index-7c02270c.js → index-4a67bff2.js} +1 -1
- package/build/esm/{index-4ba644a2.js → index-4b3019da.js} +1 -1
- package/build/esm/{index-b0b4ab84.js → index-4cf239ef.js} +3 -3
- package/build/esm/{index-915c4156.js → index-4db89fdb.js} +25 -25
- package/build/esm/{index-52724e7f.js → index-4f9e5584.js} +1 -1
- package/build/esm/{index-2eaf035a.js → index-50e6cca8.js} +1 -1
- package/build/esm/{index-93cec8b2.js → index-5326b350.js} +1 -1
- package/build/esm/{index-f1288a79.js → index-565d8f63.js} +1 -1
- package/build/esm/{index-595bef8d.js → index-57768e95.js} +7 -7
- package/build/esm/{index-b1ac0d35.js → index-593d4803.js} +1 -1
- package/build/esm/{index-91996159.js → index-5a4ff135.js} +3 -3
- package/build/esm/{index-1c518ae1.js → index-5d7a678a.js} +1 -1
- package/build/esm/{index-fa06f897.js → index-5d966b17.js} +3 -3
- package/build/esm/{index-a8c3d1e1.js → index-5da39f46.js} +17 -17
- package/build/esm/{index-681a0798.js → index-6122c653.js} +4 -4
- package/build/esm/{index-c900d1f9.js → index-619cbdf3.js} +1 -1
- package/build/esm/{index-a3048b34.js → index-64582923.js} +4 -4
- package/build/esm/{index-4e85ce0f.js → index-64671ad6.js} +1 -1
- package/build/esm/{index-9e1d46c9.js → index-650aa5ae.js} +2 -2
- package/build/esm/{index-11b3e7da.js → index-67192552.js} +5 -5
- package/build/esm/{index-62cc2599.js → index-679a4280.js} +2 -2
- package/build/esm/{index-c9e380c6.js → index-68ee789e.js} +1 -1
- package/build/esm/{index-4efccdf2.js → index-6981fd18.js} +6 -6
- package/build/esm/{index-6f1075f1.js → index-69efdd1c.js} +1 -1
- package/build/esm/{index-57409256.js → index-6ad9ffda.js} +19 -19
- package/build/esm/{index-0ea8679c.js → index-6b3ef51b.js} +3 -3
- package/build/esm/{index-23593530.js → index-6c9cf6a3.js} +3 -3
- package/build/esm/{index-f20614f7.js → index-74c5856f.js} +66 -66
- package/build/esm/{index-9b538504.js → index-7595aebc.js} +1 -1
- package/build/esm/{index-9e5cb781.js → index-77f84657.js} +5 -5
- package/build/esm/{index-f158b758.js → index-78ac5baf.js} +3 -3
- package/build/esm/{index-0516b1a4.js → index-794ca3ed.js} +3 -3
- package/build/esm/{index-aaedcd71.js → index-79b5550e.js} +1 -1
- package/build/esm/{index-8c3be754.js → index-7b29c0a5.js} +1 -1
- package/build/esm/{index-53b21178.js → index-7bb29d90.js} +1 -1
- package/build/esm/{index-e47a7dfc.js → index-7bd7f3d1.js} +90 -90
- package/build/esm/{index-25c6143d.js → index-7bf99f03.js} +1 -1
- package/build/esm/{index-41969b28.js → index-7e5cbbf7.js} +90 -90
- package/build/esm/{index-57f12b2b.js → index-7e66b26c.js} +102 -102
- package/build/esm/{index-9a972c55.js → index-7f2912d0.js} +10 -10
- package/build/esm/{index-f14387bb.js → index-7f43c60f.js} +1 -1
- package/build/esm/{index-a76c51e8.js → index-8064ea78.js} +91 -91
- package/build/esm/{index-1133d782.js → index-8080ae17.js} +1 -1
- package/build/esm/{index-79e33aba.js → index-818a69d9.js} +1 -1
- package/build/esm/{index-6857774f.js → index-84f7ff67.js} +1 -1
- package/build/esm/{index-8a31e08f.js → index-8578c954.js} +1 -1
- package/build/esm/{index-b630f864.js → index-8670e27e.js} +5 -5
- package/build/esm/{index-7fe066bc.js → index-873cf399.js} +1 -1
- package/build/esm/{index-054b1c49.js → index-89604d9c.js} +2 -2
- package/build/esm/{index-05c4edcb.js → index-89c8658b.js} +19 -19
- package/build/esm/index-8a572f76.js +304 -0
- package/build/esm/{index-41fbf3af.js → index-8bbe04d1.js} +1 -1
- package/build/esm/{index-17a0d152.js → index-8d8afe97.js} +1 -1
- package/build/esm/{index-efedeb1f.js → index-8f351cad.js} +1 -1
- package/build/esm/{index-2fe552b2.js → index-90a54d7e.js} +1 -1
- package/build/esm/{index-7d680794.js → index-934e4d80.js} +1 -1
- package/build/esm/{index-a9a26070.js → index-947a870a.js} +3 -3
- package/build/esm/{index-cea719c6.js → index-975a74b9.js} +5 -5
- package/build/esm/{index-2296a720.js → index-98a49ed0.js} +1 -1
- package/build/esm/{index-7b44db4f.js → index-98edd3a9.js} +3 -3
- package/build/esm/{index-92b4ba6c.js → index-9926a9fa.js} +2 -2
- package/build/esm/{index-53e24191.js → index-99bc2623.js} +2 -2
- package/build/esm/{index-36475075.js → index-9bcfc8c7.js} +2 -2
- package/build/esm/{index-606e8f78.js → index-9c44a67c.js} +67 -67
- package/build/esm/{index-65e3d093.js → index-9d5b747a.js} +5 -5
- package/build/esm/{index-00a745dc.js → index-9d6efe78.js} +2 -2
- package/build/esm/{index-81bda524.js → index-9d75469c.js} +2 -2
- package/build/esm/{index-7fb885d5.js → index-9f9a0c91.js} +2 -2
- package/build/esm/{index-7a683a03.js → index-a020b2bf.js} +1 -1
- package/build/esm/{index-3c7bdac2.js → index-a05764a4.js} +5 -5
- package/build/esm/{index-e69210d3.js → index-a2c4333a.js} +4 -4
- package/build/esm/{index-3e626fdf.js → index-a31364af.js} +1 -1
- package/build/esm/{index-d1cf9442.js → index-a3b172a2.js} +1 -1
- package/build/esm/{index-350fcab0.js → index-a408c596.js} +2 -2
- package/build/esm/{index-7ee0ef14.js → index-a47d8213.js} +1 -1
- package/build/esm/{index-98a8c79e.js → index-a7d130e1.js} +1 -1
- package/build/esm/{index-4fb0315e.js → index-a97038fc.js} +1 -1
- package/build/esm/{index-745302ee.js → index-acf35473.js} +1 -1
- package/build/esm/{index-3237a8de.js → index-ad254504.js} +1 -1
- package/build/esm/{index-4a80ef83.js → index-adaf4f6f.js} +2 -2
- package/build/esm/{index-23e05462.js → index-af73caac.js} +2 -2
- package/build/esm/{index-9b0fab26.js → index-afe8eb8d.js} +22 -22
- package/build/esm/{index-1a1144c1.js → index-b0f50d41.js} +1 -1
- package/build/esm/{index-529c67c3.js → index-b148499f.js} +1 -1
- package/build/esm/{index-1198bdc0.js → index-b1e0d5b2.js} +1 -1
- package/build/esm/{index-9eee8b12.js → index-b242987d.js} +1 -1
- package/build/esm/{index-ffa0132c.js → index-b32e5866.js} +1 -1
- package/build/esm/{index-a55aef7c.js → index-b4686191.js} +1 -1
- package/build/esm/{index-0f1fcea0.js → index-b62b9a27.js} +1 -1
- package/build/esm/index-b66d7429.js +96 -0
- package/build/esm/{index-64cce079.js → index-b6afe7f4.js} +1 -1
- package/build/esm/{index-37e1c5fd.js → index-b74562a8.js} +2 -2
- package/build/esm/{index-de4f2487.js → index-ba57147a.js} +1 -1
- package/build/esm/{index-a81cae1f.js → index-bc0bb702.js} +1 -1
- package/build/esm/{index-2f662326.js → index-bc164b29.js} +1 -1
- package/build/esm/{index-74fa8b6c.js → index-be8796e7.js} +1 -1
- package/build/esm/{index-ddaf035f.js → index-bfedf676.js} +5 -5
- package/build/esm/{index-ed6de348.js → index-c0415065.js} +5 -5
- package/build/esm/{index-f3d112e1.js → index-c0ebb2b2.js} +1 -1
- package/build/esm/{index-fb597f63.js → index-c29ee7ea.js} +73 -73
- package/build/esm/{index-a90eca27.js → index-c2d26c6c.js} +1 -1
- package/build/esm/{index-c2948898.js → index-c301fd1a.js} +68 -68
- package/build/esm/{index-2744d60b.js → index-c3218ee7.js} +2 -2
- package/build/esm/{index-96f20095.js → index-c346ff03.js} +1 -1
- package/build/esm/{index-fc3830f4.js → index-c3af4894.js} +1 -1
- package/build/esm/{index-72efdb02.js → index-c4be3aab.js} +65 -65
- package/build/esm/{index-1f5d7d2b.js → index-c6364abe.js} +1 -1
- package/build/esm/{index-2f1ec53e.js → index-c6a1ebd1.js} +1 -1
- package/build/esm/{index-f1594f46.js → index-c6aa255d.js} +6 -6
- package/build/esm/{index-6e142003.js → index-c6b5409b.js} +8 -8
- package/build/esm/{index-753e578b.js → index-c6ed7856.js} +1 -1
- package/build/esm/{index-d69bc776.js → index-c7b54e6d.js} +1 -1
- package/build/esm/{index-78c30d63.js → index-c823d66f.js} +5 -5
- package/build/esm/{index-1aa170f7.js → index-c9569c56.js} +1 -1
- package/build/esm/{index-211217c7.js → index-ca7be908.js} +4 -4
- package/build/esm/{index-a7e70159.js → index-cb77dd65.js} +1 -1
- package/build/esm/{index-fabe67b6.js → index-cc0b0c44.js} +1 -1
- package/build/esm/{index-40cf1ca2.js → index-ccc35dd3.js} +2 -2
- package/build/esm/{index-df8d5298.js → index-cd576bb2.js} +1 -1
- package/build/esm/{index-7bef288c.js → index-cf136eaa.js} +1 -1
- package/build/esm/{index-fb4ea3c3.js → index-cf7ec58e.js} +2 -2
- package/build/esm/{index-b23b8890.js → index-d32327a1.js} +3 -3
- package/build/esm/{index-3669574d.js → index-d4bf3c54.js} +2 -2
- package/build/esm/{index-4b7357d5.js → index-d5908bc3.js} +3 -3
- package/build/esm/{index-1361ec87.js → index-d5c16c30.js} +2 -2
- package/build/esm/{index-7b941005.js → index-d5c6f833.js} +1 -1
- package/build/esm/{index-eae71f1a.js → index-d6087d3a.js} +1 -1
- package/build/esm/{index-e87d9974.js → index-d67b5aa2.js} +1 -1
- package/build/esm/{index-8d0b85c1.js → index-d6d991c0.js} +1 -1
- package/build/esm/{index-672ea04a.js → index-d77c3226.js} +1 -1
- package/build/esm/{index-60e59034.js → index-d9bf683b.js} +1 -1
- package/build/esm/{index-61a5fb85.js → index-d9d0dc36.js} +1 -1
- package/build/esm/{index-4dc2ffe8.js → index-e06c7810.js} +1044 -576
- package/build/esm/index-e20b821b.js +72 -0
- package/build/esm/{index-a92bab60.js → index-e2689021.js} +1 -1
- package/build/esm/{index-9ec2575d.js → index-e2d2ebe2.js} +1 -1
- package/build/esm/{index-b40bacfe.js → index-e3e5f751.js} +1 -1
- package/build/esm/{index-f393e324.js → index-e42df8c1.js} +2 -2
- package/build/esm/{index-3b1b3539.js → index-e4430645.js} +1 -1
- package/build/esm/{index-9cd6820c.js → index-e6068b69.js} +1 -1
- package/build/esm/{index-0ee09835.js → index-e6ad8f91.js} +2 -2
- package/build/esm/{index-0e47c63c.js → index-e762d0a9.js} +1 -1
- package/build/esm/{index-ff65b3c7.js → index-e90adb8e.js} +1 -1
- package/build/esm/{index-3e00a147.js → index-eb14337f.js} +3 -3
- package/build/esm/{index-30ef43d4.js → index-eb2a25e5.js} +1 -1
- package/build/esm/{index-0d245742.js → index-ebe21a71.js} +89 -89
- package/build/esm/{index-5e8706e9.js → index-ec0bd3c9.js} +1 -1
- package/build/esm/{index-8e598ac6.js → index-ecaf8f5f.js} +87 -87
- package/build/esm/{index-f89f1bb5.js → index-ed33e6cd.js} +3 -3
- package/build/esm/{index-f40c43ba.js → index-f012cf0d.js} +1 -1
- package/build/esm/{index-f4d95517.js → index-f05a46d0.js} +1 -1
- package/build/esm/{index-187d6e33.js → index-f23da432.js} +1 -1
- package/build/esm/{index-2337f733.js → index-f38621d7.js} +1 -1
- package/build/esm/{index-e19ac221.js → index-f450a476.js} +1 -1
- package/build/esm/{index-5be60ddf.js → index-fc74ae2c.js} +4 -4
- package/build/esm/{index-24cc916b.js → index-fe134a59.js} +1 -1
- package/build/esm/{index-1cc7410c.js → index-fede29f7.js} +3 -3
- package/build/esm/{index-795c0fbe.js → index-ff383429.js} +1 -1
- package/build/esm/{index-167c00d4.js → index-ffbc155e.js} +1 -1
- package/build/esm/index.js +1 -1
- package/build/esm/{index.module-dcbfa4a7.js → index.module-0a229c27.js} +1 -1
- package/build/esm/{index.module-6743da68.js → index.module-4de2730d.js} +1 -1
- package/build/esm/{index.module-79870477.js → index.module-4fe30b30.js} +1 -1
- package/build/esm/{index.module-5b205f7f.js → index.module-82a99f62.js} +1 -1
- package/build/esm/{index.module-e7cef57b.js → index.module-9cc253f3.js} +1 -1
- package/build/esm/{index.module-a0eb99ed.js → index.module-ab3909de.js} +1 -1
- package/build/esm/{index.module-16a900be.js → index.module-ab74f403.js} +1 -1
- package/build/esm/{index.module-be53d4bf.js → index.module-b93b193b.js} +2 -2
- package/build/esm/{index.module-6f4ddb2a.js → index.module-e1111cf1.js} +1 -1
- package/build/esm/{useCustomDimensions-79bea366.js → useCustomDimensions-bfa26f17.js} +1 -1
- package/build/esm/{ussIsSticky-c40d1d3b.js → ussIsSticky-2ef48633.js} +1 -1
- package/build/types/web-planner-react/src/components/GlobalElements/Checkout/CreateAppointment/index.d.ts.map +1 -1
- package/build/types/web-planner-react/src/components/GlobalElements/Checkout/Header/index.d.ts.map +1 -1
- package/build/types/web-planner-react/src/components/GlobalElements/Checkout/QuitModal/ConfiguratorQuitModal.d.ts +14 -0
- package/build/types/web-planner-react/src/components/GlobalElements/Checkout/QuitModal/ConfiguratorQuitModal.d.ts.map +1 -0
- package/build/types/web-planner-react/src/components/GlobalElements/Checkout/QuitModal/openPlannerQuitModal.d.ts +5 -0
- package/build/types/web-planner-react/src/components/GlobalElements/Checkout/QuitModal/openPlannerQuitModal.d.ts.map +1 -0
- package/build/types/web-planner-react/src/components/GlobalElements/Checkout/QuitModal/quitModalFlow.d.ts +7 -0
- package/build/types/web-planner-react/src/components/GlobalElements/Checkout/QuitModal/quitModalFlow.d.ts.map +1 -0
- package/build/types/web-planner-react/src/components/GlobalElements/Checkout/Save/index.d.ts +1 -1
- package/build/types/web-planner-react/src/components/GlobalElements/Checkout/Save/index.d.ts.map +1 -1
- package/build/types/web-planner-react/src/components/GlobalElements/Checkout/Share/LoadingButton/index.d.ts +3 -2
- package/build/types/web-planner-react/src/components/GlobalElements/Checkout/Share/LoadingButton/index.d.ts.map +1 -1
- package/build/types/web-planner-react/src/components/GlobalElements/Checkout/Share/ShareViaEmail/index.d.ts.map +1 -1
- package/build/types/web-planner-react/src/components/GlobalElements/Checkout/Share/ShareViaUrl/index.d.ts.map +1 -1
- package/build/types/web-planner-react/src/components/GlobalElements/Checkout/handleMail.d.ts +4 -0
- package/build/types/web-planner-react/src/components/GlobalElements/Checkout/handleMail.d.ts.map +1 -0
- package/build/types/web-planner-react/src/components/GlobalElements/Checkout/index.d.ts +2 -2
- package/build/types/web-planner-react/src/components/GlobalElements/Checkout/index.d.ts.map +1 -1
- package/build/types/web-planner-react/src/components/Product/ProductCenter/PlannerAIRoom/index.d.ts.map +1 -1
- package/build/types/web-planner-react/src/components/Product/ProductHeader/Functions/StyleIndicator/index.d.ts.map +1 -1
- package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/StyleConsultant/index.d.ts.map +1 -1
- package/build/types/web-planner-react/src/model/DivaViewHandler.d.ts.map +1 -1
- package/build/types/web-planner-react/src/model/States/UIState/AI/index.d.ts +5 -1
- package/build/types/web-planner-react/src/model/States/UIState/AI/index.d.ts.map +1 -1
- package/build/types/web-planner-react/src/model/States/UIState/Settings/index.d.ts +0 -4
- package/build/types/web-planner-react/src/model/States/UIState/Settings/index.d.ts.map +1 -1
- package/build/types/web-planner-react/src/model/States/UIState/Tabgroups/index.d.ts.map +1 -1
- package/build/types/web-planner-react/src/model/States/UIState/index.d.ts +1 -1
- package/build/types/web-planner-react/src/model/States/UIState/index.d.ts.map +1 -1
- package/build/umd/1451.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/176.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/2359.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/2591.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/3134.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/3543.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/419.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/4729.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/4874.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/4982.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/509.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/5343.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/5974.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/6822.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/7692.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/8410.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/8515.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/8539.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/9354.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/9638.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/9715.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/report.html +1 -1
- package/package.json +8 -8
- package/build/esm/UnlockCard-efefccbf.js +0 -191
- package/build/esm/index-3f3646bd.js +0 -96
- package/build/esm/index-fa44ac21.js +0 -61
- package/build/esm/index-feb7dd9e.js +0 -216
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 4874.diva-web-planner-react.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4874],{44874:(n,e,i)=>{i.r(e),i.d(e,{default:()=>x});var t=i(84658),o=i(34988),r=i(50747),d=i.n(r),a=i(87363),l=i(88683),s=i(44353),p=i(47514);const x=function UnlockCard(n){var e=n.budgetTotal,i=n.leadBonus,r=n.leadKeyActive,x=n.onSubmit,u=n.onSuccess,m=(0,l.useTranslation)().t,c=(0,a.useState)(""),h=(0,o.Z)(c,2),g=h[0],b=h[1],v=(0,a.useState)(r||i<=0?"exhausted":"form"),f=(0,o.Z)(v,2),w=f[0],y=f[1],S=(0,a.useState)(""),k=(0,o.Z)(S,2),Z=k[0],z=k[1],M=function(){var n=(0,t.Z)(d().mark((function _callee(){var n,e,i,t;return d().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return y("loading"),z(""),o.next=4,x(g);case 4:null!=(n=o.sent)&&n.success?(y("success"),setTimeout((function(){return u()}),2500)):"LEAD_KEY_BONUS_EXHAUSTED"===(null==n?void 0:n.reason)?(z(null!==(e=null==n?void 0:n.message)&&void 0!==e?e:""),y("leadBonusExhausted")):"EMAIL_ALREADY_USED"===(null==n?void 0:n.reason)?(z(null!==(i=null==n?void 0:n.message)&&void 0!==i?i:""),y("emailAlreadyUsed")):(z(null!==(t=null==n?void 0:n.message)&&void 0!==t?t:""),y("error"));case 6:case"end":return o.stop()}}),_callee)})));return function handleSubmit(){return n.apply(this,arguments)}}();return"success"===w?(0,p.jsxs)("div",{className:"".concat(s.JK," ").concat(s.J2),children:[(0,p.jsx)("span",{className:s.JZ,children:"✓"}),(0,p.jsx)("p",{className:s.nP,children:m("configurator.inspiration.unlockSuccess","Erfolgreich freigeschaltet – jetzt weiter generieren!")})]}):"exhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.exhaustedTitle","Sie haben heute alle Raumbilder genutzt")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.exhaustedText","Ihr Kontingent ist für heute aufgebraucht. Kommen Sie morgen wieder – dann stehen Ihnen neue Raumbilder zur Verfügung.")})]}):"emailAlreadyUsed"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.emailAlreadyUsedTitle","Diese E-Mail-Adresse wurde bereits verwendet")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.emailAlreadyUsedText","Die Freischaltung zusätzlicher Raumbilder ist pro E-Mail-Adresse nur einmal möglich.")})]}):"leadBonusExhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.leadKeyBonusExhaustedTitle","Bonus-Kontingent aufgebraucht")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.leadKeyBonusExhaustedText","Für diese E-Mail-Adresse sind alle zusätzlichen Raumbilder bereits verbraucht. Es können keine weiteren Bilder mehr freigeschaltet werden.")})]}):(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.unlockTitle","Gefällt Ihnen, was Sie sehen?")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.unlockTextLead",{budgetTotal:e,leadBonus:i})}),(0,p.jsx)("input",{type:"email",className:s.eZ,value:g,onChange:function onChange(n){return b(n.target.value)},placeholder:m("configurator.inspiration.emailPlaceholder","ihre.email@beispiel.de"),disabled:"loading"===w}),"error"===w&&Z&&(0,p.jsx)("p",{className:s._x,children:Z}),(0,p.jsxs)("button",{type:"button",className:s.by,disabled:"loading"===w||!l.DivaUtils.validateEmail(g),onClick:M,children:["loading"===w?m("configurator.inspiration.unlocking","Wird freigeschaltet…"):m("configurator.inspiration.unlockButton","".concat(i," weitere Raumbilder freischalten")),"loading"!==w&&(0,p.jsx)("span",{className:s.Sm,children:"→"})]})]})}},41996:(n,e,i)=>{i.d(e,{J2:()=>j,JK:()=>z,JZ:()=>B,M3:()=>v,MZ:()=>V,N1:()=>S,N3:()=>Z,RF:()=>y,Se:()=>s,Sm:()=>N,Te:()=>g,Xf:()=>x,YO:()=>E,Yh:()=>_,ZP:()=>C,Zg:()=>b,_g:()=>T,_x:()=>A,a9:()=>f,bx:()=>q,by:()=>K,ch:()=>c,eZ:()=>F,fQ:()=>u,fU:()=>R,fh:()=>k,is:()=>m,mY:()=>p,nC:()=>a,nP:()=>P,pl:()=>w,tS:()=>l,w:()=>h,zP:()=>M});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([n.id,".index-module--wzL3X {\n padding-top: 16px;\n padding-left: 12px;\n}\n\n.mobile .index-module--wzL3X {\n padding-left: 0px;\n}\n\n.index-module--HfhVm {\n font-size: 14px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0;\n}\n\n.index-module--vyBko {\n font-size: 18px;\n font-weight: 300;\n line-height: 1.3;\n letter-spacing: inherit;\n color: var(--diva-theme-palette-text-primary);\n margin: 0 0 8px;\n}\n\n.index-module--gveXM {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0 0 16px;\n}\n\n.mobile .index-module--gveXM {\n margin: 0 0 8px;\n}\n\n.index-module--G6Rna {\n margin-bottom: 16px;\n}\n\n.index-module--bdezP {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0;\n}\n\n.mobile .index-module--bdezP {\n font-size: 12px;\n}\n\n.index-module--aZSKq {\n margin-bottom: 16px;\n min-height: 60px;\n overflow: visible;\n}\n\n.index-module--aZSKq .swiper {\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 6px 0;\n z-index: 1;\n}\n\n.index-module--aZSKq .swiper-wrapper {\n position: relative;\n width: calc(100% - 24px);\n height: 100%;\n z-index: 1;\n display: flex;\n align-items: center;\n transition-property: transform;\n justify-content: center;\n padding: 12px;\n}\n\n.index-module--G6Rna .index-module--aZSKq .swiper-slide {\n flex-shrink: 0;\n width: 18%;\n aspect-ratio: 1;\n display: flex;\n align-items: center;\n overflow: visible;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .swiper-button-next {\n position: absolute;\n top: 50%;\n width: 24px;\n height: 24px;\n margin-top: -12px;\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n.index-module--aZSKq .swiper-button-prev svg,\n.index-module--aZSKq .swiper-button-next svg {\n display: none;\n}\n\n.index-module--aZSKq .swiper-button-prev:focus,\n.index-module--aZSKq .swiper-button-prev:active,\n.index-module--aZSKq .swiper-button-next:focus,\n.index-module--aZSKq .swiper-button-next:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aZSKq .swiper-button-prev::before,\n.index-module--aZSKq .swiper-button-next::before {\n display: none !important;\n}\n\n.index-module--aZSKq .swiper-button-prev:after,\n.index-module--aZSKq .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: 24px;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .swiper-rtl .swiper-button-next {\n left: 4px;\n right: auto;\n}\n\n.index-module--aZSKq .swiper-button-next,\n.index-module--aZSKq .swiper-rtl .swiper-button-prev {\n right: 4px;\n left: auto;\n}\n\n.index-module--aZSKq .swiper-button-disabled {\n display: none;\n}\n\n.index-module--pFM1x {\n width: 100%;\n height: 100%;\n min-width: 0;\n padding: 0;\n border: none;\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n background: none;\n transition:\n opacity 0.2s,\n box-shadow 0.2s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n\n.index-module--pFM1x:hover {\n opacity: 0.8;\n}\n\n.index-module--pFM1x:focus,\n.index-module--pFM1x:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--xmg3Q {\n box-shadow: 0 0 0 3px var(--diva-theme-palette-primary-main);\n outline-offset: 2px;\n}\n\n.index-module--lU5QC {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n\n.index-module--ZbFvM {\n text-align: center;\n}\n\n.index-module--G1goE {\n font-size: 16px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-primary);\n margin: 0 0 8px;\n}\n\n.index-module--Mm_Ad {\n margin-bottom: 16px;\n}\n\n.index-module--fP54b {\n width: calc(100% - 28px);\n padding: 10px 14px;\n font-size: 14px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-primary);\n border: 1px solid #e8e3da;\n border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n background: var(--settingsBackgroundColor);\n}\n\n.index-module--fP54b:focus {\n outline: none;\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--fP54b::-moz-placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--fP54b::placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--NybYq {\n margin-bottom: 24px;\n}\n\n.index-module--aFhln {\n width: calc(100% - 48px);\n padding: 14px 24px;\n font-size: 16px;\n font-weight: 300;\n color: #fff;\n color: var(--diva-theme-palette-primary-contrast-text, #fff);\n background: var(--diva-theme-palette-primary-main);\n border: none;\n border-radius: var(--buttons-border-radius);\n cursor: pointer;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n box-shadow: var(--boxShadowHover, 0 4px 6px rgba(0, 0, 0, 0.1));\n transition:\n background 0.2s,\n box-shadow 0.2s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n\n.index-module--aFhln:focus,\n.index-module--aFhln:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aFhln:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-dark);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n box-shadow: var(--boxShadowActive, 0 6px 12px rgba(0, 0, 0, 0.15));\n}\n\n.index-module--aFhln:disabled {\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n.index-module--kSA5W {\n font-size: 12px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-secondary);\n text-align: center;\n margin: 8px 0 0;\n}\n\n.index-module--YivLn {\n font-size: 13px;\n font-weight: 400;\n line-height: 1.5;\n color: #d32f2f;\n color: var(--diva-theme-palette-error-main, #d32f2f);\n background: color-mix(in srgb, #d32f2f 8%, transparent);\n background: color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 8%, transparent);\n border: 1px solid color-mix(in srgb, #d32f2f 25%, transparent);\n border: 1px solid color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 25%, transparent);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n padding: 10px 14px;\n margin: 12px 0 0;\n text-align: center;\n}\n\n.index-module--P1E7G {\n padding: 24px 20px;\n border: 2px solid color-mix(in srgb, var(--diva-theme-palette-primary-main) 20%, transparent);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n background: var(--settingsBackgroundColor);\n text-align: center;\n}\n\n.index-module--gbyhE {\n font-size: 18px;\n font-weight: 300;\n\n color: var(--diva-theme-palette-primary-main);\n margin: 0 0 12px;\n}\n\n.index-module--T4neK {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.6;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0 0 16px;\n}\n\n.index-module--SVhBo {\n width: calc(100% - 28px);\n padding: 12px 14px;\n font-size: 16px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-primary);\n border: 1px solid #e8e3da;\n border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n background: var(--settingsBackgroundColor);\n margin-bottom: 12px;\n}\n\n.index-module--SVhBo:focus {\n outline: none;\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--SVhBo::-moz-placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--SVhBo::placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--jsuNR {\n width: calc(100% - 48px);\n padding: 14px 24px;\n font-size: 14px;\n font-weight: 400;\n color: #fff;\n color: var(--diva-theme-palette-primary-contrast-text, #fff);\n background: var(--diva-theme-palette-primary-main);\n border: none;\n border-radius: var(--buttons-border-radius);\n cursor: pointer;\n transition:\n background 0.2s,\n box-shadow 0.2s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n}\n\n.index-module--jsuNR:focus,\n.index-module--jsuNR:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--jsuNR:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-dark);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n box-shadow: var(--boxShadowActive, 0 6px 12px rgba(0, 0, 0, 0.15));\n}\n\n.index-module--jsuNR:disabled {\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n.index-module--DBkmW {\n font-size: 18px;\n line-height: 1;\n}\n\n.index-module--ZuwzE {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 12px;\n min-height: 120px;\n}\n\n.index-module--cFEvx {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: var(--diva-theme-palette-primary-main);\n color: #fff;\n color: var(--diva-theme-palette-primary-contrast-text, #fff);\n font-size: 20px;\n line-height: 1;\n}\n\n.index-module--mT13P {\n font-size: 15px;\n font-weight: 400;\n color: var(--diva-theme-palette-text-primary);\n margin: 0;\n}\n\n.index-module--Q2H7T {\n display: block;\n margin: 12px auto 24px;\n padding: 0;\n font-size: 14px;\n font-weight: 300;\n color: var(--diva-theme-palette-primary-main);\n text-decoration: underline;\n text-underline-offset: 3px;\n background: none;\n border: none;\n cursor: pointer;\n transition: color 0.15s;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--Q2H7T:hover {\n color: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--mwN_Y {\n margin-top: 24px;\n}\n\n.index-module--keDwN {\n font-size: 12px;\n font-weight: 300;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0 0 12px;\n}\n\n.index-module--MFAVd {\n padding-bottom: 8px;\n}\n\n.index-module--MFAVd .swiper {\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n}\n\n.index-module--MFAVd .swiper-wrapper {\n position: relative;\n height: 100%;\n z-index: 1;\n display: flex;\n align-items: center;\n transition-property: transform;\n padding: 12px;\n}\n\n.index-module--mwN_Y .index-module--MFAVd .swiper-slide {\n flex-shrink: 0;\n width: 80px;\n height: 80px;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .swiper-button-next {\n position: absolute;\n top: 50%;\n width: 24px;\n height: 24px;\n margin-top: -12px;\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n\n.index-module--MFAVd .swiper-button-prev svg,\n.index-module--MFAVd .swiper-button-next svg {\n display: none;\n}\n\n.index-module--MFAVd .swiper-button-prev:focus,\n.index-module--MFAVd .swiper-button-prev:active,\n.index-module--MFAVd .swiper-button-next:focus,\n.index-module--MFAVd .swiper-button-next:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--MFAVd .swiper-button-prev::before,\n.index-module--MFAVd .swiper-button-next::before {\n display: none !important;\n}\n\n.index-module--MFAVd .swiper-button-prev:after,\n.index-module--MFAVd .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: 24px;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .swiper-rtl .swiper-button-next {\n left: 4px;\n right: auto;\n}\n\n.index-module--MFAVd .swiper-button-next,\n.index-module--MFAVd .swiper-rtl .swiper-button-prev {\n right: 4px;\n left: auto;\n}\n\n.index-module--MFAVd .swiper-button-prev:after {\n content: 'prev';\n}\n\n.index-module--MFAVd .swiper-button-next:after {\n content: 'next';\n}\n\n.index-module--MFAVd .swiper-button-disabled {\n display: none;\n}\n\n.index-module--ZSu4D {\n width: 80px;\n height: 80px;\n flex-shrink: 0;\n overflow: hidden;\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n border: 2px solid #e8e3da;\n border: 2px solid var(--galleryItemBorderColor, #e8e3da);\n cursor: pointer;\n transition:\n border-color 0.2s,\n box-shadow 0.2s;\n}\n\n.index-module--ZSu4D:hover {\n border-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--IIB9r {\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 2px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--ZSu4D img {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n",""]);var a="index-module--wzL3X",l="index-module--HfhVm",s="index-module--vyBko",p="index-module--gveXM",x="index-module--G6Rna",u="index-module--bdezP",m="index-module--aZSKq",c="index-module--pFM1x",h="index-module--xmg3Q",g="index-module--lU5QC",b="index-module--ZbFvM",v="index-module--G1goE",f="index-module--Mm_Ad",w="index-module--fP54b",y="index-module--NybYq",S="index-module--aFhln",k="index-module--kSA5W",Z="index-module--YivLn",z="index-module--P1E7G",M="index-module--gbyhE",A="index-module--T4neK",F="index-module--SVhBo",K="index-module--jsuNR",N="index-module--DBkmW",j="index-module--ZuwzE",B="index-module--cFEvx",P="index-module--mT13P",V="index-module--Q2H7T",E="index-module--mwN_Y",R="index-module--keDwN",T="index-module--MFAVd",q="index-module--ZSu4D",_="index-module--IIB9r";const C=d},44353:(n,e,i)=>{i.d(e,{J2:()=>h.J2,JK:()=>h.JK,JZ:()=>h.JZ,M3:()=>h.M3,MZ:()=>h.MZ,N1:()=>h.N1,N3:()=>h.N3,RF:()=>h.RF,Se:()=>h.Se,Sm:()=>h.Sm,Te:()=>h.Te,Xf:()=>h.Xf,YO:()=>h.YO,Yh:()=>h.Yh,Zg:()=>h.Zg,_g:()=>h._g,_x:()=>h._x,a9:()=>h.a9,bx:()=>h.bx,by:()=>h.by,ch:()=>h.ch,eZ:()=>h.eZ,fQ:()=>h.fQ,fU:()=>h.fU,fh:()=>h.fh,is:()=>h.is,mY:()=>h.mY,nC:()=>h.nC,nP:()=>h.nP,pl:()=>h.pl,tS:()=>h.tS,w:()=>h.w,zP:()=>h.zP});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),a=i(90569),l=i.n(a),s=i(3565),p=i.n(s),x=i(19216),u=i.n(x),m=i(44589),c=i.n(m),h=i(41996),g={};g.styleTagTransform=c(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=u();o()(h.ZP,g),h.ZP&&h.ZP.locals&&h.ZP.locals}}]);
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4874],{44874:(n,e,i)=>{i.r(e),i.d(e,{default:()=>x});var t=i(84658),o=i(34988),r=i(50747),d=i.n(r),a=i(87363),l=i(88683),s=i(44353),p=i(47514);const x=function UnlockCard(n){var e=n.budgetTotal,i=n.leadBonus,r=n.leadKeyActive,x=n.onSubmit,m=n.onSuccess,u=(0,l.useTranslation)().t,c=(0,a.useState)(""),h=(0,o.Z)(c,2),g=h[0],b=h[1],f=(0,a.useState)(r||i<=0?"exhausted":"form"),v=(0,o.Z)(f,2),w=v[0],y=v[1],k=(0,a.useState)(""),z=(0,o.Z)(k,2),M=z[0],S=z[1],j=function(){var n=(0,t.Z)(d().mark((function _callee(){var n,e,i,t;return d().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return y("loading"),S(""),o.next=4,x(g);case 4:null!=(n=o.sent)&&n.success?(y("success"),setTimeout((function(){return m()}),2500)):"LEAD_KEY_BONUS_EXHAUSTED"===(null==n?void 0:n.reason)?(S(null!==(e=null==n?void 0:n.message)&&void 0!==e?e:""),y("leadBonusExhausted")):"EMAIL_ALREADY_USED"===(null==n?void 0:n.reason)?(S(null!==(i=null==n?void 0:n.message)&&void 0!==i?i:""),y("emailAlreadyUsed")):(S(null!==(t=null==n?void 0:n.message)&&void 0!==t?t:""),y("error"));case 6:case"end":return o.stop()}}),_callee)})));return function handleSubmit(){return n.apply(this,arguments)}}();return"success"===w?(0,p.jsxs)("div",{className:"".concat(s.JK," ").concat(s.J2),children:[(0,p.jsx)("span",{className:s.JZ,children:"✓"}),(0,p.jsx)("p",{className:s.nP,children:u("configurator.inspiration.unlockSuccess","Erfolgreich freigeschaltet – jetzt weiter generieren!")})]}):"exhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:u("configurator.inspiration.exhaustedTitle","Sie haben heute alle Raumbilder genutzt")}),(0,p.jsx)("p",{className:s._x,children:u("configurator.inspiration.exhaustedText","Ihr Kontingent ist für heute aufgebraucht. Kommen Sie morgen wieder – dann stehen Ihnen neue Raumbilder zur Verfügung.")})]}):"emailAlreadyUsed"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:u("configurator.inspiration.emailAlreadyUsedTitle","Diese E-Mail-Adresse wurde bereits verwendet")}),(0,p.jsx)("p",{className:s._x,children:u("configurator.inspiration.emailAlreadyUsedText","Die Freischaltung zusätzlicher Raumbilder ist pro E-Mail-Adresse nur einmal möglich.")})]}):"leadBonusExhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:u("configurator.inspiration.leadKeyBonusExhaustedTitle","Bonus-Kontingent aufgebraucht")}),(0,p.jsx)("p",{className:s._x,children:u("configurator.inspiration.leadKeyBonusExhaustedText","Für diese E-Mail-Adresse sind alle zusätzlichen Raumbilder bereits verbraucht. Es können keine weiteren Bilder mehr freigeschaltet werden.")})]}):(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:u("configurator.inspiration.unlockTitle","Gefällt Ihnen, was Sie sehen?")}),(0,p.jsx)("p",{className:s._x,children:u("configurator.inspiration.unlockTextLead",{budgetTotal:e,leadBonus:i})}),(0,p.jsx)("input",{type:"email",className:s.eZ,value:g,onChange:function onChange(n){return b(n.target.value)},placeholder:u("configurator.inspiration.emailPlaceholder","ihre.email@beispiel.de"),disabled:"loading"===w}),"error"===w&&M&&(0,p.jsx)("p",{className:s._x,children:M}),(0,p.jsxs)("button",{type:"button",className:s.by,disabled:"loading"===w||!l.DivaUtils.validateEmail(g),onClick:j,children:["loading"===w?u("configurator.inspiration.unlocking","Wird freigeschaltet…"):u("configurator.inspiration.unlockButton","".concat(i," weitere Raumbilder freischalten")),"loading"!==w&&(0,p.jsx)("span",{className:s.Sm,children:"→"})]})]})}},41996:(n,e,i)=>{i.d(e,{HM:()=>j,J2:()=>T,JK:()=>N,JZ:()=>q,L_:()=>B,MZ:()=>R,Mt:()=>g,N1:()=>F,N3:()=>K,Nz:()=>w,RF:()=>Z,Se:()=>s,Sm:()=>E,Te:()=>y,X4:()=>L,Xf:()=>x,YO:()=>I,Yh:()=>D,ZP:()=>nn,_g:()=>H,_x:()=>C,a9:()=>z,aH:()=>b,bx:()=>J,by:()=>V,cM:()=>U,cU:()=>v,ch:()=>c,eZ:()=>P,fF:()=>$,fQ:()=>m,fU:()=>Y,fZ:()=>S,fh:()=>A,is:()=>u,lH:()=>O,lr:()=>k,mY:()=>p,nC:()=>a,nP:()=>G,p5:()=>W,pl:()=>M,sG:()=>f,tS:()=>l,tg:()=>Q,tj:()=>X,w:()=>h,zP:()=>_});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([n.id,".index-module--wzL3X {\n padding-top: 16px;\n padding-left: 12px;\n}\n\n.mobile .index-module--wzL3X {\n padding-left: 0px;\n}\n\n.index-module--HfhVm {\n font-size: 14px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0;\n}\n\n.index-module--vyBko {\n font-size: 18px;\n font-weight: 300;\n line-height: 1.3;\n letter-spacing: inherit;\n color: var(--diva-theme-palette-text-primary);\n margin: 0 0 8px;\n}\n\n.index-module--gveXM {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0 0 16px;\n}\n\n.mobile .index-module--gveXM {\n margin: 0 0 8px;\n}\n\n.index-module--G6Rna {\n margin-bottom: 16px;\n}\n\n.index-module--bdezP {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0;\n}\n\n.mobile .index-module--bdezP {\n font-size: 12px;\n}\n\n.index-module--aZSKq {\n margin-bottom: 16px;\n min-height: 60px;\n overflow: visible;\n}\n\n.index-module--aZSKq .swiper {\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 6px 0;\n z-index: 1;\n}\n\n.index-module--aZSKq .swiper-wrapper {\n position: relative;\n width: calc(100% - 24px);\n height: 100%;\n z-index: 1;\n display: flex;\n align-items: center;\n transition-property: transform;\n padding: 12px;\n}\n\n.index-module--G6Rna .index-module--aZSKq .swiper-slide {\n flex-shrink: 0;\n width: 28%;\n display: flex;\n align-items: center;\n overflow: visible;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .swiper-button-next {\n position: absolute;\n top: 50%;\n width: 24px;\n height: 24px;\n margin-top: -12px;\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n.index-module--aZSKq .swiper-button-prev svg,\n.index-module--aZSKq .swiper-button-next svg {\n display: none;\n}\n\n.index-module--aZSKq .swiper-button-prev:focus,\n.index-module--aZSKq .swiper-button-prev:active,\n.index-module--aZSKq .swiper-button-next:focus,\n.index-module--aZSKq .swiper-button-next:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aZSKq .swiper-button-prev::before,\n.index-module--aZSKq .swiper-button-next::before {\n display: none !important;\n}\n\n.index-module--aZSKq .swiper-button-prev:after,\n.index-module--aZSKq .swiper-button-next:after {\n text-transform: none !important;\n}\n\n.index-module--aZSKq .swiper-button-prev:after,\n.index-module--aZSKq .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: 24px;\n letter-spacing: 0;\n font-feature-settings: ;\n font-variant: normal;\n font-variant: initial;\n line-height: 1;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .swiper-rtl .swiper-button-next {\n left: 4px;\n right: auto;\n}\n\n.index-module--aZSKq .swiper-button-next,\n.index-module--aZSKq .swiper-rtl .swiper-button-prev {\n right: 4px;\n left: auto;\n}\n\n.index-module--aZSKq .swiper-button-disabled {\n display: none;\n}\n\n.index-module--pFM1x {\n position: relative;\n width: 100%;\n min-width: 0;\n padding: 0;\n border: 2px solid transparent;\n border-radius: 10px;\n overflow: hidden;\n cursor: pointer;\n background: none;\n transition:\n border-color 0.2s,\n box-shadow 0.2s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n aspect-ratio: 4 / 3;\n}\n\n.index-module--pFM1x:hover:not(:disabled) {\n border-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--pFM1x:focus,\n.index-module--pFM1x:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--pFM1x:disabled {\n cursor: not-allowed;\n opacity: 0.55;\n}\n\n.index-module--xmg3Q {\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--zTGew {\n position: relative;\n width: calc(100% - 24px);\n margin-left: 12px;\n margin-right: 12px;\n border-radius: 12px;\n overflow: hidden;\n margin-bottom: 4px;\n aspect-ratio: 5 / 3;\n}\n\n.index-module--mMYtn {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n display: block;\n}\n\n.index-module--grjwv {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 24px 20px 20px;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, transparent 100%);\n color: #fff;\n}\n\n.index-module--XFwBR {\n font-size: 22px;\n font-weight: 400;\n line-height: 1.3;\n margin: 0 0 4px;\n color: #fff;\n}\n\n.index-module--IQC5h {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n margin: 0;\n color: rgba(255, 255, 255, 0.9);\n}\n\n.index-module--lU5QC {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n border-radius: 8px;\n}\n\n.index-module--IBhOk {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 4px 6px 6px;\n font-size: 11px;\n font-weight: 400;\n line-height: 1.3;\n color: #fff;\n text-align: center;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);\n pointer-events: none;\n}\n\n.index-module--Mm_Ad {\n margin-bottom: 16px;\n}\n\n.mobile .index-module--Mm_Ad {\n margin-bottom: 8px;\n}\n\n.index-module--Imnn0 {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 0;\n margin-bottom: 10px;\n font-size: 13px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-secondary);\n background: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n\n.index-module--Imnn0:hover {\n color: var(--diva-theme-palette-text-primary);\n}\n\n.index-module--n5d05 {\n color: var(--diva-theme-palette-text-primary);\n}\n\n.index-module--fP54b {\n width: calc(100% - 28px);\n padding: 12px 14px;\n font-size: 16px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-primary);\n border: 1px solid #e8e3da;\n border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n border-radius: 24px;\n background: var(--settingsBackgroundColor);\n margin-bottom: 10px;\n}\n\n.index-module--fP54b:focus {\n outline: none;\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--fP54b::-moz-placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--fP54b::placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--mjBGC {\n margin-bottom: 4px;\n}\n\n.index-module--mjBGC .swiper {\n position: relative;\n overflow: hidden;\n padding: 2px 0;\n}\n\n.index-module--mjBGC .swiper-wrapper {\n display: flex;\n align-items: center;\n}\n\n.index-module--mjBGC .swiper-slide {\n width: auto !important;\n}\n\n.index-module--mjBGC .swiper-slide {\n flex-shrink: 0;\n}\n\n.index-module--mjBGC .swiper-button-prev,\n.index-module--mjBGC .swiper-button-next {\n display: none;\n}\n\n.index-module--_FEnM {\n padding: 8px 16px;\n font-size: 13px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-primary);\n background: var(--settingsBackgroundColor);\n border: 1px solid #e8e3da;\n border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n border-radius: 20px;\n cursor: pointer;\n white-space: nowrap;\n transition:\n border-color 0.2s,\n background 0.2s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n\n.index-module--_FEnM:hover {\n border-color: var(--diva-theme-palette-primary-main);\n background: color-mix(in srgb, var(--diva-theme-palette-primary-main) 6%, #fff);\n background: color-mix(in srgb, var(--diva-theme-palette-primary-main) 6%, var(--settingsBackgroundColor, #fff));\n}\n\n.index-module--NybYq {\n margin-bottom: 24px;\n}\n\n.index-module--aFhln {\n width: calc(100% - 48px);\n padding: 16px 24px;\n font-size: 16px;\n font-weight: 400;\n color: #fff;\n color: var(--diva-theme-palette-primary-contrast-text, #fff);\n background: var(--diva-theme-palette-primary-main);\n border: none;\n border-radius: 16px;\n cursor: pointer;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n transition:\n background 0.2s,\n box-shadow 0.2s,\n transform 0.15s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2px;\n}\n\n.index-module--aFhln:focus,\n.index-module--aFhln:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aFhln:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-dark);\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);\n transform: translateY(-1px);\n}\n\n.index-module--aFhln:disabled {\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n.index-module--nu_Ms {\n font-size: 12px;\n font-weight: 300;\n opacity: 0.75;\n}\n\n.index-module--kSA5W {\n font-size: 12px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-secondary);\n text-align: center;\n margin: 8px 0 0;\n}\n\n.index-module--YivLn {\n font-size: 13px;\n font-weight: 400;\n line-height: 1.5;\n color: #d32f2f;\n color: var(--diva-theme-palette-error-main, #d32f2f);\n background: color-mix(in srgb, #d32f2f 8%, transparent);\n background: color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 8%, transparent);\n border: 1px solid color-mix(in srgb, #d32f2f 25%, transparent);\n border: 1px solid color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 25%, transparent);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n padding: 10px 14px;\n margin: 12px 0 0;\n text-align: center;\n}\n\n.index-module--P1E7G {\n padding: 24px 20px;\n border: 2px solid color-mix(in srgb, var(--diva-theme-palette-primary-main) 20%, transparent);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n background: var(--settingsBackgroundColor);\n text-align: center;\n}\n\n.index-module--gbyhE {\n font-size: 18px;\n font-weight: 300;\n\n color: var(--diva-theme-palette-primary-main);\n margin: 0 0 12px;\n}\n\n.index-module--T4neK {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.6;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0 0 16px;\n}\n\n.index-module--SVhBo {\n width: calc(100% - 28px);\n padding: 12px 14px;\n font-size: 16px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-primary);\n border: 1px solid #e8e3da;\n border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n background: var(--settingsBackgroundColor);\n margin-bottom: 12px;\n}\n\n.index-module--SVhBo:focus {\n outline: none;\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--SVhBo::-moz-placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--SVhBo::placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--jsuNR {\n width: calc(100% - 48px);\n padding: 14px 24px;\n font-size: 14px;\n font-weight: 400;\n color: #fff;\n color: var(--diva-theme-palette-primary-contrast-text, #fff);\n background: var(--diva-theme-palette-primary-main);\n border: none;\n border-radius: var(--buttons-border-radius);\n cursor: pointer;\n transition:\n background 0.2s,\n box-shadow 0.2s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n}\n\n.index-module--jsuNR:focus,\n.index-module--jsuNR:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--jsuNR:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-dark);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n box-shadow: var(--boxShadowActive, 0 6px 12px rgba(0, 0, 0, 0.15));\n}\n\n.index-module--jsuNR:disabled {\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n.index-module--DBkmW {\n font-size: 18px;\n line-height: 1;\n}\n\n.index-module--ZuwzE {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 12px;\n min-height: 120px;\n}\n\n.index-module--cFEvx {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: var(--diva-theme-palette-primary-main);\n color: #fff;\n color: var(--diva-theme-palette-primary-contrast-text, #fff);\n font-size: 20px;\n line-height: 1;\n}\n\n.index-module--mT13P {\n font-size: 15px;\n font-weight: 400;\n color: var(--diva-theme-palette-text-primary);\n margin: 0;\n}\n\n.index-module--Q2H7T {\n display: block;\n margin: 12px auto 24px;\n padding: 0;\n font-size: 14px;\n font-weight: 300;\n color: var(--diva-theme-palette-primary-main);\n text-decoration: underline;\n text-underline-offset: 3px;\n background: none;\n border: none;\n cursor: pointer;\n transition: color 0.15s;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--Q2H7T:hover {\n color: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--mwN_Y {\n}\n\n.index-module--keDwN {\n font-size: 15px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0 0 0 2px;\n}\n\n.index-module--MFAVd {\n padding-bottom: 8px;\n}\n\n.index-module--MFAVd .swiper {\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n}\n\n.index-module--MFAVd .swiper-wrapper {\n position: relative;\n height: 100%;\n z-index: 1;\n display: flex;\n align-items: center;\n transition-property: transform;\n padding: 12px 3px;\n}\n\n.index-module--mwN_Y .index-module--MFAVd .swiper-slide {\n flex-shrink: 0;\n width: 108px;\n height: auto;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .swiper-button-next {\n position: absolute;\n top: 50%;\n width: 24px;\n height: 24px;\n margin-top: -12px;\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n\n.index-module--MFAVd .swiper-button-prev svg,\n.index-module--MFAVd .swiper-button-next svg {\n display: none;\n}\n\n.index-module--MFAVd .swiper-button-prev:focus,\n.index-module--MFAVd .swiper-button-prev:active,\n.index-module--MFAVd .swiper-button-next:focus,\n.index-module--MFAVd .swiper-button-next:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--MFAVd .swiper-button-prev::before,\n.index-module--MFAVd .swiper-button-next::before {\n display: none !important;\n}\n\n.index-module--MFAVd .swiper-button-prev:after,\n.index-module--MFAVd .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: 24px;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .swiper-rtl .swiper-button-next {\n left: 4px;\n right: auto;\n}\n\n.index-module--MFAVd .swiper-button-next,\n.index-module--MFAVd .swiper-rtl .swiper-button-prev {\n right: 4px;\n left: auto;\n}\n\n.index-module--MFAVd .swiper-button-prev:after {\n content: 'prev';\n}\n\n.index-module--MFAVd .swiper-button-next:after {\n content: 'next';\n}\n\n.index-module--MFAVd .swiper-button-disabled {\n display: none;\n}\n\n.index-module--ZSu4D {\n position: relative;\n width: 100%;\n aspect-ratio: 4 / 3;\n flex-shrink: 0;\n overflow: hidden;\n border-radius: 8px;\n border: 1px solid #e8e3da;\n border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n cursor: pointer;\n transition:\n border-color 0.2s,\n box-shadow 0.2s;\n}\n\n.index-module--ZSu4D:hover {\n border-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--IIB9r {\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--ZSu4D img {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n\n.index-module--GGzws {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 12px 6px 5px;\n font-size: 10px;\n font-weight: 400;\n line-height: 1.2;\n color: #fff;\n text-align: center;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, transparent 100%);\n pointer-events: none;\n}\n\n.index-module--H4FiG {\n position: relative;\n width: 100%;\n aspect-ratio: 4 / 3;\n flex-shrink: 0;\n overflow: hidden;\n border-radius: 8px;\n border: 1px solid #e8e3da;\n border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n background: #f5efe8;\n display: flex;\n align-items: center;\n justify-content: center;\n transition:\n border-color 0.2s,\n box-shadow 0.2s;\n}\n\n.index-module--x3KHo {\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--hkfnv {\n font-size: 24px;\n opacity: 0.5;\n color: #c9a96e;\n}\n\n.index-module--JBQI_ {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n opacity: 0.6;\n}\n\n.index-module--BZg2m {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.55);\n -webkit-backdrop-filter: blur(1px);\n backdrop-filter: blur(1px);\n}\n\n.index-module--KtjLB {\n width: 22px;\n height: 22px;\n border: 2px solid rgba(0, 0, 0, 0.15);\n border-top-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n animation: index-module--M9Lc_ 0.8s linear infinite;\n}\n\n@keyframes index-module--M9Lc_ {\n to {\n transform: rotate(360deg);\n }\n}\n",""]);var a="index-module--wzL3X",l="index-module--HfhVm",s="index-module--vyBko",p="index-module--gveXM",x="index-module--G6Rna",m="index-module--bdezP",u="index-module--aZSKq",c="index-module--pFM1x",h="index-module--xmg3Q",g="index-module--zTGew",b="index-module--mMYtn",f="index-module--grjwv",v="index-module--XFwBR",w="index-module--IQC5h",y="index-module--lU5QC",k="index-module--IBhOk",z="index-module--Mm_Ad",M="index-module--fP54b",S="index-module--mjBGC",j="index-module--_FEnM",Z="index-module--NybYq",F="index-module--aFhln",B="index-module--nu_Ms",A="index-module--kSA5W",K="index-module--YivLn",N="index-module--P1E7G",_="index-module--gbyhE",C="index-module--T4neK",P="index-module--SVhBo",V="index-module--jsuNR",E="index-module--DBkmW",T="index-module--ZuwzE",q="index-module--cFEvx",G="index-module--mT13P",R="index-module--Q2H7T",I="index-module--mwN_Y",Y="index-module--keDwN",H="index-module--MFAVd",J="index-module--ZSu4D",D="index-module--IIB9r",U="index-module--GGzws",L="index-module--H4FiG",X="index-module--x3KHo",Q="index-module--hkfnv",W="index-module--JBQI_",O="index-module--BZg2m",$="index-module--KtjLB";const nn=d},44353:(n,e,i)=>{i.d(e,{HM:()=>h.HM,J2:()=>h.J2,JK:()=>h.JK,JZ:()=>h.JZ,L_:()=>h.L_,MZ:()=>h.MZ,Mt:()=>h.Mt,N1:()=>h.N1,N3:()=>h.N3,Nz:()=>h.Nz,RF:()=>h.RF,Se:()=>h.Se,Sm:()=>h.Sm,Te:()=>h.Te,X4:()=>h.X4,Xf:()=>h.Xf,YO:()=>h.YO,Yh:()=>h.Yh,_g:()=>h._g,_x:()=>h._x,a9:()=>h.a9,aH:()=>h.aH,bx:()=>h.bx,by:()=>h.by,cM:()=>h.cM,cU:()=>h.cU,ch:()=>h.ch,eZ:()=>h.eZ,fF:()=>h.fF,fQ:()=>h.fQ,fU:()=>h.fU,fZ:()=>h.fZ,fh:()=>h.fh,is:()=>h.is,lH:()=>h.lH,lr:()=>h.lr,mY:()=>h.mY,nC:()=>h.nC,nP:()=>h.nP,p5:()=>h.p5,pl:()=>h.pl,sG:()=>h.sG,tS:()=>h.tS,tg:()=>h.tg,tj:()=>h.tj,w:()=>h.w,zP:()=>h.zP});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),a=i(90569),l=i.n(a),s=i(3565),p=i.n(s),x=i(19216),m=i.n(x),u=i(44589),c=i.n(u),h=i(41996),g={};g.styleTagTransform=c(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=m();o()(h.ZP,g),h.ZP&&h.ZP.locals&&h.ZP.locals}}]);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 4982.diva-web-planner-react.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4982],{74982:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var t=i(87363),r=i(71815),o=i(59838),a=i(9420),d=i(25709),s=i(93379),l=i.n(s),p=i(7795),u=i.n(p),x=i(90569),c=i.n(x),f=i(3565),w=i.n(f),g=i(19216),m=i.n(g),b=i(44589),v=i.n(b),h=i(41060),D={};D.styleTagTransform=v(),D.setAttributes=w(),D.insert=c().bind(null,"head"),D.domAPI=u(),D.insertStyleElement=m();l()(h.ZP,D);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=i(82956),W=i(65515),F=i.n(W),M=i(34988),L=i(88683);function useDrawerHook(){var n=(0,d.NP)(),e=(0,t.useState)(n.uiState.isMobilePortrait),i=(0,M.Z)(e,2),r=i[0],o=i[1],a=(0,t.useState)(!1),s=(0,M.Z)(a,2),l=s[0],p=s[1],u=(0,t.useState)(0),x=(0,M.Z)(u,2),c=x[0],f=x[1],w=(0,t.useState)(0),g=(0,M.Z)(w,2),m=g[0],b=g[1],v=(0,t.useState)(0),h=(0,M.Z)(v,2),D=h[0],y=h[1],W=(0,t.useState)(0),F=(0,M.Z)(W,2),k=F[0],z=F[1],I=(0,t.useState)(!1),S=(0,M.Z)(I,2),P=S[0],j=S[1],Z=(0,t.useRef)(null),N=(0,L.useDivaCore)().state.dimensions,A=N.width,C=N.height,T=n.uiState.snapPoints,E=(0,t.useState)((function(){var e=n.uiState.snapPoints[n.settingsState.activeSnapPointIndex];return e?"".concat(e,"px"):"50%"})),H=(0,M.Z)(E,2),R=H[0],B=H[1];(0,t.useEffect)((function(){var e=!n.uiState.isMobilePortrait;o(!e)}),[n.uiState.isInMobileView,n.uiState.isMobileLandscape,n.uiState.isTablet,A,C]),(0,t.useEffect)((function(){if(!l){var e=n.settingsState.activeSnapPointIndex,i=T[e];void 0!==i&&B("".concat(i,"px"))}}),[n.settingsState.activeSnapPointIndex,l,T]);var G=(0,t.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);(0,t.useEffect)((function(){return function(){window.removeEventListener("touchmove",G)}}),[G]);return{open:r,toggleDrawer:function toggleDrawer(e){o(e),e||n.settingsState.setActiveSnapPointIndex(2)},drawerHeight:R,handleTouchStart:function handleTouchStart(n){var e=n.touches[0];f(e.clientY),b(e.pageX),y(e.clientY),z(Date.now()),j(!1),p(!1)},handleTouchMove:function handleTouchMove(e){var i=e.touches[0],t=i.clientY,r=i.pageX,o=Math.abs(t-c),a=Math.abs(r-m);if(!P&&o>=1&&o>2*a&&(j(!0),p(!0),window.addEventListener("touchmove",G,{passive:!1})),P&&T.length>0){y(t);var d=c-t,s=T[n.settingsState.activeSnapPointIndex]||T[2],l=T[T.length-1],u=T[0],x=Math.max(u,Math.min(l,s+d));B("".concat(x,"px"))}},handleTouchEnd:function handleTouchEnd(){if(window.removeEventListener("touchmove",G),l){var e=c-D,i=Date.now()-k,t=i>0?e/i:0,r=function findNearestSnapPoint(e,i){if(Math.abs(i)>.5){var t=n.settingsState.activeSnapPointIndex;return i>0?Math.min(T.length-1,t+1):Math.max(0,t-1)}for(var r=0,o=Math.abs(e-T[0]),a=1;a<T.length;a++){var d=Math.abs(e-T[a]);d<o&&(o=d,r=a)}return r}(T[n.settingsState.activeSnapPointIndex]+e,t);p(!1),j(!1),requestAnimationFrame((function(){n.settingsState.setActiveSnapPointIndex(r)}))}else j(!1)},drawerRef:Z,isDragging:l}}var k=i(47514);const z=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,i=n.children,t=(0,d.NP)(),a=useDrawerHook(),s=a.open,l=a.toggleDrawer,p=a.drawerHeight,u=a.handleTouchStart,x=a.handleTouchMove,c=a.handleTouchEnd,f=a.drawerRef,w=a.isDragging,g="undefined"!=typeof navigator&&/iPad|iPhone|iPod/.test(navigator.userAgent);return(0,k.jsxs)(r.Z,{anchor:"bottom",open:s,onClose:function onClose(){return l(!1)},onOpen:function onOpen(){return l(!0)},disableSwipeToOpen:!0,disableBackdropTransition:!g,disableDiscovery:!0,variant:"persistent",ModalProps:{keepMounted:!0,disableEnforceFocus:!0,disableAutoFocus:!0},PaperProps:{ref:f,className:h.kh,style:{height:p,opacity:t.uiState.isMobileLandscape?0:1,position:"absolute",transition:w?"none":"height 0.3s cubic-bezier(0.4, 0.0, 0.2, 1)",willChange:w?"height":"auto",borderTopRightRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",borderTopLeftRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",overflow:"visible"},elevation:0},children:[(0,k.jsxs)(o.Z,{className:F()(h.aq),onTouchStart:u,onTouchMove:x,onTouchEnd:c,sx:{cursor:"grab",userSelect:"none"},children:[(0,k.jsx)("div",{className:h.Rx,children:(0,k.jsx)("div",{className:h.uQ})}),(0,k.jsx)("div",{className:h.ad,children:e})]}),t.uiState.isInMobileView&&(0,k.jsx)("div",{className:F()(y.Iz,h.J7),children:i})]})}))},41060:(n,e,i)=>{i.d(e,{J7:()=>l,Rx:()=>p,ZP:()=>c,ad:()=>x,aq:()=>s,kh:()=>d,uQ:()=>u});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o)()(r());a.push([n.id,".index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 1;\n overscroll-behavior: contain;\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n transform: translateZ(0);\n -webkit-transform: translateZ(0);\n}\n\n.diva-fullscreen .index-module--qmbFa {\n position: fixed;\n}\n\n/* Fix for mobile browser address bar showing/hiding */\n@supports (height: 100dvh) {\n .index-module--qmbFa {\n max-height: 100dvh;\n }\n}\n\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n touch-action: none;\n cursor: grab;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n background-color: var(--settingsBackgroundColor);\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n transform: translateZ(0);\n -webkit-transform: translateZ(0);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: none;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n cursor: grab;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n.index-module--J3CNu {\n background-color: rgba(0, 0, 0, 0.4);\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n opacity: 0;\n top: -1000px;\n height: 300vh;\n left: -50px;\n width: 200vw;\n\n animation: index-module--iPGVo 0.3s ease-in forwards;\n z-index: 10000;\n}\n\n.index-module--o7FfX {\n position: absolute;\n z-index: 10001;\n width: 100%;\n left: 0;\n right: 0;\n bottom: 0;\n overscroll-behavior: contain;\n}\n\n.index-module--WmNT3 {\n display: flex;\n flex-direction: column;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n border: 0px solid #e4e4e7;\n border-bottom: none;\n border-top-width: 1px;\n z-index: 2000000;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n background-color: rgba(255, 255, 255, 0.95);\n}\n\n.index-module--tKmMA {\n padding: 8px 32px;\n}\n.index-module--VJ4nl {\n overflow-y: auto;\n overflow-x: hidden;\n padding: 0px 32px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n gap: 12px;\n}\n\ndiv.index-module--D36Jg {\n background: transparent;\n}\n\n.index-module--OiC7z {\n width: calc(36px);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--bshn5 {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -10px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.index-module--vyzUi {\n min-height: 36px;\n width: 100%;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",p="index-module--WO2oD",u="index-module--BVoP4",x="index-module--yfZrB";const c=a},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>y,EN:()=>M,Iz:()=>D,ZP:()=>L,al:()=>v,nW:()=>F,s1:()=>W,vt:()=>g,yk:()=>h,zh:()=>b});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(38403),i.b),p=new URL(i(27557),i.b),u=new URL(i(64197),i.b),x=a()(r()),c=s()(l),f=s()(p),w=s()(u);x.push([n.id,".index-module--e1N3L {\n display: flex;\n flex-direction: column;\n overflow: visible;\n background-color: var(--settingsBackgroundColor);\n border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n position: absolute;\n top: calc(50% + 32px);\n left: -32px;\n width: 32px;\n height: 48px;\n background-color: var(--secondaryColor);\n z-index: 300;\n border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 19.2px;\n transition: opacity 0.2s ease;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n transform: rotate(180deg);\n border-radius: 0 3px 3px 0;\n}\n.index-module--IgnAA.index-module--RKDxk {\n opacity: 0;\n pointer-events: none;\n}\n\n.index-module--YLyjz {\n height: 100%;\n}\n\n.index-module--DWrfF {\n transform: translateZ(0);\n height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n height: 100%;\n overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n transition:\n height 0.45s ease,\n top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n position: absolute;\n top: calc(50% + 2rem);\n width: 1rem;\n height: 2rem;\n z-index: 1060;\n border-radius: var(--globalBorderRadius) 0 0 3px;\n background-repeat: no-repeat;\n background-image: url("+f+");\n background-size: 1.2rem;\n background-position: left;\n transition:\n left 0.1s ease 0.1s,\n width 0.2s ease,\n opacity 0.2s ease;\n cursor: pointer;\n opacity: 1;\n}\n\n.index-module--rLMX4 {\n left: -1.1rem;\n}\n\n.index-module--B75oj {\n left: 0.3rem;\n transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n left: 0.5rem;\n width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n left: calc(-1 * calc(1.9rem));\n width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n opacity: 0;\n pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n font-family: swiper-icons;\n src: url("+w+");\n font-weight: 400;\n font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n margin-left: auto;\n margin-right: auto;\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n width: 100%;\n --swiper-theme-color: #ccc;\n --swiper-navigation-size: 32px;\n --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n position: relative;\n width: calc(100% - 24px);\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n}\n.index-module--DWrfF .swiper-android .swiper-slide,\n.index-module--DWrfF .swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n}\n.index-module--DWrfF .swiper-pointer-events {\n touch-action: pan-y;\n}\n.index-module--DWrfF .swiper-pointer-events.swiper-vertical {\n touch-action: pan-x;\n}\n.index-module--DWrfF .swiper-slide {\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n position: relative;\n transition-property: transform;\n}\n\n.index-module--DWrfF .swiper-slide-invisible-blank {\n visibility: hidden;\n}\n.index-module--DWrfF .swiper-autoheight,\n.index-module--DWrfF .swiper-autoheight .swiper-slide {\n height: auto;\n}\n.index-module--DWrfF .swiper-autoheight .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n}\n.index-module--DWrfF .swiper-backface-hidden .swiper-slide {\n transform: translateZ(0);\n backface-visibility: hidden;\n}\n.index-module--DWrfF .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n}\n.index-module--DWrfF .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper::before {\n content: '';\n flex-shrink: 0;\n order: 9999;\n}\n[dir=\"ltr\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n height: 100%;\n min-height: 1px;\n width: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n width: 100%;\n min-width: 1px;\n height: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: center center;\n}\n\n/*navigation*/\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-button-next {\n position: absolute;\n top: 50%;\n top: var(--swiper-navigation-top-offset, 50%);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-theme-color);\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .swiper-button-next.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n}\n\n.index-module--DWrfF .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .swiper-button-next.swiper-button-hidden {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-next {\n display: none !important;\n}\n.index-module--DWrfF .swiper-button-prev svg,\n.index-module--DWrfF .swiper-button-next svg {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n transform-origin: center;\n}\n.index-module--DWrfF .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .swiper-rtl .swiper-button-next svg {\n transform: rotate(180deg);\n}\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-rtl .swiper-button-next {\n left: 10px;\n left: var(--swiper-navigation-sides-offset, 10px);\n right: auto;\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .swiper-button-lock {\n display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n text-transform: none !important;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n letter-spacing: 0;\n font-feature-settings: ;\n font-variant: normal;\n font-variant: initial;\n line-height: 1;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .swiper-button-next:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n}\n/* Navigation font end */\n\n.index-module--DWrfF .react-modal-sheet-header {\n top: -40px;\n}\n\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next {\n position: absolute;\n top: 50%;\n top: var(--swiper-navigation-top-offset, 50%);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-theme-color);\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n display: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next svg {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n transform-origin: center;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n transform: rotate(180deg);\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next {\n left: 10px;\n left: var(--swiper-navigation-sides-offset, 10px);\n right: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-lock {\n display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n text-transform: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n letter-spacing: 0;\n font-feature-settings: ;\n font-variant: normal;\n font-variant: initial;\n line-height: 1;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n}\n/* Navigation font end */\n",""]);var g="index-module--e1N3L",m="index-module--RKDxk",b="index-module--YiJDf",v="index-module--IgnAA",h="index-module--YLyjz",D="index-module--DWrfF",y="index-module--aD14m",W="index-module--eN6np",F="index-module--B75oj",M="index-module--rLMX4";const L=x},82956:(n,e,i)=>{i.d(e,{AH:()=>w.AH,AI:()=>w.AI,EN:()=>w.EN,Iz:()=>w.Iz,al:()=>w.al,nW:()=>w.nW,s1:()=>w.s1,vt:()=>w.vt,yk:()=>w.yk,zh:()=>w.zh});var t=i(93379),r=i.n(t),o=i(7795),a=i.n(o),d=i(90569),s=i.n(d),l=i(3565),p=i.n(l),u=i(19216),x=i.n(u),c=i(44589),f=i.n(c),w=i(62500),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=x();r()(w.ZP,g),w.ZP&&w.ZP.locals&&w.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4982],{74982:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var t=i(87363),r=i(71815),o=i(59838),a=i(9420),d=i(25709),s=i(93379),l=i.n(s),p=i(7795),u=i.n(p),x=i(90569),c=i.n(x),f=i(3565),w=i.n(f),g=i(19216),m=i.n(g),b=i(44589),v=i.n(b),h=i(41060),D={};D.styleTagTransform=v(),D.setAttributes=w(),D.insert=c().bind(null,"head"),D.domAPI=u(),D.insertStyleElement=m();l()(h.ZP,D);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=i(82956),W=i(65515),F=i.n(W),M=i(34988),L=i(88683);function useDrawerHook(){var n=(0,d.NP)(),e=(0,t.useState)(n.uiState.isMobilePortrait),i=(0,M.Z)(e,2),r=i[0],o=i[1],a=(0,t.useState)(!1),s=(0,M.Z)(a,2),l=s[0],p=s[1],u=(0,t.useState)(0),x=(0,M.Z)(u,2),c=x[0],f=x[1],w=(0,t.useState)(0),g=(0,M.Z)(w,2),m=g[0],b=g[1],v=(0,t.useState)(0),h=(0,M.Z)(v,2),D=h[0],y=h[1],W=(0,t.useState)(0),F=(0,M.Z)(W,2),k=F[0],z=F[1],I=(0,t.useState)(!1),S=(0,M.Z)(I,2),P=S[0],j=S[1],Z=(0,t.useRef)(null),N=(0,L.useDivaCore)().state.dimensions,A=N.width,C=N.height,T=n.uiState.snapPoints,E=(0,t.useState)((function(){var e=n.uiState.snapPoints[n.settingsState.activeSnapPointIndex];return e?"".concat(e,"px"):"50%"})),H=(0,M.Z)(E,2),R=H[0],B=H[1];(0,t.useEffect)((function(){var e=!n.uiState.isMobilePortrait;o(!e)}),[n.uiState.isInMobileView,n.uiState.isMobileLandscape,n.uiState.isTablet,A,C]),(0,t.useEffect)((function(){if(!l){var e=n.settingsState.activeSnapPointIndex,i=T[e];void 0!==i&&B("".concat(i,"px"))}}),[n.settingsState.activeSnapPointIndex,l,T]);var G=(0,t.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);(0,t.useEffect)((function(){return function(){window.removeEventListener("touchmove",G)}}),[G]);return{open:r,toggleDrawer:function toggleDrawer(e){o(e),e||n.settingsState.setActiveSnapPointIndex(2)},drawerHeight:R,handleTouchStart:function handleTouchStart(n){var e=n.touches[0];f(e.clientY),b(e.pageX),y(e.clientY),z(Date.now()),j(!1),p(!1)},handleTouchMove:function handleTouchMove(e){var i=e.touches[0],t=i.clientY,r=i.pageX,o=Math.abs(t-c),a=Math.abs(r-m);if(!P&&o>=1&&o>2*a&&(j(!0),p(!0),window.addEventListener("touchmove",G,{passive:!1})),P&&T.length>0){y(t);var d=c-t,s=T[n.settingsState.activeSnapPointIndex]||T[2],l=T[T.length-1],u=T[0],x=Math.max(u,Math.min(l,s+d));B("".concat(x,"px"))}},handleTouchEnd:function handleTouchEnd(){if(window.removeEventListener("touchmove",G),l){var e=c-D,i=Date.now()-k,t=i>0?e/i:0,r=function findNearestSnapPoint(e,i){if(Math.abs(i)>.5){var t=n.settingsState.activeSnapPointIndex;return i>0?Math.min(T.length-1,t+1):Math.max(0,t-1)}for(var r=0,o=Math.abs(e-T[0]),a=1;a<T.length;a++){var d=Math.abs(e-T[a]);d<o&&(o=d,r=a)}return r}(T[n.settingsState.activeSnapPointIndex]+e,t);p(!1),j(!1),requestAnimationFrame((function(){n.settingsState.setActiveSnapPointIndex(r)}))}else j(!1)},drawerRef:Z,isDragging:l}}var k=i(47514);const z=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,i=n.children,t=(0,d.NP)(),a=useDrawerHook(),s=a.open,l=a.toggleDrawer,p=a.drawerHeight,u=a.handleTouchStart,x=a.handleTouchMove,c=a.handleTouchEnd,f=a.drawerRef,w=a.isDragging,g="undefined"!=typeof navigator&&/iPad|iPhone|iPod/.test(navigator.userAgent);return(0,k.jsxs)(r.Z,{anchor:"bottom",open:s,onClose:function onClose(){return l(!1)},onOpen:function onOpen(){return l(!0)},disableSwipeToOpen:!0,disableBackdropTransition:!g,disableDiscovery:!0,variant:"persistent",ModalProps:{keepMounted:!0,disableEnforceFocus:!0,disableAutoFocus:!0},PaperProps:{ref:f,className:h.kh,style:{height:p,opacity:t.uiState.isMobileLandscape?0:1,position:"absolute",transition:w?"none":"height 0.3s cubic-bezier(0.4, 0.0, 0.2, 1)",willChange:w?"height":"auto",borderTopRightRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",borderTopLeftRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",overflow:"visible"},elevation:0},children:[(0,k.jsxs)(o.Z,{className:F()(h.aq),onTouchStart:u,onTouchMove:x,onTouchEnd:c,sx:{cursor:"grab",userSelect:"none"},children:[(0,k.jsx)("div",{className:h.Rx,children:(0,k.jsx)("div",{className:h.uQ})}),(0,k.jsx)("div",{className:h.ad,children:e})]}),t.uiState.isInMobileView&&(0,k.jsx)("div",{className:F()(y.Iz,h.J7),children:i})]})}))},41060:(n,e,i)=>{i.d(e,{J7:()=>l,Rx:()=>p,ZP:()=>c,ad:()=>x,aq:()=>s,kh:()=>d,uQ:()=>u});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o)()(r());a.push([n.id,".index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 1;\n overscroll-behavior: contain;\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n transform: translateZ(0);\n -webkit-transform: translateZ(0);\n}\n\n.diva-fullscreen .index-module--qmbFa {\n position: fixed;\n}\n\n/* Fix for mobile browser address bar showing/hiding */\n@supports (height: 100dvh) {\n .index-module--qmbFa {\n max-height: 100dvh;\n }\n}\n\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n touch-action: none;\n cursor: grab;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n background-color: var(--settingsBackgroundColor);\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n transform: translateZ(0);\n -webkit-transform: translateZ(0);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: none;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n cursor: grab;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n.index-module--J3CNu {\n background-color: rgba(0, 0, 0, 0.4);\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n opacity: 0;\n top: -1000px;\n height: 300vh;\n left: -50px;\n width: 200vw;\n\n animation: index-module--iPGVo 0.3s ease-in forwards;\n z-index: 10000;\n}\n\n.index-module--o7FfX {\n position: absolute;\n z-index: 10001;\n width: 100%;\n left: 0;\n right: 0;\n bottom: 0;\n overscroll-behavior: contain;\n}\n\n.index-module--WmNT3 {\n display: flex;\n flex-direction: column;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n border: 0px solid #e4e4e7;\n border-bottom: none;\n border-top-width: 1px;\n z-index: 2000000;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n background-color: rgba(255, 255, 255, 0.95);\n}\n\n.index-module--tKmMA {\n padding: 8px 32px;\n}\n.index-module--VJ4nl {\n overflow-y: auto;\n overflow-x: hidden;\n padding: 0px 32px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n gap: 12px;\n}\n\ndiv.index-module--D36Jg {\n background: transparent;\n}\n\n.index-module--OiC7z {\n width: calc(36px);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--bshn5 {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -10px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.index-module--vyzUi {\n min-height: 36px;\n width: 100%;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",p="index-module--WO2oD",u="index-module--BVoP4",x="index-module--yfZrB";const c=a},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>y,EN:()=>M,Iz:()=>D,ZP:()=>L,al:()=>v,nW:()=>F,s1:()=>W,vt:()=>g,yk:()=>h,zh:()=>b});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(38403),i.b),p=new URL(i(27557),i.b),u=new URL(i(64197),i.b),x=a()(r()),c=s()(l),f=s()(p),w=s()(u);x.push([n.id,".index-module--e1N3L {\n display: flex;\n flex-direction: column;\n overflow: visible;\n background-color: var(--settingsBackgroundColor);\n border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n position: absolute;\n top: calc(50% + 32px);\n left: -32px;\n width: 32px;\n height: 48px;\n background-color: var(--secondaryColor);\n z-index: 300;\n border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 19.2px;\n transition: opacity 0.2s ease;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n transform: rotate(180deg);\n border-radius: 0 3px 3px 0;\n}\n.index-module--IgnAA.index-module--RKDxk {\n opacity: 0;\n pointer-events: none;\n}\n\n.index-module--YLyjz {\n height: 100%;\n}\n\n.index-module--DWrfF {\n transform: translateZ(0);\n height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n height: 100%;\n overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n transition:\n height 0.45s ease,\n top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n position: absolute;\n top: calc(50% + 2rem);\n width: 1rem;\n height: 2rem;\n z-index: 1060;\n border-radius: var(--globalBorderRadius) 0 0 3px;\n background-repeat: no-repeat;\n background-image: url("+f+");\n background-size: 1.2rem;\n background-position: left;\n transition:\n left 0.1s ease 0.1s,\n width 0.2s ease,\n opacity 0.2s ease;\n cursor: pointer;\n opacity: 1;\n}\n\n.index-module--rLMX4 {\n left: -1.1rem;\n}\n\n.index-module--B75oj {\n left: 0.3rem;\n transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n left: 0.5rem;\n width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n left: calc(-1 * calc(1.9rem));\n width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n opacity: 0;\n pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n font-family: swiper-icons;\n src: url("+w+");\n font-weight: 400;\n font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n margin-left: auto;\n margin-right: auto;\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n width: 100%;\n --swiper-theme-color: #ccc;\n --swiper-navigation-size: 32px;\n --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n position: relative;\n width: calc(100% - 24px);\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n}\n.index-module--DWrfF .swiper-android .swiper-slide,\n.index-module--DWrfF .swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n}\n.index-module--DWrfF .swiper-pointer-events {\n touch-action: pan-y;\n}\n.index-module--DWrfF .swiper-pointer-events.swiper-vertical {\n touch-action: pan-x;\n}\n.index-module--DWrfF .swiper-slide {\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n position: relative;\n transition-property: transform;\n}\n\n.index-module--DWrfF .swiper-slide-invisible-blank {\n visibility: hidden;\n}\n.index-module--DWrfF .swiper-autoheight,\n.index-module--DWrfF .swiper-autoheight .swiper-slide {\n height: auto;\n}\n.index-module--DWrfF .swiper-autoheight .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n}\n.index-module--DWrfF .swiper-backface-hidden .swiper-slide {\n transform: translateZ(0);\n backface-visibility: hidden;\n}\n.index-module--DWrfF .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n}\n.index-module--DWrfF .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper::before {\n content: '';\n flex-shrink: 0;\n order: 9999;\n}\n[dir=\"ltr\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n height: 100%;\n min-height: 1px;\n width: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n width: 100%;\n min-width: 1px;\n height: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: center center;\n}\n\n/*navigation*/\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-button-next {\n position: absolute;\n top: 50%;\n top: var(--swiper-navigation-top-offset, 50%);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-theme-color);\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .swiper-button-next.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n}\n\n.index-module--DWrfF .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .swiper-button-next.swiper-button-hidden {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-next {\n display: none !important;\n}\n.index-module--DWrfF .swiper-button-prev svg,\n.index-module--DWrfF .swiper-button-next svg {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n transform-origin: center;\n}\n.index-module--DWrfF .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .swiper-rtl .swiper-button-next svg {\n transform: rotate(180deg);\n}\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-rtl .swiper-button-next {\n left: 10px;\n left: var(--swiper-navigation-sides-offset, 10px);\n right: auto;\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .swiper-button-lock {\n display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n text-transform: none !important;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n letter-spacing: 0;\n font-feature-settings: ;\n font-variant: normal;\n font-variant: initial;\n line-height: 1;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .swiper-button-next:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n}\n/* Navigation font end */\n\n.index-module--DWrfF .react-modal-sheet-header {\n top: -40px;\n}\n\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next {\n position: absolute;\n top: 50%;\n top: var(--swiper-navigation-top-offset, 50%);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-theme-color);\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n display: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next svg {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n transform-origin: center;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n transform: rotate(180deg);\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next {\n left: 10px;\n left: var(--swiper-navigation-sides-offset, 10px);\n right: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-lock {\n display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n text-transform: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n letter-spacing: 0;\n font-feature-settings: ;\n font-variant: normal;\n font-variant: initial;\n line-height: 1;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n}\n/* Navigation font end */\n",""]);var g="index-module--e1N3L",m="index-module--RKDxk",b="index-module--YiJDf",v="index-module--IgnAA",h="index-module--YLyjz",D="index-module--DWrfF",y="index-module--aD14m",W="index-module--eN6np",F="index-module--B75oj",M="index-module--rLMX4";const L=x},82956:(n,e,i)=>{i.d(e,{AH:()=>w.AH,AI:()=>w.AI,EN:()=>w.EN,Iz:()=>w.Iz,al:()=>w.al,nW:()=>w.nW,s1:()=>w.s1,vt:()=>w.vt,yk:()=>w.yk,zh:()=>w.zh});var t=i(93379),r=i.n(t),o=i(7795),a=i.n(o),d=i(90569),s=i.n(d),l=i(3565),p=i.n(l),u=i(19216),x=i.n(u),c=i(44589),f=i.n(c),w=i(62500),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=x();r()(w.ZP,g),w.ZP&&w.ZP.locals&&w.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 509.diva-web-planner-react.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[509],{80509:(e,t,i)=>{i.r(t),i.d(t,{default:()=>l});var n=i(25709),
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[509],{80509:(e,t,i)=>{i.r(t),i.d(t,{default:()=>l});var n=i(25709),r=i(9420),s=(i(87363),i(74133)),a=i(47514);const l=(0,r.Pi)((function SettingsHeaderContainer(e){var t,i,r=e.isScroller,l=void 0!==r&&r,d=(0,n.NP)(),o=d.settingsState.itemPalettes.get(1);if(!o)return(0,a.jsx)(a.Fragment,{});var S="CHECKOUT"!==o.configStepKey&&"Hidden"!==d.uiState.ViewConfig.headerInConfigPalette&&!(null!==(t=o.type)&&void 0!==t&&t.startsWith("PRODUCTS"))&&!(null!==(i=o.type)&&void 0!==i&&i.startsWith("PROMOTED"))&&(!d.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(o.configStepKey)||o.configStepKey.startsWith("SHELFARTICLE"))||!d.settingsState.posNrAreHidden;return(0,a.jsx)(a.Fragment,{children:S&&(0,a.jsx)(s.default,{isInScroller:l,isSettingsHeader:!o.isHeader,item:o,header:!0})})}))}}]);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 5343.diva-web-planner-react.umd.min.js.LICENSE.txt */
|
|
2
|
-
(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5343,304,2743],{59698:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var o=n(96177),r=n(47514);const i=(0,o.Z)((0,r.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var o=n(96177),r=n(47514);const i=(0,o.Z)((0,r.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(e,t,n)=>{"use strict";n.d(t,{Z:()=>createSvgIcon});var o=n(87363),r=n(87726),i=n(39916),a=n(22791),s=n(97843),l=n(80518),c=n(19596),u=n(14685),p=n(65734);function getSvgIconUtilityClass(e){return(0,p.ZP)("MuiSvgIcon",e)}(0,u.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var d=n(47514);const f=(0,s.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,"inherit"!==n.color&&t[`color${(0,a.Z)(n.color)}`],t[`fontSize${(0,a.Z)(n.fontSize)}`]]}})((0,l.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([t])=>({props:{color:t},style:{color:(e.vars??e).palette?.[t]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),h=o.forwardRef((function SvgIcon(e,t){const n=(0,c.i)({props:e,name:"MuiSvgIcon"}),{children:s,className:l,color:u="inherit",component:p="svg",fontSize:h="medium",htmlColor:v,inheritViewBox:y=!1,titleAccess:m,viewBox:b="0 0 24 24",...g}=n,_=o.isValidElement(s)&&"svg"===s.type,O={...n,color:u,component:p,fontSize:h,instanceFontSize:e.fontSize,inheritViewBox:y,viewBox:b,hasSvgAsChild:_},w={};y||(w.viewBox=b);const S=(e=>{const{color:t,fontSize:n,classes:o}=e,r={root:["root","inherit"!==t&&`color${(0,a.Z)(t)}`,`fontSize${(0,a.Z)(n)}`]};return(0,i.Z)(r,getSvgIconUtilityClass,o)})(O);return(0,d.jsxs)(f,{as:p,className:(0,r.Z)(S.root,l),focusable:"false",color:v,"aria-hidden":!m||void 0,role:m?"img":void 0,ref:t,...w,...g,..._&&s.props,ownerState:O,children:[_?s.props.children:s,m?(0,d.jsx)("title",{children:m}):null]})}));h.muiName="SvgIcon";const v=h;function createSvgIcon(e,t){function Component(n,o){return(0,d.jsx)(v,{"data-testid":`${t}Icon`,ref:o,...n,children:e})}return Component.muiName=v.muiName,o.memo(o.forwardRef(Component))}},10304:(e,t,n)=>{"use strict";t.Z=void 0;var o=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(n,r,i):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(87363)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(this,arguments)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var i="Select...",a=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?i:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,o.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?i:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var o=0,r=t.length;o<r;o++)if("group"===t[o].type){var i=t[o].items.filter((function(t){return t.value===e}));i.length&&(n=i[0])}else void 0!==t[o].value&&t[o].value===e&&(n=t[o]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var i=e.label||e.value||e,a=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",a),t),l=(0,r.default)(s),c=Object.keys(e.data||{}).reduce((function(t,n){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t,_defineProperty({},"data-".concat(n),e.data[n]))}),{});return o.default.createElement("div",_extends({key:n,className:l,onMouseDown:this.setValue.bind(this,n,i),onClick:this.setValue.bind(this,n,i),role:"option","aria-selected":a?"true":"false"},c),i)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,r=t.baseClassName,i=n.map((function(t){if("group"===t.type){var n=o.default.createElement("div",{className:"".concat(r,"-title")},t.name),i=t.items.map((function(t){return e.renderOption(t)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,i)}return e.renderOption(t)}));return i.length?i:o.default.createElement("div",{className:"".concat(r,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var e,t,n,i,a,s=this.props,l=s.baseClassName,c=s.controlClassName,u=s.placeholderClassName,p=s.menuClassName,d=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,v=s.className,y=this.props.disabled?"Dropdown-disabled":"",m="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,r.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,v,!!v),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,r.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,c,!!c),_defineProperty(t,y,!!y),t)),_=(0,r.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,u,!!u),_defineProperty(n,"is-selected",this.isValueSelected()),n)),O=(0,r.default)((_defineProperty(i={},"".concat(l,"-menu"),!0),_defineProperty(i,p,!!p),i)),w=(0,r.default)((_defineProperty(a={},"".concat(l,"-arrow"),!0),_defineProperty(a,d,!!d),a)),S=o.default.createElement("div",{className:_},m),P=this.state.isOpen?o.default.createElement("div",{className:O,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:b},o.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},S,o.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:w}))),P)}}]),Dropdown}(o.Component);a.defaultProps={baseClassName:"Dropdown"};var s=a;t.Z=s},86526:function(e,t,n){e.exports=function(e,t){"use strict";var __assign=function(){return __assign=Object.assign||function __assign(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},__assign.apply(this,arguments)};function useInView(e){var n=e.ref,o=e.rootMargin,r=void 0===o?"10px":o,i=e.threshold,a=void 0===i?.4:i,s=e.repeat,l=void 0!==s&&s,c=t.useState(!1),u=c[0],p=c[1];return t.useEffect((function(){var e=null,t=new IntersectionObserver((function(e){var n=e[0];p(n.isIntersecting),!l&&n.intersectionRatio>0&&t.unobserve(n.target)}),{rootMargin:r,threshold:a});return n.current&&(t.observe(n.current),e=n.current),function(){e&&t.unobserve(e)}}),[n,p,r,a,l]),u}"function"==typeof SuppressedError&&SuppressedError;var n={position:"relative",width:"100%",overflow:"hidden"},marqueeItemsStyles=function(e,t,n,o){return __assign({display:"inline-block",whiteSpace:"nowrap",transform:"translate3d(-".concat(e,"px, 0, 0)"),animationName:"marqueeScroll",animationDuration:"".concat(t,"s"),animationTimingFunction:"linear",animationIterationCount:"infinite",animationPlayState:"var(--marquee-play)",animationDirection:"right"===n?"reverse":void 0},o&&{willChange:"transform"})},marqueeItemStyles=function(e){return{position:"relative",display:"inline-block",marginRight:e}},getClonedItems=function(e,t){return void 0===t&&(t=1),Array(t).fill(e).flat()};return function(o){var r,i=o.className,a=void 0===i?"marquee":i,s=o.duration,l=void 0===s?50:s,c=o.direction,u=void 0===c?"left":c,p=o.pauseOnHover,d=void 0!==p&&p,f=o.playOnlyInView,h=void 0===f||f,v=o.textSpacing,y=void 0===v?"0.15em":v,m=o.treshold,b=void 0===m?.1:m,g=o.children,_=t.useRef(null),O=t.useRef(null),w=t.useState(0),S=w[0],P=w[1],C=t.useState(t.Children.toArray(g)),k=C[0],D=C[1],j=t.useState(l),x=j[0],E=j[1],M=t.useState(!0),N=M[0],z=M[1],R=useInView({ref:_,rootMargin:"10px",threshold:[b],repeat:!0});t.useEffect((function(){var e=Math.floor(_.current.offsetWidth),n=Math.floor(O.current.scrollWidth),o=Math.max(2,Math.ceil(2*e/n)),r=n*Math.floor(o/2),i=l*parseFloat((r/e).toFixed(2));D(getClonedItems(t.Children.toArray(g),o)),P(r),E(i)}),[g,l]),t.useEffect((function(){h&&z(!!R)}),[R,h]);var handleMouseEnter=function(){d&&z(!1)},handleMouseLeave=function(){d&&z(!0)};return e.jsx("div",{ref:_,className:"".concat(a),style:__assign(__assign({},n),(r={},r["--marquee-play"]=N?"running":"paused",r)),onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,children:e.jsx("div",{className:"".concat(a,"__items"),style:marqueeItemsStyles(S,x,u),ref:O,children:k.map((function(t,n){return e.jsx("div",{className:"".concat(a,"__item"),style:marqueeItemStyles(y),children:t},n)}))})})}}(n(47514),n(87363))}}]);
|
|
2
|
+
(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5343,304,2743],{59698:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var o=n(96177),r=n(47514);const i=(0,o.Z)((0,r.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var o=n(96177),r=n(47514);const i=(0,o.Z)((0,r.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(e,t,n)=>{"use strict";n.d(t,{Z:()=>createSvgIcon});var o=n(87363),r=n(87726),i=n(39916),a=n(22791),s=n(97843),l=n(80518),c=n(19596),u=n(14685),p=n(65734);function getSvgIconUtilityClass(e){return(0,p.ZP)("MuiSvgIcon",e)}(0,u.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var d=n(47514);const f=(0,s.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,"inherit"!==n.color&&t[`color${(0,a.Z)(n.color)}`],t[`fontSize${(0,a.Z)(n.fontSize)}`]]}})((0,l.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([t])=>({props:{color:t},style:{color:(e.vars??e).palette?.[t]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),h=o.forwardRef((function SvgIcon(e,t){const n=(0,c.i)({props:e,name:"MuiSvgIcon"}),{children:s,className:l,color:u="inherit",component:p="svg",fontSize:h="medium",htmlColor:v,inheritViewBox:m=!1,titleAccess:y,viewBox:b="0 0 24 24",...g}=n,_=o.isValidElement(s)&&"svg"===s.type,S={...n,color:u,component:p,fontSize:h,instanceFontSize:e.fontSize,inheritViewBox:m,viewBox:b,hasSvgAsChild:_},O={};m||(O.viewBox=b);const w=(e=>{const{color:t,fontSize:n,classes:o}=e,r={root:["root","inherit"!==t&&`color${(0,a.Z)(t)}`,`fontSize${(0,a.Z)(n)}`]};return(0,i.Z)(r,getSvgIconUtilityClass,o)})(S);return(0,d.jsxs)(f,{as:p,className:(0,r.Z)(w.root,l),focusable:"false",color:v,"aria-hidden":!y||void 0,role:y?"img":void 0,ref:t,...O,...g,..._&&s.props,ownerState:S,children:[_?s.props.children:s,y?(0,d.jsx)("title",{children:y}):null]})}));h.muiName="SvgIcon";const v=h;function createSvgIcon(e,t){function Component(n,o){return(0,d.jsx)(v,{"data-testid":`${t}Icon`,ref:o,...n,children:e})}return Component.muiName=v.muiName,o.memo(o.forwardRef(Component))}},10304:(e,t,n)=>{"use strict";t.Z=void 0;var o=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(n,r,i):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(87363)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(this,arguments)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var i="Select...",a=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?i:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,o.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?i:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var o=0,r=t.length;o<r;o++)if("group"===t[o].type){var i=t[o].items.filter((function(t){return t.value===e}));i.length&&(n=i[0])}else void 0!==t[o].value&&t[o].value===e&&(n=t[o]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var i=e.label||e.value||e,a=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",a),t),l=(0,r.default)(s),c=Object.keys(e.data||{}).reduce((function(t,n){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t,_defineProperty({},"data-".concat(n),e.data[n]))}),{});return o.default.createElement("div",_extends({key:n,className:l,onMouseDown:this.setValue.bind(this,n,i),onClick:this.setValue.bind(this,n,i),role:"option","aria-selected":a?"true":"false"},c),i)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,r=t.baseClassName,i=n.map((function(t){if("group"===t.type){var n=o.default.createElement("div",{className:"".concat(r,"-title")},t.name),i=t.items.map((function(t){return e.renderOption(t)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,i)}return e.renderOption(t)}));return i.length?i:o.default.createElement("div",{className:"".concat(r,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var e,t,n,i,a,s=this.props,l=s.baseClassName,c=s.controlClassName,u=s.placeholderClassName,p=s.menuClassName,d=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,v=s.className,m=this.props.disabled?"Dropdown-disabled":"",y="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,r.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,v,!!v),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,r.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,c,!!c),_defineProperty(t,m,!!m),t)),_=(0,r.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,u,!!u),_defineProperty(n,"is-selected",this.isValueSelected()),n)),S=(0,r.default)((_defineProperty(i={},"".concat(l,"-menu"),!0),_defineProperty(i,p,!!p),i)),O=(0,r.default)((_defineProperty(a={},"".concat(l,"-arrow"),!0),_defineProperty(a,d,!!d),a)),w=o.default.createElement("div",{className:_},y),P=this.state.isOpen?o.default.createElement("div",{className:S,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:b},o.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},w,o.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:O}))),P)}}]),Dropdown}(o.Component);a.defaultProps={baseClassName:"Dropdown"};var s=a;t.Z=s},86526:function(e,t,n){e.exports=function(e,t){"use strict";var __assign=function(){return __assign=Object.assign||function __assign(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},__assign.apply(this,arguments)};function useInView(e){var n=e.ref,o=e.rootMargin,r=void 0===o?"10px":o,i=e.threshold,a=void 0===i?.4:i,s=e.repeat,l=void 0!==s&&s,c=t.useState(!1),u=c[0],p=c[1];return t.useEffect((function(){var e=null,t=new IntersectionObserver((function(e){var n=e[0];p(n.isIntersecting),!l&&n.intersectionRatio>0&&t.unobserve(n.target)}),{rootMargin:r,threshold:a});return n.current&&(t.observe(n.current),e=n.current),function(){e&&t.unobserve(e)}}),[n,p,r,a,l]),u}"function"==typeof SuppressedError&&SuppressedError;var n="\n@keyframes marqueeScroll {\n to {\n transform: translate3d(0, 0, 0);\n }\n}\n";function injectMarqueeStyles(){if("undefined"!=typeof document&&!document.getElementById("react-marquee-text-styles")){var e=document.createElement("style");e.id="react-marquee-text-styles",e.textContent=n,document.head.appendChild(e)}}var o={position:"relative",width:"100%",overflow:"hidden"},marqueeItemsStyles=function(e,t,n,o){return __assign({display:"inline-block",whiteSpace:"nowrap",transform:"translate3d(-".concat(e,"px, 0, 0)"),animationName:"marqueeScroll",animationDuration:"".concat(t,"s"),animationTimingFunction:"linear",animationIterationCount:"infinite",animationPlayState:"var(--marquee-play)",animationDirection:"right"===n?"reverse":void 0},o&&{willChange:"transform"})},marqueeItemStyles=function(e){return{position:"relative",display:"inline-block",marginRight:e}},getClonedItems=function(e,t){return void 0===t&&(t=1),Array(t).fill(e).flat()};return function(n){var r,i=n.className,a=void 0===i?"marquee":i,s=n.duration,l=void 0===s?50:s,c=n.direction,u=void 0===c?"left":c,p=n.pauseOnHover,d=void 0!==p&&p,f=n.playOnlyInView,h=void 0===f||f,v=n.textSpacing,m=void 0===v?"0.15em":v,y=n.treshold,b=void 0===y?.1:y,g=n.children,_=t.useRef(null),S=t.useRef(null),O=t.useState(0),w=O[0],P=O[1],C=t.useState(t.Children.toArray(g)),k=C[0],j=C[1],D=t.useState(l),x=D[0],E=D[1],M=t.useState(!0),N=M[0],z=M[1],R=useInView({ref:_,rootMargin:"10px",threshold:[b],repeat:!0});t.useEffect((function(){injectMarqueeStyles()}),[]),t.useEffect((function(){var e=Math.floor(_.current.offsetWidth),n=Math.floor(S.current.scrollWidth),o=Math.max(2,Math.ceil(2*e/n)),r=n*Math.floor(o/2),i=l*parseFloat((r/e).toFixed(2));j(getClonedItems(t.Children.toArray(g),o)),P(r),E(i)}),[g,l]),t.useEffect((function(){h&&z(!!R)}),[R,h]);var handleMouseEnter=function(){d&&z(!1)},handleMouseLeave=function(){d&&z(!0)};return e.jsx("div",{ref:_,className:"".concat(a),style:__assign(__assign({},o),(r={},r["--marquee-play"]=N?"running":"paused",r)),onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,children:e.jsx("div",{className:"".concat(a,"__items"),style:marqueeItemsStyles(w,x,u),ref:S,children:k.map((function(t,n){return e.jsx("div",{className:"".concat(a,"__item"),style:marqueeItemStyles(m),children:t},n)}))})})}}(n(47514),n(87363))}}]);
|