@crystaldesign/diva-web-planner-react 26.12.0-beta.33 → 26.12.0-beta.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/esm/{Planner2DGrid-f957a693.js → Planner2DGrid-73d9be59.js} +1 -1
- package/build/esm/{Planner3DImage-16ede3fe.js → Planner3DImage-b3e47ecc.js} +1 -1
- package/build/esm/{UnlockCard-d1293b73.js → UnlockCard-4b96c9fc.js} +1 -1
- package/build/esm/{accessoryPlacementMode-324690be.js → accessoryPlacementMode-bba5d347.js} +1 -1
- package/build/esm/{index-65418866.js → index-01c433b8.js} +1 -1
- package/build/esm/{index-f629a19b.js → index-025c6d65.js} +3 -3
- package/build/esm/{index-a4b64e2d.js → index-026d0414.js} +2 -2
- package/build/esm/{index-228c4fb5.js → index-040d4360.js} +3 -3
- package/build/esm/{index-94fd0ae2.js → index-048f95ce.js} +3 -3
- package/build/esm/{index-6214f7a1.js → index-07c739ff.js} +1 -1
- package/build/esm/{index-efb18a19.js → index-0a240eda.js} +18 -18
- package/build/esm/{index-1eba14e2.js → index-0a7ce1eb.js} +3 -3
- package/build/esm/{index-2c6b914f.js → index-0add5e8b.js} +1 -1
- package/build/esm/{index-829b6e14.js → index-0b0dd0fc.js} +3 -3
- package/build/esm/{index-618531d5.js → index-0bb11c22.js} +100 -100
- package/build/esm/{index-7ca231d8.js → index-0bb3520e.js} +89 -89
- package/build/esm/{index-0a55639e.js → index-0c97a17b.js} +74 -74
- package/build/esm/{index-a07f9c21.js → index-0f1819bc.js} +1 -1
- package/build/esm/{index-d1812fd1.js → index-101cad52.js} +1 -1
- package/build/esm/{index-d40848b7.js → index-1083a9dc.js} +1 -1
- package/build/esm/{index-6d7939ce.js → index-13a08001.js} +1 -1
- package/build/esm/{index-2cd29646.js → index-16a26eb6.js} +2 -2
- package/build/esm/{index-96c8e790.js → index-16ce62b2.js} +1 -1
- package/build/esm/{index-6f288661.js → index-1725c851.js} +1 -1
- package/build/esm/{index-19307cda.js → index-186e4ca5.js} +76 -76
- package/build/esm/{index-5cae59ac.js → index-1a437cae.js} +1 -1
- package/build/esm/{index-f0d46db9.js → index-1a99a224.js} +8 -8
- package/build/esm/{index-c4afc917.js → index-1aa8bd30.js} +1 -1
- package/build/esm/{index-0bd6d38e.js → index-1c544d2d.js} +1 -1
- package/build/esm/{index-13c5440b.js → index-1c87f691.js} +1 -1
- package/build/esm/{index-96eb6033.js → index-1cea06e5.js} +1 -1
- package/build/esm/{index-bad9bc74.js → index-1d14537c.js} +1 -1
- package/build/esm/{index-c3109b7d.js → index-1f4f06c7.js} +1 -1
- package/build/esm/{index-7690bb44.js → index-1f615690.js} +1 -1
- package/build/esm/{index-bc712771.js → index-2080f1fe.js} +2 -2
- package/build/esm/{index-4b1df9d5.js → index-20f9fa23.js} +1 -1
- package/build/esm/{index-24ea39d1.js → index-214c2801.js} +2 -2
- package/build/esm/{index-ef3acafd.js → index-242b4bc8.js} +2 -2
- package/build/esm/{index-e9a430da.js → index-28c6869a.js} +5 -5
- package/build/esm/{index-f9993a8f.js → index-29ce8249.js} +2 -2
- package/build/esm/{index-e95d0d14.js → index-2be17601.js} +68 -68
- package/build/esm/{index-6705bacf.js → index-2d2612fd.js} +2 -2
- package/build/esm/{index-5183ca9f.js → index-2ebc7232.js} +3 -3
- package/build/esm/{index-29c1999a.js → index-2edb6c03.js} +90 -90
- package/build/esm/{index-d92cc306.js → index-3006dec8.js} +2 -2
- package/build/esm/{index-9f4f5bc8.js → index-301da779.js} +1 -1
- package/build/esm/{index-93ab0df8.js → index-3033f00a.js} +5 -5
- package/build/esm/{index-1336df6a.js → index-3047c0bc.js} +5 -5
- package/build/esm/{index-5ec8e1cc.js → index-30887d64.js} +4 -4
- package/build/esm/{index-c596267f.js → index-312ded94.js} +1 -1
- package/build/esm/{index-1772d978.js → index-3185af90.js} +3 -3
- package/build/esm/{index-637b00dd.js → index-349180e2.js} +3 -3
- package/build/esm/{index-ed716e7b.js → index-35f90684.js} +68 -68
- package/build/esm/{index-d14a18fd.js → index-36e03b96.js} +1 -1
- package/build/esm/{index-c0a37b01.js → index-37e85771.js} +1 -1
- package/build/esm/{index-478dbc88.js → index-397c20e9.js} +2 -2
- package/build/esm/{index-ed58c3a1.js → index-39d67511.js} +5 -5
- package/build/esm/{index-bae5a0cf.js → index-3b80df3c.js} +22 -22
- package/build/esm/{index-0c893140.js → index-3d7b26b5.js} +1 -1
- package/build/esm/{index-c448f954.js → index-3de15012.js} +1 -1
- package/build/esm/{index-54003b35.js → index-432f0c64.js} +2 -2
- package/build/esm/{index-9429b74c.js → index-44a64763.js} +90 -90
- package/build/esm/{index-5f1b0a9a.js → index-45f2b220.js} +1 -1
- package/build/esm/{index-9a401e49.js → index-47c19c84.js} +1 -1
- package/build/esm/{index-53d475ea.js → index-498a92a0.js} +1 -1
- package/build/esm/{index-0127a6a0.js → index-49fc5d6f.js} +2 -2
- package/build/esm/{index-9a88d5cd.js → index-4a6badb5.js} +65 -65
- package/build/esm/{index-a7583ff2.js → index-4b6cfd9f.js} +5 -5
- package/build/esm/{index-f49813d1.js → index-4bda7ac7.js} +1 -1
- package/build/esm/{index-4efe4179.js → index-4ed7fd1f.js} +2 -2
- package/build/esm/{index-a8055cf9.js → index-4f1563bf.js} +1 -1
- package/build/esm/{index-d52187fe.js → index-4f40f201.js} +65 -65
- package/build/esm/{index-612e099a.js → index-52262e35.js} +85 -85
- package/build/esm/{index-b7c32862.js → index-52828fee.js} +1 -1
- package/build/esm/{index-c588e3a3.js → index-52a398da.js} +17 -17
- package/build/esm/{index-d1539c7a.js → index-52d40051.js} +1 -1
- package/build/esm/{index-f114b25a.js → index-5387f918.js} +1 -1
- package/build/esm/{index-9593182d.js → index-53cd2a4c.js} +1 -1
- package/build/esm/{index-6386d536.js → index-53fb3825.js} +1 -1
- package/build/esm/{index-10273eae.js → index-54c3ee55.js} +1 -1
- package/build/esm/{index-77433593.js → index-55456999.js} +69 -69
- package/build/esm/{index-34a4f059.js → index-558f150e.js} +8 -8
- package/build/esm/{index-13fb1854.js → index-562d9af5.js} +1 -1
- package/build/esm/{index-97a96c32.js → index-572292a2.js} +1 -1
- package/build/esm/{index-0e96830a.js → index-572ed867.js} +15 -15
- package/build/esm/{index-9d678410.js → index-57c5bdb2.js} +1 -1
- package/build/esm/{index-8923f221.js → index-5859109c.js} +3 -3
- package/build/esm/{index-a6279934.js → index-589031e2.js} +1 -1
- package/build/esm/{index-5906d389.js → index-59406902.js} +2 -2
- package/build/esm/{index-8eec2d71.js → index-5b6c5cd2.js} +70 -70
- package/build/esm/{index-a07d48f4.js → index-5bc930a6.js} +5 -5
- package/build/esm/{index-1913b66e.js → index-5be8257e.js} +1 -1
- package/build/esm/{index-e66e8797.js → index-5c1606fb.js} +66 -66
- package/build/esm/{index-e5293a2b.js → index-613640c6.js} +101 -101
- package/build/esm/{index-49c31e05.js → index-642b80b2.js} +1 -1
- package/build/esm/{index-1066cffb.js → index-64795d77.js} +1 -1
- package/build/esm/{index-b051f6c7.js → index-64ac7227.js} +1 -1
- package/build/esm/{index-e111b51c.js → index-65080535.js} +67 -67
- package/build/esm/{index-c7229698.js → index-65edc450.js} +20 -20
- package/build/esm/{index-fd88c8a3.js → index-6858ac1f.js} +71 -71
- package/build/esm/{index-eccf148d.js → index-69ecf854.js} +2 -2
- package/build/esm/{index-d3e6ee78.js → index-6b510986.js} +5 -5
- package/build/esm/{index-3b0ee690.js → index-6c36b5bf.js} +5 -5
- package/build/esm/{index-aab3578e.js → index-6d296abb.js} +1 -1
- package/build/esm/{index-b711f191.js → index-6de87b48.js} +1 -1
- package/build/esm/{index-439b3d5f.js → index-6dfe1491.js} +1 -1
- package/build/esm/{index-c5dc9aca.js → index-6e59fa90.js} +1 -1
- package/build/esm/{index-99ee9868.js → index-7012af88.js} +1 -1
- package/build/esm/{index-e5867324.js → index-7187030d.js} +228 -227
- package/build/esm/{index-3ae7dafc.js → index-72d13f19.js} +70 -70
- package/build/esm/{index-4f4c997e.js → index-730236b2.js} +66 -66
- package/build/esm/{index-e4e83cd1.js → index-73429a1d.js} +3 -3
- package/build/esm/{index-d5bcd85f.js → index-76d5c8b2.js} +1 -1
- package/build/esm/{index-3244fe92.js → index-77c93899.js} +1 -1
- package/build/esm/{index-ca8296d3.js → index-79d1564d.js} +1 -1
- package/build/esm/{index-833d111b.js → index-7a96b5bb.js} +1 -1
- package/build/esm/{index-043d6722.js → index-7c9ee10c.js} +1 -1
- package/build/esm/{index-78289fc8.js → index-7d596f59.js} +5 -5
- package/build/esm/{index-369257c9.js → index-7e8db81c.js} +2 -2
- package/build/esm/{index-22894dd6.js → index-7f42d38a.js} +1 -1
- package/build/esm/{index-69cff04f.js → index-7feb8c66.js} +3 -3
- package/build/esm/{index-bca9ac19.js → index-80c63bac.js} +5 -5
- package/build/esm/{index-ee56e1e1.js → index-83d1df5d.js} +2 -2
- package/build/esm/{index-f01c6dcc.js → index-84d41df0.js} +4 -4
- package/build/esm/{index-29c62307.js → index-86030ac6.js} +1 -1
- package/build/esm/{index-26650e63.js → index-87ad6b74.js} +6 -6
- package/build/esm/{index-1ae041db.js → index-893427c6.js} +2 -2
- package/build/esm/{index-1ea78ab0.js → index-8af41f89.js} +84 -84
- package/build/esm/{index-d2dc806a.js → index-8b4c547a.js} +1 -1
- package/build/esm/{index-0d37817c.js → index-8c4cf73a.js} +1 -1
- package/build/esm/{index-223c521f.js → index-8ce5460e.js} +18 -18
- package/build/esm/{index-cdbe1465.js → index-8e572985.js} +2 -2
- package/build/esm/{index-fa5aa4a7.js → index-8f521eec.js} +1 -1
- package/build/esm/{index-1269994d.js → index-9737f2b6.js} +1 -1
- package/build/esm/{index-b92e6a3c.js → index-97fbc5f4.js} +5 -5
- package/build/esm/{index-427c3d38.js → index-9a45f467.js} +1 -1
- package/build/esm/{index-8f155f85.js → index-9ada730b.js} +1 -1
- package/build/esm/{index-e0bf3043.js → index-9b345b25.js} +87 -87
- package/build/esm/{index-73cd88be.js → index-9bab67e0.js} +1 -1
- package/build/esm/{index-26a66eae.js → index-9feeebe8.js} +18 -18
- package/build/esm/{index-82070cd1.js → index-a026b82f.js} +1 -1
- package/build/esm/{index-680f3d56.js → index-a03249d1.js} +1 -1
- package/build/esm/{index-82492184.js → index-a5d493be.js} +1 -1
- package/build/esm/{index-9b349f45.js → index-a5d77749.js} +1 -1
- package/build/esm/{index-68605129.js → index-a5f7c6fa.js} +7 -7
- package/build/esm/{index-13531035.js → index-a61a69e6.js} +2 -2
- package/build/esm/{index-71973ef1.js → index-a6f5f745.js} +1 -1
- package/build/esm/{index-92b7cc6c.js → index-a75d6691.js} +3 -3
- package/build/esm/{index-7d9ea017.js → index-a7cbab60.js} +91 -91
- package/build/esm/{index-7eae56ae.js → index-aa33f83c.js} +25 -25
- package/build/esm/{index-f51a0c79.js → index-acf923a9.js} +1 -1
- package/build/esm/{index-287e50e5.js → index-adcafe30.js} +6 -6
- package/build/esm/{index-9094739c.js → index-aecda699.js} +1 -1
- package/build/esm/{index-e0fcd8dd.js → index-af7b4096.js} +2 -2
- package/build/esm/{index-08c6e9ca.js → index-b08722ad.js} +73 -73
- package/build/esm/{index-e6cf4143.js → index-b219981e.js} +21 -21
- package/build/esm/{index-a5319487.js → index-b2aca44e.js} +1 -1
- package/build/esm/{index-73edda38.js → index-b3396787.js} +1 -1
- package/build/esm/{index-6f4abb16.js → index-b3dfe527.js} +2 -2
- package/build/esm/{index-64707441.js → index-b491963b.js} +1 -1
- package/build/esm/{index-651347a4.js → index-b4c14770.js} +1 -1
- package/build/esm/{index-f95d8dab.js → index-b533530b.js} +4 -4
- package/build/esm/{index-c4e34d8e.js → index-b589d3de.js} +13 -13
- package/build/esm/{index-0fa3ad03.js → index-b5ec5ff4.js} +1 -1
- package/build/esm/{index-2863d099.js → index-b5f6b4ba.js} +1 -1
- package/build/esm/{index-4892251c.js → index-b8b4eb9a.js} +1 -1
- package/build/esm/{index-bba5efeb.js → index-bb1beaa5.js} +1 -1
- package/build/esm/{index-d03e7da0.js → index-bd0ddf1b.js} +1 -1
- package/build/esm/{index-cf1b6364.js → index-bea2dfdc.js} +1 -1
- package/build/esm/{index-d2e1abb7.js → index-c110e53d.js} +1 -1
- package/build/esm/{index-06526969.js → index-c200a06f.js} +2 -2
- package/build/esm/{index-2fcd9879.js → index-c269bbf2.js} +1 -1
- package/build/esm/{index-51176243.js → index-c32a29f9.js} +3 -3
- package/build/esm/{index-47d8af32.js → index-c3b43e0c.js} +2 -2
- package/build/esm/{index-8868a929.js → index-c488c895.js} +3 -3
- package/build/esm/{index-c8fe589a.js → index-c7b15544.js} +18 -18
- package/build/esm/{index-7437793e.js → index-c8571acc.js} +2 -2
- package/build/esm/{index-9841d840.js → index-c9ddb9fc.js} +2 -2
- package/build/esm/{index-64be1572.js → index-ca2b0f37.js} +7 -7
- package/build/esm/{index-951c82d8.js → index-cb96179e.js} +1 -1
- package/build/esm/{index-abd69958.js → index-cbe645d6.js} +1 -1
- package/build/esm/{index-474b9a8e.js → index-cce67907.js} +3 -3
- package/build/esm/{index-7e322ecb.js → index-cde68b7c.js} +1 -1
- package/build/esm/{index-e690a838.js → index-ce4d7fad.js} +3 -3
- package/build/esm/{index-4aa86695.js → index-ceb6e478.js} +1 -1
- package/build/esm/{index-0ba1e921.js → index-cef5a3bf.js} +4 -4
- package/build/esm/{index-9c3a03c9.js → index-cf9a348c.js} +2 -2
- package/build/esm/{index-d2972d31.js → index-d28c624b.js} +1 -1
- package/build/esm/{index-79ef88c7.js → index-d364c1db.js} +1 -1
- package/build/esm/{index-31dd8695.js → index-d74779b5.js} +1 -1
- package/build/esm/{index-928866df.js → index-d9129981.js} +1 -1
- package/build/esm/{index-d5ea138b.js → index-d92fc58c.js} +4 -4
- package/build/esm/{index-8042f986.js → index-d9776a79.js} +8 -8
- package/build/esm/{index-7cf8835b.js → index-d9c58a98.js} +3 -3
- package/build/esm/{index-43bf2dd7.js → index-d9e6547f.js} +1 -1
- package/build/esm/{index-cd3336c2.js → index-dbdc4340.js} +1 -1
- package/build/esm/{index-735e4535.js → index-dcd6e05b.js} +1 -1
- package/build/esm/{index-3445fec7.js → index-dcdce8f4.js} +5 -5
- package/build/esm/{index-ab595497.js → index-dcf4003b.js} +1 -1
- package/build/esm/{index-3683382a.js → index-de434a4d.js} +1 -1
- package/build/esm/{index-aefa28fb.js → index-de84674f.js} +1 -1
- package/build/esm/{index-65aea4f6.js → index-dee52133.js} +1 -1
- package/build/esm/{index-497717bb.js → index-df28b72b.js} +1 -1
- package/build/esm/{index-451a28d9.js → index-dfa87e13.js} +3 -3
- package/build/esm/{index-0985d782.js → index-e1113d85.js} +1 -1
- package/build/esm/{index-3a270de5.js → index-e6f748e8.js} +19 -19
- package/build/esm/{index-0bb89b35.js → index-e7d72686.js} +2 -2
- package/build/esm/{index-e15979e3.js → index-e8347e9a.js} +5 -5
- package/build/esm/{index-8d4f0381.js → index-e84eeeba.js} +2 -2
- package/build/esm/{index-4967fdb4.js → index-e9945763.js} +1 -1
- package/build/esm/{index-38962ffe.js → index-eb10e9dd.js} +1 -1
- package/build/esm/{index-c8faaae0.js → index-ebfbc064.js} +1 -1
- package/build/esm/{index-b8d51c56.js → index-ec4d2eb3.js} +2 -2
- package/build/esm/{index-dea5189d.js → index-ee5ed0f4.js} +2 -2
- package/build/esm/{index-9b71c562.js → index-f111c110.js} +1 -1
- package/build/esm/{index-69128748.js → index-f5616974.js} +1 -1
- package/build/esm/{index-d62533d9.js → index-f601f450.js} +1 -1
- package/build/esm/{index-677fb34a.js → index-faacc88f.js} +2 -2
- package/build/esm/{index-f1af31bd.js → index-fb58d56a.js} +2 -2
- package/build/esm/{index-e928d5d7.js → index-fbdd5ef6.js} +1 -1
- package/build/esm/{index-747774e9.js → index-fc625e9c.js} +1 -1
- package/build/esm/{index-33bc16ca.js → index-fd91b7a3.js} +2 -2
- package/build/esm/{index-05c198a9.js → index-fe96e351.js} +3 -3
- package/build/esm/{index-35de0604.js → index-ff86a76c.js} +1 -1
- package/build/esm/index.js +1 -1
- package/build/esm/{index.module-50115982.js → index.module-64b5db41.js} +1 -1
- package/build/esm/{index.module-3f8fa07a.js → index.module-88f34fff.js} +1 -1
- package/build/esm/{index.module-f78428e2.js → index.module-aac88eed.js} +1 -1
- package/build/esm/{index.module-3ea14d99.js → index.module-b2b3fb75.js} +1 -1
- package/build/esm/{index.module-36f071f6.js → index.module-b6ef1289.js} +1 -1
- package/build/esm/{index.module-835e5744.js → index.module-c6b27281.js} +1 -1
- package/build/esm/{index.module-ff452c6f.js → index.module-c7f262ff.js} +1 -1
- package/build/esm/{index.module-100f6bf1.js → index.module-cb179673.js} +1 -1
- package/build/esm/{useCustomDimensions-69a46a5e.js → useCustomDimensions-7d974097.js} +1 -1
- package/build/esm/{ussIsSticky-372746a0.js → ussIsSticky-7264d8e3.js} +1 -1
- package/build/types/web-planner-react/src/model/Palette/PaletteViewHandler.d.ts.map +1 -1
- package/build/umd/1868.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/1932.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/2478.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/2636.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/2994.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/3377.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/3596.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/4129.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/4585.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/4876.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/4903.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/4967.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/5996.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/6253.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/6650.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/6770.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/6939.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/7020.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/7442.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/7654.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/7909.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/8850.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/9102.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/9997.diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/diva-web-planner-react.umd.min.js +1 -1
- package/build/umd/report.html +1 -1
- package/package.json +10 -10
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 6253.diva-web-planner-react.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6253,8291,6882,1801,58],{56882:(e,n,i)=>{i.r(n),i.d(n,{default:()=>m});var o=i(88291),d=i(75327),t=i(9420),l=(i(87363),i(49628)),r=i(65515),a=i.n(r),s=i(81673),x=i(47514);const m=(0,t.Pi)((function AddElement(e){var n;(0,o.Z)(e);var i=(0,d.NP)(),t="add"==(null===(n=i.settingsState.addElementSelected)||void 0===n?void 0:n.mode)||0==Object.keys(i.settingsState.articleInfos).length;return(0,x.jsx)("div",{className:a()(l.YS,i.getIsInMobileView()?l.ai:void 0,i.uiState.isTablet?l.Mq:void 0),children:(0,x.jsx)("div",{id:"add",className:a()(l.PD,i.settingsState.isScrollingDown?l.yG:void 0,t?l.pA:void 0),onClick:function onClick(){var e=i.paletteViewHandler.planner2Dot0Items.getAllItems(),n=e.find((function(e){return e.incomplete})),o=e.find((function(e){var n;return e.basketId==(null===(n=i.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)}));i.paletteViewHandler.elementOverviewSelectionChanged(!0,n,o,"add"),void 0===(null==n?void 0:n.id)?i.viewPlannerHandler.onClearElementSelection():i.viewPlannerHandler.onElementSelected(n.setId,null==n?void 0:n.id)},children:(0,x.jsx)("div",{className:a()(l.be),children:(0,x.jsx)("img",{className:a()(l.K5),src:s})})})})}))},16253:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var o=i(80248),d=(i(87363),i(9420)),t=i(75327),l=i(65515),r=i.n(l),a=i(21801),s=i(49628),x=i(56882),m=i(46770),u=i(88683),c=i(55461),p=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,o.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const C=(0,d.Pi)((function PlannerOverviewItem(e){var n,i,o,d,l=e.item,C=(0,t.NP)(),h=(0,u.useDivaCore)().state.dimensions,g=h.isMobile,v=h.isTablet,b=l.basketId==(null===(n=C.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)&&"add"!=(null===(i=C.settingsState.addElementSelected)||void 0===i?void 0:i.mode),f={},w={},y=void 0,j=!1,I={},S=(0,m.XI)({delayEnter:2e3,hideOnScroll:!0}),P=(0,m.sJ)({isOpen:S[0],auto:!0,placement:C.getViewConfig().tooltipPosition||"left-center"});g||v||C.getViewConfig().hideTooltip||l.contentItemId||(j=S[0],I=S[1],f=P.triggerProps,w=P.layerProps,y=P.renderLayer);var M=C.settingsState.isScrollingDown;return"add"==l.basketId?(0,p.jsx)(x.default,{item:l}):l.isAccessoire?(0,p.jsx)(p.Fragment,{}):(0,p.jsx)("div",_objectSpread(_objectSpread(_objectSpread({className:r()(s.YS,C.getIsInMobileView()?s.ai:void 0,C.uiState.isTablet?s.Mq:void 0),onClick:function onClick(){C.viewPlannerHandler.onElementSelected(l.setId,l.id),C.paletteViewHandler.elementOverviewSelectionChanged(!0,void 0,l,"replace",!0)}},f),I),{},{children:(0,p.jsxs)("div",{id:l.basketId,className:r()(s.Sp,M?s.yG:void 0,b?s.pA:void 0),children:[(0,p.jsxs)("div",{className:r()(s.be),children:[l.image&&(0,p.jsx)("img",{className:r()(s.K5),src:l.image.replace("_gal","").replace("_low","")}),l.contentItemId&&(0,p.jsx)(a.default,{item:l,style:_objectSpread({bottom:M?"-1px":"-7px",right:"-8px"},M?{"--infoIconSize":"16px"}:{})},l.codex)]}),(0,p.jsx)("div",{className:s.FJ,children:(0,p.jsx)("div",{className:s.TN,dangerouslySetInnerHTML:{__html:l.title}})}),j&&(null===(o=y)||void 0===o?void 0:o((0,p.jsx)(c.default,{text:null!==(d=l.longDescription)&&void 0!==d?d:l.title,codex:l.articleCodex,image:l.image,layerProps:w,price:l.price},l.codex))),(0,p.jsx)("div",{className:s.yi,onClick:function onClick(e){e.stopPropagation(),C.viewPlannerHandler.onElementDeleted(l.setId,l.id)},children:(0,p.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:C.getIsInMobileView()?"12":"15",height:C.getIsInMobileView()?"12":"15",viewBox:"0 -960 960 960",fill:"var(--trash-color)",children:(0,p.jsx)("path",{d:"m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"})})})]})}))}))},21801:(e,n,i)=>{i.r(n),i.d(n,{default:()=>I});var o=i(34988),d=i(93379),t=i.n(d),l=i(7795),r=i.n(l),a=i(90569),s=i.n(a),x=i(3565),m=i.n(x),u=i(19216),c=i.n(u),p=i(44589),C=i.n(p),h=i(23240),g={};g.styleTagTransform=C(),g.setAttributes=m(),g.insert=s().bind(null,"head"),g.domAPI=r(),g.insertStyleElement=c();t()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(87363),b=i(75327),f=i(65515),w=i.n(f),y=i(9420),j=i(47514);const I=(0,y.Pi)((function InfoIcon(e){var n,i,d,t=e.item,l=e.style,r=(0,b.NP)(),a=t.contentItemId,s=null!==(n=null!==(i=null!==(d=t.codex)&&void 0!==d?d:t.articleCodex)&&void 0!==i?i:t.title)&&void 0!==n?n:t.key,x=(0,v.useState)(!1),m=(0,o.Z)(x,2),u=m[0],c=m[1],p=t.sel||u;if((0,v.useEffect)((function(){var e=r.settingsState.contentItemVisible&&r.settingsState.contentItemId==a&&s==r.settingsState.clickedFrom;!e&&u&&c(!1),e&&!u&&c(!0)}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId,r.settingsState.clickedFrom]),!t)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!t.op||null===(e=r.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||p}()?(0,j.jsx)("div",{className:h.um,onClick:function onClick(e){r.settingsState.onClickContentItemId(a,s),c(r.settingsState.contentItemVisible&&r.settingsState.contentItemId==a),e.stopPropagation()},style:l,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(h.hv,p?void 0:h.al,u?h.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,j.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,j.jsx)("div",{className:w()(h.dA,p?h.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,j.jsx)(j.Fragment,{})}))},86682:(e,n,i)=>{i.d(n,{FJ:()=>h,K5:()=>C,Mq:()=>x,PD:()=>u,Sp:()=>a,TN:()=>g,YS:()=>r,ZP:()=>b,ai:()=>s,be:()=>c,pA:()=>p,yG:()=>m,yi:()=>v});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());l.push([e.id,"/*Size Normal */\n\n.index-module--HBvPZ {\n display: flex;\n flex-direction: row;\n gap: 4px;\n width: -moz-fit-content;\n width: fit-content;\n cursor: pointer;\n}\n\n.index-module--KL9WL {\n border-radius: var(--globalBorderRadius);\n position: relative;\n z-index: 100;\n transition: all 0.15s ease;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n gap: 4px;\n width: 105px;\n margin-top: 11px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--KL9WL {\n width: 70px;\n}\n\n.index-module--nqpmq.index-module--KL9WL {\n width: 60px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--nqpmq.index-module--KL9WL {\n width: 46px;\n}\n\n.index-module--eU87P {\n position: relative;\n z-index: 100;\n transition: all 0.15s ease;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n width: 38px;\n height: 38px;\n padding-bottom: 24px;\n}\n\n.index-module--_rhcx .index-module--eU87P {\n width: 28px;\n height: 28px;\n}\n.index-module--n2nO7 .index-module--eU87P {\n width: 32px;\n height: 32px;\n}\n.index-module--nqpmq.index-module--eU87P {\n width: 30px;\n height: 30px;\n padding-bottom: 0px;\n}\n.index-module--_rhcx .index-module--nqpmq.index-module--eU87P {\n width: 22px;\n height: 22px;\n}\n.index-module--n2nO7 .index-module--nqpmq.index-module--eU87P {\n width: 26px;\n height: 26px;\n}\n\n.index-module--KL9WL:active,\n.index-module--KL9WL:hover,\n.index-module--eU87P:hover,\n.index-module--eU87P:active {\n z-index: 200;\n transition: 0.15s ease;\n}\n\n.index-module--BubVA {\n border-radius: var(--globalBorderRadius);\n border: 1px rgb(230, 230, 230) solid;\n display: flex;\n transition: 0.15s ease;\n position: relative;\n}\n.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P:hover .index-module--BubVA {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n border: 1px var(--primaryColor) solid;\n border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P.index-module--A0nkG:hover .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--A0nkG .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG .index-module--BubVA {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--_zSMt {\n width: calc(100% - 8px);\n border: 4px white solid;\n background-color: #fff;\n border-radius: var(--globalBorderRadius);\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n transition: border 0.3s ease;\n aspect-ratio: 1/1;\n -o-object-fit: contain;\n object-fit: contain;\n}\n\n.index-module--eU87P .index-module--BubVA {\n border-radius: 100%;\n width: calc(100% - 2px);\n height: calc(100% - 2px);\n}\n\n.index-module--eU87P .index-module--_zSMt {\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n border: 2px white solid;\n border-radius: 100%;\n}\n\n.index-module--A0nkG .index-module--_zSMt,\n.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n border: 4px var(--primaryColor) solid;\n border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--eU87P.index-module--A0nkG .index-module--_zSMt,\n.index-module--eU87P.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n border: 2px var(--primaryColor) solid;\n border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--wSUAC {\n display: flex;\n justify-content: center;\n overflow: visible;\n max-height: 32px;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n opacity: 0;\n display: none;\n}\n\n.index-module--_GZCo {\n opacity: 1;\n text-align: center;\n width: 100%;\n height: 32px;\n min-height: -moz-fit-content;\n min-height: fit-content;\n max-height: -moz-fit-content;\n max-height: fit-content;\n font-size: 14px;\n line-height: 16px;\n overflow: hidden;\n display: -webkit-box;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-hyphens: auto;\n hyphens: auto;\n -webkit-line-clamp: 2;\n transition:\n height 0.3s ease-out,\n opacity 0.3s ease-out;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_GZCo {\n font-size: 12px;\n line-height: 14px;\n}\n\n.index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--KL9WL:focus .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:focus .index-module--_GZCo {\n max-height: -moz-fit-content;\n max-height: fit-content;\n min-height: -moz-fit-content;\n min-height: fit-content;\n -webkit-line-clamp: 30;\n width: 200px;\n min-width: 200px;\n z-index: 200;\n background-color: var(--settingsBackgroundColor);\n border-bottom-left-radius: var(--globalBorderRadius);\n border-bottom-right-radius: var(--globalBorderRadius);\n transition: height 0.3s ease-in;\n}\n\n.index-module--nqpmq .index-module--_GZCo {\n font-size: 12px;\n height: 15px;\n -webkit-line-clamp: 1;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n max-height: 14px;\n}\n\n.index-module--_bHa2 {\n position: absolute;\n top: -6px;\n right: -6px;\n width: 24px;\n height: 24px;\n background-color: #dfdfdf;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n --trash-color: #777;\n opacity: 0;\n transition:\n opacity 0.3s ease,\n fill 0.3s ease,\n background-color 0.3s ease;\n cursor: pointer;\n pointer-events: none;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_bHa2 {\n width: 18px;\n height: 18px;\n top: -4px;\n}\n\n.index-module--A0nkG .index-module--_bHa2 {\n opacity: 1;\n pointer-events: auto;\n}\n\n.index-module--KL9WL.index-module--nqpmq .index-module--_bHa2 {\n opacity: 0;\n pointer-events: none;\n}\n\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--KL9WL:hover .index-module--_bHa2,\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--nqpmq.index-module--KL9WL:hover .index-module--_bHa2 {\n opacity: 1;\n pointer-events: auto;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--A0nkG.index-module--KL9WL:hover .index-module--_bHa2 {\n opacity: 1;\n pointer-events: auto;\n}\n\n.index-module--_bHa2:hover {\n background-color: rgb(226, 106, 106);\n --trash-color: #fff;\n}\n",""]);var r="index-module--HBvPZ",a="index-module--KL9WL",s="index-module--_rhcx",x="index-module--n2nO7",m="index-module--nqpmq",u="index-module--eU87P",c="index-module--BubVA",p="index-module--A0nkG",C="index-module--_zSMt",h="index-module--wSUAC",g="index-module--_GZCo",v="index-module--_bHa2";const b=l},23240:(e,n,i)=>{i.d(n,{FJ:()=>m,Oq:()=>x,ZP:()=>p,al:()=>c,dA:()=>s,fL:()=>u,hv:()=>a,um:()=>r});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());l.push([e.id,".index-module--CjCgr {\n position: absolute;\n bottom: 0px;\n right: 0px;\n cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n position: absolute;\n opacity: 1;\n transition: 0.3s opacity ease;\n z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n width: 20px;\n width: var(--infoIconSize, 20px);\n height: 20px;\n height: var(--infoIconSize, 20px);\n transition:\n 0.3s width ease,\n 0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n opacity: 0;\n z-index: 10;\n}\n",""]);var r="index-module--CjCgr",a="index-module--C9QBx",s="index-module--a2wqn",x="index-module--fLFjU",m="index-module--nTN4r",u="index-module--FaRqp",c="index-module--oBSZj";const p=l},49628:(e,n,i)=>{i.d(n,{FJ:()=>C.FJ,K5:()=>C.K5,Mq:()=>C.Mq,PD:()=>C.PD,Sp:()=>C.Sp,TN:()=>C.TN,YS:()=>C.YS,ai:()=>C.ai,be:()=>C.be,pA:()=>C.pA,yG:()=>C.yG,yi:()=>C.yi});var o=i(93379),d=i.n(o),t=i(7795),l=i.n(t),r=i(90569),a=i.n(r),s=i(3565),x=i.n(s),m=i(19216),u=i.n(m),c=i(44589),p=i.n(c),C=i(86682),h={};h.styleTagTransform=p(),h.setAttributes=x(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=u();d()(C.ZP,h),C.ZP&&C.ZP.locals&&C.ZP.locals},81673:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjE1MTggMjEuNDE5OEMxNy4wNjQgMjEuNDE5OCAyMS44NTY4IDE2LjYyNyAyMS44NTY4IDEwLjcxNDhDMjEuODU2OCA0LjgwMjYyIDE3LjA2NCAwLjAwOTgyNjY2IDExLjE1MTggMC4wMDk4MjY2NkM1LjIzOTU3IDAuMDA5ODI2NjYgMC40NDY3NzcgNC44MDI2MiAwLjQ0Njc3NyAxMC43MTQ4QzAuNDQ2Nzc3IDE2LjYyNyA1LjIzOTU3IDIxLjQxOTggMTEuMTUxOCAyMS40MTk4WiIgZmlsbD0iI0YyRjJGMiIvPgo8cGF0aCBkPSJNMTEuMjQ2OSA1LjAwOTgzVjE2LjYwOTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS40NDY3OCAxMC44MDk3SDE3LjA0NjgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K"},88291:(e,n,i)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}i.d(n,{Z:()=>_objectDestructuringEmpty})}}]);
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6253,8291,6882,1801,58],{56882:(e,n,i)=>{i.r(n),i.d(n,{default:()=>m});var o=i(88291),d=i(75327),t=i(9420),l=(i(87363),i(49628)),r=i(65515),a=i.n(r),s=i(81673),x=i(47514);const m=(0,t.Pi)((function AddElement(e){var n;(0,o.Z)(e);var i=(0,d.NP)(),t="add"==(null===(n=i.settingsState.addElementSelected)||void 0===n?void 0:n.mode)||0==Object.keys(i.settingsState.articleInfos).length;return(0,x.jsx)("div",{className:a()(l.YS,i.getIsInMobileView()?l.ai:void 0,i.uiState.isTablet?l.Mq:void 0),children:(0,x.jsx)("div",{id:"add",className:a()(l.PD,i.settingsState.isScrollingDown?l.yG:void 0,t?l.pA:void 0),onClick:function onClick(){var e=i.paletteViewHandler.planner2Dot0Items.getAllItems(),n=e.find((function(e){return e.incomplete})),o=e.find((function(e){var n;return e.basketId==(null===(n=i.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)}));i.paletteViewHandler.elementOverviewSelectionChanged(!0,n,o,"add"),void 0===(null==n?void 0:n.id)?i.viewPlannerHandler.onClearElementSelection():i.viewPlannerHandler.onElementSelected(n.setId,null==n?void 0:n.id)},children:(0,x.jsx)("div",{className:a()(l.be),children:(0,x.jsx)("img",{className:a()(l.K5),src:s})})})})}))},16253:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var o=i(80248),d=(i(87363),i(9420)),t=i(75327),l=i(65515),r=i.n(l),a=i(21801),s=i(49628),x=i(56882),m=i(58292),u=i(88683),c=i(55461),p=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,o.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const C=(0,d.Pi)((function PlannerOverviewItem(e){var n,i,o,d,l=e.item,C=(0,t.NP)(),h=(0,u.useDivaCore)().state.dimensions,g=h.isMobile,v=h.isTablet,b=l.basketId==(null===(n=C.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)&&"add"!=(null===(i=C.settingsState.addElementSelected)||void 0===i?void 0:i.mode),f={},w={},y=void 0,j=!1,I={},S=(0,m.XI)({delayEnter:2e3,hideOnScroll:!0}),P=(0,m.sJ)({isOpen:S[0],auto:!0,placement:C.getViewConfig().tooltipPosition||"left-center"});g||v||C.getViewConfig().hideTooltip||l.contentItemId||(j=S[0],I=S[1],f=P.triggerProps,w=P.layerProps,y=P.renderLayer);var M=C.settingsState.isScrollingDown;return"add"==l.basketId?(0,p.jsx)(x.default,{item:l}):l.isAccessoire?(0,p.jsx)(p.Fragment,{}):(0,p.jsx)("div",_objectSpread(_objectSpread(_objectSpread({className:r()(s.YS,C.getIsInMobileView()?s.ai:void 0,C.uiState.isTablet?s.Mq:void 0),onClick:function onClick(){C.viewPlannerHandler.onElementSelected(l.setId,l.id),C.paletteViewHandler.elementOverviewSelectionChanged(!0,void 0,l,"replace",!0)}},f),I),{},{children:(0,p.jsxs)("div",{id:l.basketId,className:r()(s.Sp,M?s.yG:void 0,b?s.pA:void 0),children:[(0,p.jsxs)("div",{className:r()(s.be),children:[l.image&&(0,p.jsx)("img",{className:r()(s.K5),src:l.image.replace("_gal","").replace("_low","")}),l.contentItemId&&(0,p.jsx)(a.default,{item:l,style:_objectSpread({bottom:M?"-1px":"-7px",right:"-8px"},M?{"--infoIconSize":"16px"}:{})},l.codex)]}),(0,p.jsx)("div",{className:s.FJ,children:(0,p.jsx)("div",{className:s.TN,dangerouslySetInnerHTML:{__html:l.title}})}),j&&(null===(o=y)||void 0===o?void 0:o((0,p.jsx)(c.default,{text:null!==(d=l.longDescription)&&void 0!==d?d:l.title,codex:l.articleCodex,image:l.image,layerProps:w,price:l.price},l.codex))),(0,p.jsx)("div",{className:s.yi,onClick:function onClick(e){e.stopPropagation(),C.viewPlannerHandler.onElementDeleted(l.setId,l.id)},children:(0,p.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:C.getIsInMobileView()?"12":"15",height:C.getIsInMobileView()?"12":"15",viewBox:"0 -960 960 960",fill:"var(--trash-color)",children:(0,p.jsx)("path",{d:"m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"})})})]})}))}))},21801:(e,n,i)=>{i.r(n),i.d(n,{default:()=>I});var o=i(34988),d=i(93379),t=i.n(d),l=i(7795),r=i.n(l),a=i(90569),s=i.n(a),x=i(3565),m=i.n(x),u=i(19216),c=i.n(u),p=i(44589),C=i.n(p),h=i(23240),g={};g.styleTagTransform=C(),g.setAttributes=m(),g.insert=s().bind(null,"head"),g.domAPI=r(),g.insertStyleElement=c();t()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(87363),b=i(75327),f=i(65515),w=i.n(f),y=i(9420),j=i(47514);const I=(0,y.Pi)((function InfoIcon(e){var n,i,d,t=e.item,l=e.style,r=(0,b.NP)(),a=t.contentItemId,s=null!==(n=null!==(i=null!==(d=t.codex)&&void 0!==d?d:t.articleCodex)&&void 0!==i?i:t.title)&&void 0!==n?n:t.key,x=(0,v.useState)(!1),m=(0,o.Z)(x,2),u=m[0],c=m[1],p=t.sel||u;if((0,v.useEffect)((function(){var e=r.settingsState.contentItemVisible&&r.settingsState.contentItemId==a&&s==r.settingsState.clickedFrom;!e&&u&&c(!1),e&&!u&&c(!0)}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId,r.settingsState.clickedFrom]),!t)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!t.op||null===(e=r.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||p}()?(0,j.jsx)("div",{className:h.um,onClick:function onClick(e){r.settingsState.onClickContentItemId(a,s),c(r.settingsState.contentItemVisible&&r.settingsState.contentItemId==a),e.stopPropagation()},style:l,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(h.hv,p?void 0:h.al,u?h.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,j.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,j.jsx)("div",{className:w()(h.dA,p?h.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,j.jsx)(j.Fragment,{})}))},86682:(e,n,i)=>{i.d(n,{FJ:()=>h,K5:()=>C,Mq:()=>x,PD:()=>u,Sp:()=>a,TN:()=>g,YS:()=>r,ZP:()=>b,ai:()=>s,be:()=>c,pA:()=>p,yG:()=>m,yi:()=>v});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());l.push([e.id,"/*Size Normal */\n\n.index-module--HBvPZ {\n display: flex;\n flex-direction: row;\n gap: 4px;\n width: -moz-fit-content;\n width: fit-content;\n cursor: pointer;\n}\n\n.index-module--KL9WL {\n border-radius: var(--globalBorderRadius);\n position: relative;\n z-index: 100;\n transition: all 0.15s ease;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n gap: 4px;\n width: 105px;\n margin-top: 11px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--KL9WL {\n width: 70px;\n}\n\n.index-module--nqpmq.index-module--KL9WL {\n width: 60px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--nqpmq.index-module--KL9WL {\n width: 46px;\n}\n\n.index-module--eU87P {\n position: relative;\n z-index: 100;\n transition: all 0.15s ease;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n width: 38px;\n height: 38px;\n padding-bottom: 24px;\n}\n\n.index-module--_rhcx .index-module--eU87P {\n width: 28px;\n height: 28px;\n}\n.index-module--n2nO7 .index-module--eU87P {\n width: 32px;\n height: 32px;\n}\n.index-module--nqpmq.index-module--eU87P {\n width: 30px;\n height: 30px;\n padding-bottom: 0px;\n}\n.index-module--_rhcx .index-module--nqpmq.index-module--eU87P {\n width: 22px;\n height: 22px;\n}\n.index-module--n2nO7 .index-module--nqpmq.index-module--eU87P {\n width: 26px;\n height: 26px;\n}\n\n.index-module--KL9WL:active,\n.index-module--KL9WL:hover,\n.index-module--eU87P:hover,\n.index-module--eU87P:active {\n z-index: 200;\n transition: 0.15s ease;\n}\n\n.index-module--BubVA {\n border-radius: var(--globalBorderRadius);\n border: 1px rgb(230, 230, 230) solid;\n display: flex;\n transition: 0.15s ease;\n position: relative;\n}\n.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P:hover .index-module--BubVA {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n border: 1px var(--primaryColor) solid;\n border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P.index-module--A0nkG:hover .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--A0nkG .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG .index-module--BubVA {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--_zSMt {\n width: calc(100% - 8px);\n border: 4px white solid;\n background-color: #fff;\n border-radius: var(--globalBorderRadius);\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n transition: border 0.3s ease;\n aspect-ratio: 1/1;\n -o-object-fit: contain;\n object-fit: contain;\n}\n\n.index-module--eU87P .index-module--BubVA {\n border-radius: 100%;\n width: calc(100% - 2px);\n height: calc(100% - 2px);\n}\n\n.index-module--eU87P .index-module--_zSMt {\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n border: 2px white solid;\n border-radius: 100%;\n}\n\n.index-module--A0nkG .index-module--_zSMt,\n.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n border: 4px var(--primaryColor) solid;\n border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--eU87P.index-module--A0nkG .index-module--_zSMt,\n.index-module--eU87P.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n border: 2px var(--primaryColor) solid;\n border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--wSUAC {\n display: flex;\n justify-content: center;\n overflow: visible;\n max-height: 32px;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n opacity: 0;\n display: none;\n}\n\n.index-module--_GZCo {\n opacity: 1;\n text-align: center;\n width: 100%;\n height: 32px;\n min-height: -moz-fit-content;\n min-height: fit-content;\n max-height: -moz-fit-content;\n max-height: fit-content;\n font-size: 14px;\n line-height: 16px;\n overflow: hidden;\n display: -webkit-box;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-hyphens: auto;\n hyphens: auto;\n -webkit-line-clamp: 2;\n transition:\n height 0.3s ease-out,\n opacity 0.3s ease-out;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_GZCo {\n font-size: 12px;\n line-height: 14px;\n}\n\n.index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--KL9WL:focus .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:focus .index-module--_GZCo {\n max-height: -moz-fit-content;\n max-height: fit-content;\n min-height: -moz-fit-content;\n min-height: fit-content;\n -webkit-line-clamp: 30;\n width: 200px;\n min-width: 200px;\n z-index: 200;\n background-color: var(--settingsBackgroundColor);\n border-bottom-left-radius: var(--globalBorderRadius);\n border-bottom-right-radius: var(--globalBorderRadius);\n transition: height 0.3s ease-in;\n}\n\n.index-module--nqpmq .index-module--_GZCo {\n font-size: 12px;\n height: 15px;\n -webkit-line-clamp: 1;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n max-height: 14px;\n}\n\n.index-module--_bHa2 {\n position: absolute;\n top: -6px;\n right: -6px;\n width: 24px;\n height: 24px;\n background-color: #dfdfdf;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n --trash-color: #777;\n opacity: 0;\n transition:\n opacity 0.3s ease,\n fill 0.3s ease,\n background-color 0.3s ease;\n cursor: pointer;\n pointer-events: none;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_bHa2 {\n width: 18px;\n height: 18px;\n top: -4px;\n}\n\n.index-module--A0nkG .index-module--_bHa2 {\n opacity: 1;\n pointer-events: auto;\n}\n\n.index-module--KL9WL.index-module--nqpmq .index-module--_bHa2 {\n opacity: 0;\n pointer-events: none;\n}\n\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--KL9WL:hover .index-module--_bHa2,\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--nqpmq.index-module--KL9WL:hover .index-module--_bHa2 {\n opacity: 1;\n pointer-events: auto;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--A0nkG.index-module--KL9WL:hover .index-module--_bHa2 {\n opacity: 1;\n pointer-events: auto;\n}\n\n.index-module--_bHa2:hover {\n background-color: rgb(226, 106, 106);\n --trash-color: #fff;\n}\n",""]);var r="index-module--HBvPZ",a="index-module--KL9WL",s="index-module--_rhcx",x="index-module--n2nO7",m="index-module--nqpmq",u="index-module--eU87P",c="index-module--BubVA",p="index-module--A0nkG",C="index-module--_zSMt",h="index-module--wSUAC",g="index-module--_GZCo",v="index-module--_bHa2";const b=l},23240:(e,n,i)=>{i.d(n,{FJ:()=>m,Oq:()=>x,ZP:()=>p,al:()=>c,dA:()=>s,fL:()=>u,hv:()=>a,um:()=>r});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());l.push([e.id,".index-module--CjCgr {\n position: absolute;\n bottom: 0px;\n right: 0px;\n cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n position: absolute;\n opacity: 1;\n transition: 0.3s opacity ease;\n z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n width: 20px;\n width: var(--infoIconSize, 20px);\n height: 20px;\n height: var(--infoIconSize, 20px);\n transition:\n 0.3s width ease,\n 0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n opacity: 0;\n z-index: 10;\n}\n",""]);var r="index-module--CjCgr",a="index-module--C9QBx",s="index-module--a2wqn",x="index-module--fLFjU",m="index-module--nTN4r",u="index-module--FaRqp",c="index-module--oBSZj";const p=l},49628:(e,n,i)=>{i.d(n,{FJ:()=>C.FJ,K5:()=>C.K5,Mq:()=>C.Mq,PD:()=>C.PD,Sp:()=>C.Sp,TN:()=>C.TN,YS:()=>C.YS,ai:()=>C.ai,be:()=>C.be,pA:()=>C.pA,yG:()=>C.yG,yi:()=>C.yi});var o=i(93379),d=i.n(o),t=i(7795),l=i.n(t),r=i(90569),a=i.n(r),s=i(3565),x=i.n(s),m=i(19216),u=i.n(m),c=i(44589),p=i.n(c),C=i(86682),h={};h.styleTagTransform=p(),h.setAttributes=x(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=u();d()(C.ZP,h),C.ZP&&C.ZP.locals&&C.ZP.locals},81673:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjE1MTggMjEuNDE5OEMxNy4wNjQgMjEuNDE5OCAyMS44NTY4IDE2LjYyNyAyMS44NTY4IDEwLjcxNDhDMjEuODU2OCA0LjgwMjYyIDE3LjA2NCAwLjAwOTgyNjY2IDExLjE1MTggMC4wMDk4MjY2NkM1LjIzOTU3IDAuMDA5ODI2NjYgMC40NDY3NzcgNC44MDI2MiAwLjQ0Njc3NyAxMC43MTQ4QzAuNDQ2Nzc3IDE2LjYyNyA1LjIzOTU3IDIxLjQxOTggMTEuMTUxOCAyMS40MTk4WiIgZmlsbD0iI0YyRjJGMiIvPgo8cGF0aCBkPSJNMTEuMjQ2OSA1LjAwOTgzVjE2LjYwOTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS40NDY3OCAxMC44MDk3SDE3LjA0NjgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K"},88291:(e,n,i)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}i.d(n,{Z:()=>_objectDestructuringEmpty})}}]);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 6650.diva-web-planner-react.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6650,6474,7654,6587],{56474:(e,n,o)=>{o.r(n),o.d(n,{default:()=>I});var i=o(34988),t=o(75327),r=o(87363),d=o(93379),l=o.n(d),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),u=o(3565),p=o.n(u),x=o(19216),g=o.n(x),v=o(44589),h=o.n(v),b=o(84887),f={};f.styleTagTransform=h(),f.setAttributes=p(),f.insert=m().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=g();l()(b.Z,f);b.Z&&b.Z.locals&&b.Z.locals;var y=o(47514);const I=function MetaData(e){var n=e.style,o=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,i.Z)(l,2),s=a[0],c=a[1],m=(0,t.NP)(),u=(0,r.useState)(""),p=(0,i.Z)(u,2),x=p[0],g=p[1],v=m.getViewConfig().displayMetaDatas,h=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}g(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:b.B,children:x}):(0,y.jsx)(y.Fragment,{})}},27255:(e,n,o)=>{o.r(n),o.d(n,{default:()=>N});var i=o(75327),t=(o(87363),o(65515)),r=o.n(t),d=o(13703),l=o(93379),a=o.n(l),s=o(7795),c=o.n(s),m=o(90569),u=o.n(m),p=o(3565),x=o.n(p),g=o(19216),v=o.n(g),h=o(44589),b=o.n(h),f=o(7171),y={};y.styleTagTransform=b(),y.setAttributes=x(),y.insert=u().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=v();a()(f.ZP,y);f.ZP&&f.ZP.locals&&f.ZP.locals;var I=o(88683),j=o(21801),w=o(91087),M=o(19456),C=o(47514);const N=function OptionJungle(e){var n,o,t=e.item,l=e.paletteId,a=(e.type,t),s=(0,i.NP)(),c=(0,I.useTranslation)().t;if("TEXT"==a.layout||!s.uiState.isInMobileView)return(0,C.jsx)(d.default,{item:a,paletteId:l});var m,u,p=null===(n=a.text)||void 0===n?void 0:n.split(/,(.+)/)[0],x=null===(o=a.text)||void 0===o?void 0:o.split(/,(.+)/)[1];x||(p=null===(m=a.text)||void 0===m?void 0:m.split(/\((.+)/)[0],x=null===(u=a.text)||void 0===u||null===(u=u.split(/\((.+)/)[1])||void 0===u?void 0:u.replace(")",""));return(0,C.jsxs)("div",{id:a.codex,className:r()(f.nC,a.sel?f.pA:void 0),onClick:function onClick(){s.paletteViewHandler.clickedOnConfigPalette(a,void 0,l)},children:[(0,C.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:a.image,title:a.text+(a.freeText?a.freeText:"")}),(0,C.jsxs)("div",{className:f.jW,children:[(0,C.jsx)("div",{className:r()(f.TN),children:p}),x&&(0,C.jsx)("div",{className:r()(f.z$),children:x})]}),a.contentItemId&&(0,C.jsx)(j.default,{item:a},a.codex),a.disabledByConstructionRule&&(0,C.jsx)("div",{className:r()(f.ox),title:c("configurator."+a.disabledByConstructionRule)}),void 0!==a.pricePreviewPromise&&(0,C.jsx)(w.default,{asyncPricePreview:a.pricePreviewPromise,sel:a.sel}),void 0!==a.checkForReversingChanges&&(0,C.jsx)(M.default,{item:a,paletteId:l})]})}},13703:(e,n,o)=>{o.r(n),o.d(n,{default:()=>I});var i=o(80248),t=o(34988),r=o(65515),d=o.n(r),l=o(75327),a=o(9420),s=o(87363),c=o(94873),m=o(13838),u=o(88683),p=o(86587),x=o(46770),g=o(56474),v=o(55461),h=o(21801),b=o(91087),f=o(19456),y=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const I=(0,a.Pi)((function Option(e){var n,o=e.item,i=e.paletteId,r=e.hidePricePreview,a=e.namePostFix,I=o,j=(0,l.NP)(),w=(0,u.useTranslation)().t,M=(0,u.useDivaCore)().state.dimensions,C=M.isMobile,N=M.isTablet,z=(0,s.useState)(""),S=(0,t.Z)(z,2),A=S[0],k=S[1],P={},T={},Z=void 0,E=!1,L={},O=(0,x.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,x.sJ)({isOpen:O[0],auto:!0,placement:j.getViewConfig().tooltipPosition||"left-center"});return C||N||j.getViewConfig().hideTooltip||!I.image&&!I.hexColor||I.contentItemId||(E=O[0],L=O[1],P=D.triggerProps,T=D.layerProps,Z=D.renderLayer),(0,y.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:I.codex,"data-test-id":"plannerPaletteItem",className:d()(c.CA,I.sel?c.pA:void 0),onClick:function onClick(){I.doShowFav&&j.paletteViewHandler.clickedOnFavIcon(I),j.paletteViewHandler.clickedOnConfigPalette(I,void 0,i)}},P),L),{},{children:[(0,y.jsxs)("div",{className:d()(c.iZ,c.NC),children:[I.sel&&(0,y.jsx)(p.default,{listenToOptionVariables:!0}),I.contentItemId&&(0,y.jsx)(h.default,{item:I,style:{bottom:8}},I.codex),"TEXT"==I.layout&&(0,y.jsx)("div",{className:c.$l}),!("TEXT"==I.layout)&&(0,y.jsx)("div",{className:c.K5,style:{backgroundImage:"url(".concat(I.image,")")}}),(0,y.jsxs)("div",{className:d()(c.AR,"TEXT"==I.layout?c.Eb:void 0),children:[(0,y.jsx)("div",{className:d()(c.db,""!==A?c.Bm:void 0),dangerouslySetInnerHTML:{__html:I.text+(a||"")}}),(0,y.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:I.metaData,visible:[A,k]},I.codex)]}),E&&(null===(n=Z)||void 0===n?void 0:n((0,y.jsx)(v.default,{text:I.text+(I.freeText?I.freeText:"")+(a||""),desciption:A,image:I.image,hexColor:I.hexColor,pricePreviewPromise:I.pricePreviewPromise,layerProps:T},I.codex))),I.doShowFav&&(0,y.jsx)("div",{className:I.isFav?m.Md:m.Hq})]}),!r&&void 0!==I.pricePreviewPromise&&(0,y.jsx)(b.default,{asyncPricePreview:I.pricePreviewPromise,sel:I.sel}),void 0!==I.checkForReversingChanges&&(0,y.jsx)(f.default,{item:I,paletteId:i}),I.disabledByConstructionRule&&(0,y.jsx)("div",{className:d()(c.ox),title:w("configurator."+I.disabledByConstructionRule)})]}))}))},86587:(e,n,o)=>{o.r(n),o.d(n,{default:()=>d});var i=o(80248),t=(o(87363),o(2765)),r=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const d=function IsActive(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,o)=>{o.d(n,{B:()=>l,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),d=o.n(r)()(t());d.push([e.id,".index-module--hpPAb {\n display: -webkit-box;\n max-height: 64px;\n min-height: 16px;\n color: var(--secondaryColor);\n overflow: hidden;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\n z-index: 100;\n font-size: 13px;\n line-height: 16px;\n color: var(--secondaryColor);\n width: 100%;\n -webkit-user-select: text;\n -moz-user-select: text;\n user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n color: #fff;\n}\n",""]);var l="index-module--hpPAb";const a=d},7171:(e,n,o)=>{o.d(n,{TN:()=>g,ZP:()=>b,jW:()=>x,nC:()=>u,ox:()=>h,pA:()=>p,z$:()=>v});var i=o(8081),t=o.n(i),r=o(23645),d=o.n(r),l=o(61667),a=o.n(l),s=new URL(o(63173),o.b),c=d()(t()),m=a()(s);c.push([e.id,".index-module--XbsoT {\n position: relative;\n box-sizing: border-box;\n border: 2px solid #e8e9ed;\n border-radius: 6px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.index-module--XbsoT.index-module--eU3AB {\n border: 2px solid var(--secondaryColor);\n}\n\n.index-module--XbsoT img {\n width: 100%;\n\n -o-object-fit: contain;\n\n object-fit: contain;\n}\n\n.index-module--rj5CV {\n height: 30px;\n color: #4b4b4b;\n background: #f2f2f2;\n}\n.index-module--sHLkk,\n.index-module--fzIuI {\n text-overflow: ellipsis;\n overflow: hidden;\n height: 1.2em;\n text-align: right;\n margin: 0 3px;\n}\n\n.index-module--sHLkk {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n font-weight: 600;\n font-size: 13px;\n line-height: 15px;\n}\n\n.index-module--fzIuI {\n -webkit-line-clamp: 1;\n white-space: nowrap;\n font-size: 9px;\n line-height: 12px;\n font-weight: 300;\n}\n\n.index-module--rEqp0 {\n display: block;\n height: 30px;\n background-image: url("+m+");\n width: 30px;\n background-repeat: no-repeat;\n background-size: contain;\n padding: 0;\n position: absolute;\n z-index: 888;\n top: 0;\n right: 0;\n}\n",""]);var u="index-module--XbsoT",p="index-module--eU3AB",x="index-module--rj5CV",g="index-module--sHLkk",v="index-module--fzIuI",h="index-module--rEqp0";const b=c},6284:(e,n,o)=>{o.d(n,{$l:()=>h,AR:()=>f,Bm:()=>j,CA:()=>u,Eb:()=>y,K5:()=>b,NC:()=>v,ZP:()=>M,db:()=>I,iZ:()=>x,ox:()=>w,pA:()=>p,vc:()=>g});var i=o(8081),t=o.n(i),r=o(23645),d=o.n(r),l=o(61667),a=o.n(l),s=new URL(o(63173),o.b),c=d()(t()),m=a()(s);c.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\n border-radius: var(--globalBorderRadius);\n background: white;\n position: relative;\n display: flex;\n flex-wrap: 100%;\n z-index: 100;\n transition: all 0.15s ease;\n cursor: pointer;\n border: var(--optionItemBorder) solid transparent;\n border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n white-space: pre-line;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H {\n background-color: #374c86;\n}\n\n.index-module--zZnWk {\n border: var(--optionItemBorder) solid var(--primaryColor);\n border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H:hover {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n z-index: 200;\n transition: 0.15s ease;\n border: var(--optionItemBorder) solid var(--primaryColor);\n border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--FGg5H:active {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n z-index: 200;\n transition: 0.15s ease;\n}\n\n.index-module--FGg5H .index-module--pQje2 {\n width: 98%;\n background: white;\n position: relative;\n /* border-radius: var(--globalBorderRadius);*/\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--pQje2,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--pQje2 {\n background-color: #374c86;\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n width: 48%;\n float: left;\n margin-left: 1%;\n margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n width: 18px;\n float: left;\n height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n height: 80px;\n width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n height: 64px;\n width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n height: 64px;\n width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\n float: left;\n\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: left center;\n}\n\n.index-module--m9VzR {\n float: left;\n max-height: 64px;\n margin-top: 11.2px;\n margin-left: 11.2px;\n max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n max-width: 50%;\n margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\n display: -webkit-box;\n min-height: 16px;\n border-radius: var(--globalBorderRadius);\n color: var(--secondaryColor);\n font-size: 16px;\n line-height: 20.8px;\n overflow: hidden;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--mZh26,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--mZh26 {\n color: #fff;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n .index-module--FGg5H .index-module--CcpMC {\n height: 80px;\n }\n\n .index-module--FGg5H .index-module--CcpMC img {\n height: 80px;\n }\n\n .index-module--m9VzR {\n -webkit-line-clamp: 2;\n max-width: calc(100% - 128px);\n margin-top: 11.2px;\n /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n }\n}\n\n.index-module--iEJ0N {\n float: right;\n z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n float: right;\n margin-right: 11.2px;\n width: auto;\n}\n\n.index-module--2NJnv {\n display: block;\n height: 30px;\n background-image: url("+m+");\n width: 30px;\n background-repeat: no-repeat;\n background-size: contain;\n padding: 0;\n position: absolute;\n z-index: 888;\n bottom: calc(50% - 15px);\n right: 1rem;\n}\n",""]);var u="index-module--FGg5H",p="index-module--zZnWk",x="index-module--pQje2",g="index-module--CcpMC",v="index-module--II_8j",h="index-module--dUy8g",b="index-module--Z8KXz",f="index-module--m9VzR",y="index-module--Y5eRx",I="index-module--mZh26",j="index-module--NabGm",w="index-module--2NJnv";const M=c},94873:(e,n,o)=>{o.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var i=o(93379),t=o.n(i),r=o(7795),d=o.n(r),l=o(90569),a=o.n(l),s=o(3565),c=o.n(s),m=o(19216),u=o.n(m),p=o(44589),x=o.n(p),g=o(6284),v={};v.styleTagTransform=x(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=u();t()(g.ZP,v),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),d=o(94299),l=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=o(47514);const p=(0,l.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,d.Z)(o.color)}`],n[`fontSize${(0,d.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),x=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:l,className:a,color:c="inherit",component:m="svg",fontSize:x="medium",htmlColor:g,inheritViewBox:v=!1,titleAccess:h,viewBox:b="0 0 24 24",...f}=o,y=i.isValidElement(l)&&"svg"===l.type,I={...o,color:c,component:m,fontSize:x,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:b,hasSvgAsChild:y},j={};v||(j.viewBox=b);const w=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,d.Z)(n)}`,`fontSize${(0,d.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(I);return(0,u.jsxs)(p,{as:m,className:(0,t.Z)(w.root,a),focusable:"false",color:g,"aria-hidden":!h||void 0,role:h?"img":void 0,ref:n,...j,...f,...y&&l.props,ownerState:I,children:[y?l.props.children:l,h?(0,u.jsx)("title",{children:h}):null]})}));x.muiName="SvgIcon";const g=x;function createSvgIcon(e,n){function Component(n,o){return(0,u.jsx)(g,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=g.muiName,i.memo(i.forwardRef(Component))}}}]);
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6650,6474,7654,6587],{56474:(e,n,o)=>{o.r(n),o.d(n,{default:()=>I});var i=o(34988),t=o(75327),r=o(87363),d=o(93379),l=o.n(d),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),u=o(3565),p=o.n(u),x=o(19216),g=o.n(x),v=o(44589),h=o.n(v),b=o(84887),f={};f.styleTagTransform=h(),f.setAttributes=p(),f.insert=m().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=g();l()(b.Z,f);b.Z&&b.Z.locals&&b.Z.locals;var y=o(47514);const I=function MetaData(e){var n=e.style,o=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,i.Z)(l,2),s=a[0],c=a[1],m=(0,t.NP)(),u=(0,r.useState)(""),p=(0,i.Z)(u,2),x=p[0],g=p[1],v=m.getViewConfig().displayMetaDatas,h=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}g(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:b.B,children:x}):(0,y.jsx)(y.Fragment,{})}},27255:(e,n,o)=>{o.r(n),o.d(n,{default:()=>N});var i=o(75327),t=(o(87363),o(65515)),r=o.n(t),d=o(13703),l=o(93379),a=o.n(l),s=o(7795),c=o.n(s),m=o(90569),u=o.n(m),p=o(3565),x=o.n(p),g=o(19216),v=o.n(g),h=o(44589),b=o.n(h),f=o(7171),y={};y.styleTagTransform=b(),y.setAttributes=x(),y.insert=u().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=v();a()(f.ZP,y);f.ZP&&f.ZP.locals&&f.ZP.locals;var I=o(88683),j=o(21801),w=o(91087),M=o(19456),C=o(47514);const N=function OptionJungle(e){var n,o,t=e.item,l=e.paletteId,a=(e.type,t),s=(0,i.NP)(),c=(0,I.useTranslation)().t;if("TEXT"==a.layout||!s.uiState.isInMobileView)return(0,C.jsx)(d.default,{item:a,paletteId:l});var m,u,p=null===(n=a.text)||void 0===n?void 0:n.split(/,(.+)/)[0],x=null===(o=a.text)||void 0===o?void 0:o.split(/,(.+)/)[1];x||(p=null===(m=a.text)||void 0===m?void 0:m.split(/\((.+)/)[0],x=null===(u=a.text)||void 0===u||null===(u=u.split(/\((.+)/)[1])||void 0===u?void 0:u.replace(")",""));return(0,C.jsxs)("div",{id:a.codex,className:r()(f.nC,a.sel?f.pA:void 0),onClick:function onClick(){s.paletteViewHandler.clickedOnConfigPalette(a,void 0,l)},children:[(0,C.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:a.image,title:a.text+(a.freeText?a.freeText:"")}),(0,C.jsxs)("div",{className:f.jW,children:[(0,C.jsx)("div",{className:r()(f.TN),children:p}),x&&(0,C.jsx)("div",{className:r()(f.z$),children:x})]}),a.contentItemId&&(0,C.jsx)(j.default,{item:a},a.codex),a.disabledByConstructionRule&&(0,C.jsx)("div",{className:r()(f.ox),title:c("configurator."+a.disabledByConstructionRule)}),void 0!==a.pricePreviewPromise&&(0,C.jsx)(w.default,{asyncPricePreview:a.pricePreviewPromise,sel:a.sel}),void 0!==a.checkForReversingChanges&&(0,C.jsx)(M.default,{item:a,paletteId:l})]})}},13703:(e,n,o)=>{o.r(n),o.d(n,{default:()=>I});var i=o(80248),t=o(34988),r=o(65515),d=o.n(r),l=o(75327),a=o(9420),s=o(87363),c=o(94873),m=o(13838),u=o(88683),p=o(86587),x=o(58292),g=o(56474),v=o(55461),h=o(21801),b=o(91087),f=o(19456),y=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const I=(0,a.Pi)((function Option(e){var n,o=e.item,i=e.paletteId,r=e.hidePricePreview,a=e.namePostFix,I=o,j=(0,l.NP)(),w=(0,u.useTranslation)().t,M=(0,u.useDivaCore)().state.dimensions,C=M.isMobile,N=M.isTablet,z=(0,s.useState)(""),S=(0,t.Z)(z,2),A=S[0],k=S[1],P={},T={},Z=void 0,E=!1,L={},O=(0,x.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,x.sJ)({isOpen:O[0],auto:!0,placement:j.getViewConfig().tooltipPosition||"left-center"});return C||N||j.getViewConfig().hideTooltip||!I.image&&!I.hexColor||I.contentItemId||(E=O[0],L=O[1],P=D.triggerProps,T=D.layerProps,Z=D.renderLayer),(0,y.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:I.codex,"data-test-id":"plannerPaletteItem",className:d()(c.CA,I.sel?c.pA:void 0),onClick:function onClick(){I.doShowFav&&j.paletteViewHandler.clickedOnFavIcon(I),j.paletteViewHandler.clickedOnConfigPalette(I,void 0,i)}},P),L),{},{children:[(0,y.jsxs)("div",{className:d()(c.iZ,c.NC),children:[I.sel&&(0,y.jsx)(p.default,{listenToOptionVariables:!0}),I.contentItemId&&(0,y.jsx)(h.default,{item:I,style:{bottom:8}},I.codex),"TEXT"==I.layout&&(0,y.jsx)("div",{className:c.$l}),!("TEXT"==I.layout)&&(0,y.jsx)("div",{className:c.K5,style:{backgroundImage:"url(".concat(I.image,")")}}),(0,y.jsxs)("div",{className:d()(c.AR,"TEXT"==I.layout?c.Eb:void 0),children:[(0,y.jsx)("div",{className:d()(c.db,""!==A?c.Bm:void 0),dangerouslySetInnerHTML:{__html:I.text+(a||"")}}),(0,y.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:I.metaData,visible:[A,k]},I.codex)]}),E&&(null===(n=Z)||void 0===n?void 0:n((0,y.jsx)(v.default,{text:I.text+(I.freeText?I.freeText:"")+(a||""),desciption:A,image:I.image,hexColor:I.hexColor,pricePreviewPromise:I.pricePreviewPromise,layerProps:T},I.codex))),I.doShowFav&&(0,y.jsx)("div",{className:I.isFav?m.Md:m.Hq})]}),!r&&void 0!==I.pricePreviewPromise&&(0,y.jsx)(b.default,{asyncPricePreview:I.pricePreviewPromise,sel:I.sel}),void 0!==I.checkForReversingChanges&&(0,y.jsx)(f.default,{item:I,paletteId:i}),I.disabledByConstructionRule&&(0,y.jsx)("div",{className:d()(c.ox),title:w("configurator."+I.disabledByConstructionRule)})]}))}))},86587:(e,n,o)=>{o.r(n),o.d(n,{default:()=>d});var i=o(80248),t=(o(87363),o(2765)),r=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const d=function IsActive(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,o)=>{o.d(n,{B:()=>l,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),d=o.n(r)()(t());d.push([e.id,".index-module--hpPAb {\n display: -webkit-box;\n max-height: 64px;\n min-height: 16px;\n color: var(--secondaryColor);\n overflow: hidden;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\n z-index: 100;\n font-size: 13px;\n line-height: 16px;\n color: var(--secondaryColor);\n width: 100%;\n -webkit-user-select: text;\n -moz-user-select: text;\n user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n color: #fff;\n}\n",""]);var l="index-module--hpPAb";const a=d},7171:(e,n,o)=>{o.d(n,{TN:()=>g,ZP:()=>b,jW:()=>x,nC:()=>u,ox:()=>h,pA:()=>p,z$:()=>v});var i=o(8081),t=o.n(i),r=o(23645),d=o.n(r),l=o(61667),a=o.n(l),s=new URL(o(63173),o.b),c=d()(t()),m=a()(s);c.push([e.id,".index-module--XbsoT {\n position: relative;\n box-sizing: border-box;\n border: 2px solid #e8e9ed;\n border-radius: 6px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.index-module--XbsoT.index-module--eU3AB {\n border: 2px solid var(--secondaryColor);\n}\n\n.index-module--XbsoT img {\n width: 100%;\n\n -o-object-fit: contain;\n\n object-fit: contain;\n}\n\n.index-module--rj5CV {\n height: 30px;\n color: #4b4b4b;\n background: #f2f2f2;\n}\n.index-module--sHLkk,\n.index-module--fzIuI {\n text-overflow: ellipsis;\n overflow: hidden;\n height: 1.2em;\n text-align: right;\n margin: 0 3px;\n}\n\n.index-module--sHLkk {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n font-weight: 600;\n font-size: 13px;\n line-height: 15px;\n}\n\n.index-module--fzIuI {\n -webkit-line-clamp: 1;\n white-space: nowrap;\n font-size: 9px;\n line-height: 12px;\n font-weight: 300;\n}\n\n.index-module--rEqp0 {\n display: block;\n height: 30px;\n background-image: url("+m+");\n width: 30px;\n background-repeat: no-repeat;\n background-size: contain;\n padding: 0;\n position: absolute;\n z-index: 888;\n top: 0;\n right: 0;\n}\n",""]);var u="index-module--XbsoT",p="index-module--eU3AB",x="index-module--rj5CV",g="index-module--sHLkk",v="index-module--fzIuI",h="index-module--rEqp0";const b=c},6284:(e,n,o)=>{o.d(n,{$l:()=>h,AR:()=>f,Bm:()=>j,CA:()=>u,Eb:()=>y,K5:()=>b,NC:()=>v,ZP:()=>M,db:()=>I,iZ:()=>x,ox:()=>w,pA:()=>p,vc:()=>g});var i=o(8081),t=o.n(i),r=o(23645),d=o.n(r),l=o(61667),a=o.n(l),s=new URL(o(63173),o.b),c=d()(t()),m=a()(s);c.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\n border-radius: var(--globalBorderRadius);\n background: white;\n position: relative;\n display: flex;\n flex-wrap: 100%;\n z-index: 100;\n transition: all 0.15s ease;\n cursor: pointer;\n border: var(--optionItemBorder) solid transparent;\n border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n white-space: pre-line;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H {\n background-color: #374c86;\n}\n\n.index-module--zZnWk {\n border: var(--optionItemBorder) solid var(--primaryColor);\n border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H:hover {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n z-index: 200;\n transition: 0.15s ease;\n border: var(--optionItemBorder) solid var(--primaryColor);\n border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--FGg5H:active {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n z-index: 200;\n transition: 0.15s ease;\n}\n\n.index-module--FGg5H .index-module--pQje2 {\n width: 98%;\n background: white;\n position: relative;\n /* border-radius: var(--globalBorderRadius);*/\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--pQje2,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--pQje2 {\n background-color: #374c86;\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n width: 48%;\n float: left;\n margin-left: 1%;\n margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n width: 18px;\n float: left;\n height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n height: 80px;\n width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n height: 64px;\n width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n height: 64px;\n width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\n float: left;\n\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: left center;\n}\n\n.index-module--m9VzR {\n float: left;\n max-height: 64px;\n margin-top: 11.2px;\n margin-left: 11.2px;\n max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n max-width: 50%;\n margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\n display: -webkit-box;\n min-height: 16px;\n border-radius: var(--globalBorderRadius);\n color: var(--secondaryColor);\n font-size: 16px;\n line-height: 20.8px;\n overflow: hidden;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--mZh26,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--mZh26 {\n color: #fff;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n .index-module--FGg5H .index-module--CcpMC {\n height: 80px;\n }\n\n .index-module--FGg5H .index-module--CcpMC img {\n height: 80px;\n }\n\n .index-module--m9VzR {\n -webkit-line-clamp: 2;\n max-width: calc(100% - 128px);\n margin-top: 11.2px;\n /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n }\n}\n\n.index-module--iEJ0N {\n float: right;\n z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n float: right;\n margin-right: 11.2px;\n width: auto;\n}\n\n.index-module--2NJnv {\n display: block;\n height: 30px;\n background-image: url("+m+");\n width: 30px;\n background-repeat: no-repeat;\n background-size: contain;\n padding: 0;\n position: absolute;\n z-index: 888;\n bottom: calc(50% - 15px);\n right: 1rem;\n}\n",""]);var u="index-module--FGg5H",p="index-module--zZnWk",x="index-module--pQje2",g="index-module--CcpMC",v="index-module--II_8j",h="index-module--dUy8g",b="index-module--Z8KXz",f="index-module--m9VzR",y="index-module--Y5eRx",I="index-module--mZh26",j="index-module--NabGm",w="index-module--2NJnv";const M=c},94873:(e,n,o)=>{o.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var i=o(93379),t=o.n(i),r=o(7795),d=o.n(r),l=o(90569),a=o.n(l),s=o(3565),c=o.n(s),m=o(19216),u=o.n(m),p=o(44589),x=o.n(p),g=o(6284),v={};v.styleTagTransform=x(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=u();t()(g.ZP,v),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),d=o(94299),l=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=o(47514);const p=(0,l.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,d.Z)(o.color)}`],n[`fontSize${(0,d.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),x=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:l,className:a,color:c="inherit",component:m="svg",fontSize:x="medium",htmlColor:g,inheritViewBox:v=!1,titleAccess:h,viewBox:b="0 0 24 24",...f}=o,y=i.isValidElement(l)&&"svg"===l.type,I={...o,color:c,component:m,fontSize:x,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:b,hasSvgAsChild:y},j={};v||(j.viewBox=b);const w=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,d.Z)(n)}`,`fontSize${(0,d.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(I);return(0,u.jsxs)(p,{as:m,className:(0,t.Z)(w.root,a),focusable:"false",color:g,"aria-hidden":!h||void 0,role:h?"img":void 0,ref:n,...j,...f,...y&&l.props,ownerState:I,children:[y?l.props.children:l,h?(0,u.jsx)("title",{children:h}):null]})}));x.muiName="SvgIcon";const g=x;function createSvgIcon(e,n){function Component(n,o){return(0,u.jsx)(g,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=g.muiName,i.memo(i.forwardRef(Component))}}}]);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 6770.diva-web-planner-react.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6770],{46770:(e,t,r)=>{r.d(t,{Eh:()=>B,XI:()=>useHover,sJ:()=>useLayer});var n=r(87363),o=r(61533);function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(this,arguments)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function _createForOfIteratorHelperLoose(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function useTrackRef(e){var t=(0,n.useRef)(null);return function setter(r){r&&r!==t.current&&(t.current=r,e(r))}}var i="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function getPixelValue(e){return parseFloat(e.replace("px",""))}function limit(e,t,r){return e<t?t:e>r?r:e}function isSet(e){return null!=e}function mergeRefs(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(e){for(var r,n=_createForOfIteratorHelperLoose(t);!(r=n()).done;){var o=r.value;o&&("function"==typeof o?o(e):o.current=e)}}}function findScrollContainers(e,t){var r=[];if(!e||!t||e===document.body)return r;var n=t.getComputedStyle(e);return[n.overflow,n.overflowX,n.overflowY].some((function(e){return["auto","scroll"].includes(e)}))&&r.push(e),[].concat(r,findScrollContainers(e.parentElement,t))}function createReferenceError(e){return"react-laag: Could not find a valid reference for the "+e+" element. There might be 2 causes:\n - Make sure that the 'ref' is set correctly on the "+e+' element when isOpen: true. Also make sure your component forwards the ref with "forwardRef()".\n - Make sure that you are actually rendering the '+e+" when the isOpen prop is set to true"}function useTrackElements(e){var t=e.enabled,r=e.onChange,o=e.environment,s=e.ResizeObserverPolyfill,a=e.overflowContainer,u=e.triggerOption,l=function getResizeObserver(e,t){if(void 0!==e)return t||e.ResizeObserver}(o,s);(0,n.useEffect)((function(){}),[l]);var c=(0,n.useRef)(null),f=Boolean(u),d=function useMutableStore(e){var t=(0,n.useRef)(e);return(0,n.useMemo)((function(){return[function get(){return t.current},function set(e){t.current="function"==typeof e?e(t.current):e}]}),[])}({scrollContainers:[],trigger:null,layer:null}),p=d[0],h=d[1],g=function useEventSubscriptions(){var e=(0,n.useRef)([]);return(0,n.useMemo)((function(){return{hasEventSubscriptions:function hasEventSubscriptions(){return e.current.length>0},removeAllEventSubscriptions:function removeAllEventSubscriptions(){for(var t,r=_createForOfIteratorHelperLoose(e.current);!(t=r()).done;)(0,t.value)();e.current=[]},addEventSubscription:function addEventSubscription(t){e.current.push(t)}}}),[])}(),v=g.hasEventSubscriptions,m=g.addEventSubscription,y=g.removeAllEventSubscriptions,b=(0,n.useCallback)((function handleChange(){var e=p(),t=e.layer,n=e.trigger,i=e.scrollContainers,s=i[0];if(!t)throw new Error(createReferenceError("layer"));if(!n&&!f)throw new Error(createReferenceError("trigger"));var a={top:0,left:0};if(s){var u=s.scrollLeft;a={top:s.scrollTop,left:u}}else{var l=o.scrollX;a={top:o.scrollY,left:l}}var d={left:0,top:0};if(s){var h=o.getComputedStyle(s),g=h.borderLeftWidth,v=h.borderTopWidth;d={left:getPixelValue(g)||0,top:getPixelValue(v)||0}}r({layer:t,trigger:n,scrollContainers:i,arrow:c.current},a,d)}),[p,r,o,c,f]),w=(0,n.useCallback)((function addEventListeners(){var e=p(),t=e.trigger,r=e.layer,n=e.scrollContainers;if(!r)throw new Error(createReferenceError("layer"));if(!t&&!f)throw new Error(createReferenceError("trigger"));if(l){for(var i=!1,s=new l((function observerCallback(){i?b():i=!0})),a=0,u=[t,r,document.body];a<u.length;a++){var c=u[a];c&&s.observe(c)}m((function(){for(var e=0,n=[t,r,document.body];e<n.length;e++){var o=n[e];o&&s.unobserve(o)}s.disconnect()}))}for(var d,h=function _loop(){var e=d.value;e.addEventListener("scroll",b),m((function(){return e.removeEventListener("scroll",b)}))},g=_createForOfIteratorHelperLoose([o].concat(n));!(d=g()).done;)h()}),[p,m,b,o,l,f]),C=(0,n.useCallback)((function(e,r){t&&e&&e!==r&&(y(),w(),b())}),[y,w,b,t]),S=useTrackRef((0,n.useCallback)((function(e){var t=p().layer;h((function(t){return _extends({},t,{layer:e})})),C(t,e)}),[p,h,C])),O=(0,n.useCallback)((function handleScrollContainers(e){var t=findScrollContainers(e,o),r=t[0];if(r){var n=o.getComputedStyle(r).position;["relative","absolute","fixed"].includes(n)||a||(r.style.position="relative")}return t}),[o,a]),P=useTrackRef((0,n.useCallback)((function(e){var t=O(e),r=p().trigger;h((function(r){return _extends({},r,{trigger:e,scrollContainers:t})})),C(r,e)}),[p,h,C,O])),B=null==u||null==u.getParent?void 0:u.getParent();return i((function(){B&&h((function(e){return _extends({},e,{scrollContainers:O(B)})}))}),[B,h,O]),i((function(){return t&&(v()||w()),function(){v()&&y()}}),[t,v,w,y]),i((function(){t&&b()})),{triggerRef:P,layerRef:S,arrowRef:c,closestScrollContainer:p().scrollContainers[0]||null}}var s=(0,n.createContext)({});function GroupProvider(e){var t=e.children,r=e.registrations,o=(0,n.useCallback)((function register(e){return r.current.add(e),function(){return r.current.delete(e)}}),[r]);return(0,n.createElement)(s.Provider,{value:o},t)}function useGroup(e){var t=e.isOpen,r=e.onOutsideClick,o=e.onParentClose,i=(0,n.useRef)(null),a=(0,n.useRef)(null),u=(0,n.useRef)(new Set),l=(0,n.useContext)(s),c=(0,n.useCallback)((function shouldCloseWhenClickedOutside(e){var t=e.target,r=i.current&&i.current.contains(t),n=a.current&&a.current.contains(t),o=function getShouldCloseAccordingToChildren(e,t){for(var r,n=_createForOfIteratorHelperLoose(e);!(r=n()).done;)if(!(0,r.value.shouldCloseWhenClickedOutside)(t))return!1;return!0}(u.current,e);return n&&o&&u.current.forEach((function(e){return(0,e.closeChild)()})),!r&&!n&&o}),[i,a,u]);return(0,n.useEffect)((function(){if("function"==typeof l)return l({shouldCloseWhenClickedOutside:c,closeChild:function closeChild(){o&&o()}})}),[l,c,o,u]),(0,n.useEffect)((function(){if(!(!t||!r||"function"==typeof l))return document.addEventListener("click",handleClick,!0),function(){return document.removeEventListener("click",handleClick,!0)};function handleClick(e){c(e)&&r()}}),[t,r,c,l]),(0,n.useEffect)((function(){t||u.current.forEach((function(e){return(0,e.closeChild)()}))}),[t]),{closeOnOutsideClickRefs:{trigger:i,layer:a},registrations:u}}var a={top:"bottom",left:"right",bottom:"top",right:"left",center:"center"},u=function(){function SideBase(e,t,r,n,o,i,s,a,u){this.prop=void 0,this.opposite=void 0,this.isHorizontal=void 0,this.sizeProp=void 0,this.oppositeSizeProp=void 0,this.cssProp=void 0,this.oppositeCssProp=void 0,this.isCenter=void 0,this.isPush=void 0,this.prop=e,this.opposite=t,this.isHorizontal=r,this.sizeProp=n,this.oppositeSizeProp=o,this.cssProp=i,this.oppositeCssProp=s,this.isCenter=a,this.isPush=u}var e=SideBase.prototype;return e.factor=function factor(e){return e*(this.isPush?1:-1)},e.isOppositeDirection=function isOppositeDirection(e){return this.isHorizontal!==e.isHorizontal},SideBase}();function createSide(e,t){void 0===t&&(t=!0);var r=["left","right"].includes(e);return new u(e,t?createSide(a[e],!1):null,r,r?"width":"height",r?"height":"width",r?"left":"top",r?"top":"left","center"===e,!["right","bottom"].includes(e))}var l={top:createSide("top"),bottom:createSide("bottom"),left:createSide("left"),right:createSide("right")},c=_extends({},l,{center:createSide("center")}),f=["top","left","bottom","right"],d=function(){function BoundsOffsets(e){return this.top=void 0,this.left=void 0,this.right=void 0,this.bottom=void 0,Object.assign(this,e)}return BoundsOffsets.mergeSmallestSides=function mergeSmallestSides(e){var t=e[0],r=e.slice(1);if(!t)throw new Error("Please provide at least 1 bounds objects in order to merge");for(var n,o=Object.fromEntries(f.map((function(e){return[e,t[e]]}))),i=_createForOfIteratorHelperLoose(r);!(n=i()).done;)for(var s,a=n.value,u=_createForOfIteratorHelperLoose(f);!(s=u()).done;){var l=s.value;o[l]=Math.min(o[l],a[l])}return new BoundsOffsets(o)},_createClass(BoundsOffsets,[{key:"allSidesArePositive",get:function get(){var e=this;return f.every((function(t){return e[t]>=0}))}},{key:"negativeSides",get:function get(){var e=this;return Object.fromEntries(f.filter((function(t){return e[t]<0})).map((function(t){return[t,e[t]]})))}}]),BoundsOffsets}();function sumOfPropertyValues(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.reduce((function(e,t){return e+(t?getPixelValue(t):0)}),0)}function boundsToObject(e){return{top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height}}var p={top:0,left:0,right:0,bottom:0,width:0,height:0},h=function(){function Bounds(e){return void 0===e&&(e={}),this.top=void 0,this.left=void 0,this.right=void 0,this.bottom=void 0,this.width=void 0,this.height=void 0,Object.assign(this,p,e)}Bounds.create=function create(e){return new Bounds(e)},Bounds.fromElement=function fromElement(e,t){void 0===t&&(t={});var r=t,n=r.withTransform,o=void 0===n||n,i=r.environment,s=void 0===i?window:i,a=r.withScrollbars,u=void 0===a||a,l=new Bounds(boundsToObject(e.getBoundingClientRect()));if(!o){var c=s.getComputedStyle(e),f=c.width,d=c.height,p=c.boxSizing,h=c.borderLeft,g=c.borderRight,v=c.borderTop,m=c.borderBottom,y=c.paddingLeft,b=c.paddingRight,w=c.paddingTop,C=c.paddingBottom;l=new Bounds(_extends({},l,{width:"border-box"===p?getPixelValue(f):sumOfPropertyValues(f,h,g,y,b),height:"border-box"===p?getPixelValue(d):sumOfPropertyValues(d,v,m,w,C)}))}if(!u){var S=l.width-e.clientWidth,O=l.height-e.clientHeight;return l.substract({right:S,bottom:O})}return l},Bounds.empty=function empty(){return new Bounds},Bounds.fromWindow=function fromWindow(e){var t,r=null!=(t=null==e?void 0:e.document.scrollingElement)?t:null==e?void 0:e.document.documentElement,n=null!=r?r:{},o=n.clientWidth,i=void 0===o?0:o,s=n.clientHeight,a=void 0===s?0:s;return new Bounds({width:i,height:a,right:i,bottom:a})};var e=Bounds.prototype;return e.toObject=function toObject(){return boundsToObject(this)},e.merge=function merge(e){var t=this.toObject();return new Bounds(_extends({},t,"function"==typeof e?e(t):e))},e.substract=function substract(e){for(var t=this.toObject(),r=0,n=Object.entries(e);r<n.length;r++){var o=n[r],i=o[0],s=o[1];if(i in l){var a=l[i];t[i]+=a.factor(s),t[a.isHorizontal?"width":"height"]-=s}else t[i]-=s||0}return new Bounds(t)},e.offsetsTo=function offsetsTo(e){return new d({top:e.top-this.top,bottom:this.bottom-e.bottom,left:e.left-this.left,right:this.right-e.right})},e.mapSides=function mapSides(e){for(var t=this.toObject(),r=0,n=Object.values(l);r<n.length;r++){var o=n[r];t[o.prop]=e(o,t[o.prop])}return new Bounds(t)},_createClass(Bounds,[{key:"surface",get:function get(){return this.width*this.height}}]),Bounds}(),g=function(){function Placement(e,t,r,n,o){this.primary=void 0,this.secondary=void 0,this.offsets=void 0,this.subjectsBounds=void 0,this._cachedLayerBounds=null,this._cachedContainerOffsets=null,this.primary=e,this.secondary=t,this.offsets=o,this.setSubjectsBounds(r,n)}var e=Placement.prototype;return e.setSubjectsBounds=function setSubjectsBounds(e,t){if(t){var r="function"==typeof t?t(this.primary.prop):t;this.subjectsBounds=e.merge({layer:_extends({},e.layer,r)})}else this.subjectsBounds=e},e.getLayerBounds=function getLayerBounds(e){if(void 0===e&&(e=0),this._cachedLayerBounds&&0===e)return this._cachedLayerBounds;var t=this.primary,r=this.secondary,n=this.subjectsBounds,o=n.trigger,i=n.layer,s=n.arrow,a=t.isHorizontal,u=t.oppositeCssProp,c=t.oppositeSizeProp,f=t.prop,d=t.opposite,p=h.empty();p[d.prop]=o[f]-t.factor(this.offsets.trigger),p[f]=p[d.prop]-t.factor(i[t.sizeProp]);var g=2*this.offsets.arrow,v=o[u]-(i[c]-s[c])+g,m=o[u]+(o[c]-s[c])-g;if(r.isPush||(v+=i[c],m+=i[c]),r.isCenter){var y=(a?l.top:l.left).prop,b=(a?l.bottom:l.right).prop;p[y]=limit(o[y]+o[c]/2-i[c]/2+e,v,m),p[b]=p[y]+i[c]}else{var w=r,C=o[w.prop],S=C<v?v-C:C>m?m-C:0;p[w.prop]=limit(C+e+S,v,m),p[w.opposite.prop]=p[w.prop]+r.factor(i[c])}p.width=p.right-p.left,p.height=p.bottom-p.top;var O=h.create(p);return 0===e&&(this._cachedLayerBounds=O),O},e.getLayerCollisionBounds=function getLayerCollisionBounds(){var e=this.offsets.container;return this.getLayerBounds().mapSides((function(t,r){return r-t.factor(e)})).merge((function(t){var r=t.width,n=t.height;return{width:r+2*e,height:n+2*e}}))},e.getContainerOffsets=function getContainerOffsets(e){if(this._cachedContainerOffsets&&!e)return this._cachedContainerOffsets;var t=this.subjectsBounds.merge({layer:e||this.getLayerCollisionBounds()}),r=d.mergeSmallestSides(t.layerOffsetsToScrollContainers);return e||(this._cachedContainerOffsets=r),r},_createClass(Placement,[{key:"type",get:function get(){return this.primary.prop+"-"+("center"===this.secondary.prop?"center":["bottom","right"].includes(this.secondary.prop)?"end":"start")}},{key:"triggerIsBigger",get:function get(){var e=this.secondary.isHorizontal,t=this.subjectsBounds,r=t.triggerHasBiggerWidth,n=t.triggerHasBiggerHeight;return e&&r||!e&&n}},{key:"fitsContainer",get:function get(){return this.getContainerOffsets().allSidesArePositive}},{key:"visibleSurface",get:function get(){var e=this.getLayerBounds(),t=this.getContainerOffsets(e).negativeSides;for(var r in t)t[r]=-t[r];return e.substract(t).surface}},{key:"secondaryOffsetSide",get:function get(){var e,t,r=this,n=this.getContainerOffsets();return(null!=(e=null==(t=Object.entries(n.negativeSides).map((function(e){var t=e[0],r=e[1];return[l[t],r]})).filter((function(e){var t=e[0];return r.primary.isOppositeDirection(t)})).sort((function(e,t){var r=e[1];return t[1]-r})))?void 0:t[0])?e:[])[0]||null}}]),Placement}(),v=function(e){function PlacementCenter(){return e.apply(this,arguments)||this}return function _inheritsLoose(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,_setPrototypeOf(e,t)}(PlacementCenter,e),PlacementCenter.prototype.getLayerBounds=function getLayerBounds(){var e=this.subjectsBounds,t=e.trigger,r=e.layer,n=h.empty();return n.top=t.top+t.height/2-r.height/2,n.bottom=n.top+r.height,n.left=t.left+t.width/2-r.width/2,n.right=n.left+r.width,n.width=n.right-n.left,n.height=n.bottom-n.top,n},PlacementCenter}(g);var m={position:"absolute",willChange:"top, left",left:null,right:null,top:null,bottom:null};var y=function(){function Placements(e,t,r){this.placements=void 0,this.config=void 0,this.subjectsBounds=void 0,this.placements=e,this.config=t,this.subjectsBounds=r}Placements.getSidesFromPlacementType=function getSidesFromPlacementType(e){var t=e.split("-"),r=t[0],n=t[1],o=l[r];return[o,"center"===n?c.center:o.isHorizontal?"start"===n?c.top:c.bottom:"start"===n?c.left:c.right]},Placements.create=function create(e,t){var r={arrow:t.arrowOffset,container:t.containerOffset,trigger:t.triggerOffset};function getListOfPlacements(n){void 0===n&&(n=t.placement);var o=Placements.getSidesFromPlacementType(n),i=o[0],s=o[1],a=l[i.isHorizontal?t.preferY:t.preferX],u=!i.isHorizontal&&e.triggerHasBiggerWidth||i.isHorizontal&&e.triggerHasBiggerHeight;function placementFrom(n,o){return new g(n,o,e,t.layerDimensions,r)}var f=[];return f[0]=placementFrom(i,s),f[1]=placementFrom(i,s.isCenter?a:c.center),f[2]=placementFrom(i,c[(s.opposite.isCenter?a.opposite:s.opposite).prop]),f[3]=placementFrom(a,u?i:c[i.opposite.prop]),f[4]=placementFrom(a,c.center),f[5]=placementFrom(a,u?c[i.opposite.prop]:i),f[6]=placementFrom(l[a.opposite.prop],u?i:c[i.opposite.prop]),f[7]=placementFrom(l[a.opposite.prop],c.center),f[8]=placementFrom(l[a.opposite.prop],u?c[i.opposite.prop]:i),f[9]=placementFrom(l[i.opposite.prop],s),f[10]=placementFrom(l[i.opposite.prop],s.isCenter?a:c.center),f[11]=placementFrom(l[i.opposite.prop],c[(s.opposite.isCenter?a.opposite:s.opposite).prop]),f=f.filter((function(e){return e.type===t.placement||t.possiblePlacements.includes(e.type)}))}return"center"===t.placement?new Placements([new v(c.center,c.center,e,t.layerDimensions,r)].concat(getListOfPlacements(t.preferY+"-"+t.preferX)),t,e):new Placements(getListOfPlacements(),t,e)};var e=Placements.prototype;return e.filterPlacementsBySide=function filterPlacementsBySide(e){return this.placements.filter((function(t){return t.primary===e}))},e.findFirstPlacementThatFits=function findFirstPlacementThatFits(){return this.placements.find((function(e){return e.fitsContainer}))},e.placementWithBiggestVisibleSurface=function placementWithBiggestVisibleSurface(){return this.placements.map((function(e){return{placement:e,surface:e.visibleSurface}})).sort((function(e,t){return t.surface-e.surface}))[0].placement},e.findSuitablePlacement=function findSuitablePlacement(){return this.config.auto?this.findFirstPlacementThatFits()||this.placementWithBiggestVisibleSurface():this.placements[0]},e.getSecondaryOffset=function getSecondaryOffset(e){var t=this.config,r=t.auto,n=t.snap;if(!r||n||e instanceof v)return 0;var o=this.filterPlacementsBySide(e.primary);if(0===o.indexOf(e)&&e.fitsContainer)return 0;var i=o.find((function(e){return!e.fitsContainer}));if(!i)return 0;var s=i.secondaryOffsetSide;if(!s)return 0;var a,u=e.getContainerOffsets(),l=e.secondary;return a=e.triggerIsBigger||i===e?s.isPush?-1:1:l===c.left||[c.top,c.center].includes(l)&&s.isPush?-1:1,u[s.prop]*a},e.getStyles=function getStyles(e,t,r,n){var o={willChange:"top, left, width, height"},i=function getArrowStyle(e,t,r){var n;if(t.primary.isCenter)return m;var o=e.layer,i=e.trigger,s=e.arrow,a=t.primary.oppositeSizeProp,u=i[a]>o[a],l=r+s[a]/2,c=o[a]-s[a]/2-r,f=function getNegativeOffsetBetweenLayerCenterAndTrigger(e,t,r){var n=e.layer,o=e.trigger,i=e.arrow,s=t.primary.oppositeSizeProp,a=t.primary.isHorizontal?["top","bottom"]:["left","right"],u=a[0],l=a[1],c=n[u]+n[s]/2-o[u]-i[s]/2-r,f=n[l]-n[s]/2-o[l]+i[s]/2+r;return(c<0?-c:0)+(f>0?-f:0)}(e,t,r),d=t.primary.prop,p=t.primary.oppositeCssProp,h=u?o[a]/2+f:i[p]+i[a]/2-o[p];return _extends({},m,((n={})[d]="100%",n[p]=limit(h,l,c),n))}(this.subjectsBounds.merge({layer:e}),t,this.config.arrowOffset);return{arrow:i,layer:this.config.overflowContainer?_extends({},o,{position:"fixed",top:e.top,left:e.left}):_extends({},o,{position:"absolute",top:e.top-this.subjectsBounds.parent.top+r.top-n.top,left:e.left-this.subjectsBounds.parent.left+r.left-n.left})}},e.getHasDisappeared=function getHasDisappeared(e){var t=this.config.overflowContainer?this.subjectsBounds.trigger:e,r=d.mergeSmallestSides(this.subjectsBounds.offsetsToScrollContainers(t,!0));return Object.entries(r.negativeSides).some((function(e){var r=e[0];return e[1]<=-t[l[r].sizeProp]}))?"full":r.allSidesArePositive?null:"partial"},e.result=function result(e,t){var r=this.findSuitablePlacement(),n=this.getSecondaryOffset(r),o=r.getLayerBounds(n);return{styles:this.getStyles(o,r,e,t),layerSide:r.primary.prop,placement:r,layerBounds:o,hasDisappeared:this.getHasDisappeared(o)}},Placements}(),b=function(){function SubjectsBounds(e,t){this.overflowContainer=void 0,this.trigger=void 0,this.layer=void 0,this.arrow=void 0,this.parent=void 0,this.window=void 0,this.scrollContainers=void 0,this.overflowContainer=t,Object.assign(this,e)}SubjectsBounds.create=function create(e,t,r,n,o,i,s,a){var u=h.fromWindow(e);return new SubjectsBounds({layer:h.fromElement(t,{environment:e,withTransform:!1}),trigger:a?h.create(boundsToObject(a())):h.fromElement(r),arrow:o?h.fromElement(o):h.empty(),parent:n?h.fromElement(n):u,window:u,scrollContainers:[u].concat(i.map((function(e){return h.fromElement(e,{withScrollbars:!1})})))},s)};var e=SubjectsBounds.prototype;return e.merge=function merge(e){return new SubjectsBounds(_extends({},this,e),this.overflowContainer)},e.offsetsToScrollContainers=function offsetsToScrollContainers(e,t){return void 0===t&&(t=!1),(this.overflowContainer&&!t?[this.window]:this.scrollContainers).map((function(t){return t.offsetsTo(e)}))},_createClass(SubjectsBounds,[{key:"layerOffsetsToScrollContainers",get:function get(){return this.offsetsToScrollContainers(this.layer)}},{key:"triggerHasBiggerWidth",get:function get(){return this.trigger.width>this.layer.width}},{key:"triggerHasBiggerHeight",get:function get(){return this.trigger.height>this.layer.height}}]),SubjectsBounds}(),w=null;var C={auto:!1,arrowOffset:0,containerOffset:10,triggerOffset:0,overflowContainer:!0,placement:"top-center",possiblePlacements:["bottom-start","bottom-end","bottom-center","top-start","top-center","top-end","left-end","left-center","left-start","right-end","right-center","right-start","center"],preferX:"right",preferY:"bottom",snap:!1,container:void 0,trigger:void 0};function useLayer(e){var t,r=e.isOpen,i=void 0!==r&&r,s=e.overflowContainer,a=void 0===s?C.overflowContainer:s,u=e.environment,l=void 0===u?"undefined"!=typeof window?window:void 0:u,c=e.ResizeObserver,f=e.placement,d=void 0===f?C.placement:f,p=e.possiblePlacements,h=void 0===p?C.possiblePlacements:p,g=e.preferX,v=void 0===g?C.preferX:g,m=e.preferY,O=void 0===m?C.preferY:m,P=e.auto,B=void 0===P?C.auto:P,E=e.snap,L=void 0===E?C.snap:E,T=e.triggerOffset,j=void 0===T?C.triggerOffset:T,k=e.containerOffset,_=void 0===k?C.containerOffset:k,R=e.arrowOffset,x=void 0===R?C.arrowOffset:R,H=e.container,A=void 0===H?C.container:H,z=e.layerDimensions,I=void 0===z?null:z,M=e.onDisappear,F=e.onOutsideClick,W=e.onParentClose,D=e.trigger,V=(0,n.useState)((function(){return{layerSide:"center"===d?"center":y.getSidesFromPlacementType(d)[0].prop,styles:{layer:{position:a?"fixed":"absolute",top:0,left:0},arrow:{position:"absolute",top:0,left:0}}}})),N=V[0],Y=V[1],G=(0,n.useRef)(null),X=function useLastState(e,t){var r=(0,n.useRef)(e);return t?(r.current=e,r):(r.current=null,r)}(N,i),Z=(0,n.useRef)({cancelled:!1});(0,n.useEffect)((function(){return function(){Z.current.cancelled=!0}}),[]);var J=(0,n.useCallback)((function handlePositioning(e,t,r){var n=e.arrow,o=e.layer,i=e.scrollContainers,s=e.trigger,u=i[0],c=b.create(l,o,s,u,n,i,a,null==D?void 0:D.getBounds),f={placement:d,possiblePlacements:h,auto:B,layerDimensions:I,arrowOffset:x,containerOffset:_,triggerOffset:j,preferX:v,preferY:O,snap:L,overflowContainer:a},p=y.create(c,f).result(t,r),g=p.hasDisappeared,m={layerSide:p.layerSide,styles:p.styles};if(!X.current||function didStateChange(e,t){if(e.layerSide!==t.layerSide)return!0;for(var r=0,n=["position","top","left","right","bottom"];r<n.length;r++){var o=n[r];if(e.styles.layer[o]!==t.styles.layer[o]||e.styles.arrow[o]!==t.styles.arrow[o])return!0}return!1}(X.current,m)){X.current=m,Z.current.cancelled=!0;var w={cancelled:!1};Z.current=w,Promise.resolve().then((function(){w.cancelled||Y(m)}))}isSet(g)&&isSet(M)&&M(g)}),[x,B,_,l,I,M,a,d,h,v,O,L,j,X,D]),U=useTrackElements({ResizeObserverPolyfill:c,environment:l,enabled:i,overflowContainer:a,onChange:J,triggerOption:D}),$=U.triggerRef,q=U.layerRef,K=U.arrowRef,Q=U.closestScrollContainer,ee=useGroup({isOpen:i,onOutsideClick:F,onParentClose:W}),te=ee.closeOnOutsideClickRefs,re=ee.registrations,ne={triggerProps:Boolean(D)?{}:{ref:mergeRefs($,te.trigger,G)},layerProps:{ref:mergeRefs(q,te.layer),style:N.styles.layer},arrowProps:{ref:K,style:N.styles.arrow,layerSide:N.layerSide},layerSide:N.layerSide,triggerBounds:i?D?D.getBounds():null==(t=G.current)?void 0:t.getBoundingClientRect():null,renderLayer:function renderLayer(e){return"undefined"!=typeof document?(0,o.createPortal)((0,n.createElement)(GroupProvider,{registrations:re,children:e}),a||!Q?function getContainerElement(e){var t;if("function"==typeof e){if(!((t=e())&&t instanceof HTMLElement))throw new Error("react-laag: You've passed a function to the 'container' prop, but it returned no valid HTMLElement")}else if(e instanceof HTMLElement)t=e;else if("string"==typeof e){if(!(t=document.getElementById(e)))throw new Error("react-laag: You've passed element with id '"+e+"' to the 'container' prop, but it returned no valid HTMLElement")}else{if(w instanceof HTMLElement)return w;(t=document.getElementById(S))||((t=document.createElement("div")).id=S,t.style.cssText="\n position: absolute;\n top: 0px;\n left: 0px;\n right: 0px;\n ",document.body.appendChild(t))}return t}(A):Q):null}};return ne}var S="layers";var O=["size","angle","borderWidth","borderColor","roundness","backgroundColor","layerSide","style"];function getWidthBasedOnAngle(e,t){return Math.tan(e*(Math.PI/180))*t}function getViewBox(e,t,r,n){var o;return((o={}).bottom="0 "+-n+" "+t+" "+e,o.top="0 0 "+t+" "+(e+n),o.right=-n+" 0 "+e+" "+t,o.left="0 0 "+(e+n)+" "+t,o)[r.prop]}function getTrianglePath(e,t,r,n,o){var i,s,a,u=n/10*e*2,l=(i={},i.bottom=[0,e],i.top=[0,0],i.right=[e,t],i.left=[0,t],i)[r.prop].join(" "),c=r.isHorizontal?"V 0":"H "+t,f=t/2,d=t/2+getWidthBasedOnAngle(o,e/8),p=e/8,h=(s={},s.bottom=["C",d,p,f+u,0,f,0],s.top=["C",d,e-p,f+u,e,f,e],s.right=["C",p,t-d,0,f-u,0,f],s.left=["C",e-p,t-d,e,f-u,e,f],s)[r.prop].join(" "),g=t/2-getWidthBasedOnAngle(o,e/8),v=e/8;return["M",l,c,h,(a={},a.bottom=["C",f-u,0,g,v,l],a.top=["C",f-u,e,g,e-v,l],a.right=["C",0,f+u,v,t-g,l],a.left=["C",e,f+u,e-v,t-g,l],a)[r.prop].join(" ")].join(" ")}function getBorderMaskPath(e,t,r,n,o){var i=getWidthBasedOnAngle(o,r),s=n.isPush?[0,r]:[e,e-r],a=s[0],u=s[1];return n.isHorizontal?["M",a,r,"V",t-r,"L",u,t-r-i,"V",i+r,"Z"].join(" "):["M",r,a,"H",t-r,"L",t-r-i,u,"H",i+r,"Z"].join(" ")}var P,B=(0,n.forwardRef)((function Arrow(e,t){var r=e.size,o=void 0===r?8:r,i=e.angle,s=void 0===i?45:i,a=e.borderWidth,u=void 0===a?0:a,c=e.borderColor,f=void 0===c?"black":c,d=e.roundness,p=void 0===d?0:d,h=e.backgroundColor,g=void 0===h?"white":h,v=e.layerSide,m=void 0===v?"top":v,y=e.style,b=void 0===y?{}:y,w=function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,O);if("center"===m)return null;var C=l[m],S=o,P=2*getWidthBasedOnAngle(s,o),B=Math.max(S,P);return(0,n.createElement)("svg",_extends({ref:t},w,{style:_extends({},b,{transform:"translate"+(C.isHorizontal?"Y":"X")+"(-50%)"}),width:B,height:B,preserveAspectRatio:C.isPush?"xMinYMin":"xMaxYMax",viewBox:getViewBox(S,P,C,u)}),(0,n.createElement)("path",{fill:g,strokeWidth:u,stroke:f,d:getTrianglePath(S,P,C,p,s)}),(0,n.createElement)("path",{fill:g,d:getBorderMaskPath(S,P,u,C,s)}))}));function useHover(e){var t=void 0===e?{}:e,r=t.delayEnter,o=void 0===r?0:r,i=t.delayLeave,s=void 0===i?0:i,a=t.hideOnScroll,u=void 0===a||a,l=(0,n.useState)(!1),c=l[0],f=l[1],d=(0,n.useRef)(null),p=(0,n.useRef)(P.IDLE),h=(0,n.useRef)(!1),g=(0,n.useCallback)((function removeTimeout(){clearTimeout(d.current),d.current=null,p.current=P.IDLE}),[]);function onMouseLeave(e,t){if(p.current===P.ENTERING&&d.current&&g(),c){if(t)return f(!1),d.current=null,void(p.current=P.IDLE);p.current=P.LEAVING,d.current=window.setTimeout((function(){f(!1),d.current=null,p.current=P.IDLE}),s)}}return(0,n.useEffect)((function(){function onScroll(){c&&u&&(g(),f(!1))}return window.addEventListener("scroll",onScroll,!0),function(){window.removeEventListener("scroll",onScroll,!0),d.current&&clearTimeout(d.current)}}),[c,u,g]),[c,{onMouseEnter:function onMouseEnter(){p.current===P.LEAVING&&d.current&&g(),c||(p.current=P.ENTERING,d.current=window.setTimeout((function(){f(!0),d.current=null,p.current=P.IDLE}),o))},onMouseLeave,onTouchStart:function onTouchStart(){h.current=!1},onTouchMove:function onTouchMove(){h.current=!0},onTouchEnd:function onTouchEnd(){h.current||c||f(!0),h.current=!1}},function(){return onMouseLeave(0,!0)}]}!function(e){e[e.ENTERING=0]="ENTERING",e[e.LEAVING=1]="LEAVING",e[e.IDLE=2]="IDLE"}(P||(P={}))}}]);
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6770],{58292:(e,t,r)=>{r.d(t,{Eh:()=>B,XI:()=>useHover,sJ:()=>useLayer});var n=r(87363),o=r(61533);function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(this,arguments)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function _createForOfIteratorHelperLoose(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function useTrackRef(e){var t=(0,n.useRef)(null);return function setter(r){r&&r!==t.current&&(t.current=r,e(r))}}var i="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function getPixelValue(e){return parseFloat(e.replace("px",""))}function limit(e,t,r){return e<t?t:e>r?r:e}function isSet(e){return null!=e}function mergeRefs(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(e){for(var r,n=_createForOfIteratorHelperLoose(t);!(r=n()).done;){var o=r.value;o&&("function"==typeof o?o(e):o.current=e)}}}function findScrollContainers(e,t){var r=[];if(!e||!t||e===document.body)return r;var n=t.getComputedStyle(e);return[n.overflow,n.overflowX,n.overflowY].some((function(e){return["auto","scroll"].includes(e)}))&&r.push(e),[].concat(r,findScrollContainers(e.parentElement,t))}function createReferenceError(e){return"react-laag: Could not find a valid reference for the "+e+" element. There might be 2 causes:\n - Make sure that the 'ref' is set correctly on the "+e+' element when isOpen: true. Also make sure your component forwards the ref with "forwardRef()".\n - Make sure that you are actually rendering the '+e+" when the isOpen prop is set to true"}function useTrackElements(e){var t=e.enabled,r=e.onChange,o=e.environment,s=e.ResizeObserverPolyfill,a=e.overflowContainer,u=e.triggerOption,l=function getResizeObserver(e,t){if(void 0!==e)return t||e.ResizeObserver}(o,s);(0,n.useEffect)((function(){}),[l]);var c=(0,n.useRef)(null),f=Boolean(u),d=function useMutableStore(e){var t=(0,n.useRef)(e);return(0,n.useMemo)((function(){return[function get(){return t.current},function set(e){t.current="function"==typeof e?e(t.current):e}]}),[])}({scrollContainers:[],trigger:null,layer:null}),p=d[0],h=d[1],g=function useEventSubscriptions(){var e=(0,n.useRef)([]);return(0,n.useMemo)((function(){return{hasEventSubscriptions:function hasEventSubscriptions(){return e.current.length>0},removeAllEventSubscriptions:function removeAllEventSubscriptions(){for(var t,r=_createForOfIteratorHelperLoose(e.current);!(t=r()).done;)(0,t.value)();e.current=[]},addEventSubscription:function addEventSubscription(t){e.current.push(t)}}}),[])}(),v=g.hasEventSubscriptions,m=g.addEventSubscription,y=g.removeAllEventSubscriptions,b=(0,n.useCallback)((function handleChange(){var e=p(),t=e.layer,n=e.trigger,i=e.scrollContainers,s=i[0];if(!t)throw new Error(createReferenceError("layer"));if(!n&&!f)throw new Error(createReferenceError("trigger"));var a={top:0,left:0};if(s){var u=s.scrollLeft;a={top:s.scrollTop,left:u}}else{var l=o.scrollX;a={top:o.scrollY,left:l}}var d={left:0,top:0};if(s){var h=o.getComputedStyle(s),g=h.borderLeftWidth,v=h.borderTopWidth;d={left:getPixelValue(g)||0,top:getPixelValue(v)||0}}r({layer:t,trigger:n,scrollContainers:i,arrow:c.current},a,d)}),[p,r,o,c,f]),w=(0,n.useCallback)((function addEventListeners(){var e=p(),t=e.trigger,r=e.layer,n=e.scrollContainers;if(!r)throw new Error(createReferenceError("layer"));if(!t&&!f)throw new Error(createReferenceError("trigger"));if(l){for(var i=!1,s=new l((function observerCallback(){i?b():i=!0})),a=0,u=[t,r,document.body];a<u.length;a++){var c=u[a];c&&s.observe(c)}m((function(){for(var e=0,n=[t,r,document.body];e<n.length;e++){var o=n[e];o&&s.unobserve(o)}s.disconnect()}))}for(var d,h=function _loop(){var e=d.value;e.addEventListener("scroll",b),m((function(){return e.removeEventListener("scroll",b)}))},g=_createForOfIteratorHelperLoose([o].concat(n));!(d=g()).done;)h()}),[p,m,b,o,l,f]),C=(0,n.useCallback)((function(e,r){t&&e&&e!==r&&(y(),w(),b())}),[y,w,b,t]),S=useTrackRef((0,n.useCallback)((function(e){var t=p().layer;h((function(t){return _extends({},t,{layer:e})})),C(t,e)}),[p,h,C])),O=(0,n.useCallback)((function handleScrollContainers(e){var t=findScrollContainers(e,o),r=t[0];if(r){var n=o.getComputedStyle(r).position;["relative","absolute","fixed"].includes(n)||a||(r.style.position="relative")}return t}),[o,a]),P=useTrackRef((0,n.useCallback)((function(e){var t=O(e),r=p().trigger;h((function(r){return _extends({},r,{trigger:e,scrollContainers:t})})),C(r,e)}),[p,h,C,O])),B=null==u||null==u.getParent?void 0:u.getParent();return i((function(){B&&h((function(e){return _extends({},e,{scrollContainers:O(B)})}))}),[B,h,O]),i((function(){return t&&(v()||w()),function(){v()&&y()}}),[t,v,w,y]),i((function(){t&&b()})),{triggerRef:P,layerRef:S,arrowRef:c,closestScrollContainer:p().scrollContainers[0]||null}}var s=(0,n.createContext)({});function GroupProvider(e){var t=e.children,r=e.registrations,o=(0,n.useCallback)((function register(e){return r.current.add(e),function(){return r.current.delete(e)}}),[r]);return(0,n.createElement)(s.Provider,{value:o},t)}function useGroup(e){var t=e.isOpen,r=e.onOutsideClick,o=e.onParentClose,i=(0,n.useRef)(null),a=(0,n.useRef)(null),u=(0,n.useRef)(new Set),l=(0,n.useContext)(s),c=(0,n.useCallback)((function shouldCloseWhenClickedOutside(e){var t=e.target,r=i.current&&i.current.contains(t),n=a.current&&a.current.contains(t),o=function getShouldCloseAccordingToChildren(e,t){for(var r,n=_createForOfIteratorHelperLoose(e);!(r=n()).done;)if(!(0,r.value.shouldCloseWhenClickedOutside)(t))return!1;return!0}(u.current,e);return n&&o&&u.current.forEach((function(e){return(0,e.closeChild)()})),!r&&!n&&o}),[i,a,u]);return(0,n.useEffect)((function(){if("function"==typeof l)return l({shouldCloseWhenClickedOutside:c,closeChild:function closeChild(){o&&o()}})}),[l,c,o,u]),(0,n.useEffect)((function(){if(!(!t||!r||"function"==typeof l))return document.addEventListener("click",handleClick,!0),function(){return document.removeEventListener("click",handleClick,!0)};function handleClick(e){c(e)&&r()}}),[t,r,c,l]),(0,n.useEffect)((function(){t||u.current.forEach((function(e){return(0,e.closeChild)()}))}),[t]),{closeOnOutsideClickRefs:{trigger:i,layer:a},registrations:u}}var a={top:"bottom",left:"right",bottom:"top",right:"left",center:"center"},u=function(){function SideBase(e,t,r,n,o,i,s,a,u){this.prop=void 0,this.opposite=void 0,this.isHorizontal=void 0,this.sizeProp=void 0,this.oppositeSizeProp=void 0,this.cssProp=void 0,this.oppositeCssProp=void 0,this.isCenter=void 0,this.isPush=void 0,this.prop=e,this.opposite=t,this.isHorizontal=r,this.sizeProp=n,this.oppositeSizeProp=o,this.cssProp=i,this.oppositeCssProp=s,this.isCenter=a,this.isPush=u}var e=SideBase.prototype;return e.factor=function factor(e){return e*(this.isPush?1:-1)},e.isOppositeDirection=function isOppositeDirection(e){return this.isHorizontal!==e.isHorizontal},SideBase}();function createSide(e,t){void 0===t&&(t=!0);var r=["left","right"].includes(e);return new u(e,t?createSide(a[e],!1):null,r,r?"width":"height",r?"height":"width",r?"left":"top",r?"top":"left","center"===e,!["right","bottom"].includes(e))}var l={top:createSide("top"),bottom:createSide("bottom"),left:createSide("left"),right:createSide("right")},c=_extends({},l,{center:createSide("center")}),f=["top","left","bottom","right"],d=function(){function BoundsOffsets(e){return this.top=void 0,this.left=void 0,this.right=void 0,this.bottom=void 0,Object.assign(this,e)}return BoundsOffsets.mergeSmallestSides=function mergeSmallestSides(e){var t=e[0],r=e.slice(1);if(!t)throw new Error("Please provide at least 1 bounds objects in order to merge");for(var n,o=Object.fromEntries(f.map((function(e){return[e,t[e]]}))),i=_createForOfIteratorHelperLoose(r);!(n=i()).done;)for(var s,a=n.value,u=_createForOfIteratorHelperLoose(f);!(s=u()).done;){var l=s.value;o[l]=Math.min(o[l],a[l])}return new BoundsOffsets(o)},_createClass(BoundsOffsets,[{key:"allSidesArePositive",get:function get(){var e=this;return f.every((function(t){return e[t]>=0}))}},{key:"negativeSides",get:function get(){var e=this;return Object.fromEntries(f.filter((function(t){return e[t]<0})).map((function(t){return[t,e[t]]})))}}]),BoundsOffsets}();function sumOfPropertyValues(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.reduce((function(e,t){return e+(t?getPixelValue(t):0)}),0)}function boundsToObject(e){return{top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height}}var p={top:0,left:0,right:0,bottom:0,width:0,height:0},h=function(){function Bounds(e){return void 0===e&&(e={}),this.top=void 0,this.left=void 0,this.right=void 0,this.bottom=void 0,this.width=void 0,this.height=void 0,Object.assign(this,p,e)}Bounds.create=function create(e){return new Bounds(e)},Bounds.fromElement=function fromElement(e,t){void 0===t&&(t={});var r=t,n=r.withTransform,o=void 0===n||n,i=r.environment,s=void 0===i?window:i,a=r.withScrollbars,u=void 0===a||a,l=new Bounds(boundsToObject(e.getBoundingClientRect()));if(!o){var c=s.getComputedStyle(e),f=c.width,d=c.height,p=c.boxSizing,h=c.borderLeft,g=c.borderRight,v=c.borderTop,m=c.borderBottom,y=c.paddingLeft,b=c.paddingRight,w=c.paddingTop,C=c.paddingBottom;l=new Bounds(_extends({},l,{width:"border-box"===p?getPixelValue(f):sumOfPropertyValues(f,h,g,y,b),height:"border-box"===p?getPixelValue(d):sumOfPropertyValues(d,v,m,w,C)}))}if(!u){var S=l.width-e.clientWidth,O=l.height-e.clientHeight;return l.substract({right:S,bottom:O})}return l},Bounds.empty=function empty(){return new Bounds},Bounds.fromWindow=function fromWindow(e){var t,r=null!=(t=null==e?void 0:e.document.scrollingElement)?t:null==e?void 0:e.document.documentElement,n=null!=r?r:{},o=n.clientWidth,i=void 0===o?0:o,s=n.clientHeight,a=void 0===s?0:s;return new Bounds({width:i,height:a,right:i,bottom:a})};var e=Bounds.prototype;return e.toObject=function toObject(){return boundsToObject(this)},e.merge=function merge(e){var t=this.toObject();return new Bounds(_extends({},t,"function"==typeof e?e(t):e))},e.substract=function substract(e){for(var t=this.toObject(),r=0,n=Object.entries(e);r<n.length;r++){var o=n[r],i=o[0],s=o[1];if(i in l){var a=l[i];t[i]+=a.factor(s),t[a.isHorizontal?"width":"height"]-=s}else t[i]-=s||0}return new Bounds(t)},e.offsetsTo=function offsetsTo(e){return new d({top:e.top-this.top,bottom:this.bottom-e.bottom,left:e.left-this.left,right:this.right-e.right})},e.mapSides=function mapSides(e){for(var t=this.toObject(),r=0,n=Object.values(l);r<n.length;r++){var o=n[r];t[o.prop]=e(o,t[o.prop])}return new Bounds(t)},_createClass(Bounds,[{key:"surface",get:function get(){return this.width*this.height}}]),Bounds}(),g=function(){function Placement(e,t,r,n,o){this.primary=void 0,this.secondary=void 0,this.offsets=void 0,this.subjectsBounds=void 0,this._cachedLayerBounds=null,this._cachedContainerOffsets=null,this.primary=e,this.secondary=t,this.offsets=o,this.setSubjectsBounds(r,n)}var e=Placement.prototype;return e.setSubjectsBounds=function setSubjectsBounds(e,t){if(t){var r="function"==typeof t?t(this.primary.prop):t;this.subjectsBounds=e.merge({layer:_extends({},e.layer,r)})}else this.subjectsBounds=e},e.getLayerBounds=function getLayerBounds(e){if(void 0===e&&(e=0),this._cachedLayerBounds&&0===e)return this._cachedLayerBounds;var t=this.primary,r=this.secondary,n=this.subjectsBounds,o=n.trigger,i=n.layer,s=n.arrow,a=t.isHorizontal,u=t.oppositeCssProp,c=t.oppositeSizeProp,f=t.prop,d=t.opposite,p=h.empty();p[d.prop]=o[f]-t.factor(this.offsets.trigger),p[f]=p[d.prop]-t.factor(i[t.sizeProp]);var g=2*this.offsets.arrow,v=o[u]-(i[c]-s[c])+g,m=o[u]+(o[c]-s[c])-g;if(r.isPush||(v+=i[c],m+=i[c]),r.isCenter){var y=(a?l.top:l.left).prop,b=(a?l.bottom:l.right).prop;p[y]=limit(o[y]+o[c]/2-i[c]/2+e,v,m),p[b]=p[y]+i[c]}else{var w=r,C=o[w.prop],S=C<v?v-C:C>m?m-C:0;p[w.prop]=limit(C+e+S,v,m),p[w.opposite.prop]=p[w.prop]+r.factor(i[c])}p.width=p.right-p.left,p.height=p.bottom-p.top;var O=h.create(p);return 0===e&&(this._cachedLayerBounds=O),O},e.getLayerCollisionBounds=function getLayerCollisionBounds(){var e=this.offsets.container;return this.getLayerBounds().mapSides((function(t,r){return r-t.factor(e)})).merge((function(t){var r=t.width,n=t.height;return{width:r+2*e,height:n+2*e}}))},e.getContainerOffsets=function getContainerOffsets(e){if(this._cachedContainerOffsets&&!e)return this._cachedContainerOffsets;var t=this.subjectsBounds.merge({layer:e||this.getLayerCollisionBounds()}),r=d.mergeSmallestSides(t.layerOffsetsToScrollContainers);return e||(this._cachedContainerOffsets=r),r},_createClass(Placement,[{key:"type",get:function get(){return this.primary.prop+"-"+("center"===this.secondary.prop?"center":["bottom","right"].includes(this.secondary.prop)?"end":"start")}},{key:"triggerIsBigger",get:function get(){var e=this.secondary.isHorizontal,t=this.subjectsBounds,r=t.triggerHasBiggerWidth,n=t.triggerHasBiggerHeight;return e&&r||!e&&n}},{key:"fitsContainer",get:function get(){return this.getContainerOffsets().allSidesArePositive}},{key:"visibleSurface",get:function get(){var e=this.getLayerBounds(),t=this.getContainerOffsets(e).negativeSides;for(var r in t)t[r]=-t[r];return e.substract(t).surface}},{key:"secondaryOffsetSide",get:function get(){var e,t,r=this,n=this.getContainerOffsets();return(null!=(e=null==(t=Object.entries(n.negativeSides).map((function(e){var t=e[0],r=e[1];return[l[t],r]})).filter((function(e){var t=e[0];return r.primary.isOppositeDirection(t)})).sort((function(e,t){var r=e[1];return t[1]-r})))?void 0:t[0])?e:[])[0]||null}}]),Placement}(),v=function(e){function PlacementCenter(){return e.apply(this,arguments)||this}return function _inheritsLoose(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,_setPrototypeOf(e,t)}(PlacementCenter,e),PlacementCenter.prototype.getLayerBounds=function getLayerBounds(){var e=this.subjectsBounds,t=e.trigger,r=e.layer,n=h.empty();return n.top=t.top+t.height/2-r.height/2,n.bottom=n.top+r.height,n.left=t.left+t.width/2-r.width/2,n.right=n.left+r.width,n.width=n.right-n.left,n.height=n.bottom-n.top,n},PlacementCenter}(g);var m={position:"absolute",willChange:"top, left",left:null,right:null,top:null,bottom:null};var y=function(){function Placements(e,t,r){this.placements=void 0,this.config=void 0,this.subjectsBounds=void 0,this.placements=e,this.config=t,this.subjectsBounds=r}Placements.getSidesFromPlacementType=function getSidesFromPlacementType(e){var t=e.split("-"),r=t[0],n=t[1],o=l[r];return[o,"center"===n?c.center:o.isHorizontal?"start"===n?c.top:c.bottom:"start"===n?c.left:c.right]},Placements.create=function create(e,t){var r={arrow:t.arrowOffset,container:t.containerOffset,trigger:t.triggerOffset};function getListOfPlacements(n){void 0===n&&(n=t.placement);var o=Placements.getSidesFromPlacementType(n),i=o[0],s=o[1],a=l[i.isHorizontal?t.preferY:t.preferX],u=!i.isHorizontal&&e.triggerHasBiggerWidth||i.isHorizontal&&e.triggerHasBiggerHeight;function placementFrom(n,o){return new g(n,o,e,t.layerDimensions,r)}var f=[];return f[0]=placementFrom(i,s),f[1]=placementFrom(i,s.isCenter?a:c.center),f[2]=placementFrom(i,c[(s.opposite.isCenter?a.opposite:s.opposite).prop]),f[3]=placementFrom(a,u?i:c[i.opposite.prop]),f[4]=placementFrom(a,c.center),f[5]=placementFrom(a,u?c[i.opposite.prop]:i),f[6]=placementFrom(l[a.opposite.prop],u?i:c[i.opposite.prop]),f[7]=placementFrom(l[a.opposite.prop],c.center),f[8]=placementFrom(l[a.opposite.prop],u?c[i.opposite.prop]:i),f[9]=placementFrom(l[i.opposite.prop],s),f[10]=placementFrom(l[i.opposite.prop],s.isCenter?a:c.center),f[11]=placementFrom(l[i.opposite.prop],c[(s.opposite.isCenter?a.opposite:s.opposite).prop]),f=f.filter((function(e){return e.type===t.placement||t.possiblePlacements.includes(e.type)}))}return"center"===t.placement?new Placements([new v(c.center,c.center,e,t.layerDimensions,r)].concat(getListOfPlacements(t.preferY+"-"+t.preferX)),t,e):new Placements(getListOfPlacements(),t,e)};var e=Placements.prototype;return e.filterPlacementsBySide=function filterPlacementsBySide(e){return this.placements.filter((function(t){return t.primary===e}))},e.findFirstPlacementThatFits=function findFirstPlacementThatFits(){return this.placements.find((function(e){return e.fitsContainer}))},e.placementWithBiggestVisibleSurface=function placementWithBiggestVisibleSurface(){return this.placements.map((function(e){return{placement:e,surface:e.visibleSurface}})).sort((function(e,t){return t.surface-e.surface}))[0].placement},e.findSuitablePlacement=function findSuitablePlacement(){return this.config.auto?this.findFirstPlacementThatFits()||this.placementWithBiggestVisibleSurface():this.placements[0]},e.getSecondaryOffset=function getSecondaryOffset(e){var t=this.config,r=t.auto,n=t.snap;if(!r||n||e instanceof v)return 0;var o=this.filterPlacementsBySide(e.primary);if(0===o.indexOf(e)&&e.fitsContainer)return 0;var i=o.find((function(e){return!e.fitsContainer}));if(!i)return 0;var s=i.secondaryOffsetSide;if(!s)return 0;var a,u=e.getContainerOffsets(),l=e.secondary;return a=e.triggerIsBigger||i===e?s.isPush?-1:1:l===c.left||[c.top,c.center].includes(l)&&s.isPush?-1:1,u[s.prop]*a},e.getStyles=function getStyles(e,t,r,n){var o={willChange:"top, left, width, height"},i=function getArrowStyle(e,t,r){var n;if(t.primary.isCenter)return m;var o=e.layer,i=e.trigger,s=e.arrow,a=t.primary.oppositeSizeProp,u=i[a]>o[a],l=r+s[a]/2,c=o[a]-s[a]/2-r,f=function getNegativeOffsetBetweenLayerCenterAndTrigger(e,t,r){var n=e.layer,o=e.trigger,i=e.arrow,s=t.primary.oppositeSizeProp,a=t.primary.isHorizontal?["top","bottom"]:["left","right"],u=a[0],l=a[1],c=n[u]+n[s]/2-o[u]-i[s]/2-r,f=n[l]-n[s]/2-o[l]+i[s]/2+r;return(c<0?-c:0)+(f>0?-f:0)}(e,t,r),d=t.primary.prop,p=t.primary.oppositeCssProp,h=u?o[a]/2+f:i[p]+i[a]/2-o[p];return _extends({},m,((n={})[d]="100%",n[p]=limit(h,l,c),n))}(this.subjectsBounds.merge({layer:e}),t,this.config.arrowOffset);return{arrow:i,layer:this.config.overflowContainer?_extends({},o,{position:"fixed",top:e.top,left:e.left}):_extends({},o,{position:"absolute",top:e.top-this.subjectsBounds.parent.top+r.top-n.top,left:e.left-this.subjectsBounds.parent.left+r.left-n.left})}},e.getHasDisappeared=function getHasDisappeared(e){var t=this.config.overflowContainer?this.subjectsBounds.trigger:e,r=d.mergeSmallestSides(this.subjectsBounds.offsetsToScrollContainers(t,!0));return Object.entries(r.negativeSides).some((function(e){var r=e[0];return e[1]<=-t[l[r].sizeProp]}))?"full":r.allSidesArePositive?null:"partial"},e.result=function result(e,t){var r=this.findSuitablePlacement(),n=this.getSecondaryOffset(r),o=r.getLayerBounds(n);return{styles:this.getStyles(o,r,e,t),layerSide:r.primary.prop,placement:r,layerBounds:o,hasDisappeared:this.getHasDisappeared(o)}},Placements}(),b=function(){function SubjectsBounds(e,t){this.overflowContainer=void 0,this.trigger=void 0,this.layer=void 0,this.arrow=void 0,this.parent=void 0,this.window=void 0,this.scrollContainers=void 0,this.overflowContainer=t,Object.assign(this,e)}SubjectsBounds.create=function create(e,t,r,n,o,i,s,a){var u=h.fromWindow(e);return new SubjectsBounds({layer:h.fromElement(t,{environment:e,withTransform:!1}),trigger:a?h.create(boundsToObject(a())):h.fromElement(r),arrow:o?h.fromElement(o):h.empty(),parent:n?h.fromElement(n):u,window:u,scrollContainers:[u].concat(i.map((function(e){return h.fromElement(e,{withScrollbars:!1})})))},s)};var e=SubjectsBounds.prototype;return e.merge=function merge(e){return new SubjectsBounds(_extends({},this,e),this.overflowContainer)},e.offsetsToScrollContainers=function offsetsToScrollContainers(e,t){return void 0===t&&(t=!1),(this.overflowContainer&&!t?[this.window]:this.scrollContainers).map((function(t){return t.offsetsTo(e)}))},_createClass(SubjectsBounds,[{key:"layerOffsetsToScrollContainers",get:function get(){return this.offsetsToScrollContainers(this.layer)}},{key:"triggerHasBiggerWidth",get:function get(){return this.trigger.width>this.layer.width}},{key:"triggerHasBiggerHeight",get:function get(){return this.trigger.height>this.layer.height}}]),SubjectsBounds}(),w=null;var C={auto:!1,arrowOffset:0,containerOffset:10,triggerOffset:0,overflowContainer:!0,placement:"top-center",possiblePlacements:["bottom-start","bottom-end","bottom-center","top-start","top-center","top-end","left-end","left-center","left-start","right-end","right-center","right-start","center"],preferX:"right",preferY:"bottom",snap:!1,container:void 0,trigger:void 0};function useLayer(e){var t,r=e.isOpen,i=void 0!==r&&r,s=e.overflowContainer,a=void 0===s?C.overflowContainer:s,u=e.environment,l=void 0===u?"undefined"!=typeof window?window:void 0:u,c=e.ResizeObserver,f=e.placement,d=void 0===f?C.placement:f,p=e.possiblePlacements,h=void 0===p?C.possiblePlacements:p,g=e.preferX,v=void 0===g?C.preferX:g,m=e.preferY,O=void 0===m?C.preferY:m,P=e.auto,B=void 0===P?C.auto:P,E=e.snap,L=void 0===E?C.snap:E,T=e.triggerOffset,j=void 0===T?C.triggerOffset:T,k=e.containerOffset,_=void 0===k?C.containerOffset:k,R=e.arrowOffset,x=void 0===R?C.arrowOffset:R,H=e.container,A=void 0===H?C.container:H,z=e.layerDimensions,I=void 0===z?null:z,M=e.onDisappear,F=e.onOutsideClick,W=e.onParentClose,D=e.trigger,V=(0,n.useState)((function(){return{layerSide:"center"===d?"center":y.getSidesFromPlacementType(d)[0].prop,styles:{layer:{position:a?"fixed":"absolute",top:0,left:0},arrow:{position:"absolute",top:0,left:0}}}})),N=V[0],Y=V[1],G=(0,n.useRef)(null),X=function useLastState(e,t){var r=(0,n.useRef)(e);return t?(r.current=e,r):(r.current=null,r)}(N,i),Z=(0,n.useRef)({cancelled:!1});(0,n.useEffect)((function(){return function(){Z.current.cancelled=!0}}),[]);var J=(0,n.useCallback)((function handlePositioning(e,t,r){var n=e.arrow,o=e.layer,i=e.scrollContainers,s=e.trigger,u=i[0],c=b.create(l,o,s,u,n,i,a,null==D?void 0:D.getBounds),f={placement:d,possiblePlacements:h,auto:B,layerDimensions:I,arrowOffset:x,containerOffset:_,triggerOffset:j,preferX:v,preferY:O,snap:L,overflowContainer:a},p=y.create(c,f).result(t,r),g=p.hasDisappeared,m={layerSide:p.layerSide,styles:p.styles};if(!X.current||function didStateChange(e,t){if(e.layerSide!==t.layerSide)return!0;for(var r=0,n=["position","top","left","right","bottom"];r<n.length;r++){var o=n[r];if(e.styles.layer[o]!==t.styles.layer[o]||e.styles.arrow[o]!==t.styles.arrow[o])return!0}return!1}(X.current,m)){X.current=m,Z.current.cancelled=!0;var w={cancelled:!1};Z.current=w,Promise.resolve().then((function(){w.cancelled||Y(m)}))}isSet(g)&&isSet(M)&&M(g)}),[x,B,_,l,I,M,a,d,h,v,O,L,j,X,D]),U=useTrackElements({ResizeObserverPolyfill:c,environment:l,enabled:i,overflowContainer:a,onChange:J,triggerOption:D}),$=U.triggerRef,q=U.layerRef,K=U.arrowRef,Q=U.closestScrollContainer,ee=useGroup({isOpen:i,onOutsideClick:F,onParentClose:W}),te=ee.closeOnOutsideClickRefs,re=ee.registrations,ne={triggerProps:Boolean(D)?{}:{ref:mergeRefs($,te.trigger,G)},layerProps:{ref:mergeRefs(q,te.layer),style:N.styles.layer},arrowProps:{ref:K,style:N.styles.arrow,layerSide:N.layerSide},layerSide:N.layerSide,triggerBounds:i?D?D.getBounds():null==(t=G.current)?void 0:t.getBoundingClientRect():null,renderLayer:function renderLayer(e){return"undefined"!=typeof document?(0,o.createPortal)((0,n.createElement)(GroupProvider,{registrations:re,children:e}),a||!Q?function getContainerElement(e){var t;if("function"==typeof e){if(!((t=e())&&t instanceof HTMLElement))throw new Error("react-laag: You've passed a function to the 'container' prop, but it returned no valid HTMLElement")}else if(e instanceof HTMLElement)t=e;else if("string"==typeof e){if(!(t=document.getElementById(e)))throw new Error("react-laag: You've passed element with id '"+e+"' to the 'container' prop, but it returned no valid HTMLElement")}else{if(w instanceof HTMLElement)return w;(t=document.getElementById(S))||((t=document.createElement("div")).id=S,t.style.cssText="\n position: absolute;\n top: 0px;\n left: 0px;\n right: 0px;\n ",document.body.appendChild(t))}return t}(A):Q):null}};return ne}var S="layers";var O=["size","angle","borderWidth","borderColor","roundness","backgroundColor","layerSide","style"];function getWidthBasedOnAngle(e,t){return Math.tan(e*(Math.PI/180))*t}function getViewBox(e,t,r,n){var o;return((o={}).bottom="0 "+-n+" "+t+" "+e,o.top="0 0 "+t+" "+(e+n),o.right=-n+" 0 "+e+" "+t,o.left="0 0 "+(e+n)+" "+t,o)[r.prop]}function getTrianglePath(e,t,r,n,o){var i,s,a,u=n/10*e*2,l=(i={},i.bottom=[0,e],i.top=[0,0],i.right=[e,t],i.left=[0,t],i)[r.prop].join(" "),c=r.isHorizontal?"V 0":"H "+t,f=t/2,d=t/2+getWidthBasedOnAngle(o,e/8),p=e/8,h=(s={},s.bottom=["C",d,p,f+u,0,f,0],s.top=["C",d,e-p,f+u,e,f,e],s.right=["C",p,t-d,0,f-u,0,f],s.left=["C",e-p,t-d,e,f-u,e,f],s)[r.prop].join(" "),g=t/2-getWidthBasedOnAngle(o,e/8),v=e/8;return["M",l,c,h,(a={},a.bottom=["C",f-u,0,g,v,l],a.top=["C",f-u,e,g,e-v,l],a.right=["C",0,f+u,v,t-g,l],a.left=["C",e,f+u,e-v,t-g,l],a)[r.prop].join(" ")].join(" ")}function getBorderMaskPath(e,t,r,n,o){var i=getWidthBasedOnAngle(o,r),s=n.isPush?[0,r]:[e,e-r],a=s[0],u=s[1];return n.isHorizontal?["M",a,r,"V",t-r,"L",u,t-r-i,"V",i+r,"Z"].join(" "):["M",r,a,"H",t-r,"L",t-r-i,u,"H",i+r,"Z"].join(" ")}var P,B=(0,n.forwardRef)((function Arrow(e,t){var r=e.size,o=void 0===r?8:r,i=e.angle,s=void 0===i?45:i,a=e.borderWidth,u=void 0===a?0:a,c=e.borderColor,f=void 0===c?"black":c,d=e.roundness,p=void 0===d?0:d,h=e.backgroundColor,g=void 0===h?"white":h,v=e.layerSide,m=void 0===v?"top":v,y=e.style,b=void 0===y?{}:y,w=function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,O);if("center"===m)return null;var C=l[m],S=o,P=2*getWidthBasedOnAngle(s,o),B=Math.max(S,P);return(0,n.createElement)("svg",_extends({ref:t},w,{style:_extends({},b,{transform:"translate"+(C.isHorizontal?"Y":"X")+"(-50%)"}),width:B,height:B,preserveAspectRatio:C.isPush?"xMinYMin":"xMaxYMax",viewBox:getViewBox(S,P,C,u)}),(0,n.createElement)("path",{fill:g,strokeWidth:u,stroke:f,d:getTrianglePath(S,P,C,p,s)}),(0,n.createElement)("path",{fill:g,d:getBorderMaskPath(S,P,u,C,s)}))}));function useHover(e){var t=void 0===e?{}:e,r=t.delayEnter,o=void 0===r?0:r,i=t.delayLeave,s=void 0===i?0:i,a=t.hideOnScroll,u=void 0===a||a,l=(0,n.useState)(!1),c=l[0],f=l[1],d=(0,n.useRef)(null),p=(0,n.useRef)(P.IDLE),h=(0,n.useRef)(!1),g=(0,n.useCallback)((function removeTimeout(){clearTimeout(d.current),d.current=null,p.current=P.IDLE}),[]);function onMouseLeave(e,t){if(p.current===P.ENTERING&&d.current&&g(),c){if(t)return f(!1),d.current=null,void(p.current=P.IDLE);p.current=P.LEAVING,d.current=window.setTimeout((function(){f(!1),d.current=null,p.current=P.IDLE}),s)}}return(0,n.useEffect)((function(){function onScroll(){c&&u&&(g(),f(!1))}return window.addEventListener("scroll",onScroll,!0),function(){window.removeEventListener("scroll",onScroll,!0),d.current&&clearTimeout(d.current)}}),[c,u,g]),[c,{onMouseEnter:function onMouseEnter(){p.current===P.LEAVING&&d.current&&g(),c||(p.current=P.ENTERING,d.current=window.setTimeout((function(){f(!0),d.current=null,p.current=P.IDLE}),o))},onMouseLeave,onTouchStart:function onTouchStart(){h.current=!1},onTouchMove:function onTouchMove(){h.current=!0},onTouchEnd:function onTouchEnd(){h.current||c||f(!0),h.current=!1}},function(){return onMouseLeave(0,!0)}]}!function(e){e[e.ENTERING=0]="ENTERING",e[e.LEAVING=1]="LEAVING",e[e.IDLE=2]="IDLE"}(P||(P={}))}}]);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 6939.diva-web-planner-react.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6939,6474],{56474:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(75327),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),x=o(3565),p=o.n(x),u=o(19216),h=o.n(u),v=o(44589),f=o.n(v),g=o(84887),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=m().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=o(47514);const w=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,i.Z)(d,2),s=a[0],c=a[1],m=(0,t.NP)(),x=(0,r.useState)(""),p=(0,i.Z)(x,2),u=p[0],h=p[1],v=m.getViewConfig().displayMetaDatas,f=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:u}):(0,y.jsx)(y.Fragment,{})}},27078:(e,n,o)=>{o.r(n),o.d(n,{default:()=>M});var i=o(80248),t=o(34988),r=o(65515),l=o.n(r),d=o(75327),a=o(9420),s=o(87363),c=o(93379),m=o.n(c),x=o(7795),p=o.n(x),u=o(90569),h=o.n(u),v=o(3565),f=o.n(v),g=o(19216),b=o.n(g),y=o(44589),w=o.n(y),S=o(31636),z={};z.styleTagTransform=w(),z.setAttributes=f(),z.insert=h().bind(null,"head"),z.domAPI=p(),z.insertStyleElement=b();m()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var j=o(13838),C=o(46770),P=o(55461),I=o(56474),k=o(88683),B=o(21801),O=o(91087),Z=o(19456),A=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const M=(0,a.Pi)((function Option(e){var n,o,i=e.item,r=e.type,a=e.paletteId,c=e.hidePricePreview,m=e.namePostFix,x=i,p=(0,d.NP)(),u=(0,s.useState)(""),h=(0,t.Z)(u,2),v=h[0],f=h[1],g=(0,k.useDivaCore)().state.dimensions,b=g.isMobile,y=g.isTablet,w={},z={},M=void 0,N=!1,D={},E=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),G=(0,C.sJ)({isOpen:E[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return b||y||p.getViewConfig().hideTooltip||!x.image&&!x.hexColor||x.contentItemId||(N=E[0],D=E[1],w=G.triggerProps,z=G.layerProps,M=G.renderLayer),(0,A.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:x.codex,className:l()(S.CA,x.sel?S.pA:void 0,"big"==r?S.Eb:void 0,"small"==r?S.yG:void 0,p.getIsInMobileView()?S.ai:void 0,p.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(x,void 0,a)}},w),D),{},{children:[(0,A.jsxs)("div",{className:l()(S.be),children:[p.getViewConfig().showVCodexInGallery&&x.vCodex&&(0,A.jsx)("div",{className:l()(S.rq),children:x.vCodex}),x.image?(0,A.jsx)("img",{className:l()(S.K5),src:"small"!=r?x.image.replace("_gal",""):x.image}):(0,A.jsx)("div",{className:l()(S.K5),style:{backgroundColor:"#"+(null!==(n=x.hexColor)&&void 0!==n?n:"fff")}}),x.contentItemId&&(0,A.jsx)(B.default,{item:x},x.codex)]}),(0,A.jsx)("div",{className:S.FJ,children:(0,A.jsx)("div",{className:S.TN,dangerouslySetInnerHTML:{__html:x.text+(m||"")}})}),x.doShowFav&&(0,A.jsx)("div",{className:x.isFav?j.Md:j.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(x)}}),(0,A.jsx)(I.default,{style:{position:"relative",float:"left",display:"none"},metaData:x.metaData,visible:[v,f]},x.codex),!c&&void 0!==x.pricePreviewPromise&&(0,A.jsx)(O.default,{asyncPricePreview:x.pricePreviewPromise,sel:x.sel,style:"small"==r?{fontSize:9}:void 0}),void 0!==x.checkForReversingChanges&&(0,A.jsx)(Z.default,{item:x,paletteId:a}),N&&(null===(o=M)||void 0===o?void 0:o((0,A.jsx)(P.default,{text:x.text+(x.freeText?x.freeText:"")+(m||""),hexColor:x.hexColor,desciption:v,pricePreviewPromise:x.pricePreviewPromise,image:x.image,layerProps:z},x.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,".index-module--hpPAb {\n display: -webkit-box;\n max-height: 64px;\n min-height: 16px;\n color: var(--secondaryColor);\n overflow: hidden;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\n z-index: 100;\n font-size: 13px;\n line-height: 16px;\n color: var(--secondaryColor);\n width: 100%;\n -webkit-user-select: text;\n -moz-user-select: text;\n user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},31636:(e,n,o)=>{o.d(n,{CA:()=>d,Eb:()=>f,FJ:()=>p,K5:()=>x,Mq:()=>v,TN:()=>u,ZP:()=>g,ai:()=>h,be:()=>c,pA:()=>s,rq:()=>a,yG:()=>m});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--zdGOB {\n border-radius: var(--globalBorderRadius);\n position: relative;\n z-index: 100;\n transition: all 0.15s ease;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.index-module--zdGOB:active,\n.index-module--zdGOB:hover {\n z-index: 200;\n transition: 0.15s ease;\n}\n\n.index-module--QEpYS {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n color: white;\n display: none;\n text-align: center;\n}\n\n.index-module--zdGOB:hover .index-module--QEpYS,\n.index-module--pcB57 .index-module--QEpYS {\n display: block;\n}\n\n.index-module--ZjI8q {\n border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n border: 1px rgb(230, 230, 230) solid;\n display: flex;\n transition: 0.15s ease;\n position: relative;\n}\n.index-module--zdGOB:hover .index-module--ZjI8q {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n border: 1px var(--primaryColor) solid;\n border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--pcB57 .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57 .index-module--ZjI8q {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--Ga2vs {\n width: calc(100% - 8px);\n border: 4px white solid;\n border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n -o-object-fit: contain;\n object-fit: contain;\n background-color: #fff;\n transition: border 0.3s ease;\n aspect-ratio: 1/1;\n}\n.index-module--pcB57 .index-module--Ga2vs,\n.index-module--ljMpw.index-module--pcB57 .index-module--Ga2vs {\n border: 4px var(--primaryColor) solid;\n border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--dwBQn {\n width: 80px;\n height: 80px;\n}\n\n.index-module--n4xih {\n display: flex;\n justify-content: center;\n overflow: visible;\n max-height: 32px;\n}\n\n.index-module--h2hli {\n text-align: center;\n width: 100%;\n height: 32px;\n min-height: -moz-fit-content;\n min-height: fit-content;\n max-height: -moz-fit-content;\n max-height: fit-content;\n font-size: 14px;\n line-height: 16px;\n overflow: hidden;\n display: -webkit-box;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-hyphens: auto;\n hyphens: auto;\n -webkit-line-clamp: 2;\n transition: height 0.3s ease-out;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--h2hli,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--h2hli {\n color: #fff;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0) .index-module--h2hli {\n font-size: 12px;\n line-height: 14px;\n}\n\n.index-module--zdGOB:hover .index-module--h2hli,\n.index-module--zdGOB:focus .index-module--h2hli {\n max-height: -moz-fit-content;\n max-height: fit-content;\n min-height: -moz-fit-content;\n min-height: fit-content;\n -webkit-line-clamp: 30;\n height: 50px;\n z-index: 200;\n background-color: var(--settingsBackgroundColor);\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n .index-module--zdGOB:hover .index-module--h2hli,\n .index-module--zdGOB:focus .index-module--h2hli {\n height: -moz-fit-content;\n height: fit-content;\n }\n}\n\n/* Size Small */\n\n.index-module--ljMpw .index-module--QEpYS {\n font-size: 12px;\n}\n\n.index-module--ljMpw .index-module--h2hli {\n font-size: 12px;\n height: 16px;\n -webkit-line-clamp: 1;\n}\n\n.index-module--ljMpw .index-module--n4xih {\n max-height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--h2hli {\n font-size: 11px;\n height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--n4xih {\n max-height: 14px;\n}\n\n/* Size big */\n\n.index-module--e6Piy .index-module--QEpYS {\n font-size: 15px;\n}\n\n.index-module--e6Piy .index-module--h2hli {\n font-size: 15px;\n -webkit-line-clamp: 2;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--e6Piy .index-module--h2hli {\n font-size: 13px;\n}\n",""]);var d="index-module--zdGOB",a="index-module--QEpYS",s="index-module--pcB57",c="index-module--ZjI8q",m="index-module--ljMpw",x="index-module--Ga2vs",p="index-module--n4xih",u="index-module--h2hli",h="index-module--D9rSr",v="index-module--xR2x0",f="index-module--e6Piy";const g=l},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),l=o(94299),d=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var x=o(47514);const p=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),u=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:m="svg",fontSize:u="medium",htmlColor:h,inheritViewBox:v=!1,titleAccess:f,viewBox:g="0 0 24 24",...b}=o,y=i.isValidElement(d)&&"svg"===d.type,w={...o,color:c,component:m,fontSize:u,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:g,hasSvgAsChild:y},S={};v||(S.viewBox=g);const z=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(w);return(0,x.jsxs)(p,{as:m,className:(0,t.Z)(z.root,a),focusable:"false",color:h,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...S,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,f?(0,x.jsx)("title",{children:f}):null]})}));u.muiName="SvgIcon";const h=u;function createSvgIcon(e,n){function Component(n,o){return(0,x.jsx)(h,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=h.muiName,i.memo(i.forwardRef(Component))}}}]);
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6939,6474],{56474:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(75327),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),x=o(3565),p=o.n(x),u=o(19216),h=o.n(u),v=o(44589),f=o.n(v),g=o(84887),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=m().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=o(47514);const w=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,i.Z)(d,2),s=a[0],c=a[1],m=(0,t.NP)(),x=(0,r.useState)(""),p=(0,i.Z)(x,2),u=p[0],h=p[1],v=m.getViewConfig().displayMetaDatas,f=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:u}):(0,y.jsx)(y.Fragment,{})}},27078:(e,n,o)=>{o.r(n),o.d(n,{default:()=>M});var i=o(80248),t=o(34988),r=o(65515),l=o.n(r),d=o(75327),a=o(9420),s=o(87363),c=o(93379),m=o.n(c),x=o(7795),p=o.n(x),u=o(90569),h=o.n(u),v=o(3565),f=o.n(v),g=o(19216),b=o.n(g),y=o(44589),w=o.n(y),S=o(31636),z={};z.styleTagTransform=w(),z.setAttributes=f(),z.insert=h().bind(null,"head"),z.domAPI=p(),z.insertStyleElement=b();m()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var j=o(13838),C=o(58292),P=o(55461),I=o(56474),k=o(88683),B=o(21801),O=o(91087),Z=o(19456),A=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const M=(0,a.Pi)((function Option(e){var n,o,i=e.item,r=e.type,a=e.paletteId,c=e.hidePricePreview,m=e.namePostFix,x=i,p=(0,d.NP)(),u=(0,s.useState)(""),h=(0,t.Z)(u,2),v=h[0],f=h[1],g=(0,k.useDivaCore)().state.dimensions,b=g.isMobile,y=g.isTablet,w={},z={},M=void 0,N=!1,D={},E=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),G=(0,C.sJ)({isOpen:E[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return b||y||p.getViewConfig().hideTooltip||!x.image&&!x.hexColor||x.contentItemId||(N=E[0],D=E[1],w=G.triggerProps,z=G.layerProps,M=G.renderLayer),(0,A.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:x.codex,className:l()(S.CA,x.sel?S.pA:void 0,"big"==r?S.Eb:void 0,"small"==r?S.yG:void 0,p.getIsInMobileView()?S.ai:void 0,p.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(x,void 0,a)}},w),D),{},{children:[(0,A.jsxs)("div",{className:l()(S.be),children:[p.getViewConfig().showVCodexInGallery&&x.vCodex&&(0,A.jsx)("div",{className:l()(S.rq),children:x.vCodex}),x.image?(0,A.jsx)("img",{className:l()(S.K5),src:"small"!=r?x.image.replace("_gal",""):x.image}):(0,A.jsx)("div",{className:l()(S.K5),style:{backgroundColor:"#"+(null!==(n=x.hexColor)&&void 0!==n?n:"fff")}}),x.contentItemId&&(0,A.jsx)(B.default,{item:x},x.codex)]}),(0,A.jsx)("div",{className:S.FJ,children:(0,A.jsx)("div",{className:S.TN,dangerouslySetInnerHTML:{__html:x.text+(m||"")}})}),x.doShowFav&&(0,A.jsx)("div",{className:x.isFav?j.Md:j.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(x)}}),(0,A.jsx)(I.default,{style:{position:"relative",float:"left",display:"none"},metaData:x.metaData,visible:[v,f]},x.codex),!c&&void 0!==x.pricePreviewPromise&&(0,A.jsx)(O.default,{asyncPricePreview:x.pricePreviewPromise,sel:x.sel,style:"small"==r?{fontSize:9}:void 0}),void 0!==x.checkForReversingChanges&&(0,A.jsx)(Z.default,{item:x,paletteId:a}),N&&(null===(o=M)||void 0===o?void 0:o((0,A.jsx)(P.default,{text:x.text+(x.freeText?x.freeText:"")+(m||""),hexColor:x.hexColor,desciption:v,pricePreviewPromise:x.pricePreviewPromise,image:x.image,layerProps:z},x.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,".index-module--hpPAb {\n display: -webkit-box;\n max-height: 64px;\n min-height: 16px;\n color: var(--secondaryColor);\n overflow: hidden;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\n z-index: 100;\n font-size: 13px;\n line-height: 16px;\n color: var(--secondaryColor);\n width: 100%;\n -webkit-user-select: text;\n -moz-user-select: text;\n user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},31636:(e,n,o)=>{o.d(n,{CA:()=>d,Eb:()=>f,FJ:()=>p,K5:()=>x,Mq:()=>v,TN:()=>u,ZP:()=>g,ai:()=>h,be:()=>c,pA:()=>s,rq:()=>a,yG:()=>m});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--zdGOB {\n border-radius: var(--globalBorderRadius);\n position: relative;\n z-index: 100;\n transition: all 0.15s ease;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.index-module--zdGOB:active,\n.index-module--zdGOB:hover {\n z-index: 200;\n transition: 0.15s ease;\n}\n\n.index-module--QEpYS {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n color: white;\n display: none;\n text-align: center;\n}\n\n.index-module--zdGOB:hover .index-module--QEpYS,\n.index-module--pcB57 .index-module--QEpYS {\n display: block;\n}\n\n.index-module--ZjI8q {\n border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n border: 1px rgb(230, 230, 230) solid;\n display: flex;\n transition: 0.15s ease;\n position: relative;\n}\n.index-module--zdGOB:hover .index-module--ZjI8q {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n border: 1px var(--primaryColor) solid;\n border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--pcB57 .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57 .index-module--ZjI8q {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--Ga2vs {\n width: calc(100% - 8px);\n border: 4px white solid;\n border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n -o-object-fit: contain;\n object-fit: contain;\n background-color: #fff;\n transition: border 0.3s ease;\n aspect-ratio: 1/1;\n}\n.index-module--pcB57 .index-module--Ga2vs,\n.index-module--ljMpw.index-module--pcB57 .index-module--Ga2vs {\n border: 4px var(--primaryColor) solid;\n border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--dwBQn {\n width: 80px;\n height: 80px;\n}\n\n.index-module--n4xih {\n display: flex;\n justify-content: center;\n overflow: visible;\n max-height: 32px;\n}\n\n.index-module--h2hli {\n text-align: center;\n width: 100%;\n height: 32px;\n min-height: -moz-fit-content;\n min-height: fit-content;\n max-height: -moz-fit-content;\n max-height: fit-content;\n font-size: 14px;\n line-height: 16px;\n overflow: hidden;\n display: -webkit-box;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-hyphens: auto;\n hyphens: auto;\n -webkit-line-clamp: 2;\n transition: height 0.3s ease-out;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--h2hli,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--h2hli {\n color: #fff;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0) .index-module--h2hli {\n font-size: 12px;\n line-height: 14px;\n}\n\n.index-module--zdGOB:hover .index-module--h2hli,\n.index-module--zdGOB:focus .index-module--h2hli {\n max-height: -moz-fit-content;\n max-height: fit-content;\n min-height: -moz-fit-content;\n min-height: fit-content;\n -webkit-line-clamp: 30;\n height: 50px;\n z-index: 200;\n background-color: var(--settingsBackgroundColor);\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n .index-module--zdGOB:hover .index-module--h2hli,\n .index-module--zdGOB:focus .index-module--h2hli {\n height: -moz-fit-content;\n height: fit-content;\n }\n}\n\n/* Size Small */\n\n.index-module--ljMpw .index-module--QEpYS {\n font-size: 12px;\n}\n\n.index-module--ljMpw .index-module--h2hli {\n font-size: 12px;\n height: 16px;\n -webkit-line-clamp: 1;\n}\n\n.index-module--ljMpw .index-module--n4xih {\n max-height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--h2hli {\n font-size: 11px;\n height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--n4xih {\n max-height: 14px;\n}\n\n/* Size big */\n\n.index-module--e6Piy .index-module--QEpYS {\n font-size: 15px;\n}\n\n.index-module--e6Piy .index-module--h2hli {\n font-size: 15px;\n -webkit-line-clamp: 2;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--e6Piy .index-module--h2hli {\n font-size: 13px;\n}\n",""]);var d="index-module--zdGOB",a="index-module--QEpYS",s="index-module--pcB57",c="index-module--ZjI8q",m="index-module--ljMpw",x="index-module--Ga2vs",p="index-module--n4xih",u="index-module--h2hli",h="index-module--D9rSr",v="index-module--xR2x0",f="index-module--e6Piy";const g=l},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),l=o(94299),d=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var x=o(47514);const p=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),u=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:m="svg",fontSize:u="medium",htmlColor:h,inheritViewBox:v=!1,titleAccess:f,viewBox:g="0 0 24 24",...b}=o,y=i.isValidElement(d)&&"svg"===d.type,w={...o,color:c,component:m,fontSize:u,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:g,hasSvgAsChild:y},S={};v||(S.viewBox=g);const z=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(w);return(0,x.jsxs)(p,{as:m,className:(0,t.Z)(z.root,a),focusable:"false",color:h,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...S,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,f?(0,x.jsx)("title",{children:f}):null]})}));u.muiName="SvgIcon";const h=u;function createSvgIcon(e,n){function Component(n,o){return(0,x.jsx)(h,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=h.muiName,i.memo(i.forwardRef(Component))}}}]);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 7020.diva-web-planner-react.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7020,1801,6474],{21801:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A});var i=t(34988),o=t(93379),r=t.n(o),a=t(7795),l=t.n(a),d=t(90569),s=t.n(d),c=t(3565),u=t.n(c),C=t(19216),x=t.n(C),m=t(44589),f=t.n(m),p=t(23240),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=x();r()(p.ZP,g);p.ZP&&p.ZP.locals&&p.ZP.locals;var h=t(87363),v=t(75327),b=t(65515),w=t.n(b),y=t(9420),j=t(47514);const A=(0,y.Pi)((function InfoIcon(e){var n,t,o,r=e.item,a=e.style,l=(0,v.NP)(),d=r.contentItemId,s=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,h.useState)(!1),u=(0,i.Z)(c,2),C=u[0],x=u[1],m=r.sel||C;if((0,h.useEffect)((function(){var e=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==d&&s==l.settingsState.clickedFrom;!e&&C&&x(!1),e&&!C&&x(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=l.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,j.jsx)("div",{className:p.um,onClick:function onClick(e){l.settingsState.onClickContentItemId(d,s),x(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==d),e.stopPropagation()},style:a,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(p.hv,m?void 0:p.al,C?p.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:p.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,j.jsx)("path",{className:p.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,j.jsx)("div",{className:w()(p.dA,m?p.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,j.jsx)(j.Fragment,{})}))},56474:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(75327),r=t(87363),a=t(93379),l=t.n(a),d=t(7795),s=t.n(d),c=t(90569),u=t.n(c),C=t(3565),x=t.n(C),m=t(19216),f=t.n(m),p=t(44589),g=t.n(p),h=t(84887),v={};v.styleTagTransform=g(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();l()(h.Z,v);h.Z&&h.Z.locals&&h.Z.locals;var b=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,l=void 0===a?(0,r.useState)(""):a,d=(0,i.Z)(l,2),s=d[0],c=d[1],u=(0,o.NP)(),C=(0,r.useState)(""),x=(0,i.Z)(C,2),m=x[0],f=x[1],p=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==p?void 0:p.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===p[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<p.length;o++)i(o)}f(e),c(e)}}),[]),s?(0,b.jsx)("div",{style:n,className:h.B,children:m}):(0,b.jsx)(b.Fragment,{})}},27020:(e,n,t)=>{t.r(n),t.d(n,{default:()=>T});var i=t(80248),o=t(34988),r=t(65515),a=t.n(r),l=t(75327),d=t(9420),s=t(87363),c=t(61533),u=t(93379),C=t.n(u),x=t(7795),m=t.n(x),f=t(90569),p=t.n(f),g=t(3565),h=t.n(g),v=t(19216),b=t.n(v),w=t(44589),y=t.n(w),j=t(65655),A={};A.styleTagTransform=y(),A.setAttributes=h(),A.insert=p().bind(null,"head"),A.domAPI=m(),A.insertStyleElement=b();C()(j.ZP,A);j.ZP&&j.ZP.locals&&j.ZP.locals;var P=t(88683),S=t(46770),I=t(56474),Z=t(71442),D=t(55461),E=t(91087),k=t(21801),N=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var O="undefined"!=typeof Image?new Image(1,1):void 0;O&&(O.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");const T=(0,d.Pi)((function ShelfAccessoires(e){var n,t,i=e.item,r=(e.grids,e.sel),d=(0,l.NP)(),u=(0,P.useDivaCore)().state,C=u.hidePrices,x=u.dimensions,m=x.isMobile,f=x.isTablet,p=(0,s.useState)(""),g=(0,o.Z)(p,2),h=g[0],v=g[1],b=d.productState.useRtvNext||Z.j4,w=(0,s.useState)(!1),y=(0,o.Z)(w,2),A=y[0],T=y[1],F=(0,s.useRef)(null),M=(0,s.useRef)({x:0,y:0}),V=(0,s.useRef)({grabX:0,grabY:0,width:0}),B=function positionGhost(e){if(e){var n=V.current;e.style.transform="translate(".concat(M.current.x-n.grabX,"px, ").concat(M.current.y-n.grabY,"px)")}};(0,s.useEffect)((function(){if(A){var e=function onDragOver(e){M.current={x:e.clientX,y:e.clientY},B(F.current)};return document.addEventListener("dragover",e),function(){return document.removeEventListener("dragover",e)}}}),[A]);var _={},L={},q=void 0,z=!1,H={},R=(0,S.XI)({delayEnter:1500,hideOnScroll:!0}),Q=R[0]&&!A,W=(0,S.sJ)({isOpen:Q,auto:!0,placement:d.getViewConfig().tooltipPosition||"left-center"});m||f||d.getViewConfig().hideTooltip||(z=Q,H=R[1],_=W.triggerProps,L=W.layerProps,q=W.renderLayer);var X=i.name;return(0,N.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:i.articleCodex,className:a()(j.nC,r?j.pA:void 0),onClick:function onClick(){return d.paletteViewHandler.selectShelfAccessorie(i.articleCodex,void 0,!b)},onDoubleClick:b?function(){return d.paletteViewHandler.selectShelfAccessorie(i.articleCodex)}:void 0,draggable:b,onDragStart:function onDragStart(e){if(b){e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/plain",i.articleCodex),O&&e.dataTransfer.setDragImage(O,0,0);var n=e.currentTarget.getBoundingClientRect();V.current={grabX:e.clientX-n.left,grabY:e.clientY-n.top,width:n.width},M.current={x:e.clientX,y:e.clientY},T(!0),d.paletteViewHandler.startShelfAccessorieDrag(i.articleCodex)}},onDragEnd:function onDragEnd(){b&&(T(!1),d.paletteViewHandler.endShelfAccessorieDrag())}},_),H),{},{children:[(0,N.jsx)("img",{style:{maxHeight:d.settingsState.settingsWidth/3},src:i.image,draggable:!1}),(0,N.jsxs)("div",{className:j.jW,children:[(0,N.jsx)("div",{className:a()(j.TN),dangerouslySetInnerHTML:{__html:X}}),(0,N.jsx)(I.default,{metaData:i.metaData,visible:[h,v]},i.articleCodex),!C&&!!i.price&&(0,N.jsx)(E.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,N.jsx)(k.default,{item:i,style:{top:6,right:6}},i.articleCodex)]}),z&&(null===(n=q)||void 0===n?void 0:n((0,N.jsx)(D.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:h,image:i.image,codex:i.articleCodex,layerProps:L},i.articleCodex))),A&&!d.settingsState.draggedAccessoryHasTarget&&(0,c.createPortal)((0,N.jsxs)("div",{className:a()(j.nC,j.HE),style:{width:V.current.width},ref:function ref(e){F.current=e,B(e)},children:[(0,N.jsx)("img",{style:{maxHeight:d.settingsState.settingsWidth/3},src:i.image}),(0,N.jsx)("div",{className:j.jW,children:(0,N.jsx)("div",{className:j.TN,dangerouslySetInnerHTML:{__html:X}})})]}),document.body)]}))}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>x,dA:()=>s,fL:()=>C,hv:()=>d,um:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--CjCgr {\n position: absolute;\n bottom: 0px;\n right: 0px;\n cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n position: absolute;\n opacity: 1;\n transition: 0.3s opacity ease;\n z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n width: 20px;\n width: var(--infoIconSize, 20px);\n height: 20px;\n height: var(--infoIconSize, 20px);\n transition:\n 0.3s width ease,\n 0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n opacity: 0;\n z-index: 10;\n}\n",""]);var l="index-module--CjCgr",d="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",C="index-module--FaRqp",x="index-module--oBSZj";const m=a},84887:(e,n,t)=>{t.d(n,{B:()=>l,Z:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--hpPAb {\n display: -webkit-box;\n max-height: 64px;\n min-height: 16px;\n color: var(--secondaryColor);\n overflow: hidden;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\n z-index: 100;\n font-size: 13px;\n line-height: 16px;\n color: var(--secondaryColor);\n width: 100%;\n -webkit-user-select: text;\n -moz-user-select: text;\n user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n color: #fff;\n}\n",""]);var l="index-module--hpPAb";const d=a},65655:(e,n,t)=>{t.d(n,{HE:()=>u,TN:()=>c,ZP:()=>C,jW:()=>s,nC:()=>l,pA:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--E9hMP {\n position: relative;\n box-sizing: border-box;\n border: 3px solid transparent;\n border-radius: 6px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n transition:\n box-shadow 0.2s ease-in-out,\n border-color 0.2s ease-in-out;\n background: #f2f2f2;\n cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n width: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n}\n\n.index-module--ASP_j {\n color: #4b4b4b;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n height: 100%;\n}\n.index-module--xrQ6L {\n height: auto;\n margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n font-weight: 600;\n font-size: 13px;\n line-height: 15px;\n}\n\n.index-module--fUvCj {\n position: fixed;\n left: 0;\n top: 0;\n pointer-events: none;\n z-index: 9999;\n opacity: 0.8;\n}\n",""]);var l="index-module--E9hMP",d="index-module--zq_sk",s="index-module--ASP_j",c="index-module--xrQ6L",u="index-module--fUvCj";const C=a}}]);
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7020,1801,6474],{21801:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A});var i=t(34988),o=t(93379),r=t.n(o),a=t(7795),l=t.n(a),d=t(90569),s=t.n(d),c=t(3565),u=t.n(c),C=t(19216),x=t.n(C),m=t(44589),f=t.n(m),p=t(23240),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=x();r()(p.ZP,g);p.ZP&&p.ZP.locals&&p.ZP.locals;var h=t(87363),v=t(75327),b=t(65515),w=t.n(b),y=t(9420),j=t(47514);const A=(0,y.Pi)((function InfoIcon(e){var n,t,o,r=e.item,a=e.style,l=(0,v.NP)(),d=r.contentItemId,s=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,h.useState)(!1),u=(0,i.Z)(c,2),C=u[0],x=u[1],m=r.sel||C;if((0,h.useEffect)((function(){var e=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==d&&s==l.settingsState.clickedFrom;!e&&C&&x(!1),e&&!C&&x(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=l.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,j.jsx)("div",{className:p.um,onClick:function onClick(e){l.settingsState.onClickContentItemId(d,s),x(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==d),e.stopPropagation()},style:a,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(p.hv,m?void 0:p.al,C?p.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:p.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,j.jsx)("path",{className:p.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,j.jsx)("div",{className:w()(p.dA,m?p.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,j.jsx)(j.Fragment,{})}))},56474:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(75327),r=t(87363),a=t(93379),l=t.n(a),d=t(7795),s=t.n(d),c=t(90569),u=t.n(c),C=t(3565),x=t.n(C),m=t(19216),f=t.n(m),p=t(44589),g=t.n(p),h=t(84887),v={};v.styleTagTransform=g(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();l()(h.Z,v);h.Z&&h.Z.locals&&h.Z.locals;var b=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,l=void 0===a?(0,r.useState)(""):a,d=(0,i.Z)(l,2),s=d[0],c=d[1],u=(0,o.NP)(),C=(0,r.useState)(""),x=(0,i.Z)(C,2),m=x[0],f=x[1],p=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==p?void 0:p.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===p[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<p.length;o++)i(o)}f(e),c(e)}}),[]),s?(0,b.jsx)("div",{style:n,className:h.B,children:m}):(0,b.jsx)(b.Fragment,{})}},27020:(e,n,t)=>{t.r(n),t.d(n,{default:()=>T});var i=t(80248),o=t(34988),r=t(65515),a=t.n(r),l=t(75327),d=t(9420),s=t(87363),c=t(61533),u=t(93379),C=t.n(u),x=t(7795),m=t.n(x),f=t(90569),p=t.n(f),g=t(3565),h=t.n(g),v=t(19216),b=t.n(v),w=t(44589),y=t.n(w),j=t(65655),A={};A.styleTagTransform=y(),A.setAttributes=h(),A.insert=p().bind(null,"head"),A.domAPI=m(),A.insertStyleElement=b();C()(j.ZP,A);j.ZP&&j.ZP.locals&&j.ZP.locals;var P=t(88683),S=t(58292),I=t(56474),Z=t(71442),D=t(55461),E=t(91087),k=t(21801),N=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var O="undefined"!=typeof Image?new Image(1,1):void 0;O&&(O.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");const T=(0,d.Pi)((function ShelfAccessoires(e){var n,t,i=e.item,r=(e.grids,e.sel),d=(0,l.NP)(),u=(0,P.useDivaCore)().state,C=u.hidePrices,x=u.dimensions,m=x.isMobile,f=x.isTablet,p=(0,s.useState)(""),g=(0,o.Z)(p,2),h=g[0],v=g[1],b=d.productState.useRtvNext||Z.j4,w=(0,s.useState)(!1),y=(0,o.Z)(w,2),A=y[0],T=y[1],F=(0,s.useRef)(null),M=(0,s.useRef)({x:0,y:0}),V=(0,s.useRef)({grabX:0,grabY:0,width:0}),B=function positionGhost(e){if(e){var n=V.current;e.style.transform="translate(".concat(M.current.x-n.grabX,"px, ").concat(M.current.y-n.grabY,"px)")}};(0,s.useEffect)((function(){if(A){var e=function onDragOver(e){M.current={x:e.clientX,y:e.clientY},B(F.current)};return document.addEventListener("dragover",e),function(){return document.removeEventListener("dragover",e)}}}),[A]);var _={},L={},q=void 0,z=!1,H={},R=(0,S.XI)({delayEnter:1500,hideOnScroll:!0}),Q=R[0]&&!A,W=(0,S.sJ)({isOpen:Q,auto:!0,placement:d.getViewConfig().tooltipPosition||"left-center"});m||f||d.getViewConfig().hideTooltip||(z=Q,H=R[1],_=W.triggerProps,L=W.layerProps,q=W.renderLayer);var X=i.name;return(0,N.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:i.articleCodex,className:a()(j.nC,r?j.pA:void 0),onClick:function onClick(){return d.paletteViewHandler.selectShelfAccessorie(i.articleCodex,void 0,!b)},onDoubleClick:b?function(){return d.paletteViewHandler.selectShelfAccessorie(i.articleCodex)}:void 0,draggable:b,onDragStart:function onDragStart(e){if(b){e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/plain",i.articleCodex),O&&e.dataTransfer.setDragImage(O,0,0);var n=e.currentTarget.getBoundingClientRect();V.current={grabX:e.clientX-n.left,grabY:e.clientY-n.top,width:n.width},M.current={x:e.clientX,y:e.clientY},T(!0),d.paletteViewHandler.startShelfAccessorieDrag(i.articleCodex)}},onDragEnd:function onDragEnd(){b&&(T(!1),d.paletteViewHandler.endShelfAccessorieDrag())}},_),H),{},{children:[(0,N.jsx)("img",{style:{maxHeight:d.settingsState.settingsWidth/3},src:i.image,draggable:!1}),(0,N.jsxs)("div",{className:j.jW,children:[(0,N.jsx)("div",{className:a()(j.TN),dangerouslySetInnerHTML:{__html:X}}),(0,N.jsx)(I.default,{metaData:i.metaData,visible:[h,v]},i.articleCodex),!C&&!!i.price&&(0,N.jsx)(E.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,N.jsx)(k.default,{item:i,style:{top:6,right:6}},i.articleCodex)]}),z&&(null===(n=q)||void 0===n?void 0:n((0,N.jsx)(D.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:h,image:i.image,codex:i.articleCodex,layerProps:L},i.articleCodex))),A&&!d.settingsState.draggedAccessoryHasTarget&&(0,c.createPortal)((0,N.jsxs)("div",{className:a()(j.nC,j.HE),style:{width:V.current.width},ref:function ref(e){F.current=e,B(e)},children:[(0,N.jsx)("img",{style:{maxHeight:d.settingsState.settingsWidth/3},src:i.image}),(0,N.jsx)("div",{className:j.jW,children:(0,N.jsx)("div",{className:j.TN,dangerouslySetInnerHTML:{__html:X}})})]}),document.body)]}))}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>x,dA:()=>s,fL:()=>C,hv:()=>d,um:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--CjCgr {\n position: absolute;\n bottom: 0px;\n right: 0px;\n cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n position: absolute;\n opacity: 1;\n transition: 0.3s opacity ease;\n z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n width: 20px;\n width: var(--infoIconSize, 20px);\n height: 20px;\n height: var(--infoIconSize, 20px);\n transition:\n 0.3s width ease,\n 0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n opacity: 0;\n z-index: 10;\n}\n",""]);var l="index-module--CjCgr",d="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",C="index-module--FaRqp",x="index-module--oBSZj";const m=a},84887:(e,n,t)=>{t.d(n,{B:()=>l,Z:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--hpPAb {\n display: -webkit-box;\n max-height: 64px;\n min-height: 16px;\n color: var(--secondaryColor);\n overflow: hidden;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\n z-index: 100;\n font-size: 13px;\n line-height: 16px;\n color: var(--secondaryColor);\n width: 100%;\n -webkit-user-select: text;\n -moz-user-select: text;\n user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n color: #fff;\n}\n",""]);var l="index-module--hpPAb";const d=a},65655:(e,n,t)=>{t.d(n,{HE:()=>u,TN:()=>c,ZP:()=>C,jW:()=>s,nC:()=>l,pA:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--E9hMP {\n position: relative;\n box-sizing: border-box;\n border: 3px solid transparent;\n border-radius: 6px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n transition:\n box-shadow 0.2s ease-in-out,\n border-color 0.2s ease-in-out;\n background: #f2f2f2;\n cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n width: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n}\n\n.index-module--ASP_j {\n color: #4b4b4b;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n height: 100%;\n}\n.index-module--xrQ6L {\n height: auto;\n margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n font-weight: 600;\n font-size: 13px;\n line-height: 15px;\n}\n\n.index-module--fUvCj {\n position: fixed;\n left: 0;\n top: 0;\n pointer-events: none;\n z-index: 9999;\n opacity: 0.8;\n}\n",""]);var l="index-module--E9hMP",d="index-module--zq_sk",s="index-module--ASP_j",c="index-module--xrQ6L",u="index-module--fUvCj";const C=a}}]);
|