@eturnity/eturnity_reusable_components 8.22.5 → 8.22.7
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/dist/main.es10.js +2 -8
- package/dist/main.es100.js +14 -11
- package/dist/main.es101.js +13 -8
- package/dist/main.es102.js +7 -5
- package/dist/main.es103.js +9 -6
- package/dist/main.es104.js +8 -13
- package/dist/main.es105.js +6 -11
- package/dist/main.es106.js +13 -8
- package/dist/main.es107.js +13 -8
- package/dist/main.es108.js +11 -8
- package/dist/main.es109.js +5 -5
- package/dist/main.es11.js +6 -2480
- package/dist/main.es110.js +9 -26
- package/dist/main.es111.js +9 -17
- package/dist/main.es112.js +16 -11
- package/dist/main.es113.js +17 -7
- package/dist/main.es114.js +15 -16
- package/dist/main.es115.js +7 -30
- package/dist/main.es116.js +10 -13
- package/dist/main.es117.js +20 -14
- package/dist/main.es118.js +25 -9
- package/dist/main.es119.js +21 -9
- package/dist/main.es12.js +2474 -59
- package/dist/main.es120.js +8 -13
- package/dist/main.es121.js +4 -6
- package/dist/main.es122.js +8 -6
- package/dist/main.es123.js +5 -3
- package/dist/main.es124.js +9 -16
- package/dist/main.es125.js +5 -5
- package/dist/main.es126.js +9 -8
- package/dist/main.es127.js +4 -6
- package/dist/main.es128.js +15 -9
- package/dist/main.es129.js +10 -13
- package/dist/main.es13.js +52 -244
- package/dist/main.es130.js +6 -8
- package/dist/main.es131.js +13 -24
- package/dist/main.es132.js +9 -21
- package/dist/main.es133.js +26 -10
- package/dist/main.es134.js +21 -9
- package/dist/main.es135.js +5 -5
- package/dist/main.es136.js +8 -14
- package/dist/main.es137.js +5 -5
- package/dist/main.es138.js +16 -8
- package/dist/main.es139.js +3 -3
- package/dist/main.es14.js +256 -21
- package/dist/main.es140.js +5 -5
- package/dist/main.es141.js +5 -5
- package/dist/main.es142.js +3 -3
- package/dist/main.es143.js +4 -4
- package/dist/main.es144.js +4 -4
- package/dist/main.es145.js +3 -3
- package/dist/main.es146.js +4 -4
- package/dist/main.es147.js +3 -3
- package/dist/main.es148.js +5 -5
- package/dist/main.es149.js +3 -3
- package/dist/main.es15.js +56 -1048
- package/dist/main.es150.js +5 -5
- package/dist/main.es151.js +4 -4
- package/dist/main.es152.js +3 -3
- package/dist/main.es153.js +4 -4
- package/dist/main.es154.js +3 -3
- package/dist/main.es155.js +4 -4
- package/dist/main.es156.js +4 -4
- package/dist/main.es157.js +5 -5
- package/dist/main.es158.js +5 -5
- package/dist/main.es159.js +5 -5
- package/dist/main.es16.js +193 -221
- package/dist/main.es160.js +5 -5
- package/dist/main.es161.js +4 -4
- package/dist/main.es162.js +4 -4
- package/dist/main.es163.js +5 -5
- package/dist/main.es164.js +4 -4
- package/dist/main.es165.js +6 -13
- package/dist/main.es166.js +3 -3
- package/dist/main.es167.js +3 -3
- package/dist/main.es168.js +8 -15
- package/dist/main.es169.js +15 -8
- package/dist/main.es17.js +191 -74
- package/dist/main.es170.js +15 -8
- package/dist/main.es171.js +5 -5
- package/dist/main.es172.js +5 -5
- package/dist/main.es173.js +3 -3
- package/dist/main.es174.js +3 -3
- package/dist/main.es175.js +3 -3
- package/dist/main.es176.js +5 -5
- package/dist/main.es177.js +5 -5
- package/dist/main.es178.js +5 -5
- package/dist/main.es179.js +5 -5
- package/dist/main.es18.js +24 -2
- package/dist/main.es180.js +5 -5
- package/dist/main.es181.js +5 -5
- package/dist/main.es182.js +3 -3
- package/dist/main.es183.js +5 -5
- package/dist/main.es184.js +8 -18
- package/dist/main.es185.js +6 -7
- package/dist/main.es186.js +19 -9
- package/dist/main.es187.js +8 -7
- package/dist/main.es188.js +4 -5
- package/dist/main.es189.js +6 -6
- package/dist/main.es19.js +1035 -518
- package/dist/main.es190.js +7 -8
- package/dist/main.es191.js +5 -5
- package/dist/main.es192.js +5 -5
- package/dist/main.es193.js +5 -7
- package/dist/main.es194.js +10 -13
- package/dist/main.es195.js +6 -6
- package/dist/main.es196.js +9 -10
- package/dist/main.es197.js +12 -17
- package/dist/main.es198.js +17 -9
- package/dist/main.es199.js +17 -12
- package/dist/main.es2.js +8 -5
- package/dist/main.es20.js +221 -193
- package/dist/main.es200.js +5 -7
- package/dist/main.es201.js +14 -9
- package/dist/main.es202.js +9 -14
- package/dist/main.es203.js +9 -14
- package/dist/main.es204.js +15 -11
- package/dist/main.es205.js +11 -14
- package/dist/main.es206.js +8 -7
- package/dist/main.es207.js +13 -10
- package/dist/main.es208.js +6 -13
- package/dist/main.es209.js +7 -5
- package/dist/main.es21.js +96 -61
- package/dist/main.es210.js +19 -9
- package/dist/main.es211.js +9 -5
- package/dist/main.es212.js +7 -10
- package/dist/main.es213.js +5 -11
- package/dist/main.es214.js +9 -10
- package/dist/main.es215.js +9 -14
- package/dist/main.es216.js +11 -21
- package/dist/main.es217.js +8 -10
- package/dist/main.es218.js +14 -11
- package/dist/main.es219.js +19 -9
- package/dist/main.es22.js +2 -250
- package/dist/main.es220.js +6 -6
- package/dist/main.es221.js +7 -5
- package/dist/main.es222.js +10 -26
- package/dist/main.es223.js +11 -27
- package/dist/main.es224.js +4 -6
- package/dist/main.es225.js +26 -10
- package/dist/main.es226.js +26 -10
- package/dist/main.es227.js +8 -6
- package/dist/main.es228.js +6 -6
- package/dist/main.es229.js +5 -5
- package/dist/main.es23.js +537 -23
- package/dist/main.es230.js +5 -5
- package/dist/main.es231.js +7 -5
- package/dist/main.es232.js +4 -4
- package/dist/main.es233.js +6 -6
- package/dist/main.es234.js +8 -13
- package/dist/main.es235.js +8 -13
- package/dist/main.es236.js +6 -6
- package/dist/main.es237.js +15 -7
- package/dist/main.es238.js +10 -8
- package/dist/main.es239.js +8 -13
- package/dist/main.es24.js +248 -30
- package/dist/main.es240.js +7 -15
- package/dist/main.es241.js +8 -8
- package/dist/main.es242.js +14 -11
- package/dist/main.es243.js +14 -11
- package/dist/main.es244.js +14 -9
- package/dist/main.es245.js +8 -6
- package/dist/main.es246.js +13 -8
- package/dist/main.es247.js +11 -8
- package/dist/main.es248.js +5 -5
- package/dist/main.es249.js +9 -7
- package/dist/main.es25.js +9 -16
- package/dist/main.es250.js +8 -11
- package/dist/main.es251.js +11 -8
- package/dist/main.es252.js +4 -11
- package/dist/main.es253.js +5 -7
- package/dist/main.es254.js +8 -11
- package/dist/main.es255.js +7 -5
- package/dist/main.es256.js +13 -8
- package/dist/main.es257.js +5 -5
- package/dist/main.es258.js +6 -6
- package/dist/main.es259.js +7 -19
- package/dist/main.es26.js +7 -14
- package/dist/main.es260.js +5 -5
- package/dist/main.es261.js +6 -15
- package/dist/main.es262.js +11 -16
- package/dist/main.es263.js +5 -7
- package/dist/main.es264.js +10 -10
- package/dist/main.es265.js +23 -9
- package/dist/main.es266.js +7 -5
- package/dist/main.es267.js +19 -10
- package/dist/main.es268.js +4 -4
- package/dist/main.es269.js +9 -25
- package/dist/main.es27.js +24 -7
- package/dist/main.es270.js +7 -12
- package/dist/main.es271.js +11 -8
- package/dist/main.es272.js +28 -9
- package/dist/main.es273.js +13 -10
- package/dist/main.es274.js +8 -11
- package/dist/main.es275.js +7 -27
- package/dist/main.es276.js +7 -5
- package/dist/main.es277.js +12 -10
- package/dist/main.es278.js +29 -8
- package/dist/main.es279.js +11 -8
- package/dist/main.es28.js +20 -14
- package/dist/main.es280.js +10 -14
- package/dist/main.es281.js +5 -11
- package/dist/main.es282.js +7 -7
- package/dist/main.es283.js +11 -19
- package/dist/main.es284.js +7 -5
- package/dist/main.es285.js +9 -10
- package/dist/main.es286.js +18 -8
- package/dist/main.es287.js +7 -12
- package/dist/main.es288.js +7 -9
- package/dist/main.es289.js +5 -5
- package/dist/main.es29.js +8 -9
- package/dist/main.es290.js +17 -10
- package/dist/main.es291.js +9 -14
- package/dist/main.es292.js +5 -5
- package/dist/main.es293.js +7 -11
- package/dist/main.es294.js +7 -7
- package/dist/main.es295.js +5 -5
- package/dist/main.es296.js +4 -4
- package/dist/main.es297.js +14 -11
- package/dist/main.es298.js +5 -7
- package/dist/main.es299.js +4 -4
- package/dist/main.es30.js +24 -9
- package/dist/main.es300.js +13 -8
- package/dist/main.es301.js +5 -5
- package/dist/main.es302.js +6 -6
- package/dist/main.es303.js +7 -16
- package/dist/main.es304.js +11 -21
- package/dist/main.es305.js +7 -10
- package/dist/main.es306.js +9 -8
- package/dist/main.es307.js +21 -12
- package/dist/main.es308.js +12 -9
- package/dist/main.es309.js +8 -9
- package/dist/main.es31.js +8 -13
- package/dist/main.es310.js +9 -7
- package/dist/main.es311.js +6 -4
- package/dist/main.es312.js +9 -8
- package/dist/main.es313.js +5 -6
- package/dist/main.es314.js +6 -7
- package/dist/main.es315.js +14 -9
- package/dist/main.es316.js +13 -8
- package/dist/main.es317.js +12 -8
- package/dist/main.es318.js +5 -5
- package/dist/main.es319.js +7 -10
- package/dist/main.es32.js +9 -17
- package/dist/main.es320.js +8 -13
- package/dist/main.es321.js +6 -21
- package/dist/main.es322.js +7 -14
- package/dist/main.es323.js +11 -14
- package/dist/main.es324.js +25 -13
- package/dist/main.es325.js +15 -8
- package/dist/main.es326.js +15 -9
- package/dist/main.es327.js +10 -7
- package/dist/main.es328.js +7 -12
- package/dist/main.es329.js +6 -7
- package/dist/main.es33.js +9 -12
- package/dist/main.es330.js +6 -6
- package/dist/main.es331.js +13 -22
- package/dist/main.es332.js +9 -4
- package/dist/main.es333.js +6 -6
- package/dist/main.es334.js +26 -12
- package/dist/main.es335.js +4 -11
- package/dist/main.es336.js +6 -6
- package/dist/main.es337.js +4 -4
- package/dist/main.es338.js +8 -6
- package/dist/main.es339.js +7 -8
- package/dist/main.es34.js +13 -8
- package/dist/main.es340.js +5 -7
- package/dist/main.es341.js +6 -6
- package/dist/main.es342.js +8 -7
- package/dist/main.es343.js +8 -6
- package/dist/main.es344.js +6 -6
- package/dist/main.es345.js +6 -8
- package/dist/main.es346.js +6 -6
- package/dist/main.es347.js +10 -17
- package/dist/main.es348.js +8 -6
- package/dist/main.es349.js +9 -16
- package/dist/main.es35.js +12 -28
- package/dist/main.es350.js +16 -9
- package/dist/main.es351.js +7 -7
- package/dist/main.es352.js +9 -7
- package/dist/main.es353.js +4 -4
- package/dist/main.es354.js +6 -6
- package/dist/main.es355.js +7 -7
- package/dist/main.es356.js +9 -19
- package/dist/main.es357.js +9 -14
- package/dist/main.es358.js +8 -8
- package/dist/main.es359.js +19 -11
- package/dist/main.es36.js +9 -24
- package/dist/main.es360.js +13 -8
- package/dist/main.es361.js +14 -11
- package/dist/main.es362.js +3 -3
- package/dist/main.es363.js +9 -16
- package/dist/main.es364.js +5 -5
- package/dist/main.es365.js +11 -23
- package/dist/main.es366.js +15 -8
- package/dist/main.es367.js +8 -6
- package/dist/main.es368.js +23 -9
- package/dist/main.es369.js +4 -4
- package/dist/main.es37.js +30 -9
- package/dist/main.es370.js +20 -9
- package/dist/main.es371.js +21 -4
- package/dist/main.es372.js +20 -100
- package/dist/main.es373.js +10 -363
- package/dist/main.es374.js +4 -23
- package/dist/main.es375.js +99 -60
- package/dist/main.es376.js +62 -2
- package/dist/main.es377.js +364 -2
- package/dist/main.es378.js +23 -2
- package/dist/main.es379.js +2 -2
- package/dist/main.es38.js +24 -9
- package/dist/main.es380.js +2 -2
- package/dist/main.es381.js +2 -2
- package/dist/main.es382.js +2 -2
- package/dist/main.es383.js +2 -2
- package/dist/main.es384.js +2 -2
- package/dist/main.es385.js +2 -2
- package/dist/main.es386.js +2 -2
- package/dist/main.es387.js +2 -2
- package/dist/main.es388.js +2 -2
- package/dist/main.es389.js +2 -2
- package/dist/main.es39.js +7 -8
- package/dist/main.es390.js +2 -2
- package/dist/main.es391.js +2 -2
- package/dist/main.es392.js +2 -2
- package/dist/main.es393.js +2 -2
- package/dist/main.es394.js +2 -2
- package/dist/main.es395.js +2 -2
- package/dist/main.es396.js +2 -2
- package/dist/main.es397.js +2 -2
- package/dist/main.es398.js +2 -2
- package/dist/main.es399.js +2 -2
- package/dist/main.es4.js +3 -3
- package/dist/main.es40.js +9 -21
- package/dist/main.es400.js +2 -2
- package/dist/main.es401.js +2 -2
- package/dist/main.es402.js +2 -2
- package/dist/main.es403.js +2 -2
- package/dist/main.es404.js +2 -2
- package/dist/main.es405.js +2 -2
- package/dist/main.es406.js +2 -2
- package/dist/main.es407.js +2 -2
- package/dist/main.es408.js +2 -2
- package/dist/main.es409.js +2 -2
- package/dist/main.es41.js +11 -17
- package/dist/main.es410.js +2 -2
- package/dist/main.es411.js +2 -2
- package/dist/main.es412.js +2 -2
- package/dist/main.es413.js +2 -2
- package/dist/main.es414.js +2 -2
- package/dist/main.es415.js +2 -2
- package/dist/main.es416.js +2 -2
- package/dist/main.es417.js +2 -2
- package/dist/main.es418.js +2 -2
- package/dist/main.es419.js +2 -2
- package/dist/main.es42.js +6 -5
- package/dist/main.es420.js +2 -2
- package/dist/main.es421.js +2 -2
- package/dist/main.es422.js +2 -2
- package/dist/main.es423.js +2 -2
- package/dist/main.es424.js +2 -2
- package/dist/main.es425.js +2 -2
- package/dist/main.es426.js +2 -2
- package/dist/main.es427.js +2 -2
- package/dist/main.es428.js +2 -2
- package/dist/main.es429.js +2 -2
- package/dist/main.es43.js +19 -9
- package/dist/main.es430.js +2 -2
- package/dist/main.es431.js +2 -2
- package/dist/main.es432.js +2 -2
- package/dist/main.es433.js +2 -2
- package/dist/main.es434.js +2 -2
- package/dist/main.es435.js +2 -2
- package/dist/main.es436.js +2 -2
- package/dist/main.es437.js +2 -2
- package/dist/main.es438.js +2 -2
- package/dist/main.es439.js +2 -2
- package/dist/main.es44.js +23 -9
- package/dist/main.es440.js +2 -2
- package/dist/main.es441.js +2 -2
- package/dist/main.es442.js +2 -2
- package/dist/main.es443.js +2 -2
- package/dist/main.es444.js +2 -2
- package/dist/main.es445.js +2 -2
- package/dist/main.es446.js +2 -2
- package/dist/main.es447.js +2 -2
- package/dist/main.es448.js +2 -2
- package/dist/main.es449.js +2 -2
- package/dist/main.es45.js +8 -11
- package/dist/main.es450.js +2 -2
- package/dist/main.es451.js +2 -2
- package/dist/main.es452.js +2 -2
- package/dist/main.es453.js +2 -2
- package/dist/main.es454.js +2 -2
- package/dist/main.es455.js +2 -2
- package/dist/main.es456.js +2 -2
- package/dist/main.es457.js +2 -2
- package/dist/main.es458.js +2 -2
- package/dist/main.es459.js +2 -2
- package/dist/main.es46.js +9 -17
- package/dist/main.es460.js +2 -2
- package/dist/main.es461.js +2 -2
- package/dist/main.es462.js +2 -2
- package/dist/main.es463.js +2 -2
- package/dist/main.es464.js +2 -2
- package/dist/main.es465.js +2 -2
- package/dist/main.es466.js +2 -2
- package/dist/main.es467.js +2 -2
- package/dist/main.es468.js +2 -2
- package/dist/main.es469.js +2 -2
- package/dist/main.es47.js +9 -14
- package/dist/main.es470.js +2 -2
- package/dist/main.es471.js +2 -2
- package/dist/main.es472.js +2 -2
- package/dist/main.es473.js +2 -2
- package/dist/main.es474.js +2 -2
- package/dist/main.es475.js +2 -2
- package/dist/main.es476.js +2 -2
- package/dist/main.es477.js +2 -2
- package/dist/main.es478.js +2 -2
- package/dist/main.es479.js +2 -2
- package/dist/main.es48.js +14 -9
- package/dist/main.es480.js +2 -2
- package/dist/main.es481.js +2 -2
- package/dist/main.es482.js +2 -2
- package/dist/main.es483.js +2 -2
- package/dist/main.es484.js +2 -2
- package/dist/main.es485.js +2 -2
- package/dist/main.es486.js +2 -2
- package/dist/main.es487.js +2 -2
- package/dist/main.es488.js +2 -2
- package/dist/main.es489.js +2 -2
- package/dist/main.es49.js +14 -9
- package/dist/main.es490.js +2 -2
- package/dist/main.es491.js +2 -2
- package/dist/main.es492.js +2 -2
- package/dist/main.es493.js +2 -2
- package/dist/main.es494.js +2 -2
- package/dist/main.es495.js +2 -2
- package/dist/main.es496.js +2 -2
- package/dist/main.es497.js +2 -2
- package/dist/main.es498.js +2 -2
- package/dist/main.es499.js +2 -2
- package/dist/main.es5.js +3 -3
- package/dist/main.es50.js +9 -14
- package/dist/main.es500.js +2 -2
- package/dist/main.es501.js +2 -2
- package/dist/main.es502.js +2 -2
- package/dist/main.es503.js +2 -2
- package/dist/main.es504.js +2 -2
- package/dist/main.es505.js +2 -2
- package/dist/main.es506.js +2 -2
- package/dist/main.es507.js +2 -2
- package/dist/main.es508.js +2 -2
- package/dist/main.es509.js +2 -2
- package/dist/main.es51.js +6 -6
- package/dist/main.es510.js +2 -2
- package/dist/main.es511.js +2 -2
- package/dist/main.es512.js +2 -2
- package/dist/main.es513.js +2 -2
- package/dist/main.es514.js +2 -2
- package/dist/main.es515.js +2 -2
- package/dist/main.es516.js +2 -2
- package/dist/main.es517.js +2 -2
- package/dist/main.es518.js +2 -2
- package/dist/main.es519.js +2 -2
- package/dist/main.es52.js +8 -8
- package/dist/main.es520.js +2 -2
- package/dist/main.es521.js +2 -2
- package/dist/main.es522.js +2 -2
- package/dist/main.es523.js +2 -2
- package/dist/main.es524.js +2 -2
- package/dist/main.es525.js +2 -2
- package/dist/main.es526.js +2 -2
- package/dist/main.es527.js +2 -2
- package/dist/main.es528.js +2 -2
- package/dist/main.es529.js +2 -2
- package/dist/main.es53.js +5 -7
- package/dist/main.es530.js +2 -2
- package/dist/main.es531.js +2 -2
- package/dist/main.es532.js +2 -2
- package/dist/main.es533.js +2 -2
- package/dist/main.es534.js +2 -2
- package/dist/main.es535.js +2 -2
- package/dist/main.es536.js +2 -2
- package/dist/main.es537.js +2 -2
- package/dist/main.es538.js +2 -2
- package/dist/main.es539.js +2 -2
- package/dist/main.es54.js +14 -10
- package/dist/main.es540.js +2 -2
- package/dist/main.es541.js +2 -2
- package/dist/main.es542.js +2 -2
- package/dist/main.es543.js +2 -2
- package/dist/main.es544.js +2 -2
- package/dist/main.es545.js +2 -2
- package/dist/main.es546.js +2 -2
- package/dist/main.es547.js +2 -2
- package/dist/main.es548.js +2 -2
- package/dist/main.es549.js +2 -2
- package/dist/main.es55.js +5 -5
- package/dist/main.es550.js +2 -2
- package/dist/main.es551.js +2 -2
- package/dist/main.es552.js +2 -2
- package/dist/main.es553.js +2 -2
- package/dist/main.es554.js +2 -2
- package/dist/main.es555.js +2 -2
- package/dist/main.es556.js +2 -2
- package/dist/main.es557.js +2 -2
- package/dist/main.es558.js +2 -2
- package/dist/main.es559.js +2 -2
- package/dist/main.es56.js +7 -6
- package/dist/main.es560.js +2 -2
- package/dist/main.es561.js +2 -2
- package/dist/main.es562.js +2 -2
- package/dist/main.es563.js +2 -2
- package/dist/main.es564.js +2 -2
- package/dist/main.es565.js +2 -2
- package/dist/main.es566.js +2 -2
- package/dist/main.es567.js +2 -2
- package/dist/main.es568.js +2 -2
- package/dist/main.es569.js +2 -2
- package/dist/main.es57.js +5 -5
- package/dist/main.es570.js +2 -2
- package/dist/main.es571.js +2 -2
- package/dist/main.es572.js +2 -2
- package/dist/main.es573.js +2 -2
- package/dist/main.es574.js +2 -2
- package/dist/main.es575.js +2 -2
- package/dist/main.es576.js +2 -2
- package/dist/main.es577.js +2 -2
- package/dist/main.es578.js +2 -2
- package/dist/main.es579.js +2 -2
- package/dist/main.es58.js +5 -5
- package/dist/main.es580.js +2 -2
- package/dist/main.es581.js +2 -2
- package/dist/main.es582.js +2 -2
- package/dist/main.es583.js +2 -2
- package/dist/main.es584.js +2 -2
- package/dist/main.es585.js +2 -2
- package/dist/main.es586.js +2 -2
- package/dist/main.es587.js +2 -2
- package/dist/main.es588.js +2 -2
- package/dist/main.es589.js +2 -2
- package/dist/main.es59.js +8 -6
- package/dist/main.es590.js +2 -2
- package/dist/main.es591.js +2 -2
- package/dist/main.es592.js +2 -2
- package/dist/main.es593.js +2 -2
- package/dist/main.es594.js +2 -2
- package/dist/main.es595.js +2 -2
- package/dist/main.es596.js +2 -2
- package/dist/main.es597.js +2 -2
- package/dist/main.es598.js +2 -2
- package/dist/main.es599.js +2 -2
- package/dist/main.es6.js +4 -4
- package/dist/main.es60.js +5 -7
- package/dist/main.es600.js +2 -2
- package/dist/main.es601.js +2 -2
- package/dist/main.es602.js +2 -2
- package/dist/main.es603.js +2 -2
- package/dist/main.es604.js +2 -2
- package/dist/main.es605.js +2 -2
- package/dist/main.es606.js +2 -2
- package/dist/main.es607.js +2 -2
- package/dist/main.es608.js +2 -2
- package/dist/main.es609.js +2 -2
- package/dist/main.es61.js +11 -8
- package/dist/main.es610.js +2 -2
- package/dist/main.es611.js +2 -2
- package/dist/main.es612.js +2 -2
- package/dist/main.es613.js +2 -2
- package/dist/main.es614.js +2 -2
- package/dist/main.es615.js +2 -2
- package/dist/main.es616.js +2 -2
- package/dist/main.es617.js +2 -2
- package/dist/main.es618.js +2 -2
- package/dist/main.es619.js +2 -2
- package/dist/main.es62.js +6 -4
- package/dist/main.es620.js +2 -2
- package/dist/main.es621.js +2 -2
- package/dist/main.es622.js +2 -2
- package/dist/main.es623.js +2 -2
- package/dist/main.es624.js +2 -2
- package/dist/main.es625.js +2 -2
- package/dist/main.es626.js +2 -2
- package/dist/main.es627.js +2 -2
- package/dist/main.es628.js +2 -2
- package/dist/main.es629.js +2 -2
- package/dist/main.es63.js +8 -11
- package/dist/main.es630.js +2 -2
- package/dist/main.es631.js +2 -2
- package/dist/main.es632.js +2 -2
- package/dist/main.es633.js +2 -2
- package/dist/main.es634.js +2 -2
- package/dist/main.es635.js +2 -2
- package/dist/main.es636.js +2 -2
- package/dist/main.es637.js +2 -2
- package/dist/main.es638.js +2 -2
- package/dist/main.es639.js +2 -2
- package/dist/main.es64.js +9 -7
- package/dist/main.es640.js +2 -2
- package/dist/main.es641.js +2 -2
- package/dist/main.es642.js +2 -2
- package/dist/main.es643.js +2 -2
- package/dist/main.es644.js +2 -2
- package/dist/main.es645.js +2 -2
- package/dist/main.es646.js +2 -2
- package/dist/main.es647.js +2 -2
- package/dist/main.es648.js +2 -2
- package/dist/main.es649.js +2 -2
- package/dist/main.es65.js +11 -8
- package/dist/main.es650.js +2 -2
- package/dist/main.es651.js +2 -2
- package/dist/main.es652.js +2 -2
- package/dist/main.es653.js +2 -2
- package/dist/main.es654.js +2 -2
- package/dist/main.es655.js +2 -2
- package/dist/main.es656.js +2 -2
- package/dist/main.es657.js +2 -2
- package/dist/main.es658.js +2 -2
- package/dist/main.es659.js +2 -2
- package/dist/main.es66.js +7 -9
- package/dist/main.es660.js +2 -2
- package/dist/main.es661.js +2 -2
- package/dist/main.es662.js +2 -2
- package/dist/main.es663.js +2 -2
- package/dist/main.es664.js +2 -2
- package/dist/main.es665.js +2 -2
- package/dist/main.es666.js +2 -2
- package/dist/main.es667.js +2 -2
- package/dist/main.es668.js +2 -2
- package/dist/main.es669.js +2 -2
- package/dist/main.es67.js +7 -15
- package/dist/main.es670.js +2 -2
- package/dist/main.es671.js +2 -2
- package/dist/main.es672.js +2 -2
- package/dist/main.es673.js +2 -2
- package/dist/main.es674.js +2 -2
- package/dist/main.es675.js +2 -2
- package/dist/main.es676.js +2 -2
- package/dist/main.es677.js +2 -2
- package/dist/main.es678.js +2 -2
- package/dist/main.es679.js +2 -2
- package/dist/main.es68.js +9 -14
- package/dist/main.es680.js +2 -2
- package/dist/main.es681.js +2 -2
- package/dist/main.es682.js +2 -2
- package/dist/main.es683.js +2 -2
- package/dist/main.es684.js +2 -2
- package/dist/main.es685.js +2 -2
- package/dist/main.es686.js +2 -2
- package/dist/main.es687.js +2 -2
- package/dist/main.es688.js +2 -2
- package/dist/main.es689.js +2 -2
- package/dist/main.es69.js +11 -6
- package/dist/main.es690.js +2 -2
- package/dist/main.es691.js +2 -2
- package/dist/main.es692.js +2 -2
- package/dist/main.es693.js +2 -2
- package/dist/main.es694.js +2 -2
- package/dist/main.es695.js +2 -2
- package/dist/main.es696.js +2 -2
- package/dist/main.es697.js +2 -2
- package/dist/main.es698.js +2 -2
- package/dist/main.es699.js +2 -2
- package/dist/main.es70.js +13 -8
- package/dist/main.es700.js +2 -2
- package/dist/main.es701.js +2 -2
- package/dist/main.es702.js +2 -2
- package/dist/main.es703.js +2 -2
- package/dist/main.es704.js +2 -2
- package/dist/main.es705.js +2 -2
- package/dist/main.es706.js +2 -2
- package/dist/main.es707.js +2 -2
- package/dist/main.es708.js +2 -2
- package/dist/main.es709.js +2 -2
- package/dist/main.es71.js +4 -4
- package/dist/main.es710.js +2 -2
- package/dist/main.es711.js +2 -2
- package/dist/main.es712.js +2 -2
- package/dist/main.es713.js +2 -2
- package/dist/main.es714.js +2 -2
- package/dist/main.es715.js +2 -2
- package/dist/main.es716.js +2 -2
- package/dist/main.es717.js +2 -2
- package/dist/main.es718.js +2 -2
- package/dist/main.es719.js +2 -2
- package/dist/main.es72.js +4 -4
- package/dist/main.es720.js +2 -2
- package/dist/main.es721.js +2 -2
- package/dist/main.es722.js +2 -2
- package/dist/main.es723.js +4 -0
- package/dist/main.es724.js +4 -0
- package/dist/main.es725.js +4 -0
- package/dist/main.es726.js +4 -0
- package/dist/main.es73.js +12 -20
- package/dist/main.es74.js +10 -20
- package/dist/main.es75.js +20 -12
- package/dist/main.es76.js +20 -10
- package/dist/main.es77.js +8 -15
- package/dist/main.es78.js +9 -19
- package/dist/main.es79.js +12 -11
- package/dist/main.es8.js +78 -0
- package/dist/main.es80.js +17 -14
- package/dist/main.es81.js +9 -9
- package/dist/main.es82.js +16 -9
- package/dist/main.es83.js +13 -6
- package/dist/main.es84.js +6 -8
- package/dist/main.es85.js +6 -12
- package/dist/main.es86.js +9 -19
- package/dist/main.es87.js +14 -9
- package/dist/main.es88.js +21 -11
- package/dist/main.es89.js +5 -5
- package/dist/main.es9.js +23 -2
- package/dist/main.es90.js +12 -13
- package/dist/main.es91.js +9 -19
- package/dist/main.es92.js +16 -10
- package/dist/main.es93.js +16 -11
- package/dist/main.es94.js +9 -17
- package/dist/main.es95.js +13 -8
- package/dist/main.es96.js +14 -9
- package/dist/main.es97.js +7 -8
- package/dist/main.es98.js +9 -14
- package/dist/main.es99.js +11 -15
- package/package.json +1 -1
- package/src/App.vue +3 -1
- package/src/DemoChart.vue +424 -0
- package/src/TestChart.vue +229 -0
- package/src/assets/svgIcons/flip_horizontally.svg +6 -0
- package/src/assets/theme.js +78 -0
- package/src/components/barchart/BottomFields.vue +126 -36
- package/src/components/barchart/composables/useAxisCalculations.js +1 -1
- package/src/components/barchart/composables/useChartData.js +1 -1
- package/src/components/barchart/composables/useTooltip.js +28 -3
- package/src/components/barchart/index.vue +58 -15
- package/src/components/barchart/styles/bottomFields.js +18 -4
- package/src/components/barchart/styles/chart.js +1 -0
- package/src/components/buttons/mainButton/index.vue +2 -0
- package/src/components/errorMessage/index.vue +1 -1
- package/src/components/icon/index.vue +4 -2
- package/src/components/infoCard/index.vue +15 -3
- package/src/components/infoCard/infoCard.spec.js +3 -3
- package/src/components/infoText/index.vue +36 -31
- package/src/components/inputs/inputNumber/index.vue +91 -6
- package/src/components/pageTitle/index.vue +0 -1
- package/src/components/tag/proTag/index.vue +19 -0
@@ -0,0 +1,229 @@
|
|
1
|
+
<template>
|
2
|
+
<div
|
3
|
+
style="
|
4
|
+
margin-top: 100px;
|
5
|
+
margin-left: 80px;
|
6
|
+
padding-bottom: 100px;
|
7
|
+
display: flex;
|
8
|
+
flex-direction: column;
|
9
|
+
"
|
10
|
+
>
|
11
|
+
<!-- Simple bar chart -->
|
12
|
+
<BarChart
|
13
|
+
:bar-width="60"
|
14
|
+
chart-controls-position="bottom"
|
15
|
+
:data="monthlyData"
|
16
|
+
height="400px"
|
17
|
+
:is-bottom-fields-shown="true"
|
18
|
+
:is-scrollable="false"
|
19
|
+
:is-selection-enabled="true"
|
20
|
+
:selection-size="3"
|
21
|
+
:value-formatter="valueFormatter"
|
22
|
+
width="700px"
|
23
|
+
@selection-change="handleSelectionChange"
|
24
|
+
/>
|
25
|
+
<br />
|
26
|
+
<br />
|
27
|
+
|
28
|
+
<!-- Stacked bar chart -->
|
29
|
+
<BarChart
|
30
|
+
:bar-width="60"
|
31
|
+
:data="monthLabels"
|
32
|
+
height="400px"
|
33
|
+
:is-bottom-fields-shown="true"
|
34
|
+
:is-legend-shown="true"
|
35
|
+
:legends-item-per-row="4"
|
36
|
+
:selected-split-button="selectedTimeFrame"
|
37
|
+
:series="tariffZones"
|
38
|
+
:show-percentage-on-tooltip="true"
|
39
|
+
:split-button-options="options"
|
40
|
+
:value-formatter="valueFormatter"
|
41
|
+
width="700px"
|
42
|
+
y-axis-title="Energy (kWh)"
|
43
|
+
@input-blur="handleInputBlur"
|
44
|
+
@select-split-button="handleSelectSplitButton"
|
45
|
+
/>
|
46
|
+
|
47
|
+
<!-- Stacked bar chart -->
|
48
|
+
<BarChart
|
49
|
+
:bar-width="60"
|
50
|
+
:data="monthLabels"
|
51
|
+
field-mode="percentage"
|
52
|
+
height="400px"
|
53
|
+
:is-bottom-fields-shown="true"
|
54
|
+
:is-legend-shown="false"
|
55
|
+
:legends-item-per-row="4"
|
56
|
+
:series="tariffZones"
|
57
|
+
:value-formatter="valueFormatter"
|
58
|
+
width="700px"
|
59
|
+
@input-blur="handleInputBlur"
|
60
|
+
@select-split-button="handleSelectSplitButton"
|
61
|
+
>
|
62
|
+
<!-- <template #tooltip="{ item, segment }">
|
63
|
+
<div style="display: flex; flex-direction: column">
|
64
|
+
{{ $c.log(item, segment) }}
|
65
|
+
<div>{{ item.label }}</div>
|
66
|
+
<div>{{ item.segments[0].value }} kWh</div>
|
67
|
+
</div>
|
68
|
+
</template> -->
|
69
|
+
</BarChart>
|
70
|
+
</div>
|
71
|
+
</template>
|
72
|
+
|
73
|
+
<script setup>
|
74
|
+
import { ref } from 'vue'
|
75
|
+
import BarChart from '@/components/barchart/index.vue'
|
76
|
+
|
77
|
+
const options = [
|
78
|
+
{ label: 'Day', value: 'day' },
|
79
|
+
{ label: 'Month', value: 'month' },
|
80
|
+
{ label: 'Year', value: 'year' },
|
81
|
+
]
|
82
|
+
|
83
|
+
const selectedTimeFrame = ref('day')
|
84
|
+
|
85
|
+
const handleSelectSplitButton = (value) => {
|
86
|
+
selectedTimeFrame.value = value
|
87
|
+
}
|
88
|
+
|
89
|
+
const monthlyData = [
|
90
|
+
{ label: 'Jan', value: 300 },
|
91
|
+
{ label: 'Feb', value: 600 },
|
92
|
+
{ label: 'Mar', value: 1000 },
|
93
|
+
{ label: 'Apr', value: 1200 },
|
94
|
+
{ label: 'May', value: 1400 },
|
95
|
+
{ label: 'Jun', value: 1810 },
|
96
|
+
{ label: 'Jul', value: 1400 },
|
97
|
+
{ label: 'Aug', value: 1200 },
|
98
|
+
{ label: 'Sep', value: 1000 },
|
99
|
+
// { label: 'Oct', value: 800 },
|
100
|
+
// { label: 'Nov', value: 600 },
|
101
|
+
// { label: 'Dec', value: 400 },
|
102
|
+
// { label: 'Jan', value: 300 },
|
103
|
+
// { label: 'Feb', value: 600 },
|
104
|
+
// { label: 'Mar', value: 1000 },
|
105
|
+
// { label: 'Apr', value: 1200 },
|
106
|
+
// { label: 'May', value: 1400 },
|
107
|
+
// { label: 'Jun', value: 1810 },
|
108
|
+
// { label: 'Jul', value: 1400 },
|
109
|
+
// { label: 'Aug', value: 1200 },
|
110
|
+
// { label: 'Sep', value: 1000 },
|
111
|
+
// { label: 'Oct', value: 800 },
|
112
|
+
// { label: 'Nov', value: 600 },
|
113
|
+
// { label: 'Dec', value: 400 },
|
114
|
+
|
115
|
+
// ... more months
|
116
|
+
]
|
117
|
+
|
118
|
+
const monthLabels = [
|
119
|
+
{ label: 'Jan' },
|
120
|
+
{ label: 'Feb' },
|
121
|
+
{ label: 'Mar' },
|
122
|
+
{ label: 'Apr' },
|
123
|
+
{ label: 'May' },
|
124
|
+
{ label: 'Jun' },
|
125
|
+
// ... more months
|
126
|
+
]
|
127
|
+
|
128
|
+
const tariffZones = ref([
|
129
|
+
{
|
130
|
+
name: 'Tariff Zone 1',
|
131
|
+
data: [
|
132
|
+
{ label: 'Jan', value: 200 },
|
133
|
+
{ label: 'Feb', value: 130 },
|
134
|
+
{ label: 'Mar', value: 220 },
|
135
|
+
{ label: 'Apr', value: 230 },
|
136
|
+
{ label: 'May', value: 200 },
|
137
|
+
{ label: 'Jun', value: 210 },
|
138
|
+
// ... more months
|
139
|
+
],
|
140
|
+
},
|
141
|
+
{
|
142
|
+
name: 'Tariff Zone 2',
|
143
|
+
data: [
|
144
|
+
{ label: 'Jan', value: 200 },
|
145
|
+
{ label: 'Feb', value: 100 },
|
146
|
+
{ label: 'Mar', value: 270 },
|
147
|
+
{ label: 'Apr', value: 180 },
|
148
|
+
{ label: 'May', value: 300 },
|
149
|
+
{ label: 'Jun', value: 250 },
|
150
|
+
// ... more months
|
151
|
+
],
|
152
|
+
},
|
153
|
+
{
|
154
|
+
name: 'Tariff Zone 3',
|
155
|
+
data: [
|
156
|
+
{ label: 'Jan', value: 200 },
|
157
|
+
{ label: 'Feb', value: 100 },
|
158
|
+
{ label: 'Mar', value: 210 },
|
159
|
+
{ label: 'Apr', value: 220 },
|
160
|
+
{ label: 'May', value: 300 },
|
161
|
+
{ label: 'Jun', value: 190 },
|
162
|
+
// ... more months
|
163
|
+
],
|
164
|
+
},
|
165
|
+
{
|
166
|
+
name: 'Tariff Zone 4',
|
167
|
+
data: [
|
168
|
+
{ label: 'Jan', value: 200 },
|
169
|
+
{ label: 'Feb', value: 100 },
|
170
|
+
{ label: 'Mar', value: 210 },
|
171
|
+
{ label: 'Apr', value: 220 },
|
172
|
+
{ label: 'May', value: 300 },
|
173
|
+
{ label: 'Jun', value: 190 },
|
174
|
+
// ... more months
|
175
|
+
],
|
176
|
+
},
|
177
|
+
{
|
178
|
+
name: 'Tariff Zone 5',
|
179
|
+
data: [
|
180
|
+
{ label: 'Jan', value: 200 },
|
181
|
+
{ label: 'Feb', value: 100 },
|
182
|
+
{ label: 'Mar', value: 210 },
|
183
|
+
{ label: 'Apr', value: 220 },
|
184
|
+
{ label: 'May', value: 300 },
|
185
|
+
{ label: 'Jun', value: 190 },
|
186
|
+
// ... more months
|
187
|
+
],
|
188
|
+
},
|
189
|
+
{
|
190
|
+
name: 'Tariff Zone 6',
|
191
|
+
data: [
|
192
|
+
{ label: 'Jan', value: 200 },
|
193
|
+
{ label: 'Feb', value: 100 },
|
194
|
+
{ label: 'Mar', value: 210 },
|
195
|
+
{ label: 'Apr', value: 220 },
|
196
|
+
{ label: 'May', value: 300 },
|
197
|
+
{ label: 'Jun', value: 190 },
|
198
|
+
// ... more months
|
199
|
+
],
|
200
|
+
},
|
201
|
+
// ... more tariff zones
|
202
|
+
])
|
203
|
+
|
204
|
+
const valueFormatter = (value) => {
|
205
|
+
return `${value} kWh`
|
206
|
+
}
|
207
|
+
|
208
|
+
const handleSelectionChange = (selectedBars) => {
|
209
|
+
console.log('selectedBars', selectedBars)
|
210
|
+
}
|
211
|
+
|
212
|
+
const handleInputBlur = (payload) => {
|
213
|
+
const newVal = [...tariffZones.value].map((zone) => {
|
214
|
+
if (zone.name === payload.seriesName) {
|
215
|
+
zone.data = zone.data.map((item) => {
|
216
|
+
if (item.label === payload.label) {
|
217
|
+
item.value = payload.value
|
218
|
+
}
|
219
|
+
return item
|
220
|
+
})
|
221
|
+
}
|
222
|
+
return zone
|
223
|
+
})
|
224
|
+
|
225
|
+
tariffZones.value = newVal
|
226
|
+
}
|
227
|
+
</script>
|
228
|
+
|
229
|
+
<style lang="scss" scoped></style>
|
package/src/assets/theme.js
CHANGED
@@ -416,6 +416,30 @@ const theme = (() => {
|
|
416
416
|
},
|
417
417
|
},
|
418
418
|
},
|
419
|
+
protag: {
|
420
|
+
main: {
|
421
|
+
default: {
|
422
|
+
backgroundColor: semanticColors.yellow[300],
|
423
|
+
textColor: semanticColors.teal[800],
|
424
|
+
borderColor: 'transparent',
|
425
|
+
},
|
426
|
+
hover: {
|
427
|
+
backgroundColor: semanticColors.yellow[300],
|
428
|
+
textColor: semanticColors.teal[800],
|
429
|
+
borderColor: '',
|
430
|
+
},
|
431
|
+
active: {
|
432
|
+
backgroundColor: semanticColors.yellow[300],
|
433
|
+
textColor: semanticColors.teal[800],
|
434
|
+
borderColor: '',
|
435
|
+
},
|
436
|
+
disabled: {
|
437
|
+
backgroundColor: semanticColors.yellow[300],
|
438
|
+
textColor: semanticColors.teal[400],
|
439
|
+
borderColor: '',
|
440
|
+
},
|
441
|
+
},
|
442
|
+
},
|
419
443
|
filter: {
|
420
444
|
main: {
|
421
445
|
default: {
|
@@ -590,6 +614,55 @@ const theme = (() => {
|
|
590
614
|
},
|
591
615
|
},
|
592
616
|
},
|
617
|
+
tertiary: {
|
618
|
+
// type
|
619
|
+
main: {
|
620
|
+
// variant: this is the default variant
|
621
|
+
default: {
|
622
|
+
backgroundColor: 'transparent',
|
623
|
+
textColor: semanticColors.purple[50],
|
624
|
+
borderColor: semanticColors.teal[500],
|
625
|
+
},
|
626
|
+
hover: {
|
627
|
+
backgroundColor: semanticColors.teal[600],
|
628
|
+
textColor: semanticColors.purple[50],
|
629
|
+
borderColor: semanticColors.teal[400],
|
630
|
+
},
|
631
|
+
active: {
|
632
|
+
backgroundColor: semanticColors.teal[700],
|
633
|
+
textColor: semanticColors.purple[50],
|
634
|
+
borderColor: semanticColors.teal[300],
|
635
|
+
},
|
636
|
+
disabled: {
|
637
|
+
textColor: semanticColors.grey[600],
|
638
|
+
backgroundColor: semanticColors.grey[500],
|
639
|
+
borderColor: semanticColors.grey[800],
|
640
|
+
},
|
641
|
+
},
|
642
|
+
cancel: {
|
643
|
+
// variant
|
644
|
+
default: {
|
645
|
+
backgroundColor: semanticColors.teal[200],
|
646
|
+
textColor: semanticColors.red[400],
|
647
|
+
borderColor: semanticColors.teal[500],
|
648
|
+
},
|
649
|
+
hover: {
|
650
|
+
backgroundColor: semanticColors.red[700],
|
651
|
+
textColor: semanticColors.red[700],
|
652
|
+
borderColor: semanticColors.teal[400],
|
653
|
+
},
|
654
|
+
active: {
|
655
|
+
backgroundColor: semanticColors.red[600],
|
656
|
+
textColor: semanticColors.red[200],
|
657
|
+
borderColor: semanticColors.teal[300],
|
658
|
+
},
|
659
|
+
disabled: {
|
660
|
+
textColor: semanticColors.grey[600],
|
661
|
+
backgroundColor: semanticColors.grey[500],
|
662
|
+
borderColor: semanticColors.grey[800],
|
663
|
+
},
|
664
|
+
},
|
665
|
+
},
|
593
666
|
ghost: {
|
594
667
|
// type
|
595
668
|
main: {
|
@@ -680,6 +753,11 @@ const theme = (() => {
|
|
680
753
|
fontSize: '14px',
|
681
754
|
iconWidth: '26px',
|
682
755
|
},
|
756
|
+
tiny: {
|
757
|
+
padding: '2px 5px',
|
758
|
+
fontSize: '10px',
|
759
|
+
iconWidth: '18px',
|
760
|
+
},
|
683
761
|
},
|
684
762
|
},
|
685
763
|
}
|
@@ -1,14 +1,14 @@
|
|
1
1
|
<template>
|
2
2
|
<Container :is-chart-controls-shown-in-bottom="isChartControlsShownInBottom">
|
3
3
|
<LabelsColumn :width="yAxisWidth">
|
4
|
-
<LabelRow v-for="series in
|
4
|
+
<LabelRow v-for="series in seriesData" :key="series.name">
|
5
5
|
{{ series.name }}
|
6
6
|
</LabelRow>
|
7
|
-
<TotalRow v-if="
|
8
|
-
{{ $gettext ? $gettext('Total (%)
|
7
|
+
<TotalRow v-if="seriesData.length && fieldMode === 'percentage'">
|
8
|
+
{{ $gettext ? `${$gettext('Total')} (%)` : 'Total (%)' }}
|
9
9
|
</TotalRow>
|
10
|
-
<TotalRow v-if="
|
11
|
-
{{ $gettext ? $gettext('Total (kWh)
|
10
|
+
<TotalRow v-if="seriesData.length">
|
11
|
+
{{ $gettext ? `${$gettext('Total')} (kWh)` : 'Total (kWh)' }}
|
12
12
|
</TotalRow>
|
13
13
|
</LabelsColumn>
|
14
14
|
|
@@ -18,27 +18,36 @@
|
|
18
18
|
>
|
19
19
|
<FieldsWrapper>
|
20
20
|
<!-- For stacked bar chart -->
|
21
|
-
<template v-if="
|
21
|
+
<template v-if="seriesData.length">
|
22
22
|
<InputRow
|
23
|
-
v-for="series in
|
23
|
+
v-for="series in seriesData"
|
24
24
|
:key="series.name"
|
25
25
|
:data-series-name="series.name"
|
26
26
|
>
|
27
27
|
<InputGroup
|
28
28
|
v-for="(item, index) in props.data"
|
29
|
+
:key="index"
|
29
30
|
:bar-width="barWidth"
|
30
31
|
:is-scrollable="isScrollable"
|
31
|
-
:key="index"
|
32
32
|
>
|
33
33
|
<InputNumber
|
34
34
|
:allow-negative="false"
|
35
|
+
:disabled="isInputsDisabled"
|
35
36
|
input-height="36px"
|
36
|
-
:
|
37
|
+
:is-disabled-styled-only="true"
|
38
|
+
:is-info-border="
|
39
|
+
fieldMode === 'percentage'
|
40
|
+
? calculatePercentageTotal(item.label) !== 100
|
41
|
+
: false
|
42
|
+
"
|
37
43
|
:min-decimals="0"
|
44
|
+
:number-precision="fieldMode === 'percentage' ? 2 : 0"
|
38
45
|
text-align="center"
|
39
46
|
:unit-name="fieldMode === 'percentage' ? '%' : ''"
|
40
47
|
:value="getDisplayValue(series.data, item.label)"
|
41
|
-
@input-blur="
|
48
|
+
@input-blur="
|
49
|
+
handleInputBlur($event, series.name, item.label, series.data)
|
50
|
+
"
|
42
51
|
@input-focus="handleInputFocus(series.name, item.label)"
|
43
52
|
/>
|
44
53
|
</InputGroup>
|
@@ -47,16 +56,18 @@
|
|
47
56
|
<TotalInputRow v-if="fieldMode === 'percentage'">
|
48
57
|
<InputGroup
|
49
58
|
v-for="(item, index) in props.data"
|
59
|
+
:key="index"
|
50
60
|
:bar-width="barWidth"
|
51
61
|
:is-scrollable="isScrollable"
|
52
|
-
:key="index"
|
53
62
|
>
|
54
63
|
<InputNumber
|
55
64
|
:allow-negative="false"
|
65
|
+
:disabled="isInputsDisabled"
|
56
66
|
input-height="36px"
|
67
|
+
:is-disabled-styled-only="true"
|
57
68
|
:is-read-only="true"
|
58
|
-
:number-precision="0"
|
59
69
|
:min-decimals="0"
|
70
|
+
:number-precision="fieldMode === 'percentage' ? 2 : 0"
|
60
71
|
text-align="center"
|
61
72
|
:unit-name="fieldMode === 'percentage' ? '%' : ''"
|
62
73
|
:value="calculatePercentageTotal(item.label)"
|
@@ -67,17 +78,23 @@
|
|
67
78
|
<TotalInputRow>
|
68
79
|
<InputGroup
|
69
80
|
v-for="(item, index) in props.data"
|
81
|
+
:key="index"
|
70
82
|
:bar-width="barWidth"
|
71
83
|
:is-scrollable="isScrollable"
|
72
|
-
:key="index"
|
73
84
|
>
|
74
85
|
<InputNumber
|
75
86
|
input-height="36px"
|
87
|
+
:is-border-error-only="true"
|
88
|
+
:is-info-border="
|
89
|
+
fieldMode === 'percentage'
|
90
|
+
? calculatePercentageTotal(item.label) !== 100
|
91
|
+
: false
|
92
|
+
"
|
76
93
|
:is-read-only="true"
|
77
|
-
:number-precision="2"
|
78
94
|
:min-decimals="0"
|
95
|
+
:number-precision="0"
|
79
96
|
text-align="center"
|
80
|
-
:value="
|
97
|
+
:value="calculateTotalValue(item.label)"
|
81
98
|
/>
|
82
99
|
</InputGroup>
|
83
100
|
</TotalInputRow>
|
@@ -88,17 +105,20 @@
|
|
88
105
|
<InputRow>
|
89
106
|
<InputGroup
|
90
107
|
v-for="(item, index) in props.data"
|
108
|
+
:key="index"
|
91
109
|
:bar-width="barWidth"
|
92
110
|
:is-scrollable="isScrollable"
|
93
|
-
:key="index"
|
94
111
|
>
|
95
112
|
<InputNumber
|
113
|
+
:allow-negative="false"
|
114
|
+
:disabled="isInputsDisabled"
|
96
115
|
input-height="36px"
|
116
|
+
:is-disabled-styled-only="true"
|
97
117
|
:min-decimals="0"
|
98
|
-
:number-precision="
|
118
|
+
:number-precision="0"
|
99
119
|
text-align="center"
|
100
120
|
:value="item.value"
|
101
|
-
@input-blur="handleInputBlur($event, null, item.label)"
|
121
|
+
@input-blur="handleInputBlur($event, null, item.label, null)"
|
102
122
|
@input-focus="handleInputFocus(null, item.label)"
|
103
123
|
/>
|
104
124
|
</InputGroup>
|
@@ -107,11 +127,22 @@
|
|
107
127
|
</FieldsWrapper>
|
108
128
|
</FieldsContainer>
|
109
129
|
</Container>
|
130
|
+
<InfoCardContainer
|
131
|
+
v-if="hasAnySegmentNotTotatTo100Percent && fieldMode === 'percentage'"
|
132
|
+
:yAxisWidth="yAxisWidth"
|
133
|
+
>
|
134
|
+
<InfoCard align-items="center" type="info">
|
135
|
+
<InfoCardBody>
|
136
|
+
{{ percentageErrorMessage }}
|
137
|
+
</InfoCardBody>
|
138
|
+
</InfoCard>
|
139
|
+
</InfoCardContainer>
|
110
140
|
</template>
|
111
141
|
|
112
142
|
<script setup>
|
113
|
-
import { ref } from 'vue'
|
143
|
+
import { ref, computed, watchEffect } from 'vue'
|
114
144
|
import InputNumber from '../inputs/inputNumber'
|
145
|
+
import InfoCard from '../infoCard'
|
115
146
|
|
116
147
|
import {
|
117
148
|
Container,
|
@@ -123,6 +154,8 @@
|
|
123
154
|
InputRow,
|
124
155
|
TotalInputRow,
|
125
156
|
InputGroup,
|
157
|
+
InfoCardContainer,
|
158
|
+
InfoCardBody,
|
126
159
|
} from './styles/bottomFields'
|
127
160
|
|
128
161
|
const props = defineProps({
|
@@ -159,6 +192,51 @@
|
|
159
192
|
default: 'absolute',
|
160
193
|
validator: (value) => ['absolute', 'percentage'].includes(value),
|
161
194
|
},
|
195
|
+
isInputsDisabled: {
|
196
|
+
type: Boolean,
|
197
|
+
default: false,
|
198
|
+
},
|
199
|
+
percentageErrorMessage: {
|
200
|
+
type: String,
|
201
|
+
default: '',
|
202
|
+
},
|
203
|
+
})
|
204
|
+
|
205
|
+
const seriesData = ref([])
|
206
|
+
|
207
|
+
watchEffect(() => {
|
208
|
+
let isNewSetOfSeries = false
|
209
|
+
const seriesDataCopy = [...seriesData.value]
|
210
|
+
if (
|
211
|
+
!seriesDataCopy.length ||
|
212
|
+
!props.series.length ||
|
213
|
+
seriesDataCopy.length !== props.series.length ||
|
214
|
+
!seriesDataCopy.some((item) => {
|
215
|
+
return props.series.map((s) => s.name).includes(item.name)
|
216
|
+
})
|
217
|
+
) {
|
218
|
+
isNewSetOfSeries = true
|
219
|
+
}
|
220
|
+
const currentSeriesData = !isNewSetOfSeries ? seriesDataCopy : []
|
221
|
+
const newSeriesData = []
|
222
|
+
|
223
|
+
props.series.forEach((item, itemIndex) => {
|
224
|
+
const data = item.data.map((d, dIndex) => ({
|
225
|
+
label: d.label,
|
226
|
+
value: d.value,
|
227
|
+
percentage: d.percentage,
|
228
|
+
originalValue: currentSeriesData.length
|
229
|
+
? currentSeriesData[itemIndex].data[dIndex].originalValue
|
230
|
+
: d.value,
|
231
|
+
}))
|
232
|
+
|
233
|
+
newSeriesData.push({
|
234
|
+
name: item.name,
|
235
|
+
data,
|
236
|
+
})
|
237
|
+
})
|
238
|
+
|
239
|
+
seriesData.value = [...newSeriesData]
|
162
240
|
})
|
163
241
|
|
164
242
|
const emit = defineEmits([
|
@@ -175,11 +253,13 @@
|
|
175
253
|
emit('input-focus', { seriesName, label })
|
176
254
|
}
|
177
255
|
|
178
|
-
const
|
179
|
-
|
256
|
+
const calculateTotalValue = (label) => {
|
257
|
+
const total = seriesData.value.reduce((sum, series) => {
|
180
258
|
const value = series.data.find((d) => d.label === label)?.value || 0
|
181
259
|
return sum + value
|
182
260
|
}, 0)
|
261
|
+
|
262
|
+
return Math.round(total)
|
183
263
|
}
|
184
264
|
|
185
265
|
const syncScroll = (scrollLeft) => {
|
@@ -190,34 +270,38 @@
|
|
190
270
|
container.scrollLeft = scrollLeft
|
191
271
|
}
|
192
272
|
}
|
193
|
-
|
273
|
+
|
274
|
+
const getDisplayValue = (data, label, shouldRound = true) => {
|
194
275
|
if (props.fieldMode === 'absolute') {
|
195
|
-
return
|
276
|
+
return data.find((d) => d.label === label)?.value
|
196
277
|
}
|
197
278
|
|
198
|
-
|
199
|
-
const total = calculateTotal(label)
|
200
|
-
return total ? Number(((value / total) * 100).toFixed(0)) : 0
|
279
|
+
return data.find((d) => d.label === label)?.percentage
|
201
280
|
}
|
202
281
|
|
203
282
|
const calculatePercentageTotal = (label) => {
|
204
|
-
|
205
|
-
const
|
206
|
-
|
207
|
-
const percentage = total ? Number(((value / total) * 100).toFixed(0)) : 0
|
283
|
+
const percentageTotal = seriesData.value.reduce((sum, series) => {
|
284
|
+
const percentage =
|
285
|
+
series.data.find((d) => d.label === label)?.percentage || 0
|
208
286
|
return sum + percentage
|
209
287
|
}, 0)
|
288
|
+
|
289
|
+
return Math.round(percentageTotal)
|
210
290
|
}
|
211
291
|
|
212
292
|
const handleInputBlur = (_value, seriesName, label) => {
|
213
|
-
|
214
|
-
|
215
|
-
if (props.fieldMode === 'percentage') {
|
216
|
-
const total = calculateTotal(label)
|
217
|
-
value = (value / 100) * total
|
293
|
+
if (props.isInputsDisabled) {
|
294
|
+
return
|
218
295
|
}
|
296
|
+
let value = Number(_value)
|
219
297
|
|
220
|
-
const payload = seriesName
|
298
|
+
const payload = seriesName
|
299
|
+
? {
|
300
|
+
seriesName,
|
301
|
+
label,
|
302
|
+
value,
|
303
|
+
}
|
304
|
+
: { label, value }
|
221
305
|
emit('input-blur', payload)
|
222
306
|
focusedInput.value = null
|
223
307
|
|
@@ -243,6 +327,12 @@
|
|
243
327
|
}
|
244
328
|
}
|
245
329
|
|
330
|
+
const hasAnySegmentNotTotatTo100Percent = computed(() => {
|
331
|
+
return props.data.some((d) => {
|
332
|
+
return calculatePercentageTotal(d.label) !== 100
|
333
|
+
})
|
334
|
+
})
|
335
|
+
|
246
336
|
const handleFieldsScroll = (event) => {
|
247
337
|
emit('sync-scroll', event.target.scrollLeft)
|
248
338
|
}
|
@@ -84,7 +84,7 @@ export function useAxisCalculations(props, maxValue) {
|
|
84
84
|
})
|
85
85
|
|
86
86
|
const yAxisWidth = computed(() => {
|
87
|
-
return !!props.yAxisTitle || props.isBottomFieldsShown ? '
|
87
|
+
return !!props.yAxisTitle || props.isBottomFieldsShown ? '80px' : '60px'
|
88
88
|
})
|
89
89
|
|
90
90
|
const isChartControlsShown = (position) => {
|
@@ -66,7 +66,7 @@ export function useChartData(props, paddedMaxValue) {
|
|
66
66
|
let accumulated = 0
|
67
67
|
return {
|
68
68
|
label: item.label,
|
69
|
-
segments: [...props.series].
|
69
|
+
segments: [...props.series].map((series, index) => {
|
70
70
|
const value =
|
71
71
|
series.data.find((d) => d.label === item.label)?.value || 0
|
72
72
|
accumulated += value
|