@eturnity/eturnity_reusable_components 8.22.23-EPDM-15023.1 → 8.22.23-EPDM-15547.0
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.es100.js +8 -8
- package/dist/main.es101.js +13 -10
- package/dist/main.es102.js +7 -5
- package/dist/main.es103.js +3 -3
- package/dist/main.es104.js +9 -6
- package/dist/main.es105.js +9 -17
- package/dist/main.es106.js +13 -10
- package/dist/main.es107.js +8 -6
- package/dist/main.es108.js +11 -8
- package/dist/main.es109.js +7 -7
- package/dist/main.es110.js +7 -7
- package/dist/main.es111.js +7 -24
- package/dist/main.es112.js +19 -10
- package/dist/main.es113.js +8 -12
- package/dist/main.es114.js +21 -7
- package/dist/main.es115.js +7 -22
- package/dist/main.es116.js +12 -20
- package/dist/main.es117.js +17 -12
- package/dist/main.es118.js +13 -12
- package/dist/main.es119.js +22 -7
- package/dist/main.es12.js +2 -2
- package/dist/main.es120.js +8 -11
- package/dist/main.es121.js +6 -8
- package/dist/main.es122.js +6 -6
- package/dist/main.es123.js +8 -6
- package/dist/main.es124.js +6 -6
- package/dist/main.es125.js +9 -16
- package/dist/main.es126.js +16 -9
- package/dist/main.es127.js +9 -15
- package/dist/main.es128.js +15 -11
- package/dist/main.es129.js +7 -5
- package/dist/main.es13.js +3 -3
- package/dist/main.es130.js +9 -14
- package/dist/main.es131.js +12 -9
- package/dist/main.es132.js +12 -26
- package/dist/main.es133.js +18 -16
- package/dist/main.es134.js +23 -9
- package/dist/main.es135.js +5 -7
- package/dist/main.es136.js +7 -5
- package/dist/main.es137.js +8 -16
- package/dist/main.es138.js +16 -8
- package/dist/main.es139.js +3 -3
- package/dist/main.es14.js +2 -2
- package/dist/main.es140.js +3 -3
- package/dist/main.es141.js +5 -5
- package/dist/main.es142.js +3 -3
- package/dist/main.es143.js +3 -3
- package/dist/main.es144.js +4 -4
- package/dist/main.es145.js +3 -3
- package/dist/main.es146.js +3 -3
- package/dist/main.es147.js +4 -4
- package/dist/main.es148.js +4 -4
- package/dist/main.es149.js +5 -5
- package/dist/main.es15.js +62 -22
- package/dist/main.es150.js +5 -5
- package/dist/main.es151.js +3 -3
- package/dist/main.es152.js +4 -4
- package/dist/main.es153.js +4 -4
- package/dist/main.es154.js +3 -3
- package/dist/main.es155.js +3 -3
- package/dist/main.es156.js +4 -4
- package/dist/main.es157.js +4 -4
- package/dist/main.es158.js +5 -5
- package/dist/main.es159.js +3 -3
- package/dist/main.es16.js +174 -1031
- package/dist/main.es160.js +5 -5
- package/dist/main.es161.js +5 -5
- package/dist/main.es162.js +5 -5
- package/dist/main.es163.js +5 -5
- package/dist/main.es164.js +4 -4
- package/dist/main.es165.js +3 -3
- package/dist/main.es166.js +6 -13
- package/dist/main.es167.js +13 -6
- package/dist/main.es168.js +6 -13
- package/dist/main.es169.js +6 -6
- package/dist/main.es17.js +181 -192
- package/dist/main.es170.js +15 -8
- package/dist/main.es171.js +4 -4
- 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 +3 -3
- package/dist/main.es177.js +5 -5
- package/dist/main.es178.js +4 -4
- package/dist/main.es179.js +5 -5
- package/dist/main.es18.js +21 -96
- package/dist/main.es180.js +3 -3
- package/dist/main.es181.js +5 -5
- package/dist/main.es182.js +3 -3
- package/dist/main.es183.js +3 -3
- package/dist/main.es184.js +5 -5
- package/dist/main.es185.js +7 -17
- package/dist/main.es186.js +19 -10
- package/dist/main.es187.js +8 -7
- package/dist/main.es188.js +4 -4
- package/dist/main.es189.js +4 -5
- package/dist/main.es19.js +1056 -2
- package/dist/main.es190.js +7 -6
- package/dist/main.es191.js +5 -7
- package/dist/main.es192.js +7 -5
- package/dist/main.es193.js +5 -7
- package/dist/main.es194.js +4 -4
- package/dist/main.es195.js +9 -12
- package/dist/main.es196.js +14 -11
- package/dist/main.es197.js +12 -16
- package/dist/main.es198.js +7 -8
- package/dist/main.es199.js +18 -9
- package/dist/main.es20.js +184 -498
- package/dist/main.es200.js +5 -9
- package/dist/main.es201.js +6 -4
- package/dist/main.es202.js +12 -9
- package/dist/main.es203.js +5 -13
- package/dist/main.es204.js +14 -11
- package/dist/main.es205.js +9 -8
- package/dist/main.es206.js +11 -15
- package/dist/main.es207.js +13 -8
- package/dist/main.es208.js +5 -7
- package/dist/main.es209.js +8 -13
- package/dist/main.es21.js +94 -194
- package/dist/main.es210.js +14 -7
- package/dist/main.es211.js +11 -8
- package/dist/main.es212.js +9 -8
- package/dist/main.es213.js +5 -8
- package/dist/main.es214.js +7 -8
- package/dist/main.es215.js +5 -7
- package/dist/main.es216.js +10 -8
- package/dist/main.es217.js +11 -16
- package/dist/main.es218.js +11 -18
- package/dist/main.es219.js +19 -9
- package/dist/main.es22.js +2 -64
- package/dist/main.es220.js +6 -6
- package/dist/main.es221.js +5 -5
- package/dist/main.es222.js +3 -3
- package/dist/main.es223.js +8 -6
- package/dist/main.es224.js +10 -28
- package/dist/main.es225.js +9 -9
- package/dist/main.es226.js +27 -11
- package/dist/main.es227.js +6 -6
- package/dist/main.es228.js +4 -4
- package/dist/main.es229.js +8 -6
- package/dist/main.es23.js +470 -159
- package/dist/main.es230.js +6 -8
- package/dist/main.es231.js +5 -5
- package/dist/main.es232.js +8 -6
- package/dist/main.es233.js +5 -5
- package/dist/main.es234.js +5 -7
- package/dist/main.es235.js +7 -5
- package/dist/main.es236.js +9 -14
- package/dist/main.es237.js +8 -10
- package/dist/main.es238.js +16 -9
- package/dist/main.es239.js +11 -8
- package/dist/main.es24.js +248 -25
- package/dist/main.es240.js +7 -15
- package/dist/main.es241.js +5 -5
- package/dist/main.es242.js +8 -8
- package/dist/main.es243.js +8 -8
- package/dist/main.es244.js +14 -11
- package/dist/main.es245.js +5 -5
- package/dist/main.es246.js +6 -4
- package/dist/main.es247.js +4 -4
- package/dist/main.es248.js +11 -8
- package/dist/main.es249.js +7 -7
- package/dist/main.es25.js +10 -15
- package/dist/main.es250.js +8 -11
- package/dist/main.es251.js +9 -4
- package/dist/main.es252.js +4 -9
- package/dist/main.es253.js +11 -8
- package/dist/main.es254.js +8 -13
- package/dist/main.es255.js +4 -4
- package/dist/main.es256.js +7 -5
- package/dist/main.es257.js +5 -5
- package/dist/main.es258.js +11 -8
- package/dist/main.es259.js +8 -11
- package/dist/main.es26.js +10 -12
- package/dist/main.es260.js +6 -6
- package/dist/main.es261.js +6 -15
- package/dist/main.es262.js +16 -7
- package/dist/main.es263.js +7 -16
- package/dist/main.es264.js +11 -16
- package/dist/main.es265.js +21 -9
- package/dist/main.es266.js +10 -17
- package/dist/main.es267.js +18 -9
- package/dist/main.es268.js +4 -4
- package/dist/main.es269.js +3 -3
- package/dist/main.es27.js +12 -17
- package/dist/main.es270.js +3 -3
- package/dist/main.es271.js +9 -25
- package/dist/main.es272.js +22 -11
- package/dist/main.es273.js +15 -7
- package/dist/main.es274.js +4 -4
- package/dist/main.es275.js +8 -13
- package/dist/main.es276.js +8 -6
- package/dist/main.es277.js +10 -27
- package/dist/main.es278.js +27 -10
- package/dist/main.es279.js +12 -10
- package/dist/main.es28.js +30 -8
- package/dist/main.es280.js +10 -8
- package/dist/main.es281.js +8 -9
- package/dist/main.es282.js +8 -13
- package/dist/main.es283.js +5 -5
- package/dist/main.es284.js +12 -7
- package/dist/main.es285.js +9 -22
- package/dist/main.es286.js +18 -8
- package/dist/main.es287.js +9 -7
- package/dist/main.es288.js +7 -9
- package/dist/main.es289.js +6 -11
- package/dist/main.es29.js +8 -24
- package/dist/main.es290.js +13 -8
- package/dist/main.es291.js +5 -5
- package/dist/main.es292.js +9 -7
- package/dist/main.es293.js +10 -17
- package/dist/main.es294.js +14 -9
- package/dist/main.es295.js +5 -7
- package/dist/main.es296.js +10 -13
- package/dist/main.es297.js +14 -9
- package/dist/main.es298.js +5 -7
- package/dist/main.es299.js +5 -5
- package/dist/main.es30.js +22 -7
- package/dist/main.es300.js +5 -5
- package/dist/main.es301.js +5 -5
- package/dist/main.es302.js +13 -8
- package/dist/main.es303.js +8 -13
- package/dist/main.es304.js +4 -4
- package/dist/main.es305.js +8 -12
- package/dist/main.es306.js +12 -18
- package/dist/main.es307.js +22 -15
- package/dist/main.es308.js +15 -15
- package/dist/main.es309.js +14 -12
- package/dist/main.es31.js +7 -7
- package/dist/main.es310.js +9 -8
- package/dist/main.es311.js +11 -15
- package/dist/main.es312.js +14 -9
- package/dist/main.es313.js +6 -5
- package/dist/main.es314.js +9 -14
- package/dist/main.es315.js +14 -11
- package/dist/main.es316.js +7 -6
- package/dist/main.es317.js +6 -5
- package/dist/main.es318.js +11 -8
- package/dist/main.es319.js +7 -7
- package/dist/main.es32.js +8 -13
- package/dist/main.es320.js +8 -11
- package/dist/main.es321.js +4 -4
- package/dist/main.es322.js +5 -7
- package/dist/main.es323.js +10 -23
- package/dist/main.es324.js +20 -12
- package/dist/main.es325.js +11 -9
- package/dist/main.es326.js +14 -12
- package/dist/main.es327.js +10 -7
- package/dist/main.es328.js +7 -6
- package/dist/main.es329.js +6 -7
- package/dist/main.es33.js +11 -14
- package/dist/main.es330.js +8 -13
- package/dist/main.es331.js +14 -9
- package/dist/main.es332.js +6 -6
- package/dist/main.es333.js +12 -26
- package/dist/main.es334.js +26 -7
- package/dist/main.es335.js +4 -9
- package/dist/main.es336.js +5 -5
- package/dist/main.es337.js +4 -6
- package/dist/main.es338.js +8 -6
- package/dist/main.es339.js +5 -5
- package/dist/main.es34.js +8 -8
- package/dist/main.es340.js +6 -6
- package/dist/main.es341.js +7 -8
- package/dist/main.es342.js +7 -8
- package/dist/main.es343.js +7 -5
- package/dist/main.es344.js +6 -6
- package/dist/main.es345.js +4 -4
- package/dist/main.es346.js +4 -4
- package/dist/main.es347.js +6 -8
- package/dist/main.es348.js +7 -5
- package/dist/main.es349.js +10 -17
- package/dist/main.es35.js +14 -9
- package/dist/main.es350.js +18 -11
- package/dist/main.es351.js +9 -16
- package/dist/main.es352.js +15 -8
- package/dist/main.es353.js +6 -6
- package/dist/main.es354.js +9 -14
- package/dist/main.es355.js +14 -9
- package/dist/main.es356.js +5 -5
- package/dist/main.es357.js +9 -14
- package/dist/main.es358.js +9 -14
- package/dist/main.es359.js +16 -11
- package/dist/main.es36.js +8 -29
- package/dist/main.es360.js +4 -4
- package/dist/main.es361.js +14 -11
- package/dist/main.es362.js +7 -5
- package/dist/main.es363.js +6 -8
- package/dist/main.es364.js +4 -4
- package/dist/main.es365.js +12 -17
- package/dist/main.es366.js +17 -12
- package/dist/main.es367.js +11 -23
- package/dist/main.es368.js +21 -7
- package/dist/main.es369.js +4 -4
- package/dist/main.es37.js +19 -13
- package/dist/main.es370.js +6 -6
- package/dist/main.es371.js +6 -6
- package/dist/main.es372.js +19 -248
- package/dist/main.es38.js +25 -10
- package/dist/main.es39.js +7 -7
- package/dist/main.es40.js +7 -8
- package/dist/main.es41.js +11 -22
- package/dist/main.es42.js +15 -10
- package/dist/main.es43.js +12 -16
- package/dist/main.es44.js +23 -9
- package/dist/main.es45.js +7 -7
- package/dist/main.es46.js +8 -11
- package/dist/main.es47.js +8 -13
- package/dist/main.es48.js +8 -8
- package/dist/main.es49.js +14 -9
- package/dist/main.es5.js +3 -3
- package/dist/main.es50.js +3 -3
- package/dist/main.es51.js +9 -14
- package/dist/main.es52.js +14 -9
- package/dist/main.es53.js +8 -13
- package/dist/main.es54.js +14 -11
- package/dist/main.es55.js +8 -7
- package/dist/main.es56.js +6 -7
- package/dist/main.es57.js +7 -5
- package/dist/main.es58.js +6 -8
- package/dist/main.es59.js +8 -6
- package/dist/main.es6.js +4 -4
- package/dist/main.es60.js +5 -5
- package/dist/main.es61.js +6 -8
- package/dist/main.es62.js +13 -8
- package/dist/main.es63.js +8 -11
- package/dist/main.es64.js +4 -4
- package/dist/main.es65.js +9 -7
- package/dist/main.es66.js +10 -9
- package/dist/main.es67.js +8 -11
- package/dist/main.es68.js +9 -14
- package/dist/main.es69.js +6 -6
- package/dist/main.es70.js +13 -8
- package/dist/main.es71.js +4 -4
- package/dist/main.es72.js +4 -4
- package/dist/main.es73.js +4 -4
- package/dist/main.es74.js +12 -20
- package/dist/main.es75.js +20 -22
- package/dist/main.es76.js +20 -10
- package/dist/main.es77.js +6 -6
- package/dist/main.es78.js +10 -17
- package/dist/main.es79.js +14 -17
- package/dist/main.es80.js +17 -13
- package/dist/main.es81.js +11 -12
- package/dist/main.es82.js +9 -8
- package/dist/main.es83.js +14 -8
- package/dist/main.es84.js +11 -10
- package/dist/main.es85.js +10 -13
- package/dist/main.es86.js +11 -14
- package/dist/main.es87.js +11 -18
- package/dist/main.es88.js +20 -8
- package/dist/main.es89.js +5 -7
- package/dist/main.es9.js +1 -1
- package/dist/main.es90.js +8 -6
- package/dist/main.es91.js +11 -14
- package/dist/main.es92.js +12 -19
- package/dist/main.es93.js +22 -9
- package/dist/main.es94.js +9 -17
- package/dist/main.es95.js +6 -6
- package/dist/main.es96.js +12 -7
- package/dist/main.es97.js +6 -6
- package/dist/main.es98.js +7 -8
- package/dist/main.es99.js +11 -15
- package/package.json +1 -1
- package/src/components/barchart/BottomFields.vue +2 -32
- package/src/components/barchart/index.vue +0 -5
- package/src/components/buttons/mainButton/index.vue +1 -18
- package/src/components/infoText/index.vue +1 -4
- package/src/components/inputs/inputNumber/index.vue +4 -45
- package/src/components/progressStep/index.vue +129 -0
- package/src/components/progressStep/progressStep.stories.js +58 -0
package/dist/main.es17.js
CHANGED
@@ -1,229 +1,218 @@
|
|
1
1
|
import styled from "./main.es7.js";
|
2
|
+
import _sfc_main$1 from "./main.es24.js";
|
3
|
+
import theme from "./main.es8.js";
|
2
4
|
import "./main.es3.js";
|
3
5
|
import _export_sfc from "./main.es11.js";
|
4
|
-
import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode } from "./main.es6.js";
|
5
|
-
import { toDisplayString } from "./main.
|
6
|
-
const
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
display: flex;
|
19
|
-
justify-content: center
|
20
|
-
width: 0px;
|
21
|
-
color:${(props) => props.theme.colors.black};
|
22
|
-
item-align: center;
|
23
|
-
|
24
|
-
`;
|
25
|
-
const BottomValueContainer = styled("div", {
|
26
|
-
position: String
|
27
|
-
})`
|
28
|
-
font-size: 12px;
|
29
|
-
left: ${(props) => props.position};
|
30
|
-
width: 0px;
|
31
|
-
bottom: -2px;
|
32
|
-
position: absolute;
|
6
|
+
import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createCommentVNode, createTextVNode } from "./main.es6.js";
|
7
|
+
import { toDisplayString } from "./main.es16.js";
|
8
|
+
const PageContainer = styled.div``;
|
9
|
+
const ButtonAttrs = {
|
10
|
+
type: String,
|
11
|
+
isDisabled: Boolean,
|
12
|
+
minWidth: String,
|
13
|
+
noWrap: Boolean,
|
14
|
+
height: String,
|
15
|
+
variant: String,
|
16
|
+
buttonSize: String,
|
17
|
+
appTheme: String
|
18
|
+
};
|
19
|
+
const ButtonContainer = styled("div", ButtonAttrs)`
|
33
20
|
display: flex;
|
34
21
|
justify-content: center;
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
22
|
+
padding: ${(props) => {
|
23
|
+
var _a, _b, _c, _d;
|
24
|
+
return (_d = (_c = (_b = (_a = props.theme) == null ? void 0 : _a.mainButton) == null ? void 0 : _b.size) == null ? void 0 : _c[props.buttonSize]) == null ? void 0 : _d.padding;
|
25
|
+
}};
|
26
|
+
font-size: ${(props) => {
|
27
|
+
var _a, _b, _c, _d;
|
28
|
+
return (_d = (_c = (_b = (_a = props.theme) == null ? void 0 : _a.mainButton) == null ? void 0 : _b.size) == null ? void 0 : _c[props.buttonSize]) == null ? void 0 : _d.fontSize;
|
29
|
+
}};
|
30
|
+
color: ${(props) => props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.textColor : props.theme.mainButton[props.appTheme][props.type][props.variant].default.textColor};
|
31
|
+
background-color: ${(props) => props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.backgroundColor : props.theme.mainButton[props.appTheme][props.type][props.variant].default.backgroundColor};
|
32
|
+
border: ${(props) => {
|
33
|
+
const borderValue = props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.borderColor : props.theme.mainButton[props.appTheme][props.type][props.variant].default.borderColor;
|
34
|
+
return borderValue ? "1px solid " + borderValue : "none";
|
35
|
+
}};
|
44
36
|
border-radius: 4px;
|
37
|
+
text-align: center;
|
38
|
+
cursor: ${(props) => props.isDisabled ? "not-allowed" : "pointer"};
|
39
|
+
user-select: none;
|
40
|
+
${(props) => props.minWidth ? `min-width: ${props.minWidth};` : ""};
|
41
|
+
${(props) => props.noWrap ? `white-space: nowrap;` : ""};
|
42
|
+
height: ${(props) => props.height};
|
43
|
+
line-height: 1;
|
44
|
+
|
45
|
+
&:hover {
|
46
|
+
background-color: ${(props) => props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.backgroundColor : props.theme.mainButton[props.appTheme][props.type][props.variant].hover.backgroundColor};
|
47
|
+
}
|
48
|
+
|
49
|
+
&:active {
|
50
|
+
background-color: ${(props) => props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.backgroundColor : props.theme.mainButton[props.appTheme][props.type][props.variant].active.backgroundColor};
|
51
|
+
}
|
45
52
|
`;
|
46
|
-
const
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
height:
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
bottom: 16px;
|
62
|
-
height: 4px;
|
63
|
-
width: 100%;
|
64
|
-
border-radius: 4px;
|
65
|
-
background-color: ${(props) => props.theme.colors.grey4};
|
66
|
-
`;
|
67
|
-
const MainLineHighlight = styled("div", {
|
68
|
-
minPercent: Number,
|
69
|
-
maxPercent: Number
|
70
|
-
})`
|
71
|
-
display: block;
|
72
|
-
position: absolute;
|
73
|
-
left: ${(props) => props.minPercent + "%"};
|
74
|
-
right: ${(props) => 100 - props.maxPercent + "%"};
|
75
|
-
bottom: 16px;
|
76
|
-
height: 4px;
|
77
|
-
background-color: white;
|
53
|
+
const AltAttrs = {
|
54
|
+
altStyle: Boolean,
|
55
|
+
color: String
|
56
|
+
};
|
57
|
+
styled("div", AltAttrs)`
|
58
|
+
background-color: ${(props) => props.color ? props.color : props.theme.colors.transparentWhite1};
|
59
|
+
padding: 7px;
|
60
|
+
height: 100%;
|
61
|
+
width: 30%;
|
62
|
+
justify-content: center;
|
63
|
+
display: flex;
|
64
|
+
align-items: center;
|
65
|
+
border-radius: 4px 0 0 4px;
|
66
|
+
color: ${(props) => props.theme.colors.white};
|
67
|
+
all: ${(props) => props.altStyle ? "" : "unset"};
|
78
68
|
`;
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
height: 8px;
|
83
|
-
background-color: white;
|
84
|
-
display: inline-block;
|
85
|
-
top: -6px;
|
86
|
-
left: 0px;
|
69
|
+
styled("span", AltAttrs)`
|
70
|
+
padding: ${(props) => props.altStyle ? "7px" : "0"};
|
71
|
+
all: ${(props) => props.altStyle ? "" : "unset"};
|
87
72
|
`;
|
88
|
-
const
|
89
|
-
|
90
|
-
}
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
bottom: -14px;
|
97
|
-
left: 0px;
|
73
|
+
const LabelAttrs = {
|
74
|
+
hasIcon: Boolean
|
75
|
+
};
|
76
|
+
const LabelComponent = styled("span", LabelAttrs)`
|
77
|
+
display: flex;
|
78
|
+
align-items: center;
|
79
|
+
justify-content: center;
|
80
|
+
gap: ${(props) => props.hasIcon ? "5px" : "0"};
|
98
81
|
`;
|
99
82
|
const _sfc_main = {
|
100
|
-
name: "
|
83
|
+
name: "MainButton",
|
101
84
|
components: {
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
BottomValueContainer,
|
107
|
-
MainLine,
|
108
|
-
VerticalMarker,
|
109
|
-
VerticalMarkerArrow,
|
110
|
-
TextWrapper
|
85
|
+
Icon: _sfc_main$1,
|
86
|
+
LabelComponent,
|
87
|
+
PageContainer,
|
88
|
+
ButtonContainer
|
111
89
|
},
|
112
90
|
props: {
|
113
|
-
|
114
|
-
required:
|
115
|
-
|
91
|
+
type: {
|
92
|
+
required: false,
|
93
|
+
default: "primary",
|
94
|
+
// primary, secondary, tertiary, ghost
|
95
|
+
type: String
|
116
96
|
},
|
117
|
-
|
118
|
-
required:
|
119
|
-
|
97
|
+
variant: {
|
98
|
+
required: false,
|
99
|
+
default: "main",
|
100
|
+
// main, cancel
|
101
|
+
type: String
|
102
|
+
},
|
103
|
+
isDisabled: {
|
104
|
+
required: false,
|
105
|
+
default: false,
|
106
|
+
type: Boolean
|
120
107
|
},
|
121
|
-
|
108
|
+
icon: {
|
109
|
+
required: false,
|
110
|
+
default: null,
|
111
|
+
type: String
|
112
|
+
},
|
113
|
+
iconColor: {
|
114
|
+
required: false,
|
115
|
+
default: "",
|
116
|
+
type: String
|
117
|
+
},
|
118
|
+
iconAltStyle: {
|
119
|
+
required: false,
|
120
|
+
default: false,
|
121
|
+
type: Boolean
|
122
|
+
},
|
123
|
+
iconAltStyleColor: {
|
124
|
+
required: false,
|
125
|
+
default: null,
|
126
|
+
type: String
|
127
|
+
},
|
128
|
+
text: {
|
122
129
|
required: true,
|
123
|
-
type:
|
130
|
+
type: String
|
124
131
|
},
|
125
|
-
|
132
|
+
noWrap: {
|
126
133
|
required: false,
|
127
|
-
|
128
|
-
|
134
|
+
default: false,
|
135
|
+
type: Boolean
|
136
|
+
},
|
137
|
+
minWidth: {
|
138
|
+
required: false,
|
139
|
+
default: null,
|
140
|
+
type: String
|
129
141
|
},
|
130
|
-
|
142
|
+
height: {
|
131
143
|
required: false,
|
144
|
+
default: "auto",
|
145
|
+
type: String
|
146
|
+
},
|
147
|
+
id: {
|
148
|
+
required: false,
|
149
|
+
default: null,
|
150
|
+
type: String
|
151
|
+
},
|
152
|
+
dataId: {
|
132
153
|
type: String,
|
133
|
-
default:
|
154
|
+
default: ""
|
155
|
+
},
|
156
|
+
dataQaId: {
|
157
|
+
type: String,
|
158
|
+
default: ""
|
159
|
+
},
|
160
|
+
appTheme: {
|
161
|
+
type: String,
|
162
|
+
default: "light"
|
163
|
+
},
|
164
|
+
buttonSize: {
|
165
|
+
type: String,
|
166
|
+
default: "medium",
|
167
|
+
required: false
|
134
168
|
}
|
135
169
|
},
|
136
|
-
data() {
|
137
|
-
return {};
|
138
|
-
},
|
139
170
|
computed: {
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
}
|
146
|
-
},
|
147
|
-
maxPercent() {
|
148
|
-
if (this.maxValue === this.minValue) {
|
149
|
-
return 50;
|
150
|
-
} else {
|
151
|
-
return 70;
|
152
|
-
}
|
153
|
-
},
|
154
|
-
valuePercent() {
|
155
|
-
let percent;
|
156
|
-
if (this.maxValue === this.minValue) {
|
157
|
-
percent = this.minPercent + 10 * (this.value - this.minValue);
|
158
|
-
} else {
|
159
|
-
percent = this.minPercent + (this.maxPercent - this.minPercent) / (this.maxValue - this.minValue) * (this.value - this.minValue);
|
160
|
-
}
|
161
|
-
return Math.max(0, Math.min(100, percent));
|
162
|
-
},
|
163
|
-
colorVerticalMarkerArrow() {
|
164
|
-
if (this.value < this.maxValue && this.value > this.minValue) {
|
165
|
-
return "black";
|
166
|
-
} else {
|
167
|
-
return "white";
|
168
|
-
}
|
171
|
+
theme() {
|
172
|
+
return theme;
|
173
|
+
},
|
174
|
+
getIconColor() {
|
175
|
+
return this.isDisabled ? this.theme.mainButton[this.appTheme][this.type][this.variant].disabled.textColor : this.iconColor ? this.iconColor : this.theme.mainButton[this.appTheme][this.type][this.variant].default.textColor;
|
169
176
|
}
|
170
177
|
}
|
171
178
|
};
|
172
179
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
173
|
-
const
|
174
|
-
const
|
175
|
-
const
|
176
|
-
const
|
177
|
-
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
"
|
187
|
-
"
|
188
|
-
|
189
|
-
|
180
|
+
const _component_Icon = resolveComponent("Icon");
|
181
|
+
const _component_LabelComponent = resolveComponent("LabelComponent");
|
182
|
+
const _component_ButtonContainer = resolveComponent("ButtonContainer");
|
183
|
+
const _component_PageContainer = resolveComponent("PageContainer");
|
184
|
+
return openBlock(), createBlock(_component_PageContainer, null, {
|
185
|
+
default: withCtx(() => [createVNode(_component_ButtonContainer, {
|
186
|
+
id: $props.id,
|
187
|
+
"app-theme": $props.appTheme,
|
188
|
+
"button-size": $props.buttonSize,
|
189
|
+
"data-id": $props.dataId,
|
190
|
+
"data-qa-id": $props.dataQaId,
|
191
|
+
height: $props.height,
|
192
|
+
"is-disabled": $props.isDisabled,
|
193
|
+
"min-width": $props.minWidth,
|
194
|
+
"no-wrap": $props.noWrap,
|
195
|
+
type: $props.type,
|
196
|
+
variant: $props.variant
|
190
197
|
}, {
|
191
|
-
default: withCtx(() => [createVNode(
|
192
|
-
"
|
198
|
+
default: withCtx(() => [createVNode(_component_LabelComponent, {
|
199
|
+
"has-icon": Boolean($props.icon)
|
193
200
|
}, {
|
194
|
-
default: withCtx(() => [
|
195
|
-
|
196
|
-
|
197
|
-
|
198
|
-
|
199
|
-
|
200
|
-
|
201
|
-
_: 1
|
202
|
-
}, 8, ["position"]), createTextVNode(), createVNode(_component_BottomValueContainer, {
|
203
|
-
position: $options.minPercent + "%"
|
204
|
-
}, {
|
205
|
-
default: withCtx(() => [createVNode(_component_TextWrapper, null, {
|
206
|
-
default: withCtx(() => [createTextVNode(toDisplayString($props.minValue), 1)]),
|
207
|
-
_: 1
|
208
|
-
}), createTextVNode(), createVNode(_component_VerticalMarker, {
|
209
|
-
side: "bottom"
|
210
|
-
})]),
|
211
|
-
_: 1
|
212
|
-
}, 8, ["position"]), createTextVNode(), createVNode(_component_BottomValueContainer, {
|
213
|
-
position: $options.maxPercent + "%"
|
214
|
-
}, {
|
215
|
-
default: withCtx(() => [createVNode(_component_TextWrapper, null, {
|
216
|
-
default: withCtx(() => [createTextVNode(toDisplayString($props.maxValue), 1)]),
|
201
|
+
default: withCtx(() => [$props.icon ? (openBlock(), createBlock(_component_Icon, {
|
202
|
+
key: 0,
|
203
|
+
color: $options.getIconColor,
|
204
|
+
"hovered-color": $options.getIconColor,
|
205
|
+
name: $props.icon,
|
206
|
+
size: "14px"
|
207
|
+
}, null, 8, ["color", "hovered-color", "name"])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString($props.text), 1)]),
|
217
208
|
_: 1
|
218
|
-
}
|
219
|
-
side: "bottom"
|
220
|
-
})]),
|
209
|
+
}, 8, ["has-icon"])]),
|
221
210
|
_: 1
|
222
|
-
}, 8, ["
|
211
|
+
}, 8, ["id", "app-theme", "button-size", "data-id", "data-qa-id", "height", "is-disabled", "min-width", "no-wrap", "type", "variant"])]),
|
223
212
|
_: 1
|
224
|
-
}
|
213
|
+
});
|
225
214
|
}
|
226
|
-
const
|
215
|
+
const RCButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
227
216
|
export {
|
228
|
-
|
217
|
+
RCButton as default
|
229
218
|
};
|
package/dist/main.es170.js
CHANGED
@@ -2,22 +2,29 @@ import "./main.es3.js";
|
|
2
2
|
import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
|
3
3
|
const _hoisted_1 = {
|
4
4
|
xmlns: "http://www.w3.org/2000/svg",
|
5
|
-
width: "
|
6
|
-
height: "
|
5
|
+
width: "82",
|
6
|
+
height: "82",
|
7
7
|
fill: "none"
|
8
8
|
};
|
9
9
|
const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
|
10
10
|
fill: "#000",
|
11
|
-
d: "
|
11
|
+
d: "M9.998 10.513h24V9.488h-24zM9.998 17.513h5v-1.025h-5zM33.997 17.513h-5v-1.025h5zM18.998 17.513h6v-1.025h-6zM72.002 65.512h-24v-1.025h24zM53.002 72.512h-5v-1.025h5zM67.001 72.512h5v-1.025h-5zM63.002 72.512h-6v-1.025h6z"
|
12
12
|
}, null, -1);
|
13
|
-
const _hoisted_3 =
|
14
|
-
|
13
|
+
const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
|
14
|
+
fill: "#000",
|
15
|
+
"fill-rule": "evenodd",
|
16
|
+
d: "M0 0v82h82V0zm1.025 80.251V1.025h79.226zm.726.724h79.224V1.751z",
|
17
|
+
"clip-rule": "evenodd"
|
18
|
+
}, null, -1);
|
19
|
+
const _hoisted_4 = [
|
20
|
+
_hoisted_2,
|
21
|
+
_hoisted_3
|
15
22
|
];
|
16
23
|
function render(_ctx, _cache) {
|
17
|
-
return openBlock(), createElementBlock("svg", _hoisted_1,
|
24
|
+
return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
|
18
25
|
}
|
19
|
-
const
|
26
|
+
const ed_icon_optimizer_path = { render };
|
20
27
|
export {
|
21
|
-
|
28
|
+
ed_icon_optimizer_path as default,
|
22
29
|
render
|
23
30
|
};
|
package/dist/main.es171.js
CHANGED
@@ -3,12 +3,12 @@ import { openBlock, createElementBlock, createElementVNode as createBaseVNode }
|
|
3
3
|
const _hoisted_1 = {
|
4
4
|
xmlns: "http://www.w3.org/2000/svg",
|
5
5
|
width: "96",
|
6
|
-
height: "
|
6
|
+
height: "191",
|
7
7
|
fill: "none"
|
8
8
|
};
|
9
9
|
const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
|
10
10
|
fill: "#000",
|
11
|
-
d: "M96
|
11
|
+
d: "M96 191H0V0h96zm-95-1h94V96H1zm73-27H22v-40h52zm-51-1h50v-38H23zm8.718-34.621a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0V143.5h-6.066v-1h6.066v-14.621a.5.5 0 0 1 .5-.5m13.656 0a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0v-30.244a.5.5 0 0 1 .5-.5m13.655 0a.5.5 0 0 1 .5.5v30.244a.5.5 0 0 1-1 0v-30.244a.5.5 0 0 1 .5-.5m-22.298 7.816a.5.5 0 0 1 .5.5v14.61a.5.5 0 0 1-.5.5h-.575a.5.5 0 0 1-.5-.5v-14.61a.5.5 0 0 1 .5-.5zm13.657 0a.5.5 0 0 1 .5.5v14.61a.5.5 0 0 1-.5.5h-.575a.5.5 0 0 1-.5-.5v-14.61a.5.5 0 0 1 .5-.5zm13.658 0a.5.5 0 0 1 .5.5v6.573h6.302v1.463h-6.302v6.574a.5.5 0 0 1-.5.5h-.575a.5.5 0 0 1-.5-.5v-14.61a.5.5 0 0 1 .5-.5zM1.707 95H95V1.707zM1 94.293 94.293 1H1z"
|
12
12
|
}, null, -1);
|
13
13
|
const _hoisted_3 = [
|
14
14
|
_hoisted_2
|
@@ -16,8 +16,8 @@ const _hoisted_3 = [
|
|
16
16
|
function render(_ctx, _cache) {
|
17
17
|
return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
|
18
18
|
}
|
19
|
-
const
|
19
|
+
const ed_integratedbatteryinverter = { render };
|
20
20
|
export {
|
21
|
-
|
21
|
+
ed_integratedbatteryinverter as default,
|
22
22
|
render
|
23
23
|
};
|
package/dist/main.es172.js
CHANGED
@@ -2,13 +2,13 @@ import "./main.es3.js";
|
|
2
2
|
import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
|
3
3
|
const _hoisted_1 = {
|
4
4
|
xmlns: "http://www.w3.org/2000/svg",
|
5
|
-
width: "
|
6
|
-
height: "
|
5
|
+
width: "96",
|
6
|
+
height: "96",
|
7
7
|
fill: "none"
|
8
8
|
};
|
9
9
|
const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
|
10
10
|
fill: "#000",
|
11
|
-
d: "
|
11
|
+
d: "M96 96H0V0h96zM1.706 95H95V1.706zM1 94.292 94.292 1H1z"
|
12
12
|
}, null, -1);
|
13
13
|
const _hoisted_3 = [
|
14
14
|
_hoisted_2
|
@@ -16,8 +16,8 @@ const _hoisted_3 = [
|
|
16
16
|
function render(_ctx, _cache) {
|
17
17
|
return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
|
18
18
|
}
|
19
|
-
const
|
19
|
+
const ed_inverterBlank = { render };
|
20
20
|
export {
|
21
|
-
|
21
|
+
ed_inverterBlank as default,
|
22
22
|
render
|
23
23
|
};
|
package/dist/main.es173.js
CHANGED
@@ -8,7 +8,7 @@ const _hoisted_1 = {
|
|
8
8
|
};
|
9
9
|
const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
|
10
10
|
fill: "#000",
|
11
|
-
d: "M64 98H0V0h64zM1
|
11
|
+
d: "M64 98H0V0h64zM1 49.5V97h62V49.5zm0-1h62V1H1z"
|
12
12
|
}, null, -1);
|
13
13
|
const _hoisted_3 = [
|
14
14
|
_hoisted_2
|
@@ -16,8 +16,8 @@ const _hoisted_3 = [
|
|
16
16
|
function render(_ctx, _cache) {
|
17
17
|
return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
|
18
18
|
}
|
19
|
-
const
|
19
|
+
const ed_mainsconnection = { render };
|
20
20
|
export {
|
21
|
-
|
21
|
+
ed_mainsconnection as default,
|
22
22
|
render
|
23
23
|
};
|
package/dist/main.es174.js
CHANGED
@@ -8,7 +8,7 @@ const _hoisted_1 = {
|
|
8
8
|
};
|
9
9
|
const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
|
10
10
|
fill: "#000",
|
11
|
-
d: "M64 98H0V0h64zM1
|
11
|
+
d: "M64 98H0V0h64zM1 33.5V97h62V33.5zm0-1h62V1H1z"
|
12
12
|
}, null, -1);
|
13
13
|
const _hoisted_3 = [
|
14
14
|
_hoisted_2
|
@@ -16,8 +16,8 @@ const _hoisted_3 = [
|
|
16
16
|
function render(_ctx, _cache) {
|
17
17
|
return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
|
18
18
|
}
|
19
|
-
const
|
19
|
+
const ed_meterBlank = { render };
|
20
20
|
export {
|
21
|
-
|
21
|
+
ed_meterBlank as default,
|
22
22
|
render
|
23
23
|
};
|
package/dist/main.es175.js
CHANGED
@@ -8,7 +8,7 @@ const _hoisted_1 = {
|
|
8
8
|
};
|
9
9
|
const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
|
10
10
|
fill: "#000",
|
11
|
-
d: "M64 98H0V0h64zM1 97h62V33.25H1zm0-64.
|
11
|
+
d: "M64 98H0V0h64zM1 97h62V33.25H1zm0-64.75h62V1H1zM19.053 16h38.595v1H19.053v4L6.35 16.5 19.053 12z"
|
12
12
|
}, null, -1);
|
13
13
|
const _hoisted_3 = [
|
14
14
|
_hoisted_2
|
@@ -16,8 +16,8 @@ const _hoisted_3 = [
|
|
16
16
|
function render(_ctx, _cache) {
|
17
17
|
return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
|
18
18
|
}
|
19
|
-
const
|
19
|
+
const ed_meter_arrowleft = { render };
|
20
20
|
export {
|
21
|
-
|
21
|
+
ed_meter_arrowleft as default,
|
22
22
|
render
|
23
23
|
};
|
package/dist/main.es176.js
CHANGED
@@ -8,7 +8,7 @@ const _hoisted_1 = {
|
|
8
8
|
};
|
9
9
|
const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
|
10
10
|
fill: "#000",
|
11
|
-
d: "M64 98H0V0h64zM1 97h62V33.25H1zm0-64.75h62V1H1zM57.
|
11
|
+
d: "M64 98H0V0h64zM1 97h62V33.25H1zm0-64.75h62V1H1zM57.65 16.5 44.946 21v-4H6.352v-1h38.595v-4z"
|
12
12
|
}, null, -1);
|
13
13
|
const _hoisted_3 = [
|
14
14
|
_hoisted_2
|
@@ -16,8 +16,8 @@ const _hoisted_3 = [
|
|
16
16
|
function render(_ctx, _cache) {
|
17
17
|
return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
|
18
18
|
}
|
19
|
-
const
|
19
|
+
const ed_meter_arrowright = { render };
|
20
20
|
export {
|
21
|
-
|
21
|
+
ed_meter_arrowright as default,
|
22
22
|
render
|
23
23
|
};
|
package/dist/main.es177.js
CHANGED
@@ -2,13 +2,13 @@ import "./main.es3.js";
|
|
2
2
|
import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
|
3
3
|
const _hoisted_1 = {
|
4
4
|
xmlns: "http://www.w3.org/2000/svg",
|
5
|
-
width: "
|
6
|
-
height: "
|
5
|
+
width: "64",
|
6
|
+
height: "98",
|
7
7
|
fill: "none"
|
8
8
|
};
|
9
9
|
const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
|
10
10
|
fill: "#000",
|
11
|
-
d: "
|
11
|
+
d: "M64 98H0V0h64zM1 97h62V33.25H1zm0-64.75h62V1H1zM57.648 16.5 44.946 21v-4H19.054v4L6.352 16.5 19.054 12v4h25.892v-4z"
|
12
12
|
}, null, -1);
|
13
13
|
const _hoisted_3 = [
|
14
14
|
_hoisted_2
|
@@ -16,8 +16,8 @@ const _hoisted_3 = [
|
|
16
16
|
function render(_ctx, _cache) {
|
17
17
|
return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
|
18
18
|
}
|
19
|
-
const
|
19
|
+
const ed_meter_bidirectional = { render };
|
20
20
|
export {
|
21
|
-
|
21
|
+
ed_meter_bidirectional as default,
|
22
22
|
render
|
23
23
|
};
|
package/dist/main.es178.js
CHANGED
@@ -2,13 +2,13 @@ import "./main.es3.js";
|
|
2
2
|
import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
|
3
3
|
const _hoisted_1 = {
|
4
4
|
xmlns: "http://www.w3.org/2000/svg",
|
5
|
-
width: "
|
5
|
+
width: "136",
|
6
6
|
height: "64",
|
7
7
|
fill: "none"
|
8
8
|
};
|
9
9
|
const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
|
10
10
|
fill: "#000",
|
11
|
-
d: "
|
11
|
+
d: "m99.124 30.377-.865.872H136v1.5h-22.672v8.392h4.539v10.667h-10.578V49.51h-2.821v-1.5h2.821v-3.072h-2.976v-1.5h2.976v-2.298h4.539v-8.392h-13.57l.867.873-1.057 1.066-1.61-1.625-1.608 1.624-1.057-1.065L95.403 32l-1.61-1.622 1.058-1.064 1.608 1.62 1.608-1.62zm9.665 12.264v7.667h7.578V42.64zM33.49 48.01h2.07v1.5h-3.57v-3.406h1.5zm10.354 1.5h-5.642v-1.5h5.642zm8.283 0h-5.642v-1.5h5.642zm8.283 0H54.77v-1.5h5.641zm8.283 0h-5.641v-1.5h5.641zm8.284 0h-5.642v-1.5h5.642zm8.283 0h-5.642v-1.5h5.642zm8.283 0h-5.642v-1.5h5.642zm8.283 0h-5.641v-1.5h5.641zM81.342 43.44h2.224v1.5h-3.724v-2.262h1.5zm11.123 1.5h-5.95v-1.5h5.95zm8.899 0h-5.949v-1.5h5.949zM33.49 43.796h-1.5v-3.404h1.5zm47.852-1.143h-1.5v-2.261h1.5zm15.55-18.561-15.55 3.863v6.318h-1.5v-5.945l-17.705 4.4-.09.021H49.903l.867.873-1.057 1.066-1.61-1.625-1.609 1.624-1.056-1.065L47.047 32l-1.608-1.622 1.056-1.064 1.608 1.62 1.609-1.62 1.057 1.064-.866.872h11.962l17.977-4.467v-.105h.427l16.261-4.04zm-48.355 0L33.49 27.83v6.443h-1.5v-6.07l-18.209 4.525-.089.021H0v-1.5h13.51l34.666-8.612z"
|
12
12
|
}, null, -1);
|
13
13
|
const _hoisted_3 = [
|
14
14
|
_hoisted_2
|
@@ -16,8 +16,8 @@ const _hoisted_3 = [
|
|
16
16
|
function render(_ctx, _cache) {
|
17
17
|
return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
|
18
18
|
}
|
19
|
-
const
|
19
|
+
const ed_networkandsystemprotection_double = { render };
|
20
20
|
export {
|
21
|
-
|
21
|
+
ed_networkandsystemprotection_double as default,
|
22
22
|
render
|
23
23
|
};
|