@crystaldesign/diva-web-planner-react 25.11.1-rc.0 → 25.11.1-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/esm/{ArticleProperties-e7a983e4.js → ArticleProperties-e903c7e4.js} +1 -1
- package/build/esm/{CatalogProperties-51404087.js → CatalogProperties-4d8d1a86.js} +1 -1
- package/build/esm/{DecisionVizualizer-30d41d05.js → DecisionVizualizer-a6b0bf37.js} +1 -1
- package/build/esm/{OptionProperties-2c977ae4.js → OptionProperties-43b7df8a.js} +1 -1
- package/build/esm/{OptionValueProperties-191adf8f.js → OptionValueProperties-e3cfe2b7.js} +1 -1
- package/build/esm/{Planner2DGrid-fc45c684.js → Planner2DGrid-35902222.js} +1 -1
- package/build/esm/{Planner3DImage-caa0c38a.js → Planner3DImage-314605ce.js} +1 -1
- package/build/esm/{index-3478816b.js → index-00762aab.js} +1 -1
- package/build/esm/{index-0cb28fa5.js → index-00c8a0da.js} +1 -1
- package/build/esm/{index-84eb0861.js → index-0118422a.js} +1 -1
- package/build/esm/{index-2111c01a.js → index-01a0354c.js} +18 -18
- package/build/esm/{index-974b557a.js → index-02eeb09f.js} +1 -1
- package/build/esm/{index-150884b6.js → index-03e1cd49.js} +6 -6
- package/build/esm/{index-b5d95fde.js → index-0463b1ef.js} +3 -3
- package/build/esm/{index-cf1ce7cf.js → index-048cd6e9.js} +3 -3
- package/build/esm/{index-c78744fd.js → index-0491b0b2.js} +63 -63
- package/build/esm/{index-9fb454f3.js → index-06da5e96.js} +80 -80
- package/build/esm/{index-9801771b.js → index-06e3066c.js} +1 -1
- package/build/esm/{index-0ae8cf1e.js → index-0713d838.js} +1 -1
- package/build/esm/{index-a0c1f196.js → index-0761eebe.js} +2 -2
- package/build/esm/{index-a14629ba.js → index-08b3a446.js} +1 -1
- package/build/esm/{index-bace7f50.js → index-08c0cb29.js} +4 -4
- package/build/esm/{index-de2ed5f4.js → index-08d5cba5.js} +7 -7
- package/build/esm/{index-9f44cda4.js → index-0986a1c1.js} +60 -60
- package/build/esm/{index-e72f9b16.js → index-0ad23f3a.js} +2 -2
- package/build/esm/{index-bef6e125.js → index-0d106fc4.js} +1 -1
- package/build/esm/{index-ddddf6c5.js → index-0d3ca221.js} +2 -2
- package/build/esm/{index-a1f4f22a.js → index-0d46e00c.js} +1 -1
- package/build/esm/{index-3b5e9c94.js → index-0e7541d2.js} +5 -5
- package/build/esm/{index-926be0ef.js → index-10d7db81.js} +1 -1
- package/build/esm/{index-42d373a1.js → index-10df6aa0.js} +1 -1
- package/build/esm/{index-a2201514.js → index-129a50c7.js} +1 -1
- package/build/esm/{index-21958bc4.js → index-13648a13.js} +1 -1
- package/build/esm/{index-d2ec7114.js → index-153022f2.js} +1 -1
- package/build/esm/{index-9ce19f59.js → index-162bfbf4.js} +5 -5
- package/build/esm/{index-3ad5df6f.js → index-171fcfbc.js} +3 -3
- package/build/esm/{index-20364af7.js → index-179f2084.js} +1 -1
- package/build/esm/{index-e4681010.js → index-17f44381.js} +1 -1
- package/build/esm/{index-e13fb194.js → index-194dac77.js} +2 -2
- package/build/esm/{index-0d23917f.js → index-1b71cc1f.js} +1 -1
- package/build/esm/{index-9f227ad9.js → index-1b851ff2.js} +1 -1
- package/build/esm/{index-c214d9aa.js → index-1ca20371.js} +1 -1
- package/build/esm/{index-864a6ec9.js → index-1d10ec92.js} +1 -1
- package/build/esm/{index-5c9f45cd.js → index-1d763697.js} +4 -4
- package/build/esm/{index-4c93baa4.js → index-1d86145f.js} +3 -3
- package/build/esm/{index-d6ec4f5f.js → index-2050b27b.js} +1 -1
- package/build/esm/{index-7bff0e48.js → index-22412eb3.js} +1 -1
- package/build/esm/{index-c7548c1d.js → index-2285a049.js} +1 -1
- package/build/esm/{index-86ffdcd0.js → index-22ffc9c6.js} +1 -1
- package/build/esm/{index-497e4c1c.js → index-24878f2b.js} +2 -2
- package/build/esm/{index-29681105.js → index-285adeb7.js} +3 -3
- package/build/esm/{index-b037e5b6.js → index-2b93e791.js} +1 -1
- package/build/esm/{index-666b78f6.js → index-2cbcb93c.js} +2 -2
- package/build/esm/{index-f7f76786.js → index-2fd305e2.js} +1 -1
- package/build/esm/{index-43abb06a.js → index-31905161.js} +2 -2
- package/build/esm/{index-5f07d85f.js → index-31cac5c2.js} +7 -7
- package/build/esm/{index-01b81c1e.js → index-31fdc4ff.js} +6 -6
- package/build/esm/{index-047ded59.js → index-3344f2df.js} +58 -58
- package/build/esm/{index-80d6b14e.js → index-33ae52a5.js} +1 -1
- package/build/esm/{index-f7667f25.js → index-33e00833.js} +5 -5
- package/build/esm/{index-1fa7f4ae.js → index-34921931.js} +5 -5
- package/build/esm/{index-7827265c.js → index-37c37741.js} +1 -1
- package/build/esm/{index-c8f0f321.js → index-3d3dde02.js} +1 -1
- package/build/esm/{index-3664573f.js → index-3d563e96.js} +59 -59
- package/build/esm/{index-20d7a85a.js → index-40e860f3.js} +1 -1
- package/build/esm/{index-aed20c95.js → index-44515a95.js} +17 -17
- package/build/esm/{index-9261a23e.js → index-49b967dc.js} +1 -1
- package/build/esm/{index-07940d31.js → index-4a311ea7.js} +1 -1
- package/build/esm/{index-e30d04a4.js → index-4ba6de79.js} +1 -1
- package/build/esm/{index-0b95025e.js → index-4c33efc5.js} +1 -1
- package/build/esm/{index-855b5e01.js → index-4c928d41.js} +2 -2
- package/build/esm/{index-75da72fe.js → index-4e76eabd.js} +2 -2
- package/build/esm/{index-6ec58566.js → index-4f39be5f.js} +2 -2
- package/build/esm/{index-c067c6f9.js → index-50e75cec.js} +61 -61
- package/build/esm/{index-387966b2.js → index-5134d750.js} +59 -59
- package/build/esm/{index-f4a3cf9a.js → index-54d0b2ac.js} +1 -1
- package/build/esm/{index-bf6512c6.js → index-558a524c.js} +1 -1
- package/build/esm/{index-cb661302.js → index-560d8f81.js} +117 -117
- package/build/esm/{index-7fce6043.js → index-58010195.js} +1 -1
- package/build/esm/{index-4e1ec7d9.js → index-5818817c.js} +2 -2
- package/build/esm/{index-f2e7ac6e.js → index-58751ef3.js} +1 -1
- package/build/esm/{index-539af290.js → index-593c8c78.js} +6 -6
- package/build/esm/{index-2ea3384e.js → index-5c2ee8de.js} +1 -1
- package/build/esm/{index-5af7cf25.js → index-5dce1705.js} +28 -28
- package/build/esm/{index-bd862683.js → index-60547999.js} +1 -1
- package/build/esm/{index-55aa083d.js → index-60733522.js} +2 -2
- package/build/esm/{index-c2f4fba0.js → index-61ef93ef.js} +7 -7
- package/build/esm/{index-5c7d9b8b.js → index-62d47673.js} +1 -1
- package/build/esm/{index-2cff173e.js → index-66cbfee7.js} +1 -1
- package/build/esm/{index-ee83a3c8.js → index-6aa40b52.js} +1 -1
- package/build/esm/{index-97391b6f.js → index-6dee6045.js} +2 -2
- package/build/esm/{index-77043724.js → index-6fb4f8e4.js} +1 -1
- package/build/esm/{index-e4387d6a.js → index-6fe7e831.js} +1 -1
- package/build/esm/{index-c4c99a63.js → index-776d168f.js} +1 -1
- package/build/esm/{index-4c258b70.js → index-78180080.js} +5 -5
- package/build/esm/{index-8e2c9d88.js → index-78c8ed7f.js} +1 -1
- package/build/esm/{index-40c15906.js → index-791f3667.js} +15 -15
- package/build/esm/{index-4e4c01c8.js → index-7ad06306.js} +22 -22
- package/build/esm/{index-73055d3e.js → index-7c40fba9.js} +10 -10
- package/build/esm/{index-6d1fdbdc.js → index-7cb57818.js} +3 -3
- package/build/esm/{index-42c7f578.js → index-7d8f660a.js} +4 -4
- package/build/esm/{index-f6ae8c62.js → index-7e4e215b.js} +2 -2
- package/build/esm/{index-925a76d7.js → index-7f079c4f.js} +1 -1
- package/build/esm/{index-7e7811b8.js → index-811c2bfc.js} +1 -1
- package/build/esm/{index-c710f8c4.js → index-81cce808.js} +7 -7
- package/build/esm/{index-dcb15835.js → index-8213e3c4.js} +1 -1
- package/build/esm/{index-b5b845ce.js → index-821e5c70.js} +1 -1
- package/build/esm/{index-6cf5f2e2.js → index-8467c748.js} +80 -80
- package/build/esm/{index-3c4e2500.js → index-859f18e7.js} +1 -1
- package/build/esm/{index-4f552f54.js → index-87242142.js} +1 -1
- package/build/esm/{index-0e05dcc9.js → index-873e05cc.js} +2 -2
- package/build/esm/{index-dd1ac55b.js → index-87fc652b.js} +2 -2
- package/build/esm/{index-c7e6b0d7.js → index-8867975d.js} +1 -1
- package/build/esm/{index-ea6a1515.js → index-88abd265.js} +3 -3
- package/build/esm/{index-b95530e9.js → index-8a79118a.js} +6 -6
- package/build/esm/{index-0ef4e90d.js → index-8b4a7ce1.js} +1 -1
- package/build/esm/{index-ac04d9cd.js → index-8cc6b8ee.js} +5 -5
- package/build/esm/{index-49b34914.js → index-8df6646f.js} +26 -26
- package/build/esm/{index-b8c93f88.js → index-8f37872b.js} +25 -25
- package/build/esm/{index-54d44eb3.js → index-8fcd7877.js} +1 -1
- package/build/esm/{index-e4bd3e4f.js → index-926be1fc.js} +2 -2
- package/build/esm/{index-20e9e703.js → index-93f12406.js} +1 -1
- package/build/esm/{index-44c01741.js → index-967b666e.js} +5 -5
- package/build/esm/{index-49f5a6aa.js → index-9698421a.js} +4 -4
- package/build/esm/{index-2f2031ae.js → index-97ed4956.js} +2 -2
- package/build/esm/{index-93e57a8d.js → index-994cf3ff.js} +2 -2
- package/build/esm/{index-ca314708.js → index-99a2fcdd.js} +1 -1
- package/build/esm/{index-972c93b3.js → index-9a3f22e0.js} +3 -3
- package/build/esm/{index-4e13592e.js → index-9b251552.js} +1 -1
- package/build/esm/{index-24f473cc.js → index-9c959cce.js} +2 -2
- package/build/esm/{index-2aa328c1.js → index-9da31be7.js} +2 -2
- package/build/esm/{index-d73fbb7d.js → index-9dcfb155.js} +1 -1
- package/build/esm/{index-800eb62f.js → index-9e594c12.js} +1 -1
- package/build/esm/{index-0381e04f.js → index-9f8d5a85.js} +20 -20
- package/build/esm/{index-7b016478.js → index-a16cf945.js} +1 -1
- package/build/esm/{index-1223a854.js → index-a23604e8.js} +1 -1
- package/build/esm/{index-60176998.js → index-a2fb749d.js} +3 -3
- package/build/esm/{index-85894e25.js → index-a39ce267.js} +1 -1
- package/build/esm/{index-1219e3bb.js → index-a4a7175d.js} +60 -60
- package/build/esm/{index-f096bbc7.js → index-a50db762.js} +1 -1
- package/build/esm/{index-88a9f051.js → index-a6b10a23.js} +1 -1
- package/build/esm/{index-5ca597b9.js → index-a746cc42.js} +63 -63
- package/build/esm/{index-c29a42c8.js → index-aa1b0c43.js} +2 -2
- package/build/esm/{index-1fe638ea.js → index-ad2f9fb2.js} +1 -1
- package/build/esm/{index-50096dd2.js → index-ad40b98e.js} +74 -74
- package/build/esm/{index-8f2814eb.js → index-ae72b420.js} +2 -2
- package/build/esm/{index-2ab825f6.js → index-b03eb53e.js} +1 -1
- package/build/esm/{index-7ddc33d4.js → index-b046af79.js} +2 -2
- package/build/esm/{index-f3770a7e.js → index-b09295ca.js} +1 -1
- package/build/esm/{index-90684be1.js → index-b0b290b9.js} +1 -1
- package/build/esm/{index-dd2548ff.js → index-b3ab095d.js} +1 -1
- package/build/esm/{index-26224e94.js → index-b43e1e68.js} +2 -2
- package/build/esm/{index-0bced4bc.js → index-b5adc719.js} +2 -2
- package/build/esm/{index-3ebbf46e.js → index-b76f161c.js} +118 -118
- package/build/esm/{index-9969acc0.js → index-b779f514.js} +1 -1
- package/build/esm/{index-8df65025.js → index-b7fc417c.js} +7 -7
- package/build/esm/{index-2eedf6a3.js → index-b853a0a3.js} +5 -5
- package/build/esm/{index-8748d4a4.js → index-b8cf0e6d.js} +1 -1
- package/build/esm/{index-41edefae.js → index-b8e0d5a1.js} +4 -4
- package/build/esm/{index-4826e447.js → index-b8ff57a4.js} +6 -6
- package/build/esm/{index-45f69afe.js → index-ba9ed86c.js} +1 -1
- package/build/esm/{index-86bbb082.js → index-bb0c0880.js} +5 -5
- package/build/esm/{index-a2de6459.js → index-bb696b36.js} +1 -1
- package/build/esm/{index-1220ec2d.js → index-bb9a536f.js} +2 -2
- package/build/esm/{index-e9ef640f.js → index-bbb99219.js} +42 -42
- package/build/esm/{index-9c35d93f.js → index-bcfbb997.js} +1 -1
- package/build/esm/{index-3970b88a.js → index-bd4db5b2.js} +1 -1
- package/build/esm/{index-816ce82a.js → index-be9e5374.js} +61 -61
- package/build/esm/{index-2c78524a.js → index-c0bbcaa4.js} +19 -19
- package/build/esm/{index-6a1e169a.js → index-c288cebb.js} +1 -1
- package/build/esm/{index-57f55381.js → index-c29cd962.js} +6 -6
- package/build/esm/{index-d8ac668e.js → index-c2d04393.js} +7 -7
- package/build/esm/{index-23b011eb.js → index-c427e14a.js} +1 -1
- package/build/esm/{index-7e1b48c9.js → index-c49e55f8.js} +6 -6
- package/build/esm/{index-43f13a58.js → index-c5dff8c9.js} +58 -58
- package/build/esm/{index-9f18b6e7.js → index-c710007e.js} +92 -92
- package/build/esm/{index-bf32881f.js → index-c909f759.js} +1 -1
- package/build/esm/{index-4891c8a5.js → index-c996b193.js} +1 -1
- package/build/esm/{index-925d3a4d.js → index-ca24eae5.js} +1 -1
- package/build/esm/{index-5b01a73b.js → index-cb14fbe4.js} +81 -81
- package/build/esm/{index-0fbb2ac7.js → index-cb7582c5.js} +1 -1
- package/build/esm/{index-6791ebe0.js → index-cba116db.js} +3 -3
- package/build/esm/{index-f69a6b8e.js → index-cc19197f.js} +5 -5
- package/build/esm/{index-8da4e651.js → index-ccd21d34.js} +18 -5
- package/build/esm/{index-656438df.js → index-ccd6e6cd.js} +5 -5
- package/build/esm/{index-f17d50ab.js → index-cdcf6b74.js} +1 -1
- package/build/esm/{index-76f3645b.js → index-cec018c8.js} +1 -1
- package/build/esm/{index-fad68852.js → index-cf906cf3.js} +3 -3
- package/build/esm/{index-e5a2a36a.js → index-d09aa59c.js} +2 -2
- package/build/esm/{index-0a725b13.js → index-d2157bab.js} +1 -1
- package/build/esm/{index-408e53b9.js → index-d468d747.js} +2 -2
- package/build/esm/{index-ae210e05.js → index-d5417cf5.js} +66 -66
- package/build/esm/{index-47151c9d.js → index-d75eba95.js} +1 -1
- package/build/esm/{index-27dd3713.js → index-d769333c.js} +7 -7
- package/build/esm/{index-31622983.js → index-d8ada243.js} +1 -1
- package/build/esm/{index-09957480.js → index-d8d2c49d.js} +9 -9
- package/build/esm/{index-bb3205b2.js → index-db77e7a5.js} +2 -2
- package/build/esm/{index-e185e3fc.js → index-dce49bc1.js} +2 -2
- package/build/esm/{index-97259aab.js → index-dd7a49b3.js} +2 -2
- package/build/esm/{index-5dc66752.js → index-ddd56b1e.js} +10 -10
- package/build/esm/{index-ee6c86c7.js → index-e073c7dd.js} +58 -58
- package/build/esm/{index-7406d797.js → index-e08c3c41.js} +1 -1
- package/build/esm/{index-3d3d465a.js → index-e1d4ca29.js} +1 -1
- package/build/esm/{index-32c4a6a2.js → index-e3129ab2.js} +1 -1
- package/build/esm/{index-5f15e0aa.js → index-e35bb95f.js} +3 -3
- package/build/esm/{index-88c84acf.js → index-e3a9a35d.js} +1 -1
- package/build/esm/{index-c9cf3f39.js → index-e58b7690.js} +1 -1
- package/build/esm/{index-400ba8df.js → index-e5a1f834.js} +2 -2
- package/build/esm/{index-642fac53.js → index-e6e30f8a.js} +3 -3
- package/build/esm/{index-80fdaac4.js → index-e6fe8f5a.js} +2 -2
- package/build/esm/{index-1f15f887.js → index-e776eadf.js} +1 -1
- package/build/esm/{index-693d913f.js → index-e84bdb8e.js} +10 -10
- package/build/esm/{index-09b71cd9.js → index-e8c19768.js} +1 -1
- package/build/esm/{index-af870057.js → index-ea739503.js} +1 -1
- package/build/esm/{index-d7670bcf.js → index-ec5a9639.js} +4 -4
- package/build/esm/{index-6e823e26.js → index-ecd4a06f.js} +1 -1
- package/build/esm/{index-6a07c529.js → index-ecf0ac9c.js} +1 -1
- package/build/esm/{index-3ec7dc04.js → index-edd20d1d.js} +10 -10
- package/build/esm/{index-7a98beff.js → index-ee895bf3.js} +6 -6
- package/build/esm/{index-9f2407ab.js → index-ef883ffc.js} +2 -2
- package/build/esm/{index-5d9da8ff.js → index-f0311754.js} +3 -3
- package/build/esm/{index-cf48c5f8.js → index-f0fd013b.js} +1 -1
- package/build/esm/{index-7d71345e.js → index-f1f40d70.js} +1 -1
- package/build/esm/{index-ca597438.js → index-f23b204c.js} +3 -3
- package/build/esm/{index-4e0c79b6.js → index-f2578566.js} +6 -6
- package/build/esm/{index-b50d4114.js → index-f46c602a.js} +242 -242
- package/build/esm/{index-b1474d6c.js → index-f505f910.js} +41 -41
- package/build/esm/{index-9ac5c7ee.js → index-f5432ab5.js} +1 -1
- package/build/esm/{index-a7882fa0.js → index-f60a0cec.js} +2 -2
- package/build/esm/{index-0cd6d61e.js → index-f661502f.js} +6 -6
- package/build/esm/{index-6e8a6137.js → index-f6e97d24.js} +2 -2
- package/build/esm/{index-91e0610d.js → index-f6f458b6.js} +4 -4
- package/build/esm/{index-17f94147.js → index-f6fc8ba6.js} +2 -2
- package/build/esm/{index-18e36fe5.js → index-f7f412ba.js} +2 -2
- package/build/esm/{index-b61b665b.js → index-f90e8424.js} +3 -3
- package/build/esm/{index-90274ad2.js → index-f9a7ffc6.js} +1 -1
- package/build/esm/{index-3ec73c86.js → index-fba12611.js} +19 -19
- package/build/esm/{index-107b8080.js → index-fd72ed1d.js} +93 -93
- package/build/esm/{index-67e1f965.js → index-fe2b602f.js} +20 -20
- package/build/esm/{index-9b3873bc.js → index-ff5654d0.js} +77 -77
- package/build/esm/index.js +1 -1
- package/build/esm/{index.module-5f55c0ca.js → index.module-26417e2e.js} +1 -1
- package/build/esm/{index.module-30974f90.js → index.module-2c7b7683.js} +1 -1
- package/build/esm/{index.module-a1813a74.js → index.module-2ebd2c9a.js} +1 -1
- package/build/esm/{index.module-d25f4e97.js → index.module-48a114dc.js} +1 -1
- package/build/esm/{index.module-04cbdbb7.js → index.module-61deed85.js} +1 -1
- package/build/esm/{index.module-af0c9946.js → index.module-65c45a65.js} +1 -1
- package/build/esm/{index.module-51b14d6e.js → index.module-8da66626.js} +1 -1
- package/build/esm/{index.module-7e2d506a.js → index.module-911cc5e9.js} +1 -1
- package/build/esm/{index.module-d33d41f1.js → index.module-96c0dd62.js} +1 -1
- package/build/esm/{index.module-ac92522f.js → index.module-ada38fd8.js} +1 -1
- package/build/esm/{index.module-e2a35697.js → index.module-aff90be9.js} +1 -1
- package/build/esm/{index.module-63269a98.js → index.module-c3c01472.js} +1 -1
- package/build/esm/{react-json-viewer-0c3df0ed.js → react-json-viewer-7c941b34.js} +1 -1
- package/build/esm/{useCustomDimensions-168809a0.js → useCustomDimensions-75ec6515.js} +1 -1
- package/build/esm/{ussIsSticky-3f080ba8.js → ussIsSticky-cad592c1.js} +1 -1
- package/build/types/web-planner-react/src/components/Settings/SettingsDrawer/index.d.ts.map +1 -1
- package/build/types/web-planner-react/src/components/Settings/SettingsDrawer/useDrawerHook.d.ts.map +1 -1
- package/build/umd/2157.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/3519.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/3977.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/5679.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/5805.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/6075.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/7023.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/7853.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/9343.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/report.html +1 -1
- package/package.json +8 -8
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import { u as useViewHandler } from './index-
|
|
2
|
+
import { u as useViewHandler } from './index-f46c602a.js';
|
|
3
3
|
import { useRef, useEffect } from 'react';
|
|
4
|
-
import ProductHeader from './index-
|
|
5
|
-
import ContentItemWrapper from './index-
|
|
6
|
-
import ProductSettings from './index-
|
|
7
|
-
import ProductCenter from './index-
|
|
8
|
-
import ProductFooter from './index-
|
|
9
|
-
import ProductInfo from './index-
|
|
4
|
+
import ProductHeader from './index-d2157bab.js';
|
|
5
|
+
import ContentItemWrapper from './index-9dcfb155.js';
|
|
6
|
+
import ProductSettings from './index-e073c7dd.js';
|
|
7
|
+
import ProductCenter from './index-fba12611.js';
|
|
8
|
+
import ProductFooter from './index-1b71cc1f.js';
|
|
9
|
+
import ProductInfo from './index-00c8a0da.js';
|
|
10
10
|
import { observer } from 'mobx-react-lite';
|
|
11
11
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
12
12
|
import '@babel/runtime/helpers/slicedToArray';
|
|
@@ -26,88 +26,88 @@ import 'qrcode.react';
|
|
|
26
26
|
import '@babel/runtime/helpers/typeof';
|
|
27
27
|
import 'flat';
|
|
28
28
|
import '@crystaldesign/content-item';
|
|
29
|
-
import './index-
|
|
29
|
+
import './index-01a0354c.js';
|
|
30
30
|
import 'sift';
|
|
31
|
-
import './index-
|
|
32
|
-
import './index-
|
|
33
|
-
import './index-
|
|
34
|
-
import './index-
|
|
35
|
-
import './index-
|
|
36
|
-
import './index.module-
|
|
37
|
-
import './index-
|
|
31
|
+
import './index-0761eebe.js';
|
|
32
|
+
import './index-99a2fcdd.js';
|
|
33
|
+
import './index-06e3066c.js';
|
|
34
|
+
import './index-33ae52a5.js';
|
|
35
|
+
import './index-03e1cd49.js';
|
|
36
|
+
import './index.module-2c7b7683.js';
|
|
37
|
+
import './index-37c37741.js';
|
|
38
38
|
import 'react-switch';
|
|
39
|
-
import './index-
|
|
40
|
-
import './index-
|
|
41
|
-
import './index-
|
|
39
|
+
import './index-58010195.js';
|
|
40
|
+
import './index-2cbcb93c.js';
|
|
41
|
+
import './index-87242142.js';
|
|
42
42
|
import 'react-countup';
|
|
43
|
-
import './index-
|
|
43
|
+
import './index-e84bdb8e.js';
|
|
44
44
|
import 'react-dropdown';
|
|
45
|
-
import './index-
|
|
45
|
+
import './index-ccd6e6cd.js';
|
|
46
46
|
import '@babel/runtime/helpers/objectDestructuringEmpty';
|
|
47
|
-
import './index-
|
|
48
|
-
import './index-
|
|
49
|
-
import './index-
|
|
47
|
+
import './index-194dac77.js';
|
|
48
|
+
import './index-6fe7e831.js';
|
|
49
|
+
import './index-e5a1f834.js';
|
|
50
50
|
import '@crystaldesign/content-box';
|
|
51
|
-
import './index-
|
|
52
|
-
import './index-
|
|
53
|
-
import './index-
|
|
54
|
-
import './index-
|
|
55
|
-
import './index-
|
|
56
|
-
import './index-
|
|
57
|
-
import './index-
|
|
58
|
-
import './index-
|
|
59
|
-
import './index-
|
|
51
|
+
import './index-17f44381.js';
|
|
52
|
+
import './index-4ba6de79.js';
|
|
53
|
+
import './index-0ad23f3a.js';
|
|
54
|
+
import './index-8a79118a.js';
|
|
55
|
+
import './index-5dce1705.js';
|
|
56
|
+
import './index-179f2084.js';
|
|
57
|
+
import './index-49b967dc.js';
|
|
58
|
+
import './index-811c2bfc.js';
|
|
59
|
+
import './index-c2d04393.js';
|
|
60
60
|
import 'react-laag';
|
|
61
|
-
import './index.module-
|
|
62
|
-
import './index-
|
|
63
|
-
import './index-
|
|
64
|
-
import './index-
|
|
65
|
-
import './index-
|
|
66
|
-
import './index-
|
|
67
|
-
import './index-
|
|
68
|
-
import './index.module-
|
|
69
|
-
import './index-
|
|
70
|
-
import './index-
|
|
71
|
-
import './index-
|
|
72
|
-
import './index-
|
|
73
|
-
import './index-
|
|
74
|
-
import './index-
|
|
75
|
-
import './index-
|
|
76
|
-
import './index-
|
|
77
|
-
import './index-
|
|
78
|
-
import './index-
|
|
79
|
-
import './index-
|
|
80
|
-
import './index-
|
|
61
|
+
import './index.module-26417e2e.js';
|
|
62
|
+
import './index-6fb4f8e4.js';
|
|
63
|
+
import './index-cf906cf3.js';
|
|
64
|
+
import './index-cdcf6b74.js';
|
|
65
|
+
import './index-a23604e8.js';
|
|
66
|
+
import './index-821e5c70.js';
|
|
67
|
+
import './index-048cd6e9.js';
|
|
68
|
+
import './index.module-aff90be9.js';
|
|
69
|
+
import './index-f6fc8ba6.js';
|
|
70
|
+
import './index-8b4a7ce1.js';
|
|
71
|
+
import './index-cba116db.js';
|
|
72
|
+
import './index-b046af79.js';
|
|
73
|
+
import './index-81cce808.js';
|
|
74
|
+
import './index-0713d838.js';
|
|
75
|
+
import './index-31cac5c2.js';
|
|
76
|
+
import './index-593c8c78.js';
|
|
77
|
+
import './index-c29cd962.js';
|
|
78
|
+
import './index-c996b193.js';
|
|
79
|
+
import './index-ee895bf3.js';
|
|
80
|
+
import './index-1ca20371.js';
|
|
81
81
|
import 'swiper/react';
|
|
82
82
|
import 'swiper/modules';
|
|
83
|
-
import './index-
|
|
83
|
+
import './index-aa1b0c43.js';
|
|
84
84
|
import 'rc-slider';
|
|
85
|
-
import './index-
|
|
86
|
-
import './index-
|
|
87
|
-
import './index-
|
|
88
|
-
import './index-
|
|
85
|
+
import './index-24878f2b.js';
|
|
86
|
+
import './index-3d3dde02.js';
|
|
87
|
+
import './index-ddd56b1e.js';
|
|
88
|
+
import './index-1b851ff2.js';
|
|
89
89
|
import 'react-confetti-explosion';
|
|
90
|
-
import './index-
|
|
91
|
-
import './index-
|
|
92
|
-
import './index-
|
|
90
|
+
import './index-78180080.js';
|
|
91
|
+
import './index-285adeb7.js';
|
|
92
|
+
import './index-b03eb53e.js';
|
|
93
93
|
import 'react-qr-code';
|
|
94
|
-
import './index-
|
|
95
|
-
import './useCustomDimensions-
|
|
96
|
-
import './index-
|
|
97
|
-
import './ussIsSticky-
|
|
98
|
-
import './index-
|
|
99
|
-
import './index-
|
|
100
|
-
import './index-
|
|
101
|
-
import './index.module-
|
|
102
|
-
import './index-
|
|
103
|
-
import './index-
|
|
104
|
-
import './index-
|
|
105
|
-
import './index-
|
|
106
|
-
import './index-
|
|
107
|
-
import './index-
|
|
108
|
-
import './index-
|
|
109
|
-
import './index-
|
|
110
|
-
import './index-
|
|
94
|
+
import './index-22412eb3.js';
|
|
95
|
+
import './useCustomDimensions-75ec6515.js';
|
|
96
|
+
import './index-bb9a536f.js';
|
|
97
|
+
import './ussIsSticky-cad592c1.js';
|
|
98
|
+
import './index-f0fd013b.js';
|
|
99
|
+
import './index-e35bb95f.js';
|
|
100
|
+
import './index-78c8ed7f.js';
|
|
101
|
+
import './index.module-ada38fd8.js';
|
|
102
|
+
import './index-db77e7a5.js';
|
|
103
|
+
import './index-f60a0cec.js';
|
|
104
|
+
import './index-f1f40d70.js';
|
|
105
|
+
import './index-a50db762.js';
|
|
106
|
+
import './index-153022f2.js';
|
|
107
|
+
import './index-c427e14a.js';
|
|
108
|
+
import './index-b853a0a3.js';
|
|
109
|
+
import './index-c909f759.js';
|
|
110
|
+
import './index-a6b10a23.js';
|
|
111
111
|
|
|
112
112
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
113
113
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
package/build/esm/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '@babel/runtime/helpers/slicedToArray';
|
|
2
2
|
import '@babel/runtime/helpers/defineProperty';
|
|
3
|
-
export { W as WebPlannerReact, c as default } from './index-
|
|
3
|
+
export { W as WebPlannerReact, c as default } from './index-f46c602a.js';
|
|
4
4
|
import 'react';
|
|
5
5
|
import '@crystaldesign/diva-core';
|
|
6
6
|
import 'react/jsx-runtime';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { s as styleInject } from './index-
|
|
1
|
+
import { s as styleInject } from './index-f46c602a.js';
|
|
2
2
|
|
|
3
3
|
var wrapper = "wrapper-TcEZn";
|
|
4
4
|
var css_248z = ".wrapper-TcEZn {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.Dropdown-root-7zz-C {\n box-shadow: var(--boxShadowHover);\n width: 300px;\n min-width: 100px;\n}\n\n.Dropdown-control-x--YK {\n border-radius: var(--globalBorderRadius);\n border-color: white;\n padding: 2px 12px 3px 10px;\n line-height: 20.8px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke: 0.1px;\n color: var(--secondaryColor);\n cursor: pointer;\n}\n";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { s as styleInject } from './index-
|
|
1
|
+
import { s as styleInject } from './index-f46c602a.js';
|
|
2
2
|
|
|
3
3
|
var css_248z = "/* base styles */\n\n._GzYRV {\n line-height: 1.2;\n white-space: pre-wrap;\n white-space: -moz-pre-wrap;\n white-space: -pre-wrap;\n white-space: -o-pre-wrap;\n word-wrap: break-word;\n}\n\n._3eOF8 {\n margin-right: 5px;\n font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n margin-left: -5px;\n}\n\n._1MFti {\n cursor: pointer;\n}\n\n._f10Tu {\n font-size: 1.2em;\n margin-right: 5px;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n._1UmXx::after {\n content: '\\25B8';\n}\n\n._1LId0::after {\n content: '\\25BE';\n}\n\n._1pNG9 {\n margin-right: 5px;\n}\n\n._1pNG9::after {\n content: '...';\n font-size: 0.8em;\n}\n\n._2IvMF {\n background: #eee;\n}\n\n._2bkNM {\n margin: 0 10px;\n padding: 0;\n}\n\n._2bkNM > ul {\n margin: 0;\n padding: 0;\n}\n\n/* default light style */\n._1MGIk {\n font-weight: 600;\n margin-right: 5px;\n color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n color: #000000;\n}\n\n._2T6PJ {\n color: #df113a;\n}\n\n._1Gho6 {\n color: #df113a;\n}\n\n._vGjyY {\n color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n color: #0b75f5;\n}\n\n._3zQKs {\n color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n color: #43413d;\n}\n\n._oLqym {\n color: #000000;\n}\n\n._2AXVT {\n color: #000000;\n}\n\n._2KJWg {\n color: #000000;\n}\n\n/* default dark style */\n._11RoI {\n background: rgb(0, 43, 54);\n}\n\n._17H2C {\n color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n font-weight: bolder;\n margin-right: 5px;\n color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n color: rgb(203, 75, 22);\n}\n\n._2bveF {\n color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n color: rgb(174, 129, 255);\n}\n\n._1prJR {\n color: rgb(38, 139, 210);\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
-
import { u as useViewHandler } from './index-
|
|
2
|
+
import { u as useViewHandler } from './index-f46c602a.js';
|
|
3
3
|
import { useState, useEffect } from 'react';
|
|
4
4
|
|
|
5
5
|
var useCustomDimensions = function useCustomDimensions() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Settings/SettingsDrawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,KAAK,KAAK,GAAG;IACX,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB,CAAC;wDAE0D,KAAK;;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Settings/SettingsDrawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,KAAK,KAAK,GAAG;IACX,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB,CAAC;wDAE0D,KAAK;;;AA+CjE,wBAA8C"}
|
package/build/types/web-planner-react/src/components/Settings/SettingsDrawer/useDrawerHook.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDrawerHook.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Settings/SettingsDrawer/useDrawerHook.ts"],"names":[],"mappings":"AAIA,wBAAgB,aAAa;
|
|
1
|
+
{"version":3,"file":"useDrawerHook.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Settings/SettingsDrawer/useDrawerHook.ts"],"names":[],"mappings":"AAIA,wBAAgB,aAAa;0BAgCE,KAAK,CAAC,UAAU;yBAKjB,KAAK,CAAC,UAAU;;;;EA0B7C"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 2157.diva-web-planner-react.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2157,9001,4190,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=t(88291),r=(t(87363),t(88130)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39141:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(88130),s=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),m=t(3565),f=t.n(m),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=f(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const k=(0,l.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,d.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,s.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var n=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},22157:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var o=t(65515),i=t.n(o),r=t(88130),a=t(87363),d=t(93379),s=t.n(d),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),m=t.n(b),f=t(44589),h=t.n(f),v=t(86454),S={};S.styleTagTransform=h(),S.setAttributes=g(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=m();s()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(39141),y=t(34190),P=t(97853),j=t(69001),k=t(78697),O=t(7474),B=t(9420),C=t(68063),I=t(88683),M=t(25322),T=t(47514),N={"--settingsBackgroundColor":"rgba(248, 248, 248, 0.98)","--tabGroupBackground":"rgba(248, 248, 248, 0.98)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#dfdfdf","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,B.Pi)((function Gold(n){var e=(0,r.NP)(),t=(0,I.useDivaCore)().state.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]),(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:i()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0,e.uiState.isTablet?v.Mq:void 0),children:(0,T.jsxs)("div",{id:"wcConfigurator-wrapper",style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,T.jsx)(y.default,{className:v.kL}),e.uiState.isInMobileView?(0,T.jsx)(P.default,{tabgroupElement:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:t?"left":void 0}),(0,T.jsx)(C.default,{className:v.Bg}),(0,T.jsx)(M.default,{})]})}):(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:"none"}),(0,T.jsx)(P.default,{className:v.vt}),(0,T.jsx)(j.default,{className:v.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,T.jsx)(k.default,{containerClassName:v.tM,showCheckoutButtons:!0})]})]})}),e.settingsState.inputBoxVisible&&(0,T.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},59343:(n,e,t)=>{t.r(e),t.d(e,{default:()=>B});var o=t(87363),i=t(92404),r=t(9420),a=t(88130),d=t(93379),s=t.n(d),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),m=t.n(b),f=t(44589),h=t.n(f),v=t(41060),S={};S.styleTagTransform=h(),S.setAttributes=g(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=m();s()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(82956),y=t(65515),P=t.n(y),j=t(34988),k=t(88683);var O=t(47514);const B=(0,r.Pi)((function SettingsBottomDrawer(n){var e,t=n.draggerElement,r=n.children,d=(0,a.NP)(),s=function useDrawerHook(){var n=(0,o.useState)(0),e=(0,j.Z)(n,2),t=e[0],i=e[1],r=(0,o.useState)(0),d=(0,j.Z)(r,2),s=d[0],l=d[1],u=(0,a.NP)(),c=(0,o.useState)(u.uiState.isMobilePortrait),p=(0,j.Z)(c,2),x=p[0],g=p[1],b=(0,o.useState)(u.uiState.snapPoints),m=(0,j.Z)(b,2),f=m[0],h=m[1],v=(0,k.useDivaCore)().state,S=v.dimensions,w=S.width,y=S.height,P=v.initializing;(0,o.useEffect)((function(){h(u.uiState.snapPoints)}),[w,y,P]),(0,o.useEffect)((function(){g(u.uiState.isMobilePortrait)}),[u.uiState.isInMobileView,u.uiState.isMobileLandscape,u.uiState.isTablet,w,y]);var O=(0,o.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){i(n.touches[0].clientY),l(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,o=n.touches[0].pageX,i=Math.abs(e-t),r=Math.abs(o-s);i>=1&&i>2*r&&window.addEventListener("touchmove",O,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",O)},snapPoints:f,open:x}}(),l=s.handleTouchStart,u=s.handleTouchMove,c=s.handleTouchEnd,p=s.open,x=s.snapPoints,g=document.getElementById("wcConfigurator"),b=d.uiState.snapPoints[d.settingsState.activeSnapPointIndex];return e="string"==typeof b?b:"calc("+100*b+"%"+(3==d.settingsState.activeSnapPointIndex?")":" - 36px)"),g&&null!=x&&x.length?(0,O.jsx)(i.dy.Root,{open:p,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:x,container:g,onClose:function onClose(){return d.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==d.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:x[d.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return d.settingsState.setActiveSnapPointIndex(x.indexOf(n))},children:(0,O.jsx)(i.dy.Portal,{children:(0,O.jsxs)(i.dy.Content,{className:v.kh,style:{height:e},children:[(0,O.jsx)(i.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,O.jsxs)(i.dy.Handle,{className:P()(v.aq),onTouchStart:l,onTouchMove:u,onTouchEnd:c,children:[(0,O.jsx)("div",{className:v.Rx,children:(0,O.jsx)("div",{className:v.uQ})}),(0,O.jsx)("div",{className:v.ad,children:t})]}),d.uiState.isInMobileView&&(0,O.jsx)("div",{className:P()(w.Iz,v.J7),children:r})]})})}):(0,O.jsx)(O.Fragment,{})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),d=t.n(a),s=t(47514);const l=(0,o.Pi)((function SettingsExpanderButtons(n){var e=(0,i.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,s.jsxs)(s.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,s.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,s.jsxs)(s.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,s.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,s.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>f});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),d=t(90395),s=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),g=t(59343),b=t(47514),m=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const f=(0,s.Pi)((function Settings(n){var e,t,o=n.className,s=n.tabgroupElement,u=(0,i.Z)(n,m),f=(0,r.NP)(),h=f.getIsInMobileView()&&f.getViewConfig().navigateMobileSwiper,v=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!f.uiState.isInMobileView&&!f.settingsState.forceSettingsHeaderInScrollContainer&&(0,b.jsx)(a.default,{},null!==(e=null===(t=f.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(d.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,l.vt,"horizontal"==f.tabGroupState.curTabGroupType?l.s1:void 0,f.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:s,children:v}),!f.uiState.isInMobileView&&v]}))}))},25322:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var o=t(88291),i=t(88130),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),m=t(44589),f=t.n(m),h=t(29390),v={};v.styleTagTransform=f(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(47514);const w=(0,r.Pi)((function ProgressBar(n){(0,o.Z)(n);var e=(0,i.NP)(),t=e.configuratorStructureHandler.lastConfigStep,r=e.tabGroupState.curConfigStep;if(!t||!r)return(0,S.jsx)(S.Fragment,{});var a=r.posNr,d=t.posNr,s=1==d?0:Math.round(a/d*100),l=100-s;return(0,S.jsxs)("div",{className:h.YS,children:[(0,S.jsx)("div",{className:h.L3,style:{width:s+"%"}}),(0,S.jsx)("div",{className:h.LM,style:{width:l+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>m,vX:()=>b});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(i()),c=s()(l);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const m=u},86454:(n,e,t)=>{t.d(e,{Bg:()=>w,Mq:()=>y,ZP:()=>P,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>v,tW:()=>g,vt:()=>m,x6:()=>f,xn:()=>p,zh:()=>S});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(2431),t.b),u=a()(i()),c=s()(l);u.push([n.id,".index-module--jUUzB {\n position: relative;\n height: calc(100% - 60px);\n width: 100%;\n margin: 30px 0;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n letter-spacing: 0.5px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke: 0.1px;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n overscroll-behavior-y: contain;\n}\n\n.index-module--jUUzB *,\n.index-module--jUUzB *::before,\n.index-module--jUUzB *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--jUUzB.index-module--ka5TW {\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n.index-module--jUUzB.index-module--rXcyI {\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--fH3d_ {\n position: absolute;\n width: 69%;\n top: calc(56px + 20px);\n height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--PRLOe {\n position: absolute;\n width: 31%;\n overflow: visible;\n z-index: 600;\n right: 0px;\n top: calc(56px + 20px);\n height: calc(100% - 60px - 56px - 70px);\n transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--zOzPb {\n position: absolute;\n z-index: 600;\n height: 56px;\n width: 100%;\n transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--_vKBL {\n position: absolute;\n width: 31%;\n height: 40px;\n right: 0px;\n bottom: calc(40px + 20px);\n padding-top: 10px;\n z-index: 600;\n transition: width 0.2s ease-in-out;\n background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--mZSQ5 {\n position: absolute;\n width: 31%;\n height: 40px;\n right: 0px;\n bottom: 0px;\n padding-top: 20px;\n z-index: 600;\n\n transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--g6b2d .index-module--PRLOe,\n.index-module--g6b2d .index-module--mZSQ5,\n.index-module--g6b2d .index-module--_vKBL {\n width: 62%;\n}\n\n.index-module--jUUzB.index-module--rXcyI,\n.index-module--ka5TW.index-module--jUUzB {\n padding: 0;\n padding: initial;\n overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--ka5TW .index-module--fH3d_ {\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--ka5TW .index-module--PRLOe {\n display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--ka5TW .index-module--zOzPb {\n display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--ka5TW .index-module--_vKBL {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--ka5TW .index-module--mZSQ5 {\n display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--rXcyI .index-module--fH3d_ {\n top: 0px;\n left: 0px;\n height: var(--configuratorProductHeight);\n transition: height 0.2s ease-out;\n width: 100%;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--rXcyI .index-module--PRLOe {\n left: 0px;\n top: auto;\n top: initial;\n transition: height 0.2s ease-out;\n bottom: 0px;\n width: 100%;\n z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--rXcyI .index-module--zOzPb {\n position: relative;\n right: auto;\n right: initial;\n top: auto;\n top: initial;\n transition: none 0s ease 0s;\n transition: initial;\n flex-grow: 10;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--rXcyI .index-module--_vKBL {\n display: none;\n bottom: 0px;\n width: calc(100% - 10px);\n\n height: calc(var(--configuratorActionHeight) - 5px);\n margin: 0 5px 5px 5px;\n padding-top: 0px;\n right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--rXcyI .index-module--mZSQ5,\n.index-module--rXcyI.index-module--HZdfU .index-module--mZSQ5 {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--GKXer {\n position: relative;\n transition: bottom 0.2s ease-out;\n width: 50px;\n height: var(--configuratorTabGroupHeight);\n background: no-repeat url("+c+") center center var(--primaryColor);\n background-size: 37%;\n z-index: 300;\n}\n\n.index-module--ka5TW,\n.index-module--rXcyI {\n --configuratorActionHeight: 50px;\n --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--FYopM {\n --configuratorTabGroupHeight: 50px;\n --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--l4Hrm {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var p="index-module--jUUzB",x="index-module--ka5TW",g="index-module--rXcyI",b="index-module--fH3d_",m="index-module--PRLOe",f="index-module--zOzPb",h="index-module--_vKBL",v="index-module--mZSQ5",S="index-module--g6b2d",w="index-module--GKXer",y="index-module--FYopM";const P=u},41060:(n,e,t)=>{t.d(e,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>s,kh:()=>d,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--qmbFa {\n transition:\n opacity 0.3s ease,\n transform 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;\n}\n\n.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 opacity: 1;\n}\n\n.diva-fullscreen .index-module--qmbFa {\n position: fixed;\n}\n\n.index-module--qmbFa.vaul-dragging {\n transition: opacity 0.3s ease !important;\n height: calc(100% - 36px) !important;\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}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: calc(100% - 38px);\n overflow: hidden;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},29390:(n,e,t)=>{t.d(e,{L3:()=>s,LM:()=>l,YS:()=>d,ZP:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--rHd3V {\n position: absolute;\n width: 100%;\n height: 3px;\n bottom: 0;\n left: 0;\n z-index: 2000;\n}\n\n.index-module--_zSo1 {\n background: #ccc;\n border-radius: 0 1px 1px 0;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n\n.index-module--tkNQ6 {\n background: #eee;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n",""]);var d="index-module--rHd3V",s="index-module--_zSo1",l="index-module--tkNQ6";const u=a}}]);
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2157,9001,4190,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=t(88291),r=(t(87363),t(88130)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39141:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(88130),s=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),m=t(3565),f=t.n(m),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=f(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const k=(0,l.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,d.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,s.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var n=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},22157:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var o=t(65515),i=t.n(o),r=t(88130),a=t(87363),d=t(93379),s=t.n(d),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),m=t.n(b),f=t(44589),h=t.n(f),v=t(86454),S={};S.styleTagTransform=h(),S.setAttributes=g(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=m();s()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(39141),y=t(34190),P=t(97853),j=t(69001),k=t(78697),O=t(7474),B=t(9420),C=t(68063),I=t(88683),T=t(25322),M=t(47514),N={"--settingsBackgroundColor":"rgba(248, 248, 248, 0.98)","--tabGroupBackground":"rgba(248, 248, 248, 0.98)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#dfdfdf","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,B.Pi)((function Gold(n){var e=(0,r.NP)(),t=(0,I.useDivaCore)().state.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]),(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:i()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0,e.uiState.isTablet?v.Mq:void 0),children:(0,M.jsxs)("div",{id:"wcConfigurator-wrapper",style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,M.jsx)(y.default,{className:v.kL}),e.uiState.isInMobileView?(0,M.jsx)(P.default,{tabgroupElement:(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:t?"left":void 0}),(0,M.jsx)(C.default,{className:v.Bg}),(0,M.jsx)(T.default,{})]})}):(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:"none"}),(0,M.jsx)(P.default,{className:v.vt}),(0,M.jsx)(j.default,{className:v.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,M.jsx)(k.default,{containerClassName:v.tM,showCheckoutButtons:!0})]})]})}),e.settingsState.inputBoxVisible&&(0,M.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},59343:(n,e,t)=>{t.r(e),t.d(e,{default:()=>B});var o=t(87363),i=t(92404),r=t(9420),a=t(88130),d=t(93379),s=t.n(d),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),m=t.n(b),f=t(44589),h=t.n(f),v=t(41060),S={};S.styleTagTransform=h(),S.setAttributes=g(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=m();s()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(82956),y=t(65515),P=t.n(y),j=t(34988),k=t(88683);var O=t(47514);const B=(0,r.Pi)((function SettingsBottomDrawer(n){var e,t=n.draggerElement,r=n.children,d=(0,a.NP)(),s=function useDrawerHook(){var n=(0,o.useState)(0),e=(0,j.Z)(n,2),t=e[0],i=e[1],r=(0,o.useState)(0),d=(0,j.Z)(r,2),s=d[0],l=d[1],u=(0,a.NP)(),c=(0,o.useState)(u.uiState.isMobilePortrait),p=(0,j.Z)(c,2),x=p[0],g=p[1],b=(0,o.useState)(u.uiState.snapPoints),m=(0,j.Z)(b,2),f=m[0],h=m[1],v=(0,o.useState)(null),S=(0,j.Z)(v,2),w=S[0],y=S[1],P=(0,k.useDivaCore)().state,O=P.dimensions,B=O.width,C=O.height,I=P.initializing;(0,o.useEffect)((function(){T()}),[B,C,I]);var T=function trySetSnapPoints(){var n=u.uiState.snapPoints;w&&clearTimeout(w),null!=n&&n.length?h(n):y(setTimeout((function(){return T()}),100))};(0,o.useEffect)((function(){g(u.uiState.isMobilePortrait)}),[u.uiState.isInMobileView,u.uiState.isMobileLandscape,u.uiState.isTablet,B,C]);var M=(0,o.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){i(n.touches[0].clientY),l(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,o=n.touches[0].pageX,i=Math.abs(e-t),r=Math.abs(o-s);i>=1&&i>2*r&&window.addEventListener("touchmove",M,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",M)},snapPoints:f,open:x}}(),l=s.handleTouchStart,u=s.handleTouchMove,c=s.handleTouchEnd,p=s.open,x=s.snapPoints,g=document.getElementById("wcConfigurator");if(!g)return(0,O.jsx)(O.Fragment,{});if(null==x||!x.length)return(0,O.jsx)(O.Fragment,{});var b=d.uiState.snapPoints[d.settingsState.activeSnapPointIndex];return e="string"==typeof b?b:"calc("+100*b+"%"+(3==d.settingsState.activeSnapPointIndex?")":" - 36px)"),(0,O.jsx)(i.dy.Root,{open:p,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:x,container:g,onClose:function onClose(){return d.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==d.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:x[d.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return d.settingsState.setActiveSnapPointIndex(x.indexOf(n))},children:(0,O.jsx)(i.dy.Portal,{children:(0,O.jsxs)(i.dy.Content,{className:v.kh,style:{height:e},children:[(0,O.jsx)(i.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,O.jsxs)(i.dy.Handle,{className:P()(v.aq),onTouchStart:l,onTouchMove:u,onTouchEnd:c,children:[(0,O.jsx)("div",{className:v.Rx,children:(0,O.jsx)("div",{className:v.uQ})}),(0,O.jsx)("div",{className:v.ad,children:t})]}),d.uiState.isInMobileView&&(0,O.jsx)("div",{className:P()(w.Iz,v.J7),children:r})]})})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),d=t.n(a),s=t(47514);const l=(0,o.Pi)((function SettingsExpanderButtons(n){var e=(0,i.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,s.jsxs)(s.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,s.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,s.jsxs)(s.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,s.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,s.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>f});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),d=t(90395),s=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),g=t(59343),b=t(47514),m=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const f=(0,s.Pi)((function Settings(n){var e,t,o=n.className,s=n.tabgroupElement,u=(0,i.Z)(n,m),f=(0,r.NP)(),h=f.getIsInMobileView()&&f.getViewConfig().navigateMobileSwiper,v=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!f.uiState.isInMobileView&&!f.settingsState.forceSettingsHeaderInScrollContainer&&(0,b.jsx)(a.default,{},null!==(e=null===(t=f.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(d.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,l.vt,"horizontal"==f.tabGroupState.curTabGroupType?l.s1:void 0,f.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:s,children:v}),!f.uiState.isInMobileView&&v]}))}))},25322:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var o=t(88291),i=t(88130),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),m=t(44589),f=t.n(m),h=t(29390),v={};v.styleTagTransform=f(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(47514);const w=(0,r.Pi)((function ProgressBar(n){(0,o.Z)(n);var e=(0,i.NP)(),t=e.configuratorStructureHandler.lastConfigStep,r=e.tabGroupState.curConfigStep;if(!t||!r)return(0,S.jsx)(S.Fragment,{});var a=r.posNr,d=t.posNr,s=1==d?0:Math.round(a/d*100),l=100-s;return(0,S.jsxs)("div",{className:h.YS,children:[(0,S.jsx)("div",{className:h.L3,style:{width:s+"%"}}),(0,S.jsx)("div",{className:h.LM,style:{width:l+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>m,vX:()=>b});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(i()),c=s()(l);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const m=u},86454:(n,e,t)=>{t.d(e,{Bg:()=>w,Mq:()=>y,ZP:()=>P,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>v,tW:()=>g,vt:()=>m,x6:()=>f,xn:()=>p,zh:()=>S});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(2431),t.b),u=a()(i()),c=s()(l);u.push([n.id,".index-module--jUUzB {\n position: relative;\n height: calc(100% - 60px);\n width: 100%;\n margin: 30px 0;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n letter-spacing: 0.5px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke: 0.1px;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n overscroll-behavior-y: contain;\n}\n\n.index-module--jUUzB *,\n.index-module--jUUzB *::before,\n.index-module--jUUzB *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--jUUzB.index-module--ka5TW {\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n.index-module--jUUzB.index-module--rXcyI {\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--fH3d_ {\n position: absolute;\n width: 69%;\n top: calc(56px + 20px);\n height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--PRLOe {\n position: absolute;\n width: 31%;\n overflow: visible;\n z-index: 600;\n right: 0px;\n top: calc(56px + 20px);\n height: calc(100% - 60px - 56px - 70px);\n transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--zOzPb {\n position: absolute;\n z-index: 600;\n height: 56px;\n width: 100%;\n transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--_vKBL {\n position: absolute;\n width: 31%;\n height: 40px;\n right: 0px;\n bottom: calc(40px + 20px);\n padding-top: 10px;\n z-index: 600;\n transition: width 0.2s ease-in-out;\n background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--mZSQ5 {\n position: absolute;\n width: 31%;\n height: 40px;\n right: 0px;\n bottom: 0px;\n padding-top: 20px;\n z-index: 600;\n\n transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--g6b2d .index-module--PRLOe,\n.index-module--g6b2d .index-module--mZSQ5,\n.index-module--g6b2d .index-module--_vKBL {\n width: 62%;\n}\n\n.index-module--jUUzB.index-module--rXcyI,\n.index-module--ka5TW.index-module--jUUzB {\n padding: 0;\n padding: initial;\n overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--ka5TW .index-module--fH3d_ {\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--ka5TW .index-module--PRLOe {\n display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--ka5TW .index-module--zOzPb {\n display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--ka5TW .index-module--_vKBL {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--ka5TW .index-module--mZSQ5 {\n display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--rXcyI .index-module--fH3d_ {\n top: 0px;\n left: 0px;\n height: var(--configuratorProductHeight);\n transition: height 0.2s ease-out;\n width: 100%;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--rXcyI .index-module--PRLOe {\n left: 0px;\n top: auto;\n top: initial;\n transition: height 0.2s ease-out;\n bottom: 0px;\n width: 100%;\n z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--rXcyI .index-module--zOzPb {\n position: relative;\n right: auto;\n right: initial;\n top: auto;\n top: initial;\n transition: none 0s ease 0s;\n transition: initial;\n flex-grow: 10;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--rXcyI .index-module--_vKBL {\n display: none;\n bottom: 0px;\n width: calc(100% - 10px);\n\n height: calc(var(--configuratorActionHeight) - 5px);\n margin: 0 5px 5px 5px;\n padding-top: 0px;\n right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--rXcyI .index-module--mZSQ5,\n.index-module--rXcyI.index-module--HZdfU .index-module--mZSQ5 {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--GKXer {\n position: relative;\n transition: bottom 0.2s ease-out;\n width: 50px;\n height: var(--configuratorTabGroupHeight);\n background: no-repeat url("+c+") center center var(--primaryColor);\n background-size: 37%;\n z-index: 300;\n}\n\n.index-module--ka5TW,\n.index-module--rXcyI {\n --configuratorActionHeight: 50px;\n --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--FYopM {\n --configuratorTabGroupHeight: 50px;\n --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--l4Hrm {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var p="index-module--jUUzB",x="index-module--ka5TW",g="index-module--rXcyI",b="index-module--fH3d_",m="index-module--PRLOe",f="index-module--zOzPb",h="index-module--_vKBL",v="index-module--mZSQ5",S="index-module--g6b2d",w="index-module--GKXer",y="index-module--FYopM";const P=u},41060:(n,e,t)=>{t.d(e,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>s,kh:()=>d,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--qmbFa {\n transition:\n opacity 0.3s ease,\n transform 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;\n}\n\n.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 opacity: 1;\n}\n\n.diva-fullscreen .index-module--qmbFa {\n position: fixed;\n}\n\n.index-module--qmbFa.vaul-dragging {\n transition: opacity 0.3s ease !important;\n height: calc(100% - 36px) !important;\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}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: calc(100% - 38px);\n overflow: hidden;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},29390:(n,e,t)=>{t.d(e,{L3:()=>s,LM:()=>l,YS:()=>d,ZP:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--rHd3V {\n position: absolute;\n width: 100%;\n height: 3px;\n bottom: 0;\n left: 0;\n z-index: 2000;\n}\n\n.index-module--_zSo1 {\n background: #ccc;\n border-radius: 0 1px 1px 0;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n\n.index-module--tkNQ6 {\n background: #eee;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n",""]);var d="index-module--rHd3V",s="index-module--_zSo1",l="index-module--tkNQ6";const u=a}}]);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 3519.diva-web-planner-react.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3519,9001,7853],{69001:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function NavigationButtons(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),s=t(88130),l=t(87363),d=t(9420),c=t(93379),u=t.n(c),p=t(7795),x=t.n(p),g=t(90569),f=t.n(g),b=t(3565),m=t.n(b),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=f().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=v();u()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const C=(0,d.Pi)((function Inputbox(e){(0,o.Z)(e);var n=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;n.settingsState.setInputBoxValue(null!==(e=null===(i=n.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),c=!!n.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:y.Ci,type:c?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},12887:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(87363),o=t(93379),r=t.n(o),a=t(7795),s=t.n(a),l=t(90569),d=t.n(l),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),g=t(44589),f=t.n(g),b=t(59318),m={};m.styleTagTransform=f(),m.setAttributes=u(),m.insert=d().bind(null,"head"),m.domAPI=s(),m.insertStyleElement=x();r()(b.ZP,m);b.ZP&&b.ZP.locals&&b.ZP.locals;var h=t(88130),v=t(9420),S=t(24925),w=t(88683),y=t(47514);const P=(0,v.Pi)((function Toolbar(e){var n,t,o,r=(0,h.NP)(),a=(0,w.useDivaCore)().state.organization.settings.wwsClient,s=function changeVal(e){var n=e===r.uiState.activeCatalogSection?"3D/2D":e;localStorage.setItem("lastWindow",n),r.uiState.setActiveCatalogSection(n)},l=!!Object.values(null!==(n=null===(t=r.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==n?n:{}).find((function(e){return e.partlistArticlesRules}));return(0,i.useEffect)((function(){("Pfister"!=a&&"ekText"==r.uiState.activeCatalogSection||!l&&"PartList"==r.uiState.activeCatalogSection||"3D/2D"!==r.uiState.activeCatalogSection)&&s("3D/2D")}),[]),(0,y.jsxs)(y.Fragment,{children:["3D/2D"!=r.uiState.activeCatalogSection&&(0,y.jsx)(S.default,{}),(0,y.jsxs)("div",{className:b.nC,children:[(0,y.jsx)("div",{className:b.wc,children:w.DivaUtils.formatPrice(null!==(o=r.productState.formatedTotalPrice)&&void 0!==o?o:0,r.productState.priceFormat)}),l&&(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("PartList")},children:"Stückliste"}),(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("PriceAnalyzer")},children:"Preise"}),(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("DecisionAnalyzer")},children:"Decisions"}),"Pfister"==a&&(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("ekText")},children:"Ek Text"})]})]})}))},73519:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>D,default:()=>E});var i=t(88130),o=t(87363),r=t(39141),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),g=t(19216),f=t.n(g),b=t(44589),m=t.n(b),h=t(53471),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=f();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(97853),w=t(7474),y=t(9420),P=t(65515),j=t.n(P),C=t(12887),I=t(69001),k=t(34384),O=t(47514),D={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionForthWidth":"calc(50% - 3px)","--configuratorActionBackWidth":"calc(50% - 3px)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const E=(0,y.Pi)((function Wysiwyg(e){var n=(0,i.NP)();return(0,o.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(D)}),[]),(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:j()(h.xn,n.getIsInMobileView()?h.ai:void 0),children:[(0,O.jsx)(w.default,{className:h.x6}),(0,O.jsx)(S.default,{className:h.vt}),(0,O.jsx)(I.default,{className:h.jl,showBackButtonText:!0,showCheckoutButtons:!1}),(0,O.jsx)(C.default,{}),(0,O.jsx)(k.default,{direction:"right",mountElementId:"wcConfigurator",drawerStyle:{zIndex:3e3,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"}})]}),n.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var i=t(80248),o=t(34988),r=t(9420),a=t(87363),s=t(29523),l=t(88130),d=t(88683),c=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var u=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,i=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,o.Z)(p,2),g=x[0],f=x[1],b=(0,d.useDivaCore)().actions,m=b.openDrawerMenu,h=b.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){f(!0);var e=r.getIsInMobileView(),o=function onClose(){r.settingsState.setContentItemId()},a=(0,c.jsx)(s.Q,{onClose:function onClose(){o(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){u.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:o,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:o,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},i)})}else g&&(h("content-item"),setTimeout((function(){f(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,c.jsx)(c.Fragment,{})}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(87363),o=t(92404),r=t(9420),a=t(88130),s=t(93379),l=t.n(s),d=t(7795),c=t.n(d),u=t(90569),p=t.n(u),x=t(3565),g=t.n(x),f=t(19216),b=t.n(f),m=t(44589),h=t.n(m),v=t(41060),S={};S.styleTagTransform=h(),S.setAttributes=g(),S.insert=p().bind(null,"head"),S.domAPI=c(),S.insertStyleElement=b();l()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(82956),y=t(65515),P=t.n(y),j=t(34988),C=t(88683);var I=t(47514);const k=(0,r.Pi)((function SettingsBottomDrawer(e){var n,t=e.draggerElement,r=e.children,s=(0,a.NP)(),l=function useDrawerHook(){var e=(0,i.useState)(0),n=(0,j.Z)(e,2),t=n[0],o=n[1],r=(0,i.useState)(0),s=(0,j.Z)(r,2),l=s[0],d=s[1],c=(0,a.NP)(),u=(0,i.useState)(c.uiState.isMobilePortrait),p=(0,j.Z)(u,2),x=p[0],g=p[1],f=(0,i.useState)(c.uiState.snapPoints),b=(0,j.Z)(f,2),m=b[0],h=b[1],v=(0,C.useDivaCore)().state,S=v.dimensions,w=S.width,y=S.height,P=v.initializing;(0,i.useEffect)((function(){h(c.uiState.snapPoints)}),[w,y,P]),(0,i.useEffect)((function(){g(c.uiState.isMobilePortrait)}),[c.uiState.isInMobileView,c.uiState.isMobileLandscape,c.uiState.isTablet,w,y]);var I=(0,i.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){o(e.touches[0].clientY),d(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,i=e.touches[0].pageX,o=Math.abs(n-t),r=Math.abs(i-l);o>=1&&o>2*r&&window.addEventListener("touchmove",I,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",I)},snapPoints:m,open:x}}(),d=l.handleTouchStart,c=l.handleTouchMove,u=l.handleTouchEnd,p=l.open,x=l.snapPoints,g=document.getElementById("wcConfigurator"),f=s.uiState.snapPoints[s.settingsState.activeSnapPointIndex];return n="string"==typeof f?f:"calc("+100*f+"%"+(3==s.settingsState.activeSnapPointIndex?")":" - 36px)"),g&&null!=x&&x.length?(0,I.jsx)(o.dy.Root,{open:p,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:x,container:g,onClose:function onClose(){return s.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==s.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:x[s.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return s.settingsState.setActiveSnapPointIndex(x.indexOf(e))},children:(0,I.jsx)(o.dy.Portal,{children:(0,I.jsxs)(o.dy.Content,{className:v.kh,style:{height:n},children:[(0,I.jsx)(o.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,I.jsxs)(o.dy.Handle,{className:P()(v.aq),onTouchStart:d,onTouchMove:c,onTouchEnd:u,children:[(0,I.jsx)("div",{className:v.Rx,children:(0,I.jsx)("div",{className:v.uQ})}),(0,I.jsx)("div",{className:v.ad,children:t})]}),s.uiState.isInMobileView&&(0,I.jsx)("div",{className:P()(w.Iz,v.J7),children:r})]})})}):(0,I.jsx)(I.Fragment,{})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(9420),o=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(e){var n=(0,o.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),l=t(9420),d=t(82956),c=t(65515),u=t.n(c),p=t(99676),x=t(51451),g=t(59343),f=t(47514),b=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,l.Pi)((function Settings(e){var n,t,i=e.className,l=e.tabgroupElement,c=(0,o.Z)(e,b),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,f.jsx)(f.Fragment,{children:h?(0,f.jsx)(p.default,{}):(0,f.jsxs)(f.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,f.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,f.jsx)(s.default,{}),(0,f.jsx)(x.default,{})]})});return(0,f.jsxs)("div",_objectSpread(_objectSpread({},c),{},{id:"wcConfigurator-settings",className:u()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,f.jsx)(g.default,{draggerElement:l,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>b,vX:()=>f});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),c=a()(o()),u=l()(d);c.push([e.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+u+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",f="index-module--FQDBA";const b=c},59318:(e,n,t)=>{t.d(n,{ZP:()=>d,nC:()=>s,wc:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--lxloL {\n display: flex;\n height: 42px;\n gap: 12px;\n justify-content: space-around;\n overflow: auto;\n align-items: center;\n background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n cursor: pointer;\n min-width: 80px;\n padding-left: 12px;\n padding-right: 12px;\n text-align: center;\n}\n",""]);var s="index-module--lxloL",l="index-module--CjTaL";const d=a},53471:(e,n,t)=>{t.d(n,{ZP:()=>p,ai:()=>d,jl:()=>u,vt:()=>c,x6:()=>l,xn:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--B_KPE {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n height: 56px;\n position: relative;\n display: flex;\n justify-content: center;\n margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n height: 40px;\n}\n\n.index-module--NDeij {\n height: calc(100% - 56px - 42px - 40px);\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n height: 40px;\n z-index: 1001;\n}\n",""]);var s="index-module--B_KPE",l="index-module--qDhz3",d="index-module--aq01h",c="index-module--NDeij",u="index-module--Jh4qy";const p=a},41060:(e,n,t)=>{t.d(n,{J7:()=>d,Rx:()=>c,ZP:()=>x,ad:()=>p,aq:()=>l,kh:()=>s,uQ:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--qmbFa {\n transition:\n opacity 0.3s ease,\n transform 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;\n}\n\n.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 opacity: 1;\n}\n\n.diva-fullscreen .index-module--qmbFa {\n position: fixed;\n}\n\n.index-module--qmbFa.vaul-dragging {\n transition: opacity 0.3s ease !important;\n height: calc(100% - 36px) !important;\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}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: calc(100% - 38px);\n overflow: hidden;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",l="index-module--Lklbq",d="index-module--A4coW",c="index-module--WO2oD",u="index-module--BVoP4",p="index-module--yfZrB";const x=a}}]);
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3519,9001,7853],{69001:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function NavigationButtons(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),s=t(88130),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),f=t(90569),g=t.n(f),m=t(3565),b=t.n(m),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=b(),P.insert=g().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const C=(0,d.Pi)((function Inputbox(e){(0,o.Z)(e);var n=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;n.settingsState.setInputBoxValue(null!==(e=null===(i=n.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:y.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},12887:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(87363),o=t(93379),r=t.n(o),a=t(7795),s=t.n(a),l=t(90569),d=t.n(l),u=t(3565),c=t.n(u),p=t(19216),x=t.n(p),f=t(44589),g=t.n(f),m=t(59318),b={};b.styleTagTransform=g(),b.setAttributes=c(),b.insert=d().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=x();r()(m.ZP,b);m.ZP&&m.ZP.locals&&m.ZP.locals;var h=t(88130),v=t(9420),S=t(24925),w=t(88683),y=t(47514);const P=(0,v.Pi)((function Toolbar(e){var n,t,o,r=(0,h.NP)(),a=(0,w.useDivaCore)().state.organization.settings.wwsClient,s=function changeVal(e){var n=e===r.uiState.activeCatalogSection?"3D/2D":e;localStorage.setItem("lastWindow",n),r.uiState.setActiveCatalogSection(n)},l=!!Object.values(null!==(n=null===(t=r.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==n?n:{}).find((function(e){return e.partlistArticlesRules}));return(0,i.useEffect)((function(){("Pfister"!=a&&"ekText"==r.uiState.activeCatalogSection||!l&&"PartList"==r.uiState.activeCatalogSection||"3D/2D"!==r.uiState.activeCatalogSection)&&s("3D/2D")}),[]),(0,y.jsxs)(y.Fragment,{children:["3D/2D"!=r.uiState.activeCatalogSection&&(0,y.jsx)(S.default,{}),(0,y.jsxs)("div",{className:m.nC,children:[(0,y.jsx)("div",{className:m.wc,children:w.DivaUtils.formatPrice(null!==(o=r.productState.formatedTotalPrice)&&void 0!==o?o:0,r.productState.priceFormat)}),l&&(0,y.jsx)("div",{className:m.wc,onClick:function onClick(){return s("PartList")},children:"Stückliste"}),(0,y.jsx)("div",{className:m.wc,onClick:function onClick(){return s("PriceAnalyzer")},children:"Preise"}),(0,y.jsx)("div",{className:m.wc,onClick:function onClick(){return s("DecisionAnalyzer")},children:"Decisions"}),"Pfister"==a&&(0,y.jsx)("div",{className:m.wc,onClick:function onClick(){return s("ekText")},children:"Ek Text"})]})]})}))},73519:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>D,default:()=>E});var i=t(88130),o=t(87363),r=t(39141),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),f=t(19216),g=t.n(f),m=t(44589),b=t.n(m),h=t(53471),v={};v.styleTagTransform=b(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(97853),w=t(7474),y=t(9420),P=t(65515),j=t.n(P),C=t(12887),I=t(69001),k=t(34384),O=t(47514),D={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionForthWidth":"calc(50% - 3px)","--configuratorActionBackWidth":"calc(50% - 3px)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const E=(0,y.Pi)((function Wysiwyg(e){var n=(0,i.NP)();return(0,o.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(D)}),[]),(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:j()(h.xn,n.getIsInMobileView()?h.ai:void 0),children:[(0,O.jsx)(w.default,{className:h.x6}),(0,O.jsx)(S.default,{className:h.vt}),(0,O.jsx)(I.default,{className:h.jl,showBackButtonText:!0,showCheckoutButtons:!1}),(0,O.jsx)(C.default,{}),(0,O.jsx)(k.default,{direction:"right",mountElementId:"wcConfigurator",drawerStyle:{zIndex:3e3,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"}})]}),n.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var i=t(80248),o=t(34988),r=t(9420),a=t(87363),s=t(29523),l=t(88130),d=t(88683),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var c=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,i=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,o.Z)(p,2),f=x[0],g=x[1],m=(0,d.useDivaCore)().actions,b=m.openDrawerMenu,h=m.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e=r.getIsInMobileView(),o=function onClose(){r.settingsState.setContentItemId()},a=(0,u.jsx)(s.Q,{onClose:function onClose(){o(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});b(e?{id:"content-item",content:a,onClose:o,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:o,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},i)})}else f&&(h("content-item"),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(87363),o=t(92404),r=t(9420),a=t(88130),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),f=t.n(x),g=t(19216),m=t.n(g),b=t(44589),h=t.n(b),v=t(41060),S={};S.styleTagTransform=h(),S.setAttributes=f(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=m();l()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(82956),y=t(65515),P=t.n(y),j=t(34988),C=t(88683);var I=t(47514);const k=(0,r.Pi)((function SettingsBottomDrawer(e){var n,t=e.draggerElement,r=e.children,s=(0,a.NP)(),l=function useDrawerHook(){var e=(0,i.useState)(0),n=(0,j.Z)(e,2),t=n[0],o=n[1],r=(0,i.useState)(0),s=(0,j.Z)(r,2),l=s[0],d=s[1],u=(0,a.NP)(),c=(0,i.useState)(u.uiState.isMobilePortrait),p=(0,j.Z)(c,2),x=p[0],f=p[1],g=(0,i.useState)(u.uiState.snapPoints),m=(0,j.Z)(g,2),b=m[0],h=m[1],v=(0,i.useState)(null),S=(0,j.Z)(v,2),w=S[0],y=S[1],P=(0,C.useDivaCore)().state,I=P.dimensions,k=I.width,O=I.height,D=P.initializing;(0,i.useEffect)((function(){E()}),[k,O,D]);var E=function trySetSnapPoints(){var e=u.uiState.snapPoints;w&&clearTimeout(w),null!=e&&e.length?h(e):y(setTimeout((function(){return E()}),100))};(0,i.useEffect)((function(){f(u.uiState.isMobilePortrait)}),[u.uiState.isInMobileView,u.uiState.isMobileLandscape,u.uiState.isTablet,k,O]);var B=(0,i.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){o(e.touches[0].clientY),d(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,i=e.touches[0].pageX,o=Math.abs(n-t),r=Math.abs(i-l);o>=1&&o>2*r&&window.addEventListener("touchmove",B,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",B)},snapPoints:b,open:x}}(),d=l.handleTouchStart,u=l.handleTouchMove,c=l.handleTouchEnd,p=l.open,x=l.snapPoints,f=document.getElementById("wcConfigurator");if(!f)return(0,I.jsx)(I.Fragment,{});if(null==x||!x.length)return(0,I.jsx)(I.Fragment,{});var g=s.uiState.snapPoints[s.settingsState.activeSnapPointIndex];return n="string"==typeof g?g:"calc("+100*g+"%"+(3==s.settingsState.activeSnapPointIndex?")":" - 36px)"),(0,I.jsx)(o.dy.Root,{open:p,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:x,container:f,onClose:function onClose(){return s.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==s.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:x[s.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return s.settingsState.setActiveSnapPointIndex(x.indexOf(e))},children:(0,I.jsx)(o.dy.Portal,{children:(0,I.jsxs)(o.dy.Content,{className:v.kh,style:{height:n},children:[(0,I.jsx)(o.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,I.jsxs)(o.dy.Handle,{className:P()(v.aq),onTouchStart:d,onTouchMove:u,onTouchEnd:c,children:[(0,I.jsx)("div",{className:v.Rx,children:(0,I.jsx)("div",{className:v.uQ})}),(0,I.jsx)("div",{className:v.ad,children:t})]}),s.uiState.isInMobileView&&(0,I.jsx)("div",{className:P()(w.Iz,v.J7),children:r})]})})})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(9420),o=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(e){var n=(0,o.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(80248),o=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),f=t(59343),g=t(47514),m=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const b=(0,l.Pi)((function Settings(e){var n,t,i=e.className,l=e.tabgroupElement,u=(0,o.Z)(e,m),b=(0,r.NP)(),h=b.getIsInMobileView()&&b.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:h?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!b.uiState.isInMobileView&&!b.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(n=null===(t=b.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==b.tabGroupState.curTabGroupType?d.s1:void 0,b.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,g.jsx)(f.default,{draggerElement:l,children:v}),!b.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>f,Q_:()=>x,ZP:()=>m,vX:()=>g});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const m=u},59318:(e,n,t)=>{t.d(n,{ZP:()=>d,nC:()=>s,wc:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--lxloL {\n display: flex;\n height: 42px;\n gap: 12px;\n justify-content: space-around;\n overflow: auto;\n align-items: center;\n background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n cursor: pointer;\n min-width: 80px;\n padding-left: 12px;\n padding-right: 12px;\n text-align: center;\n}\n",""]);var s="index-module--lxloL",l="index-module--CjTaL";const d=a},53471:(e,n,t)=>{t.d(n,{ZP:()=>p,ai:()=>d,jl:()=>c,vt:()=>u,x6:()=>l,xn:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--B_KPE {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n height: 56px;\n position: relative;\n display: flex;\n justify-content: center;\n margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n height: 40px;\n}\n\n.index-module--NDeij {\n height: calc(100% - 56px - 42px - 40px);\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n height: 40px;\n z-index: 1001;\n}\n",""]);var s="index-module--B_KPE",l="index-module--qDhz3",d="index-module--aq01h",u="index-module--NDeij",c="index-module--Jh4qy";const p=a},41060:(e,n,t)=>{t.d(n,{J7:()=>d,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>l,kh:()=>s,uQ:()=>c});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--qmbFa {\n transition:\n opacity 0.3s ease,\n transform 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;\n}\n\n.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 opacity: 1;\n}\n\n.diva-fullscreen .index-module--qmbFa {\n position: fixed;\n}\n\n.index-module--qmbFa.vaul-dragging {\n transition: opacity 0.3s ease !important;\n height: calc(100% - 36px) !important;\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}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: calc(100% - 38px);\n overflow: hidden;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",l="index-module--Lklbq",d="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a}}]);
|