@eturnity/eturnity_reusable_components 7.39.2 → 7.39.4
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +1 -1
- package/src/assets/svgIcons/buildings.svg +55 -0
- package/src/assets/svgIcons/lake.svg +29 -0
- package/src/assets/svgIcons/low-vegetation.svg +37 -0
- package/src/assets/svgIcons/normal-tg.svg +30 -0
- package/src/assets/svgIcons/normal-vegetation.svg +53 -0
- package/src/assets/svgIcons/open-tg.svg +21 -0
- package/src/assets/svgIcons/protected-tg.svg +47 -0
- package/src/assets/svgIcons/sea.svg +34 -0
- package/src/components/selectedOptions/index.vue +69 -48
- package/src/components/selectedOptions/selectedOptions.spec.js +176 -0
- package/src/components/selectedOptions/selectedOptions.stories.js +155 -0
package/package.json
CHANGED
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
<svg width="130" height="66" viewBox="0 0 130 66" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_63696_178013)">
|
|
3
|
+
<path d="M63.6797 61.0534L65.8469 57.7736H64.1447L66.4115 53.8543H65.4234L67.408 49.3206L69.3925 53.8543H68.4044L70.6713 57.7736H68.969L71.1363 61.0534H67.408H63.6797Z" fill="white" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
4
|
+
<path d="M67.408 64.8814V61.0535" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
5
|
+
<path d="M0 64.8813H130" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
6
|
+
<path d="M28.9129 64.8815H36.6767V15.0769H7.97974V64.8815H28.9877" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
7
|
+
<path d="M23.3164 64.8814V49.8853H32.1431V64.8814" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
8
|
+
<path d="M29.4111 56.9268V59.2434" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
9
|
+
<path d="M16.1256 49.8604H12.8291V59.7665H16.1256V49.8604Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
10
|
+
<path d="M19.422 49.8604H16.1255V59.7665H19.422V49.8604Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
11
|
+
<path d="M16.1256 35.3291H12.8291V45.2352H16.1256V35.3291Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
12
|
+
<path d="M19.422 35.3291H16.1255V45.2352H19.422V35.3291Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
13
|
+
<path d="M27.7256 35.3291H23.3164V45.2352H27.7256V35.3291Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
14
|
+
<path d="M32.1348 35.3291H27.7256V45.2352H32.1348V35.3291Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
15
|
+
<path d="M27.7256 20.7729H23.3164V30.6791H27.7256V20.7729Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
16
|
+
<path d="M32.1348 20.7729H27.7256V30.6791H32.1348V20.7729Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
17
|
+
<path d="M16.1256 20.7979H12.8291V30.704H16.1256V20.7979Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
18
|
+
<path d="M19.422 20.7979H16.1255V30.704H19.422V20.7979Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
19
|
+
<path d="M31.0636 15.0768H23.3164V10.1943H27.7256L31.0636 12.0543V15.0768Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
20
|
+
<path d="M27.7256 10.1943V15.0768" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
21
|
+
<path d="M19.4136 10.1943H16.3662V15.0685H19.4136V10.1943Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
22
|
+
<path d="M57.6016 64.8814H60.8317V1.11865H36.6685V64.8814H57.6764" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
23
|
+
<path d="M44.8143 49.8604H41.5178V59.7665H44.8143V49.8604Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
24
|
+
<path d="M48.1107 49.8604H44.8142V59.7665H48.1107V49.8604Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
25
|
+
<path d="M44.8143 35.3291H41.5178V45.2352H44.8143V35.3291Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
26
|
+
<path d="M48.1107 35.3291H44.8142V45.2352H48.1107V35.3291Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
27
|
+
<path d="M56.4143 35.3291H52.0051V45.2352H56.4143V35.3291Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
28
|
+
<path d="M56.4143 49.8604H52.0051V59.7665H56.4143V49.8604Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
29
|
+
<path d="M56.4143 20.7732H52.0051V30.6793H56.4143V20.7732Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
30
|
+
<path d="M44.8143 20.7981H41.5178V30.7042H44.8143V20.7981Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
31
|
+
<path d="M48.1107 20.7981H44.8142V30.7042H48.1107V20.7981Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
32
|
+
<path d="M56.4143 6.25854H52.0051V16.1647H56.4143V6.25854Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
33
|
+
<path d="M44.8143 6.28345H41.5178V16.1896H44.8143V6.28345Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
34
|
+
<path d="M48.1107 6.28345H44.8142V16.1896H48.1107V6.28345Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
35
|
+
<path d="M94.9093 64.8813H106.875V24.3103H73.9761V64.8813H94.984" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
36
|
+
<path d="M88.2915 59.5091V54.8093H78.3854V59.5091H88.2915Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
37
|
+
<path d="M102.54 59.5091V54.8093H92.6342V59.5091H102.54Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
38
|
+
<path d="M88.2915 51.1971V46.4973H78.3854V51.1971H88.2915Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
39
|
+
<path d="M102.54 51.1971V46.4973H92.6342V51.1971H102.54Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
40
|
+
<path d="M88.2915 42.8853V38.1855H78.3854V42.8853H88.2915Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
41
|
+
<path d="M102.54 42.8853V38.1855H92.6342V42.8853H102.54Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
42
|
+
<path d="M88.2915 34.5736V29.8738H78.3854V34.5736H88.2915Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
43
|
+
<path d="M102.54 34.5736V29.8738H92.6342V34.5736H102.54Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
44
|
+
<path d="M111.824 41.698H106.875V64.8814H111.824V41.698Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
45
|
+
<path d="M73.9761 24.3104V19.5442L81.8478 6.25854L89.7196 19.5442V24.3104" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
46
|
+
<path d="M81.8478 6.25854L78.3853 19.4612V24.3104" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
47
|
+
<path d="M60.8315 41.6979L67.3083 36.8652L73.976 41.6979" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
48
|
+
<path d="M106.875 32.2236L114.863 25.7219L124.669 32.9958V64.8814" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
49
|
+
</g>
|
|
50
|
+
<defs>
|
|
51
|
+
<clipPath id="clip0_63696_178013">
|
|
52
|
+
<rect width="130" height="65.0083" fill="white" transform="translate(0 0.49585)"/>
|
|
53
|
+
</clipPath>
|
|
54
|
+
</defs>
|
|
55
|
+
</svg>
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
<svg width="130" height="40" viewBox="0 0 130 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_66802_179761)">
|
|
3
|
+
<path d="M0.263916 26.9955L0.860012 26.7997C13.923 22.4737 27.6928 22.5418 40.7218 26.9955" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
4
|
+
<path d="M79.9109 26.9955L80.6518 26.7997C96.7463 22.4737 113.71 22.5418 129.779 26.9955" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
5
|
+
<path d="M46.9213 31.9432C46.9213 31.9432 37.784 31.1513 39.9044 27.6513C41.0711 25.7268 45.908 25.4202 50.021 25.5224C52.993 25.5991 55.7521 26.0844 58.0853 26.8083C59.0902 27.1148 60.5123 27.3959 62.3943 27.3959C66.6351 27.3959 77.9013 26.2633 80.9754 27.1915C83.3939 27.9153 84.8841 30.487 81.0606 31.9432C77.2371 33.3994 71.3016 34.0636 67.2652 33.4845C63.2288 32.9055 61.3213 31.4834 56.8676 32.1561C52.4139 32.8288 46.9043 31.9517 46.9043 31.9517L46.9213 31.9432Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
6
|
+
<path d="M18.2917 23.4447V17.7903" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
7
|
+
<path d="M17.7296 17.7648C17.0739 17.7648 16.4608 17.4838 16.035 16.9898C15.8136 16.7344 15.6603 16.4363 15.5837 16.1213C14.4341 16.0531 13.3611 15.5337 12.6117 14.6566C11.1811 12.996 11.2663 10.5265 12.7395 8.9681C12.6713 7.76739 13.1653 6.59223 14.0764 5.80879C14.7832 5.20418 15.6774 4.87207 16.6056 4.87207C17.7382 4.87207 18.8111 5.36598 19.552 6.22606C19.5605 6.24309 19.5775 6.25161 19.5861 6.26864C19.9863 6.08129 20.4291 5.98762 20.8804 5.98762C21.7831 5.98762 22.6432 6.37934 23.2308 7.06911C24.1505 8.14208 24.2101 9.66638 23.4692 10.799C23.4777 10.8075 23.4947 10.8245 23.5033 10.833C24.176 11.6165 24.5081 12.6213 24.4315 13.6602C24.3548 14.6991 23.878 15.6359 23.086 16.3171C22.3877 16.9217 21.4936 17.2453 20.5739 17.2453C20.1651 17.2453 19.7564 17.1772 19.3732 17.058C19.3136 17.1261 19.2454 17.1857 19.1773 17.2453C18.7686 17.5945 18.2576 17.7818 17.7211 17.7818L17.7296 17.7648Z" fill="white"/>
|
|
8
|
+
<path d="M16.5971 5.71506C17.4486 5.71506 18.3002 6.07272 18.8963 6.77101C19.0751 6.9839 19.2114 7.21382 19.3221 7.45226C19.3476 7.42671 19.3732 7.39265 19.4072 7.3671C19.833 7.00093 20.3525 6.8221 20.8719 6.8221C21.5021 6.8221 22.1322 7.08609 22.575 7.60554C23.384 8.55078 23.2733 9.96438 22.3366 10.7734C22.3025 10.7989 22.2685 10.8159 22.2429 10.8415C22.4643 10.9863 22.6687 11.1566 22.8475 11.3695C23.9375 12.6383 23.7928 14.5543 22.5239 15.6443C21.9534 16.1297 21.2636 16.3681 20.5653 16.3681C20.0289 16.3681 19.4839 16.2234 19.007 15.9424C18.9303 16.1808 18.8196 16.4022 18.6153 16.5725C18.3513 16.7939 18.0362 16.9046 17.7126 16.9046C17.3209 16.9046 16.9377 16.7428 16.6652 16.4278C16.3671 16.0786 16.299 15.6358 16.3927 15.2185C16.1968 15.2526 16.0095 15.2696 15.8136 15.2696C14.8599 15.2696 13.9146 14.8779 13.2419 14.0945C12.0156 12.6724 12.1774 10.5179 13.6081 9.29164C13.6081 9.29164 13.6166 9.29164 13.6251 9.28312C13.4377 8.26125 13.7784 7.17124 14.6214 6.4389C15.192 5.94499 15.8988 5.70655 16.5971 5.70655M16.5971 4.00342C15.4645 4.00342 14.3745 4.41217 13.5144 5.14452C12.4925 6.02163 11.9049 7.30749 11.8794 8.63593C10.3466 10.5179 10.3295 13.294 11.9645 15.193C12.7395 16.0956 13.8039 16.6917 14.9706 16.8876C15.0813 17.1175 15.226 17.3304 15.3878 17.5263C15.9754 18.2075 16.827 18.5993 17.7296 18.5993C18.4109 18.5993 19.0751 18.3693 19.6116 17.9606C19.9267 18.0287 20.2503 18.0628 20.5824 18.0628C21.7064 18.0628 22.7965 17.6625 23.648 16.9302C24.6103 16.1042 25.1893 14.9545 25.283 13.6942C25.3682 12.6213 25.0872 11.5653 24.4825 10.6882C25.0957 9.33422 24.9083 7.68218 23.8779 6.48999C23.1286 5.61288 22.03 5.11045 20.8804 5.11045C20.5143 5.11045 20.1566 5.16155 19.816 5.25522C18.9474 4.45475 17.8063 4.00342 16.6056 4.00342H16.5971Z" fill="white"/>
|
|
9
|
+
<path d="M77.22 26.3484V22.2949" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
10
|
+
<path d="M77.2199 22.5334C76.1555 22.5334 75.2528 21.8607 74.9037 20.9154C73.2942 20.8388 72.0168 19.5103 72.0168 17.8924C72.0168 16.879 72.5278 15.9593 73.3368 15.3973C73.3368 15.3717 73.3368 15.3462 73.3368 15.3291C73.3368 14.3158 74.1628 13.4898 75.1762 13.4898C75.3976 13.4898 75.6104 13.5323 75.8063 13.6005C76.4109 13.0299 77.2029 12.7148 78.0459 12.7148C79.715 12.7148 81.0945 13.9581 81.3074 15.5591C82.0057 16.1296 82.4145 16.9897 82.4145 17.8924C82.4145 19.5189 81.1286 20.8473 79.5277 20.9154C79.1785 21.8607 78.2759 22.5334 77.2114 22.5334H77.2199Z" fill="white"/>
|
|
11
|
+
<path d="M78.0544 13.5664C79.4084 13.5664 80.4984 14.6649 80.4984 16.0104C80.4984 16.0104 80.4984 16.0104 80.4984 16.0189C81.1456 16.3936 81.5799 17.0919 81.5799 17.8924C81.5799 19.0931 80.6091 20.0724 79.3999 20.0724C79.204 20.0724 79.0081 20.0383 78.8293 19.9872C78.8293 20.0128 78.8378 20.0468 78.8378 20.0724C78.8378 20.9665 78.114 21.6903 77.2199 21.6903C76.3257 21.6903 75.6019 20.9665 75.6019 20.0724C75.6019 20.0468 75.6019 20.0128 75.6104 19.9872C75.4316 20.0383 75.2357 20.0724 75.0398 20.0724C73.8391 20.0724 72.8598 19.1016 72.8598 17.8924C72.8598 16.9386 73.4815 16.1296 74.3416 15.8401C74.2479 15.6868 74.1798 15.525 74.1798 15.3292C74.1798 14.7842 74.6226 14.3413 75.1676 14.3413C75.4997 14.3413 75.7722 14.5116 75.951 14.7586C76.3768 14.0518 77.1517 13.5664 78.0374 13.5664M78.0374 11.8633C77.1347 11.8633 76.2831 12.1528 75.5848 12.6723C75.4486 12.6467 75.3038 12.6382 75.1676 12.6382C73.8051 12.6382 72.6725 13.6516 72.4937 14.9715C71.6591 15.6953 71.1482 16.7513 71.1482 17.9009C71.1482 19.7999 72.5192 21.3838 74.3245 21.7159C74.8951 22.7207 75.9766 23.3935 77.2113 23.3935C78.4461 23.3935 79.5276 22.7122 80.0981 21.7159C81.9035 21.3838 83.2745 19.7999 83.2745 17.9009C83.2745 16.8535 82.8402 15.8571 82.0993 15.1333C81.6906 13.2684 80.03 11.8718 78.0459 11.8718L78.0374 11.8633Z" fill="white"/>
|
|
12
|
+
<path d="M20.1821 27.8982C28.7659 29.5928 37.6563 32.9309 37.6563 39.488" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
13
|
+
<path d="M3.38916 29.7888C11.6238 30.7681 22.0044 33.2462 22.0044 39.4881" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
14
|
+
<path d="M108.242 27.8982C116.826 29.5928 125.717 32.9309 125.717 39.488" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
15
|
+
<path d="M91.4412 29.7888C99.6758 30.7681 110.056 33.2462 110.056 39.4881" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
16
|
+
<path d="M101.481 16.2319H97.4277V20.2854H101.481V16.2319Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
17
|
+
<path d="M92.6504 24.3983V12.7915" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
18
|
+
<path d="M119.509 24.7219V12.7915" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
19
|
+
<path d="M105.977 22.1844L116.392 24.3218V22.1844M105.977 23.6832V16.2405H111.18H116.383V22.1929" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
20
|
+
<path d="M89.9424 12.7916V11.7527L101.6 5.85132H110.55L122.208 11.7527V12.7916H89.9338H89.9424Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
21
|
+
<path d="M30.2646 19.6211L33.3984 14.8779H30.9374L34.2074 9.19792H32.7853L35.6551 2.64087L38.5248 9.19792H37.0942L40.3727 14.8779H37.9117L41.0455 19.6211H35.6551H30.2646Z" fill="white" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
22
|
+
<path d="M35.655 25.1563V19.6211" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
23
|
+
</g>
|
|
24
|
+
<defs>
|
|
25
|
+
<clipPath id="clip0_66802_179761">
|
|
26
|
+
<rect width="130" height="38.9762" fill="white" transform="translate(0 0.511963)"/>
|
|
27
|
+
</clipPath>
|
|
28
|
+
</defs>
|
|
29
|
+
</svg>
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
<svg width="130" height="34" viewBox="0 0 130 34" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_63696_177843)">
|
|
3
|
+
<path d="M68.7378 22.3113C84.8865 23.9903 89.797 27.2977 89.797 33.7943" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
4
|
+
<path d="M53.2554 23.3406C68.7376 24.3193 73.8843 27.6098 73.8843 33.7942" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
5
|
+
<path d="M35.4868 24.1843C50.969 25.163 55.272 27.6098 55.272 33.7943" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
6
|
+
<path d="M65.8691 11.3345H61.853V15.3506H65.8691V11.3345Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
7
|
+
<path d="M72.7539 11.3345H68.7378V15.3506H72.7539V11.3345Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
8
|
+
<path d="M57.1199 19.7463V7.92578" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
9
|
+
<path d="M99.5588 12.8049V7.92578" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
10
|
+
<path d="M54.4368 7.92586V6.89652L65.9873 1.04956H90.5226L102.073 6.89652V7.92586H55.5H54.4368Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
11
|
+
<path d="M0.84375 33.7943C0.84375 30.1241 7.14632 27.5086 7.14632 27.5086C17.6337 22.8007 39.5366 19.5608 64.8566 19.5608C77.613 19.5608 89.5016 20.3827 99.5 21.8006M129.156 33.7943C129.156 31.1146 125.813 28.6083 120 26.4684" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
12
|
+
<path d="M96.4285 17.4344V15.1986L109.405 6.16235L123.157 15.1986V17.4344H96.4369H96.4285Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
13
|
+
<path d="M99.5586 17.4346H120.019V31.9465H99.5586V17.4346Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
14
|
+
<path d="M16.3259 33.0264V27.1626" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
15
|
+
<path d="M16.3258 27.4916C15.3977 27.4916 14.6046 26.9179 14.2756 26.1079C12.8835 26.0067 11.7866 24.8424 11.7866 23.4165C11.7866 22.539 12.2169 21.7375 12.9088 21.2397C12.9088 20.3116 13.6681 19.5523 14.5962 19.5523C14.7734 19.5523 14.9421 19.5776 15.1024 19.6366C15.6255 19.1641 16.3089 18.9026 17.0345 18.9026C18.4942 18.9026 19.7091 19.9825 19.9201 21.3831C20.5191 21.8893 20.8735 22.6403 20.8735 23.4249C20.8735 24.8424 19.7766 26.0067 18.3845 26.1164C18.0554 26.9263 17.2539 27.5001 16.3343 27.5001L16.3258 27.4916Z" fill="white"/>
|
|
16
|
+
<path d="M17.0346 19.7463C18.182 19.7463 19.1101 20.6744 19.1101 21.8218C19.1101 21.8218 19.1101 21.8218 19.1101 21.8303C19.6585 22.1509 20.0298 22.7415 20.0298 23.4249C20.0298 24.4458 19.2029 25.2726 18.182 25.2726C18.0133 25.2726 17.853 25.2389 17.6927 25.1967C17.6927 25.222 17.6927 25.2473 17.6927 25.2726C17.6927 26.032 17.0768 26.6479 16.3174 26.6479C15.5581 26.6479 14.9421 26.032 14.9421 25.2726C14.9421 25.2473 14.9421 25.222 14.9421 25.1967C14.7903 25.2389 14.63 25.2726 14.4528 25.2726C13.4319 25.2726 12.6051 24.4458 12.6051 23.4249C12.6051 22.6149 13.1366 21.9315 13.8622 21.6784C13.7863 21.5518 13.7272 21.4084 13.7272 21.2481C13.7272 20.784 14.1069 20.4044 14.5709 20.4044C14.8493 20.4044 15.0856 20.5478 15.2374 20.7587C15.6002 20.1513 16.2583 19.7463 17.0093 19.7463M17.0093 18.0588C16.2246 18.0588 15.4821 18.2951 14.8578 18.7338C14.765 18.7254 14.6637 18.7169 14.5625 18.7169C13.3138 18.7169 12.276 19.6282 12.0651 20.8178C11.3395 21.4759 10.9092 22.4124 10.9092 23.4249C10.9092 25.1208 12.1073 26.5382 13.6934 26.8841C14.2334 27.7532 15.1953 28.3353 16.3005 28.3353C17.4058 28.3353 18.3676 27.7532 18.9076 26.8841C20.5022 26.5382 21.6919 25.1208 21.6919 23.4249C21.6919 22.4884 21.3122 21.6025 20.671 20.9528C20.2744 19.2991 18.7811 18.0588 17.0093 18.0588Z" fill="white"/>
|
|
17
|
+
<path d="M25.6743 33.0265V24.623" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
18
|
+
<path d="M25.6743 24.5725C24.181 24.5725 22.9323 23.5601 22.5526 22.1848C22.5188 22.1848 22.4851 22.1848 22.4513 22.1848C20.2155 22.1848 18.3931 20.3624 18.3931 18.1265C18.3931 16.6838 19.1608 15.3845 20.3674 14.6589C20.3505 14.5576 20.3421 14.4479 20.3421 14.3383C20.3421 13.0642 21.3798 12.0265 22.6538 12.0265C23.0166 12.0265 23.3626 12.1108 23.6747 12.2796C24.5016 11.3937 25.6575 10.8875 26.8977 10.8875C29.2011 10.8875 31.1079 12.6508 31.3273 14.8951C32.3313 15.6545 32.9472 16.8525 32.9472 18.1181C32.9472 20.354 31.1248 22.1764 28.8889 22.1764C28.8552 22.1764 28.8214 22.1764 28.7877 22.1764C28.4164 23.5517 27.1593 24.5641 25.6659 24.5641L25.6743 24.5725Z" fill="white"/>
|
|
19
|
+
<path d="M26.8977 11.7395C28.8889 11.7395 30.5088 13.3595 30.5088 15.3507C30.5088 15.3507 30.5088 15.3591 30.5088 15.3675C31.4622 15.9244 32.1034 16.9453 32.1034 18.1349C32.1034 19.9152 30.6607 21.3495 28.8889 21.3495C28.5936 21.3495 28.3151 21.2989 28.0451 21.2229C28.0451 21.2651 28.062 21.3073 28.062 21.3495C28.062 22.6657 26.9905 23.7372 25.6743 23.7372C24.3581 23.7372 23.2866 22.6657 23.2866 21.3495C23.2866 21.3073 23.295 21.2651 23.3034 21.2229C23.0335 21.2989 22.755 21.3495 22.4597 21.3495C20.6795 21.3495 19.2452 19.9067 19.2452 18.1349C19.2452 16.7175 20.1648 15.5363 21.4304 15.106C21.2954 14.8866 21.1941 14.6335 21.1941 14.3551C21.1941 13.5451 21.8522 12.887 22.6622 12.887C23.1431 12.887 23.5566 13.1401 23.8265 13.5029C24.4593 12.4567 25.5984 11.748 26.9061 11.748M26.9061 10.0605C25.6237 10.0605 24.434 10.5162 23.4891 11.3177C23.2191 11.2418 22.9491 11.208 22.6622 11.208C20.9663 11.208 19.5742 12.558 19.5151 14.2454C18.3086 15.1566 17.5662 16.5825 17.5662 18.1434C17.5662 20.6745 19.4983 22.7669 21.9704 23.02C22.6116 24.4375 24.0375 25.4331 25.6912 25.4331C27.3448 25.4331 28.7707 24.4459 29.412 23.02C31.8841 22.7669 33.8162 20.6745 33.8162 18.1434C33.8162 16.7344 33.1918 15.3928 32.1456 14.4732C31.7237 11.9758 29.5385 10.0605 26.923 10.0605H26.9061Z" fill="white"/>
|
|
20
|
+
<path d="M103.33 32.0983V22.3196H109.143V31.8198" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
21
|
+
<path d="M107.009 27.6013V29.1284" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
22
|
+
<path d="M116.627 22.3196H112.29V26.6563H116.627V22.3196Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
23
|
+
<path d="M99.5586 31.9465H120.019" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
24
|
+
<path d="M60.2751 3.94336H95.8547" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
25
|
+
<path d="M69.902 1.04956L65.405 7.92586" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
26
|
+
<path d="M73.8759 1.04956L72.3572 7.92586" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
27
|
+
<path d="M78.2632 1.04956L78.8032 7.92586" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
28
|
+
<path d="M82.6167 1.04956L84.0595 7.92586" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
29
|
+
<path d="M86.5991 1.04956L91.2564 7.92586" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
30
|
+
<path d="M50.3615 19.9235V13.8403L45.9657 9.03955L41.1565 13.8403V20.5563" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
31
|
+
</g>
|
|
32
|
+
<defs>
|
|
33
|
+
<clipPath id="clip0_63696_177843">
|
|
34
|
+
<rect width="130" height="33.5884" fill="white" transform="translate(0 0.205811)"/>
|
|
35
|
+
</clipPath>
|
|
36
|
+
</defs>
|
|
37
|
+
</svg>
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
<svg width="130" height="40" viewBox="0 0 130 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_63696_177547)">
|
|
3
|
+
<path d="M79.2487 39.0565H55.7913V20.3652" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
4
|
+
<path d="M79.1658 39.0565H86.9462V20.3652" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
5
|
+
<path d="M51.0251 20.3569V18.5218L71.3688 1.20068L91.7124 18.5218V20.3569H51.0251Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
6
|
+
<path d="M61.5374 39.0565V24.0271H70.3806V39.0565" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
7
|
+
<path d="M67.6404 31.0852V33.4019" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
8
|
+
<path d="M81.2832 27.3235H74.6819V33.9248H81.2832V27.3235Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
9
|
+
<path d="M0 39.0566H130" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
10
|
+
<path d="M109.914 30.7862L114.497 23.695H110.902L115.685 15.2171H113.609L117.794 5.41064L121.995 15.2171H119.903L124.694 23.695H121.099L125.674 30.7862H117.794H109.914Z" fill="white" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
11
|
+
<path d="M117.794 39.0564V30.7861" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
12
|
+
<path d="M103.088 25.6299C103.088 28.013 101.154 29.956 98.7622 29.956C98.2723 29.956 97.7907 29.873 97.3506 29.7152C97.1762 31.3427 95.7978 32.6048 94.1288 32.6048C92.3436 32.6048 90.8822 31.1517 90.8822 29.3582C90.8822 29.3083 90.8822 29.2585 90.8822 29.2087C90.1182 29.6903 89.2215 29.956 88.2582 29.956C85.5015 29.956 83.2595 27.7141 83.2595 24.9573C83.2595 22.9811 84.4054 21.2788 86.0744 20.4651C85.7838 19.8091 85.626 19.0867 85.626 18.3228C85.626 15.4248 87.9759 13.075 90.8739 13.075C93.7718 13.075 95.9141 15.2173 96.1217 17.9325C96.7445 17.4094 97.5416 17.1022 98.4135 17.1022C100.39 17.1022 102.001 18.7047 102.001 20.6893C102.001 21.2954 101.843 21.8684 101.585 22.3666C102.679 23.3113 103.088 24.5 103.088 25.6299Z" fill="white" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
13
|
+
<path d="M94.2949 39.0566V32.5964" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
14
|
+
<path d="M30.6483 39.0567H9.64038V20.407" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
15
|
+
<path d="M30.5737 39.0567H38.3375V20.407" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
16
|
+
<path d="M43.0788 18.5718V21.2372H4.88257V18.5718L17.7862 5.93384H30.1834L43.0788 18.5718Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
17
|
+
<path d="M24.9771 39.0567V24.0605H33.8037V39.0567" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
18
|
+
<path d="M31.0718 31.1021V33.4187" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
19
|
+
<path d="M17.7862 27.3569H14.4897V33.9416H17.7862V27.3569Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
20
|
+
<path d="M21.0826 27.3569H17.7861V33.9416H21.0826V27.3569Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
21
|
+
<path d="M17.7862 5.93384L14.4897 18.5801V21.2372" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
22
|
+
<path d="M30.1667 5.92554L33.4632 18.5718V21.2289" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
23
|
+
<path d="M4.88257 18.5718H43.0788" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
24
|
+
</g>
|
|
25
|
+
<defs>
|
|
26
|
+
<clipPath id="clip0_63696_177547">
|
|
27
|
+
<rect width="130" height="39.7739" fill="white" transform="translate(0 0.113037)"/>
|
|
28
|
+
</clipPath>
|
|
29
|
+
</defs>
|
|
30
|
+
</svg>
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
<svg width="130" height="66" viewBox="0 0 130 66" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_63696_177959)">
|
|
3
|
+
<path d="M56.6801 64.8813H40.0232V51.604" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
4
|
+
<path d="M56.6218 64.8813H62.1437V51.604" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
5
|
+
<path d="M36.6436 51.6041V50.3005L51.0917 38.0029L65.5398 50.3005V51.6041H36.6519H36.6436Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
6
|
+
<path d="M44.1001 64.8815V54.2114H50.3859V64.8815" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
7
|
+
<path d="M48.4429 59.2185V60.8626" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
8
|
+
<path d="M58.1248 56.553H53.4417V61.2362H58.1248V56.553Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
9
|
+
<path d="M116.515 59.4842L119.571 54.8509H117.171L120.368 49.3207H118.981L121.771 42.9187L124.578 49.3207H123.183L126.38 54.8509H123.98L127.036 59.4842H121.771H116.515Z" fill="white" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
10
|
+
<path d="M121.771 64.8814V59.4841" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
11
|
+
<path d="M0 64.8813H130" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
12
|
+
<path d="M24.7611 64.8815H32.5249V15.0769H3.82788V64.8815H24.8358" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
13
|
+
<path d="M19.1646 64.8814V49.8853H27.9912V64.8814" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
14
|
+
<path d="M25.2593 56.9268V59.2434" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
15
|
+
<path d="M11.9737 49.8604H8.67725V59.7665H11.9737V49.8604Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
16
|
+
<path d="M15.2701 49.8604H11.9736V59.7665H15.2701V49.8604Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
17
|
+
<path d="M11.9737 35.3291H8.67725V45.2352H11.9737V35.3291Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
18
|
+
<path d="M15.2701 35.3291H11.9736V45.2352H15.2701V35.3291Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
19
|
+
<path d="M23.5737 35.3291H19.1646V45.2352H23.5737V35.3291Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
20
|
+
<path d="M27.9829 35.3291H23.5737V45.2352H27.9829V35.3291Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
21
|
+
<path d="M23.5737 20.7729H19.1646V30.6791H23.5737V20.7729Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
22
|
+
<path d="M27.9829 20.7729H23.5737V30.6791H27.9829V20.7729Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
23
|
+
<path d="M11.9737 20.7979H8.67725V30.704H11.9737V20.7979Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
24
|
+
<path d="M15.2701 20.7979H11.9736V30.704H15.2701V20.7979Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
25
|
+
<path d="M26.9117 15.0768H19.1646V10.1943H23.5737L26.9117 12.0543V15.0768Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
26
|
+
<path d="M23.5737 10.1943V15.0768" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
27
|
+
<path d="M15.2617 10.1943H12.2144V15.0685H15.2617V10.1943Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
28
|
+
<path d="M90.7577 64.8815H102.723V29.6497H69.8245V64.8815H90.8324" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
29
|
+
<path d="M76.7412 49.8604H73.8765V59.7665H76.7412V49.8604Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
30
|
+
<path d="M79.6059 49.8604H76.7412V59.7665H79.6059V49.8604Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
31
|
+
<path d="M76.7412 35.3291H73.8765V45.2352H76.7412V35.3291Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
32
|
+
<path d="M79.6059 35.3291H76.7412V45.2352H79.6059V35.3291Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
33
|
+
<path d="M86.3401 35.3291H83.4753V45.2352H86.3401V35.3291Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
34
|
+
<path d="M89.2048 35.3291H86.3401V45.2352H89.2048V35.3291Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
35
|
+
<path d="M86.3401 49.8604H83.4753V59.7665H86.3401V49.8604Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
36
|
+
<path d="M89.2048 49.8604H86.3401V59.7665H89.2048V49.8604Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
37
|
+
<path d="M95.8144 35.3291H92.9497V45.2352H95.8144V35.3291Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
38
|
+
<path d="M98.6709 35.3291H95.8062V45.2352H98.6709V35.3291Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
39
|
+
<path d="M95.8144 49.8604H92.9497V59.7665H95.8144V49.8604Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
40
|
+
<path d="M98.6709 49.8604H95.8062V59.7665H98.6709V49.8604Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
41
|
+
<path d="M93.3401 25.2321V21.6699L83.9571 25.2321V21.6699L69.8245 27.0257V29.6496H79.2158H83.9571H88.5987H93.3401H102.723V21.6699L93.3401 25.2321Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
42
|
+
<path d="M112.621 41.698H102.723V64.8814H112.621V41.698Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
43
|
+
<path d="M109.748 41.6979H106.31L107.14 10.1611H108.917L109.748 41.6979Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
44
|
+
<path d="M101.718 9.84579C102.603 9.84579 103.321 9.12829 103.321 8.24321C103.321 7.35812 102.603 6.64062 101.718 6.64062C100.833 6.64062 100.116 7.35812 100.116 8.24321C100.116 9.12829 100.833 9.84579 101.718 9.84579Z" fill="white" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
45
|
+
<path d="M95.9971 8.97371C97.2857 8.97371 98.3304 7.92906 98.3304 6.64042C98.3304 5.35178 97.2857 4.30713 95.9971 4.30713C94.7085 4.30713 93.6638 5.35178 93.6638 6.64042C93.6638 7.92906 94.7085 8.97371 95.9971 8.97371Z" fill="white" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
46
|
+
<path d="M88.607 7.49576C90.368 7.49576 91.7956 6.0682 91.7956 4.30721C91.7956 2.54622 90.368 1.11865 88.607 1.11865C86.846 1.11865 85.4185 2.54622 85.4185 4.30721C85.4185 6.0682 86.846 7.49576 88.607 7.49576Z" fill="white" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
47
|
+
</g>
|
|
48
|
+
<defs>
|
|
49
|
+
<clipPath id="clip0_63696_177959">
|
|
50
|
+
<rect width="130" height="65.4235" fill="white" transform="translate(0 0.28833)"/>
|
|
51
|
+
</clipPath>
|
|
52
|
+
</defs>
|
|
53
|
+
</svg>
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<svg width="130" height="46" viewBox="0 0 130 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_63696_177519)">
|
|
3
|
+
<path d="M0 44.4995H130" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
4
|
+
<path d="M4.15186 35.8781L8.94299 28.4754H5.18149L10.1885 19.6221H8.01299L12.389 9.40088L16.7732 19.6221H14.5894L19.5964 28.4754H15.8349L20.6261 35.8781H12.389H4.15186Z" fill="white" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
5
|
+
<path d="M12.3889 44.4994V35.8782" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
6
|
+
<path d="M69.791 44.4993H43.2197V23.3606" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
7
|
+
<path d="M69.6997 44.4993H85.9829V23.3606" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
8
|
+
<path d="M37.8225 23.3606V21.2882L64.6014 1.69971L91.3803 21.2882V23.3606H37.8225Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
9
|
+
<path d="M50.5601 44.4992V27.5054H60.5824V44.4992" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
10
|
+
<path d="M57.4768 35.4883V38.1078" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
11
|
+
<path d="M66.4697 44.4992V40.3544M66.4697 40.3544V27.5054H79.7554V44.4992M66.4697 40.3544H79.7554" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
12
|
+
<path d="M73.1125 44.4992V27.5054" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
13
|
+
<path d="M125.3 34.2533C125.3 36.077 123.822 37.5609 121.987 37.5609C121.613 37.5609 121.248 37.5028 120.908 37.3785C120.775 38.6219 119.72 39.5835 118.441 39.5835C117.08 39.5835 115.959 38.481 115.959 37.1049C115.959 37.0718 115.959 37.0303 115.959 36.9889C115.377 37.3536 114.688 37.5609 113.958 37.5609C111.848 37.5609 110.138 35.8532 110.138 33.7393C110.138 32.2306 111.018 30.9291 112.289 30.3157C112.064 29.8183 111.94 29.2629 111.94 28.6826C111.94 26.4693 113.742 24.6704 115.959 24.6704C118.176 24.6704 119.812 26.3035 119.969 28.3759C120.443 27.978 121.049 27.7459 121.721 27.7459C123.233 27.7459 124.462 28.9728 124.462 30.4815C124.462 30.9457 124.345 31.385 124.146 31.7664C124.783 32.3194 125.3 33.1885 125.3 34.2533Z" fill="white" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
14
|
+
<path d="M118.583 44.4993V39.5752" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
15
|
+
</g>
|
|
16
|
+
<defs>
|
|
17
|
+
<clipPath id="clip0_63696_177519">
|
|
18
|
+
<rect width="130" height="44.6565" fill="white" transform="translate(0 0.671875)"/>
|
|
19
|
+
</clipPath>
|
|
20
|
+
</defs>
|
|
21
|
+
</svg>
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
<svg width="130" height="58" viewBox="0 0 130 58" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_63696_177576)">
|
|
3
|
+
<path d="M72.0829 56.3436H48.6255V37.6523" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
4
|
+
<path d="M68.6785 56.3436H76.4589V37.6523" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
5
|
+
<path d="M44.2661 37.644V35.8422L45.9102 32.6453L60.8815 18.4878L81.2251 35.8089V37.644H44.2661Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
6
|
+
<path d="M72.4233 56.3436V41.3142H63.5718V56.3436" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
7
|
+
<path d="M69.6831 48.364V50.689" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
8
|
+
<path d="M59.1709 44.6106H52.5696V51.2119H59.1709V44.6106Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
9
|
+
<path d="M0 56.3435H130" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
10
|
+
<path d="M26.4217 56.3436H34.1855V6.53076H5.48853V56.3353H26.4964" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
11
|
+
<path d="M20.8252 56.3436V41.3474H29.6518V56.3436" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
12
|
+
<path d="M26.9199 48.3889V50.7056" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
13
|
+
<path d="M13.6344 41.3142H10.3379V51.2203H13.6344V41.3142Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
14
|
+
<path d="M16.9308 41.3142H13.6343V51.2203H16.9308V41.3142Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
15
|
+
<path d="M13.6344 26.7913H10.3379V36.6974H13.6344V26.7913Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
16
|
+
<path d="M16.9308 26.7913H13.6343V36.6974H16.9308V26.7913Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
17
|
+
<path d="M25.2344 26.7913H20.8252V36.6974H25.2344V26.7913Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
18
|
+
<path d="M29.6435 26.7913H25.2344V36.6974H29.6435V26.7913Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
19
|
+
<path d="M25.2344 12.2351H20.8252V22.1412H25.2344V12.2351Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
20
|
+
<path d="M29.6435 12.2351H25.2344V22.1412H29.6435V12.2351Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
21
|
+
<path d="M13.6344 12.26H10.3379V22.1661H13.6344V12.26Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
22
|
+
<path d="M16.9308 12.26H13.6343V22.1661H16.9308V12.26Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
23
|
+
<path d="M28.5724 6.53066H20.8252V1.65649H25.2344L28.5724 3.51648V6.53066Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
24
|
+
<path d="M25.2344 1.65649V6.53066" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
25
|
+
<path d="M16.9224 1.65649H13.875V6.53066H16.9224V1.65649Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
26
|
+
<path d="M101.768 56.3436V41.3474H110.595V56.3436" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
27
|
+
<path d="M107.863 48.3889V50.7056" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
28
|
+
<path d="M94.5856 41.3142H91.2891V51.2203H94.5856V41.3142Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
29
|
+
<path d="M97.8736 41.3142H94.5771V51.2203H97.8736V41.3142Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
30
|
+
<path d="M94.5856 30.1128H91.2891V36.6975H94.5856V30.1128Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
31
|
+
<path d="M97.8736 30.1128H94.5771V36.6975H97.8736V30.1128Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
32
|
+
<path d="M117.769 41.3142H114.472V51.2203H117.769V41.3142Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
33
|
+
<path d="M121.057 41.3142H117.761V51.2203H121.057V41.3142Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
34
|
+
<path d="M117.769 30.1128H114.472V36.6975H117.769V30.1128Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
35
|
+
<path d="M121.057 30.1128H117.761V36.6975H121.057V30.1128Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
36
|
+
<path d="M106.177 30.1128H101.768V36.6975H106.177V30.1128Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
37
|
+
<path d="M110.595 30.1128H106.186V36.6975H110.595V30.1128Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
38
|
+
<path d="M37.4158 48.256L41.9993 41.3226H38.4039L43.195 33.0273H41.1108L45.2958 23.4368L49.4974 33.0273H47.4049L52.196 41.3226H48.6006L53.1842 48.256H45.2958H37.4158Z" fill="white" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
39
|
+
<path d="M45.2959 56.3437V48.2561" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
40
|
+
<path d="M107.365 56.3434H125.74V24.433L106.086 12.26L86.4314 24.433V56.3434H107.448" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
|
|
41
|
+
</g>
|
|
42
|
+
<defs>
|
|
43
|
+
<clipPath id="clip0_63696_177576">
|
|
44
|
+
<rect width="130" height="56.3477" fill="white" transform="translate(0 0.826172)"/>
|
|
45
|
+
</clipPath>
|
|
46
|
+
</defs>
|
|
47
|
+
</svg>
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<svg width="130" height="72" viewBox="0 0 130 72" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_66787_179729)">
|
|
3
|
+
<path d="M93.2805 46.8298V34.1858" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
4
|
+
<path d="M113.992 47.5725V34.1858" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
5
|
+
<path d="M90.113 34.1857V31.9233L103.636 22.1138L117.16 31.9233V34.1857H90.1216H90.113Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
6
|
+
<path d="M97.0967 46.5139V37.2849H102.979V47.3079" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
7
|
+
<path d="M100.828 41.9719V43.5172" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
8
|
+
<path d="M110.552 39.1289H106.164V43.5172H110.552V39.1289Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
9
|
+
<path d="M0.0854492 49.4081L2.01492 49.2203C43.9339 45.1821 88.1067 45.2418 129.923 49.4081" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
10
|
+
<path d="M15.8369 48.0422L17.3139 15.4291L15.8625 10.8018H24.8952L23.4438 15.4291L24.8781 47.0945" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
11
|
+
<path d="M25.5613 15.429H15.1882V18.0243H25.5613V15.429Z" fill="white" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
12
|
+
<path d="M20.5923 10.8016H17.5701V7.33543C17.5701 5.78161 18.8336 4.51807 20.3874 4.51807C21.9498 4.51807 23.2133 5.79015 23.2048 7.35251L23.1877 10.8016H20.5923Z" fill="white" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
13
|
+
<path d="M16.2126 39.0949C17.4933 38.8473 18.9019 38.7192 20.3789 38.7192C21.8559 38.7192 23.2048 38.8473 24.4598 39.0778" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
14
|
+
<path d="M16.2126 35.1249C17.4933 34.8773 18.9019 34.7493 20.3789 34.7493C21.8559 34.7493 23.2048 34.8773 24.4598 35.1078" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
15
|
+
<path d="M16.6226 28.5595C17.7837 28.3119 19.0728 28.1838 20.4217 28.1838C21.7707 28.1838 23 28.3119 24.1355 28.5424" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
16
|
+
<path d="M16.6226 24.5898C17.7837 24.3422 19.0728 24.2141 20.4217 24.2141C21.7707 24.2141 23 24.3422 24.1355 24.5727" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
17
|
+
<path d="M28.6177 4.57784L42.696 0.898193" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
18
|
+
<path d="M28.6772 7.98438L42.7555 11.5957" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
19
|
+
<path d="M44.2925 6.26831H37.0271" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
20
|
+
<path d="M74.626 46.0786V40.4182" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
21
|
+
<path d="M74.054 40.3925C73.3966 40.3925 72.7819 40.1108 72.355 39.6156C72.133 39.3595 71.9794 39.0607 71.9025 38.7448C70.75 38.6765 69.6743 38.1557 68.923 37.2763C67.4887 35.603 67.574 33.1357 69.051 31.5733C68.9827 30.3695 69.4779 29.1914 70.3914 28.4059C71.1 27.7998 71.9964 27.4668 72.927 27.4668C74.0625 27.4668 75.1382 27.962 75.881 28.8243C75.8895 28.8413 75.9066 28.8499 75.9151 28.8669C76.3164 28.6791 76.7604 28.5852 77.2128 28.5852C78.1178 28.5852 78.9801 28.9779 79.5692 29.6695C80.4912 30.7452 80.551 32.2734 79.8082 33.4089C79.8168 33.4174 79.8338 33.4345 79.8424 33.443C81.2425 35.0737 81.0547 37.5325 79.424 38.9326C78.724 39.5388 77.8275 39.8632 76.9055 39.8632C76.4957 39.8632 76.0859 39.7949 75.7017 39.6754C75.6419 39.7437 75.5736 39.8034 75.5054 39.8632C75.0956 40.2132 74.5833 40.4011 74.0454 40.4011L74.054 40.3925Z" fill="white"/>
|
|
22
|
+
<path d="M72.9185 28.312C73.7722 28.312 74.626 28.6705 75.2236 29.3706C75.4029 29.5841 75.5395 29.8146 75.6504 30.0536C75.6761 30.028 75.7017 29.9939 75.7358 29.9682C76.1627 29.6011 76.6835 29.4218 77.2043 29.4218C77.836 29.4218 78.4678 29.6865 78.9118 30.2073C79.7228 31.155 79.6118 32.5722 78.6727 33.3832C78.6386 33.4088 78.6044 33.4259 78.5788 33.4515C78.8008 33.5967 79.0057 33.7674 79.185 33.9809C80.2778 35.2529 80.1326 37.1739 78.8605 38.2667C78.2885 38.7533 77.597 38.9923 76.8969 38.9923C76.3591 38.9923 75.8127 38.8472 75.3346 38.5655C75.2577 38.8045 75.1467 39.0265 74.9418 39.1972C74.6772 39.4192 74.3613 39.5302 74.0369 39.5302C73.6441 39.5302 73.26 39.368 72.9868 39.0521C72.6879 38.7021 72.6196 38.2581 72.7136 37.8398C72.5172 37.8739 72.3294 37.891 72.133 37.891C71.1768 37.891 70.2292 37.4983 69.5547 36.7128C68.3253 35.2871 68.4875 33.1271 69.9218 31.8977C69.9218 31.8977 69.9303 31.8977 69.9389 31.8892C69.7511 30.8647 70.0926 29.7719 70.9378 29.0377C71.5098 28.5425 72.2184 28.3034 72.9185 28.3034M72.9185 26.5959C71.783 26.5959 70.6902 27.0057 69.8279 27.74C68.8034 28.6193 68.2143 29.8999 68.1887 31.2403C66.652 33.1186 66.6263 35.9103 68.2741 37.8227C69.051 38.7277 70.1182 39.3253 71.2878 39.5217C71.3988 39.7522 71.5439 39.9656 71.7061 40.162C72.2952 40.845 73.149 41.2377 74.0539 41.2377C74.7369 41.2377 75.4029 41.0072 75.9407 40.5974C76.2566 40.6657 76.581 40.6998 76.914 40.6998C78.0409 40.6998 79.1337 40.2986 79.9875 39.5644C81.8316 37.9764 82.156 35.2785 80.8327 33.3064C81.4474 31.9489 81.2596 30.2927 80.2265 29.0889C79.4752 28.2095 78.3739 27.7058 77.2213 27.7058C76.8542 27.7058 76.4957 27.757 76.1542 27.851C75.2833 27.0484 74.1393 26.5959 72.9355 26.5959H72.9185Z" fill="white"/>
|
|
23
|
+
<path d="M39.9211 46.8214V42.7576" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
24
|
+
<path d="M39.9212 43.0051C38.854 43.0051 37.9491 42.3306 37.599 41.383C35.9855 41.3147 34.7048 39.9743 34.7048 38.3522C34.7048 37.3362 35.2171 36.4056 36.0281 35.8507C36.0281 35.8251 36.0281 35.7995 36.0281 35.7824C36.0281 34.7664 36.8563 33.9383 37.8722 33.9383C38.0942 33.9383 38.3076 33.981 38.504 34.0493C39.1102 33.4773 39.9041 33.1614 40.7494 33.1614C42.4142 33.1614 43.8058 34.4078 44.0192 36.0129C44.7193 36.5849 45.1291 37.4472 45.1291 38.3522C45.1291 39.9828 43.8399 41.3147 42.2349 41.383C41.8848 42.3306 40.9799 43.0051 39.9127 43.0051H39.9212Z" fill="white"/>
|
|
25
|
+
<path d="M40.7579 34.0151C42.1153 34.0151 43.2081 35.1164 43.2081 36.4654C43.2081 36.4654 43.2081 36.4654 43.2081 36.4739C43.857 36.8495 44.2924 37.5496 44.2924 38.3521C44.2924 39.5559 43.3191 40.5377 42.1068 40.5377C41.9104 40.5377 41.7141 40.5036 41.5348 40.4524C41.5348 40.478 41.5433 40.5121 41.5433 40.5377C41.5433 41.4342 40.8176 42.1599 39.9212 42.1599C39.0248 42.1599 38.2991 41.4342 38.2991 40.5377C38.2991 40.5121 38.2991 40.478 38.3076 40.4524C38.1283 40.5036 37.932 40.5377 37.7356 40.5377C36.5318 40.5377 35.55 39.5645 35.55 38.3521C35.55 37.3959 36.1732 36.5849 37.0355 36.2946C36.9416 36.1409 36.8733 35.9787 36.8733 35.7824C36.8733 35.236 37.3173 34.792 37.8637 34.792C38.1966 34.792 38.4698 34.9628 38.6491 35.2104C39.076 34.5017 39.8529 34.0151 40.7408 34.0151M40.7408 32.3076C39.8358 32.3076 38.9821 32.5979 38.282 33.1187C38.1454 33.0931 38.0003 33.0845 37.8637 33.0845C36.4977 33.0845 35.3622 34.1005 35.1829 35.4238C34.3462 36.1495 33.834 37.2081 33.834 38.3607C33.834 40.2645 35.2085 41.8525 37.0185 42.1855C37.5905 43.1929 38.6747 43.8673 39.9127 43.8673C41.1506 43.8673 42.2348 43.1843 42.8069 42.1855C44.6168 41.8525 45.9913 40.2645 45.9913 38.3607C45.9913 37.3106 45.5559 36.3117 44.8132 35.586C44.4034 33.7163 42.7386 32.3162 40.7493 32.3162L40.7408 32.3076Z" fill="white"/>
|
|
26
|
+
<path d="M0.0854492 57.2114C16.3152 57.2114 16.3152 62.3339 32.5449 62.3339C48.7746 62.3339 48.7746 57.2114 65.0043 57.2114C81.2341 57.2114 81.2341 62.3339 97.4638 62.3339C113.694 62.3339 113.693 57.2114 129.923 57.2114" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
27
|
+
<path d="M12.9258 64.8523C25.9454 64.8523 25.9454 71.1017 38.9651 71.1017C51.9847 71.1017 51.9847 64.8523 65.0043 64.8523C78.024 64.8523 78.024 71.1017 91.0436 71.1017C104.063 71.1017 104.063 64.8523 117.083 64.8523" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
|
|
28
|
+
</g>
|
|
29
|
+
<defs>
|
|
30
|
+
<clipPath id="clip0_66787_179729">
|
|
31
|
+
<rect width="130" height="71.9111" fill="white" transform="translate(0 0.0444336)"/>
|
|
32
|
+
</clipPath>
|
|
33
|
+
</defs>
|
|
34
|
+
</svg>
|
|
@@ -1,50 +1,9 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<PageWrapper>
|
|
3
|
-
<
|
|
4
|
-
<BoxContainer>
|
|
5
|
-
<SelectedContainer>
|
|
6
|
-
{{ numberSelected }} {{ $gettext('selected') }}
|
|
7
|
-
</SelectedContainer>
|
|
8
|
-
<ListContainer v-if="optionsList.length">
|
|
9
|
-
<ListItem
|
|
10
|
-
v-for="item in limitedOptions"
|
|
11
|
-
:key="item.type"
|
|
12
|
-
:disabled="item.disabled || false"
|
|
13
|
-
:hover-color="item.hoverColor"
|
|
14
|
-
@click="$emit('on-' + item.type)"
|
|
15
|
-
>
|
|
16
|
-
{{ item.name }}
|
|
17
|
-
</ListItem>
|
|
18
|
-
<IconContainer @click="expandOptions">
|
|
19
|
-
<ButtonContainer
|
|
20
|
-
v-if="optionsList.length > optionLimit || hasComponent"
|
|
21
|
-
name="more_options,_tool_tips"
|
|
22
|
-
>
|
|
23
|
-
<DotItem />
|
|
24
|
-
<DotItem />
|
|
25
|
-
<DotItem />
|
|
26
|
-
</ButtonContainer>
|
|
27
|
-
</IconContainer>
|
|
28
|
-
</ListContainer>
|
|
29
|
-
<EmptyText v-if="!optionsList.length">
|
|
30
|
-
{{ $gettext('no_batch_actions_available') }}
|
|
31
|
-
</EmptyText>
|
|
32
|
-
<CloseContainer>
|
|
33
|
-
<IconContainer @click="$emit('on-close')">
|
|
34
|
-
<Icon
|
|
35
|
-
color="white"
|
|
36
|
-
cursor="pointer"
|
|
37
|
-
name="close_for_modals,_tool_tips"
|
|
38
|
-
size="14px"
|
|
39
|
-
/>
|
|
40
|
-
</IconContainer>
|
|
41
|
-
</CloseContainer>
|
|
42
|
-
</BoxContainer>
|
|
43
|
-
</PageContainer>
|
|
44
|
-
<CenterPageContainer v-else>
|
|
3
|
+
<CenterPageContainer v-if="expanded">
|
|
45
4
|
<CenterBox>
|
|
46
5
|
<TitleContainer>
|
|
47
|
-
<BoxTitle> {{ numberSelected }} {{
|
|
6
|
+
<BoxTitle> {{ numberSelected }} {{ selectedText }} </BoxTitle>
|
|
48
7
|
<IconContainer @click="$emit('on-close')">
|
|
49
8
|
<Icon
|
|
50
9
|
color="white"
|
|
@@ -62,7 +21,7 @@
|
|
|
62
21
|
v-for="item in expandedOptions"
|
|
63
22
|
:key="item.type"
|
|
64
23
|
:disabled="item.disabled || false"
|
|
65
|
-
:
|
|
24
|
+
:has-component="!!item?.component"
|
|
66
25
|
:hover-color="item.hoverColor"
|
|
67
26
|
@click="
|
|
68
27
|
!item?.component && !item.disabled && $emit('on-' + item.type)
|
|
@@ -70,7 +29,8 @@
|
|
|
70
29
|
>
|
|
71
30
|
<ListItemWrapper
|
|
72
31
|
v-if="item?.component"
|
|
73
|
-
:
|
|
32
|
+
:has-component="!!item?.component"
|
|
33
|
+
test-data-id="expanded_list_item"
|
|
74
34
|
@click="!item.disabled && toggleElement(item.type)"
|
|
75
35
|
>
|
|
76
36
|
<ListItemTitle>
|
|
@@ -99,6 +59,48 @@
|
|
|
99
59
|
</ExpandedList>
|
|
100
60
|
</CenterBox>
|
|
101
61
|
</CenterPageContainer>
|
|
62
|
+
<PageContainer v-else>
|
|
63
|
+
<BoxContainer>
|
|
64
|
+
<SelectedContainer>
|
|
65
|
+
{{ numberSelected }} {{ selectedText }}
|
|
66
|
+
</SelectedContainer>
|
|
67
|
+
<ListContainer v-if="optionsList.length">
|
|
68
|
+
<ListItem
|
|
69
|
+
v-for="item in limitedOptions"
|
|
70
|
+
:key="item.type"
|
|
71
|
+
:disabled="item.disabled || false"
|
|
72
|
+
:hover-color="item.hoverColor"
|
|
73
|
+
@click="$emit('on-' + item.type)"
|
|
74
|
+
>
|
|
75
|
+
{{ item.name }}
|
|
76
|
+
</ListItem>
|
|
77
|
+
<IconContainer
|
|
78
|
+
v-if="optionsList.length > optionLimit || hasComponent"
|
|
79
|
+
test-data-id="more_actions_button_wrapper"
|
|
80
|
+
@click="expandOptions"
|
|
81
|
+
>
|
|
82
|
+
<ButtonContainer name="more_options,_tool_tips">
|
|
83
|
+
<DotItem />
|
|
84
|
+
<DotItem />
|
|
85
|
+
<DotItem />
|
|
86
|
+
</ButtonContainer>
|
|
87
|
+
</IconContainer>
|
|
88
|
+
</ListContainer>
|
|
89
|
+
<EmptyText v-else test-data-id="no_bulk_actions">
|
|
90
|
+
{{ noBulkActionsText }}
|
|
91
|
+
</EmptyText>
|
|
92
|
+
<CloseContainer>
|
|
93
|
+
<IconContainer @click="$emit('on-close')">
|
|
94
|
+
<Icon
|
|
95
|
+
color="white"
|
|
96
|
+
cursor="pointer"
|
|
97
|
+
name="close_for_modals,_tool_tips"
|
|
98
|
+
size="14px"
|
|
99
|
+
/>
|
|
100
|
+
</IconContainer>
|
|
101
|
+
</CloseContainer>
|
|
102
|
+
</BoxContainer>
|
|
103
|
+
</PageContainer>
|
|
102
104
|
</PageWrapper>
|
|
103
105
|
</template>
|
|
104
106
|
|
|
@@ -173,8 +175,8 @@
|
|
|
173
175
|
`
|
|
174
176
|
|
|
175
177
|
const OptionsContainer = styled.div`
|
|
176
|
-
position:
|
|
177
|
-
|
|
178
|
+
position: absolute;
|
|
179
|
+
left: 101%;
|
|
178
180
|
background-color: ${(props) => props.theme.colors.black};
|
|
179
181
|
border-radius: 4px;
|
|
180
182
|
padding: 15px;
|
|
@@ -378,12 +380,21 @@
|
|
|
378
380
|
optionsList: {
|
|
379
381
|
type: Array,
|
|
380
382
|
required: true,
|
|
383
|
+
default: () => [],
|
|
381
384
|
},
|
|
382
385
|
numberSelected: {
|
|
383
386
|
type: Number,
|
|
384
387
|
required: true,
|
|
385
388
|
default: 0,
|
|
386
389
|
},
|
|
390
|
+
selectedLabel: {
|
|
391
|
+
type: String,
|
|
392
|
+
default: null,
|
|
393
|
+
},
|
|
394
|
+
noBulkActionsLabel: {
|
|
395
|
+
type: String,
|
|
396
|
+
default: null,
|
|
397
|
+
},
|
|
387
398
|
},
|
|
388
399
|
data() {
|
|
389
400
|
return {
|
|
@@ -401,6 +412,16 @@
|
|
|
401
412
|
limitedOptions() {
|
|
402
413
|
return this.expandedOptions.filter((option) => !option.component)
|
|
403
414
|
},
|
|
415
|
+
selectedText() {
|
|
416
|
+
//work around for storybook not finding the $gettext function
|
|
417
|
+
return this.selectedLabel || this.$gettext('selected')
|
|
418
|
+
},
|
|
419
|
+
noBulkActionsText() {
|
|
420
|
+
//work around for storybook not finding the $gettext function
|
|
421
|
+
return (
|
|
422
|
+
this.noBulkActionsLabel || this.$gettext('no_batch_actions_available')
|
|
423
|
+
)
|
|
424
|
+
},
|
|
404
425
|
},
|
|
405
426
|
watch: {
|
|
406
427
|
optionsList() {
|
|
@@ -415,7 +436,7 @@
|
|
|
415
436
|
this.expandedOptions = [...this.optionsList]
|
|
416
437
|
.map((option, index) => {
|
|
417
438
|
const currentOption = this.expandedOptions[index]
|
|
418
|
-
const isOpen =
|
|
439
|
+
const isOpen = currentOption ? currentOption.open : false
|
|
419
440
|
|
|
420
441
|
return { ...option, open: isOpen }
|
|
421
442
|
})
|
|
@@ -0,0 +1,176 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import { mount } from '@vue/test-utils'
|
|
3
|
+
import RCSelectedOptions from '@/components/selectedOptions'
|
|
4
|
+
import theme from '@/assets/theme'
|
|
5
|
+
|
|
6
|
+
jest.mock('@/components/icon/iconCache.mjs', () => ({
|
|
7
|
+
// need to mock this due to how jest handles import.meta
|
|
8
|
+
fetchIcon: jest.fn(() => Promise.resolve('close_for_modals,_tool_tips.svg')),
|
|
9
|
+
}))
|
|
10
|
+
|
|
11
|
+
describe('RCSelectedOptions.vue', () => {
|
|
12
|
+
const simpleOptionsProps = {
|
|
13
|
+
optionLimit: 4,
|
|
14
|
+
numberSelected: 2,
|
|
15
|
+
selectedLabel: 'selected',
|
|
16
|
+
noBulkActionsLabel: 'No bulk actions available',
|
|
17
|
+
optionsList: [
|
|
18
|
+
{
|
|
19
|
+
type: 'close',
|
|
20
|
+
name: 'Close',
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
type: 'delete',
|
|
24
|
+
name: 'Delete',
|
|
25
|
+
hoverColor: 'red',
|
|
26
|
+
},
|
|
27
|
+
],
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
it('selected options are rendered with correct options', () => {
|
|
31
|
+
const wrapper = mount(RCSelectedOptions, {
|
|
32
|
+
props: simpleOptionsProps,
|
|
33
|
+
global: {
|
|
34
|
+
provide: {
|
|
35
|
+
theme,
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
})
|
|
39
|
+
|
|
40
|
+
const selectedOptions = wrapper.findComponent(RCSelectedOptions)
|
|
41
|
+
expect(selectedOptions.exists()).toBe(true)
|
|
42
|
+
})
|
|
43
|
+
|
|
44
|
+
it('should display "No bulk actions available" if there are no options', () => {
|
|
45
|
+
const wrapper = mount(RCSelectedOptions, {
|
|
46
|
+
props: {
|
|
47
|
+
...simpleOptionsProps,
|
|
48
|
+
optionsList: [],
|
|
49
|
+
},
|
|
50
|
+
global: {
|
|
51
|
+
provide: {
|
|
52
|
+
theme,
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
})
|
|
56
|
+
|
|
57
|
+
const selectedOptions = wrapper.findComponent(RCSelectedOptions)
|
|
58
|
+
expect(selectedOptions.exists()).toBe(true)
|
|
59
|
+
|
|
60
|
+
const noBulkActions = selectedOptions.find(
|
|
61
|
+
'[test-data-id="no_bulk_actions"]'
|
|
62
|
+
)
|
|
63
|
+
expect(noBulkActions.exists()).toBe(true)
|
|
64
|
+
})
|
|
65
|
+
|
|
66
|
+
it('should not display "•••" option if it is less than the limit of 4', () => {
|
|
67
|
+
const wrapper = mount(RCSelectedOptions, {
|
|
68
|
+
props: simpleOptionsProps,
|
|
69
|
+
global: {
|
|
70
|
+
provide: {
|
|
71
|
+
theme,
|
|
72
|
+
},
|
|
73
|
+
},
|
|
74
|
+
})
|
|
75
|
+
|
|
76
|
+
const selectedOptions = wrapper.findComponent(RCSelectedOptions)
|
|
77
|
+
expect(selectedOptions.exists()).toBe(true)
|
|
78
|
+
|
|
79
|
+
//since we have 2 options, and the limit is 4, we should not see "•••" button
|
|
80
|
+
const moreActionsButton = selectedOptions.find(
|
|
81
|
+
'[test-data-id="more_actions_button_wrapper"]'
|
|
82
|
+
)
|
|
83
|
+
expect(moreActionsButton.exists()).toBe(false)
|
|
84
|
+
})
|
|
85
|
+
|
|
86
|
+
it('should display "•••" option if it is more than the limit of 4 or if there is a component parameter on the options', () => {
|
|
87
|
+
const wrapper = mount(RCSelectedOptions, {
|
|
88
|
+
props: {
|
|
89
|
+
...simpleOptionsProps,
|
|
90
|
+
optionsList: [
|
|
91
|
+
{
|
|
92
|
+
type: 'close',
|
|
93
|
+
name: 'Close',
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
type: 'delete',
|
|
97
|
+
name: 'Delete',
|
|
98
|
+
component: 'set_supplier',
|
|
99
|
+
},
|
|
100
|
+
],
|
|
101
|
+
},
|
|
102
|
+
global: {
|
|
103
|
+
provide: {
|
|
104
|
+
theme,
|
|
105
|
+
},
|
|
106
|
+
},
|
|
107
|
+
})
|
|
108
|
+
|
|
109
|
+
const selectedOptions = wrapper.findComponent(RCSelectedOptions)
|
|
110
|
+
expect(selectedOptions.exists()).toBe(true)
|
|
111
|
+
|
|
112
|
+
//since we a component parameter, we should see "•••" button
|
|
113
|
+
const moreActionsButton = selectedOptions.find(
|
|
114
|
+
'[test-data-id="more_actions_button_wrapper"]'
|
|
115
|
+
)
|
|
116
|
+
expect(moreActionsButton.exists()).toBe(true)
|
|
117
|
+
})
|
|
118
|
+
it("should display the named slot content when the 'component' parameter is passed", async () => {
|
|
119
|
+
const wrapper = mount(RCSelectedOptions, {
|
|
120
|
+
props: {
|
|
121
|
+
...simpleOptionsProps,
|
|
122
|
+
optionsList: [
|
|
123
|
+
{
|
|
124
|
+
type: 'close',
|
|
125
|
+
name: 'Close',
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
type: 'delete',
|
|
129
|
+
name: 'Delete',
|
|
130
|
+
component: 'set_supplier',
|
|
131
|
+
},
|
|
132
|
+
],
|
|
133
|
+
},
|
|
134
|
+
global: {
|
|
135
|
+
provide: {
|
|
136
|
+
theme,
|
|
137
|
+
},
|
|
138
|
+
},
|
|
139
|
+
slots: {
|
|
140
|
+
set_supplier: '<div data-id="set_supplier">set_supplier</div>',
|
|
141
|
+
},
|
|
142
|
+
})
|
|
143
|
+
|
|
144
|
+
const selectedOptions = wrapper.findComponent(RCSelectedOptions)
|
|
145
|
+
expect(selectedOptions.exists()).toBe(true)
|
|
146
|
+
|
|
147
|
+
//since we a component parameter, we should see "•••" button
|
|
148
|
+
const moreActionsButton = selectedOptions.find(
|
|
149
|
+
'[test-data-id="more_actions_button_wrapper"]'
|
|
150
|
+
)
|
|
151
|
+
expect(moreActionsButton.exists()).toBe(true)
|
|
152
|
+
|
|
153
|
+
//click the more actions button
|
|
154
|
+
moreActionsButton.trigger('click')
|
|
155
|
+
selectedOptions.vm.expanded = true
|
|
156
|
+
selectedOptions.vm.expandedOptions = selectedOptions.props().optionsList
|
|
157
|
+
expect(selectedOptions.vm.expanded).toBe(true)
|
|
158
|
+
|
|
159
|
+
await wrapper.vm.$nextTick()
|
|
160
|
+
|
|
161
|
+
//toggle the element with the component parameter
|
|
162
|
+
const expandedListItems = selectedOptions.findAll(
|
|
163
|
+
'[test-data-id="expanded_list_item"]'
|
|
164
|
+
)
|
|
165
|
+
|
|
166
|
+
//there should be only one since we have only one option with the component parameter
|
|
167
|
+
expect(expandedListItems.length).toBe(1)
|
|
168
|
+
expandedListItems[0].trigger('click')
|
|
169
|
+
|
|
170
|
+
await wrapper.vm.$nextTick()
|
|
171
|
+
|
|
172
|
+
//check if the named slot content is displayed
|
|
173
|
+
const setSupplierSlot = wrapper.find('[data-id="set_supplier"]')
|
|
174
|
+
expect(setSupplierSlot.exists()).toBe(true)
|
|
175
|
+
})
|
|
176
|
+
})
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import SelectedOptions from './index.vue'
|
|
2
|
+
|
|
3
|
+
export default {
|
|
4
|
+
title: 'Components/SelectedOptions',
|
|
5
|
+
component: SelectedOptions,
|
|
6
|
+
tags: ['autodocs'],
|
|
7
|
+
// argTypes: {}
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
// How to use in your template
|
|
11
|
+
// import SelectedOptions from "@eturnity/eturnity_reusable_components/src/components/selectedOptions"
|
|
12
|
+
//
|
|
13
|
+
// optionsList = [
|
|
14
|
+
// {
|
|
15
|
+
// type: 'close',
|
|
16
|
+
// name: 'Close'
|
|
17
|
+
// },
|
|
18
|
+
// {
|
|
19
|
+
// type: 'export',
|
|
20
|
+
// name: 'Export'
|
|
21
|
+
// ...
|
|
22
|
+
// add component parameter if we were passing a component to the selected options (see below)
|
|
23
|
+
// component: 'set_supplier'
|
|
24
|
+
// },
|
|
25
|
+
// {
|
|
26
|
+
// type: 'delete',
|
|
27
|
+
// name: 'Delete',
|
|
28
|
+
// hoverColor: 'red' // default is green
|
|
29
|
+
// }
|
|
30
|
+
// ]
|
|
31
|
+
//
|
|
32
|
+
// @on-${type}="function" should $emit the callback for the 'type' in the optionsList
|
|
33
|
+
//
|
|
34
|
+
// <selected-options
|
|
35
|
+
// :numberSelected="numberSelected"
|
|
36
|
+
// :optionsList="optionsList"
|
|
37
|
+
// @on-close="onCloseFunction()"
|
|
38
|
+
// @on-export="function()" @on-delete="function()"
|
|
39
|
+
// >
|
|
40
|
+
// add any custom components here that you want to pass to the expanded options
|
|
41
|
+
// <template v-slot:set_supplier>
|
|
42
|
+
// <CustomSelectComponent
|
|
43
|
+
// :option-list="suppliers"
|
|
44
|
+
// @set-supplier="checkboxBulkActions('setSupplier', $event)"
|
|
45
|
+
// />
|
|
46
|
+
// </template>
|
|
47
|
+
// </SelectedOptions>
|
|
48
|
+
|
|
49
|
+
export const Default = {
|
|
50
|
+
render: (args) => ({
|
|
51
|
+
components: { SelectedOptions },
|
|
52
|
+
setup() {
|
|
53
|
+
return { args }
|
|
54
|
+
},
|
|
55
|
+
template: '<SelectedOptions v-bind="args" />',
|
|
56
|
+
}),
|
|
57
|
+
args: {
|
|
58
|
+
optionLimit: 4,
|
|
59
|
+
selectedLabel: 'selected',
|
|
60
|
+
noBulkActionsLabel: 'No bulk actions available',
|
|
61
|
+
|
|
62
|
+
//selected options count, in this case 5 options are selected
|
|
63
|
+
numberSelected: 5,
|
|
64
|
+
|
|
65
|
+
//show overlay
|
|
66
|
+
showOverlay: true,
|
|
67
|
+
|
|
68
|
+
//expanded options, this will display list of actions in the middle of the screen
|
|
69
|
+
expanded: false,
|
|
70
|
+
optionsList: [
|
|
71
|
+
{
|
|
72
|
+
type: 'export',
|
|
73
|
+
name: 'Export',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
type: 'export_page',
|
|
77
|
+
name: 'Export Page',
|
|
78
|
+
},
|
|
79
|
+
],
|
|
80
|
+
expandedOptions: [],
|
|
81
|
+
},
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
export const Expanded = {
|
|
85
|
+
render: (args) => ({
|
|
86
|
+
components: { SelectedOptions },
|
|
87
|
+
setup() {
|
|
88
|
+
return { args }
|
|
89
|
+
},
|
|
90
|
+
template: `
|
|
91
|
+
<SelectedOptions v-bind="args">
|
|
92
|
+
<template v-slot:set_supplier>
|
|
93
|
+
<div>supplier</div>
|
|
94
|
+
</template>
|
|
95
|
+
</SelectedOptions>
|
|
96
|
+
`,
|
|
97
|
+
}),
|
|
98
|
+
args: {
|
|
99
|
+
...Default.args,
|
|
100
|
+
//expanded options, this will display list of actions in the middle of the screen
|
|
101
|
+
expanded: true,
|
|
102
|
+
|
|
103
|
+
//optionsList, to be displayed when expanded is false and this will be filtered based on the optionLimit
|
|
104
|
+
optionsList: [
|
|
105
|
+
{
|
|
106
|
+
type: 'export',
|
|
107
|
+
name: 'Export',
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
type: 'export_page',
|
|
111
|
+
name: 'Export Page',
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
type: 'export_all',
|
|
115
|
+
name: 'Export All',
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
type: 'export_row',
|
|
119
|
+
name: 'Export Row',
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
type: 'set_supplier',
|
|
123
|
+
name: 'Set Supplier',
|
|
124
|
+
// add component parameter if we were passing a component to the selected options
|
|
125
|
+
component: 'set_supplier',
|
|
126
|
+
},
|
|
127
|
+
],
|
|
128
|
+
|
|
129
|
+
//duplicate of optionsList, to be displayed when expanded is true
|
|
130
|
+
expandedOptions: [
|
|
131
|
+
{
|
|
132
|
+
type: 'export',
|
|
133
|
+
name: 'Export',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'export_page',
|
|
137
|
+
name: 'Export Page',
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
type: 'export_all',
|
|
141
|
+
name: 'Export All',
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
type: 'export_row',
|
|
145
|
+
name: 'Export Row',
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
type: 'set_supplier',
|
|
149
|
+
name: 'Set Supplier',
|
|
150
|
+
// add component parameter if we were passing a component to the selected options
|
|
151
|
+
component: 'set_supplier',
|
|
152
|
+
},
|
|
153
|
+
],
|
|
154
|
+
},
|
|
155
|
+
}
|