@eturnity/eturnity_reusable_components 8.26.3 → 8.26.4--EPDM-15979.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.es100.js +9 -14
- package/dist/main.es101.js +9 -14
- package/dist/main.es102.js +7 -8
- package/dist/main.es103.js +14 -9
- package/dist/main.es104.js +13 -8
- package/dist/main.es105.js +11 -6
- package/dist/main.es106.js +8 -13
- package/dist/main.es107.js +5 -7
- package/dist/main.es108.js +6 -9
- package/dist/main.es109.js +17 -9
- package/dist/main.es110.js +13 -8
- package/dist/main.es111.js +11 -8
- package/dist/main.es112.js +7 -24
- package/dist/main.es113.js +9 -17
- package/dist/main.es114.js +9 -21
- package/dist/main.es115.js +26 -7
- package/dist/main.es116.js +8 -13
- package/dist/main.es117.js +13 -22
- package/dist/main.es118.js +7 -25
- package/dist/main.es119.js +7 -9
- package/dist/main.es12.js +2 -2
- package/dist/main.es120.js +30 -9
- package/dist/main.es121.js +22 -9
- package/dist/main.es122.js +19 -9
- package/dist/main.es123.js +8 -13
- package/dist/main.es124.js +6 -6
- package/dist/main.es125.js +8 -6
- package/dist/main.es126.js +11 -16
- package/dist/main.es127.js +6 -6
- package/dist/main.es128.js +9 -15
- package/dist/main.es129.js +15 -10
- package/dist/main.es13.js +3 -3
- package/dist/main.es130.js +5 -5
- package/dist/main.es131.js +9 -8
- package/dist/main.es132.js +5 -5
- package/dist/main.es133.js +10 -26
- package/dist/main.es134.js +9 -18
- package/dist/main.es135.js +7 -5
- package/dist/main.es136.js +26 -12
- package/dist/main.es137.js +23 -9
- package/dist/main.es138.js +8 -16
- package/dist/main.es139.js +7 -5
- package/dist/main.es14.js +2 -2
- package/dist/main.es140.js +5 -5
- package/dist/main.es141.js +16 -8
- package/dist/main.es142.js +5 -5
- package/dist/main.es143.js +5 -5
- package/dist/main.es144.js +5 -5
- package/dist/main.es145.js +4 -4
- package/dist/main.es146.js +4 -4
- package/dist/main.es147.js +4 -4
- package/dist/main.es148.js +4 -4
- package/dist/main.es149.js +3 -3
- package/dist/main.es15.js +227 -21
- 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 +5 -5
- 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 +4 -4
- package/dist/main.es159.js +5 -5
- package/dist/main.es16.js +56 -1048
- package/dist/main.es160.js +5 -5
- package/dist/main.es161.js +4 -4
- package/dist/main.es162.js +5 -5
- package/dist/main.es163.js +5 -5
- package/dist/main.es164.js +5 -5
- package/dist/main.es165.js +3 -3
- package/dist/main.es166.js +5 -5
- package/dist/main.es167.js +7 -14
- package/dist/main.es168.js +3 -3
- package/dist/main.es169.js +6 -13
- package/dist/main.es17.js +193 -221
- package/dist/main.es170.js +6 -6
- package/dist/main.es171.js +5 -5
- package/dist/main.es172.js +15 -8
- package/dist/main.es173.js +15 -8
- package/dist/main.es174.js +5 -5
- package/dist/main.es175.js +5 -5
- package/dist/main.es176.js +3 -3
- package/dist/main.es177.js +3 -3
- package/dist/main.es178.js +5 -5
- package/dist/main.es179.js +5 -5
- package/dist/main.es18.js +21 -96
- package/dist/main.es180.js +5 -5
- package/dist/main.es181.js +5 -5
- package/dist/main.es182.js +4 -4
- package/dist/main.es183.js +5 -5
- package/dist/main.es184.js +5 -5
- package/dist/main.es185.js +5 -5
- package/dist/main.es186.js +8 -18
- package/dist/main.es187.js +4 -5
- package/dist/main.es188.js +6 -6
- package/dist/main.es189.js +19 -9
- package/dist/main.es19.js +1056 -2
- package/dist/main.es190.js +8 -8
- package/dist/main.es191.js +6 -6
- package/dist/main.es192.js +6 -8
- package/dist/main.es193.js +6 -5
- package/dist/main.es194.js +5 -7
- package/dist/main.es195.js +5 -5
- package/dist/main.es196.js +9 -14
- package/dist/main.es197.js +6 -6
- package/dist/main.es198.js +12 -16
- package/dist/main.es199.js +9 -11
- package/dist/main.es2.js +4 -4
- package/dist/main.es20.js +184 -498
- package/dist/main.es200.js +9 -5
- package/dist/main.es201.js +16 -12
- package/dist/main.es202.js +17 -10
- package/dist/main.es203.js +10 -9
- package/dist/main.es204.js +11 -14
- package/dist/main.es205.js +4 -6
- package/dist/main.es206.js +9 -13
- package/dist/main.es207.js +8 -8
- package/dist/main.es208.js +8 -6
- package/dist/main.es209.js +8 -9
- package/dist/main.es21.js +94 -194
- package/dist/main.es210.js +6 -8
- package/dist/main.es211.js +4 -4
- package/dist/main.es212.js +12 -7
- package/dist/main.es213.js +18 -7
- package/dist/main.es214.js +8 -7
- package/dist/main.es215.js +7 -10
- package/dist/main.es216.js +5 -11
- package/dist/main.es217.js +9 -10
- package/dist/main.es218.js +9 -14
- package/dist/main.es219.js +11 -21
- package/dist/main.es22.js +2 -216
- package/dist/main.es220.js +8 -10
- package/dist/main.es221.js +14 -11
- package/dist/main.es222.js +19 -9
- package/dist/main.es223.js +6 -6
- package/dist/main.es224.js +7 -5
- package/dist/main.es225.js +10 -26
- package/dist/main.es226.js +11 -27
- package/dist/main.es227.js +6 -8
- package/dist/main.es228.js +28 -12
- package/dist/main.es229.js +26 -10
- package/dist/main.es23.js +536 -59
- package/dist/main.es230.js +6 -6
- package/dist/main.es231.js +8 -6
- package/dist/main.es232.js +6 -6
- package/dist/main.es233.js +5 -5
- package/dist/main.es234.js +5 -5
- package/dist/main.es235.js +7 -5
- package/dist/main.es236.js +4 -4
- package/dist/main.es237.js +6 -6
- package/dist/main.es238.js +8 -13
- package/dist/main.es239.js +8 -13
- package/dist/main.es24.js +2 -2
- package/dist/main.es240.js +6 -6
- package/dist/main.es241.js +15 -7
- package/dist/main.es242.js +10 -8
- package/dist/main.es243.js +8 -13
- package/dist/main.es244.js +7 -15
- package/dist/main.es245.js +8 -8
- package/dist/main.es246.js +14 -11
- package/dist/main.es247.js +14 -11
- package/dist/main.es248.js +14 -9
- package/dist/main.es249.js +8 -6
- package/dist/main.es25.js +9 -26
- package/dist/main.es250.js +13 -8
- package/dist/main.es251.js +11 -8
- package/dist/main.es252.js +5 -5
- package/dist/main.es253.js +9 -7
- package/dist/main.es254.js +8 -11
- package/dist/main.es255.js +11 -8
- package/dist/main.es256.js +4 -11
- package/dist/main.es257.js +5 -7
- package/dist/main.es258.js +8 -11
- package/dist/main.es259.js +7 -5
- package/dist/main.es26.js +4 -32
- package/dist/main.es260.js +13 -8
- package/dist/main.es261.js +5 -5
- package/dist/main.es262.js +6 -6
- package/dist/main.es263.js +7 -19
- package/dist/main.es264.js +5 -5
- package/dist/main.es265.js +6 -15
- package/dist/main.es266.js +11 -16
- package/dist/main.es267.js +5 -7
- package/dist/main.es268.js +10 -10
- package/dist/main.es269.js +23 -9
- package/dist/main.es27.js +100 -33
- package/dist/main.es270.js +7 -5
- package/dist/main.es271.js +19 -10
- package/dist/main.es272.js +4 -4
- package/dist/main.es273.js +9 -25
- package/dist/main.es274.js +7 -12
- package/dist/main.es275.js +11 -8
- package/dist/main.es276.js +28 -9
- package/dist/main.es277.js +13 -10
- package/dist/main.es278.js +8 -11
- package/dist/main.es279.js +7 -27
- package/dist/main.es28.js +11 -23
- package/dist/main.es280.js +7 -5
- package/dist/main.es281.js +12 -10
- package/dist/main.es282.js +29 -8
- package/dist/main.es283.js +11 -8
- package/dist/main.es284.js +10 -14
- package/dist/main.es285.js +5 -11
- package/dist/main.es286.js +7 -7
- package/dist/main.es287.js +11 -19
- package/dist/main.es288.js +7 -5
- package/dist/main.es289.js +9 -10
- package/dist/main.es29.js +23 -8
- package/dist/main.es290.js +18 -8
- package/dist/main.es291.js +7 -12
- package/dist/main.es292.js +7 -9
- package/dist/main.es293.js +5 -5
- package/dist/main.es294.js +17 -10
- package/dist/main.es295.js +9 -14
- package/dist/main.es296.js +5 -5
- package/dist/main.es297.js +7 -11
- package/dist/main.es298.js +7 -7
- package/dist/main.es299.js +5 -5
- package/dist/main.es30.js +14 -13
- package/dist/main.es300.js +4 -4
- package/dist/main.es301.js +14 -11
- package/dist/main.es302.js +5 -7
- package/dist/main.es303.js +4 -4
- package/dist/main.es304.js +13 -8
- package/dist/main.es305.js +5 -5
- package/dist/main.es306.js +6 -6
- package/dist/main.es307.js +7 -16
- package/dist/main.es308.js +11 -21
- package/dist/main.es309.js +7 -10
- package/dist/main.es31.js +28 -7
- package/dist/main.es310.js +9 -8
- package/dist/main.es311.js +21 -12
- package/dist/main.es312.js +12 -9
- package/dist/main.es313.js +8 -9
- package/dist/main.es314.js +9 -7
- package/dist/main.es315.js +6 -4
- package/dist/main.es316.js +9 -8
- package/dist/main.es317.js +5 -6
- package/dist/main.es318.js +6 -7
- package/dist/main.es319.js +14 -9
- package/dist/main.es32.js +7 -8
- package/dist/main.es320.js +13 -8
- package/dist/main.es321.js +12 -8
- package/dist/main.es322.js +5 -5
- package/dist/main.es323.js +7 -10
- package/dist/main.es324.js +8 -13
- package/dist/main.es325.js +6 -21
- package/dist/main.es326.js +7 -14
- package/dist/main.es327.js +11 -14
- package/dist/main.es328.js +25 -13
- package/dist/main.es329.js +15 -8
- package/dist/main.es33.js +22 -12
- package/dist/main.es330.js +15 -9
- package/dist/main.es331.js +10 -7
- package/dist/main.es332.js +7 -12
- package/dist/main.es333.js +6 -7
- package/dist/main.es334.js +6 -6
- package/dist/main.es335.js +13 -22
- package/dist/main.es336.js +9 -4
- package/dist/main.es337.js +6 -6
- package/dist/main.es338.js +26 -12
- package/dist/main.es339.js +4 -11
- package/dist/main.es34.js +9 -17
- package/dist/main.es340.js +6 -6
- package/dist/main.es341.js +4 -4
- package/dist/main.es342.js +8 -6
- package/dist/main.es343.js +7 -8
- package/dist/main.es344.js +5 -7
- package/dist/main.es345.js +6 -6
- package/dist/main.es346.js +8 -7
- package/dist/main.es347.js +8 -6
- package/dist/main.es348.js +6 -6
- package/dist/main.es349.js +6 -8
- package/dist/main.es35.js +9 -17
- package/dist/main.es350.js +6 -6
- package/dist/main.es351.js +10 -17
- package/dist/main.es352.js +8 -6
- package/dist/main.es353.js +9 -16
- package/dist/main.es354.js +16 -9
- package/dist/main.es355.js +7 -7
- package/dist/main.es356.js +9 -7
- package/dist/main.es357.js +4 -4
- package/dist/main.es358.js +6 -6
- package/dist/main.es359.js +7 -7
- package/dist/main.es36.js +8 -6
- package/dist/main.es360.js +9 -19
- package/dist/main.es361.js +9 -14
- package/dist/main.es362.js +8 -8
- package/dist/main.es363.js +19 -11
- package/dist/main.es364.js +13 -8
- package/dist/main.es365.js +14 -11
- package/dist/main.es366.js +3 -3
- package/dist/main.es367.js +9 -16
- package/dist/main.es368.js +5 -5
- package/dist/main.es369.js +11 -23
- package/dist/main.es37.js +10 -26
- package/dist/main.es370.js +15 -8
- package/dist/main.es371.js +8 -6
- package/dist/main.es372.js +23 -9
- package/dist/main.es373.js +4 -4
- package/dist/main.es374.js +20 -9
- package/dist/main.es375.js +21 -4
- package/dist/main.es376.js +20 -100
- package/dist/main.es38.js +10 -20
- package/dist/main.es39.js +7 -7
- package/dist/main.es40.js +31 -10
- package/dist/main.es41.js +24 -10
- package/dist/main.es42.js +10 -22
- package/dist/main.es43.js +9 -16
- package/dist/main.es44.js +10 -20
- package/dist/main.es45.js +24 -9
- package/dist/main.es46.js +19 -9
- package/dist/main.es47.js +20 -9
- package/dist/main.es48.js +9 -17
- package/dist/main.es49.js +9 -17
- package/dist/main.es5.js +3 -3
- package/dist/main.es50.js +6 -6
- package/dist/main.es51.js +14 -9
- package/dist/main.es52.js +4 -4
- package/dist/main.es53.js +6 -6
- package/dist/main.es54.js +9 -14
- package/dist/main.es55.js +14 -11
- package/dist/main.es56.js +6 -7
- package/dist/main.es57.js +13 -10
- package/dist/main.es58.js +6 -4
- package/dist/main.es59.js +5 -6
- package/dist/main.es6.js +4 -4
- package/dist/main.es60.js +6 -4
- package/dist/main.es61.js +6 -6
- package/dist/main.es62.js +5 -5
- package/dist/main.es63.js +11 -8
- package/dist/main.es64.js +6 -6
- package/dist/main.es65.js +7 -5
- package/dist/main.es66.js +9 -10
- package/dist/main.es67.js +11 -8
- package/dist/main.es68.js +6 -6
- package/dist/main.es69.js +10 -17
- package/dist/main.es70.js +7 -15
- package/dist/main.es71.js +6 -6
- package/dist/main.es72.js +12 -7
- package/dist/main.es73.js +13 -8
- package/dist/main.es74.js +3 -3
- package/dist/main.es75.js +12 -20
- package/dist/main.es76.js +10 -20
- package/dist/main.es77.js +3 -3
- package/dist/main.es78.js +20 -12
- package/dist/main.es79.js +18 -15
- package/dist/main.es80.js +9 -19
- package/dist/main.es81.js +9 -15
- package/dist/main.es82.js +7 -7
- package/dist/main.es83.js +16 -12
- package/dist/main.es84.js +16 -10
- package/dist/main.es85.js +14 -6
- package/dist/main.es86.js +14 -10
- package/dist/main.es87.js +9 -14
- package/dist/main.es88.js +9 -22
- package/dist/main.es89.js +8 -6
- package/dist/main.es9.js +24 -6
- package/dist/main.es90.js +14 -11
- package/dist/main.es91.js +18 -6
- package/dist/main.es92.js +11 -14
- package/dist/main.es93.js +11 -19
- package/dist/main.es94.js +11 -8
- package/dist/main.es95.js +9 -11
- package/dist/main.es96.js +16 -11
- package/dist/main.es97.js +8 -11
- package/dist/main.es98.js +14 -9
- package/dist/main.es99.js +15 -11
- package/package.json +1 -1
- package/src/App.vue +3 -3
- package/src/components/barchart/BottomFields.vue +32 -2
- package/src/components/barchart/index.vue +5 -0
- package/src/components/buttons/buttonIcon/index.vue +26 -1
- package/src/components/buttons/mainButton/index.vue +18 -1
- package/src/components/infoText/index.vue +5 -2
- package/src/components/inputs/inputNumber/index.vue +45 -4
- package/src/components/progressStep/index.vue +129 -0
- package/src/components/progressStep/progressStep.stories.js +58 -0
- package/src/components/tag/conversionTag/index.vue +37 -0
- package/src/components/tag/{proTag → freeTrialTag}/index.vue +10 -4
package/dist/main.es93.js
CHANGED
@@ -2,32 +2,24 @@ 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: "14",
|
6
|
+
height: "14",
|
7
7
|
fill: "none"
|
8
8
|
};
|
9
9
|
const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
|
10
|
-
|
11
|
-
|
10
|
+
stroke: "#fff",
|
11
|
+
"stroke-width": "1.273",
|
12
|
+
d: "m3 2 4 3 4-3M3 12l4-3 4 3",
|
13
|
+
class: "fix"
|
12
14
|
}, null, -1);
|
13
|
-
const _hoisted_3 =
|
14
|
-
|
15
|
-
d: "m17.1 19.5-4-3-4 3v-15h8z"
|
16
|
-
}, null, -1);
|
17
|
-
const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
|
18
|
-
fill: "#F58F46",
|
19
|
-
d: "m30.9 33.5-4-3-4 3v-15h8z"
|
20
|
-
}, null, -1);
|
21
|
-
const _hoisted_5 = [
|
22
|
-
_hoisted_2,
|
23
|
-
_hoisted_3,
|
24
|
-
_hoisted_4
|
15
|
+
const _hoisted_3 = [
|
16
|
+
_hoisted_2
|
25
17
|
];
|
26
18
|
function render(_ctx, _cache) {
|
27
|
-
return openBlock(), createElementBlock("svg", _hoisted_1,
|
19
|
+
return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
|
28
20
|
}
|
29
|
-
const
|
21
|
+
const collapse_all = { render };
|
30
22
|
export {
|
31
|
-
|
23
|
+
collapse_all as default,
|
32
24
|
render
|
33
25
|
};
|
package/dist/main.es94.js
CHANGED
@@ -1,20 +1,23 @@
|
|
1
1
|
import "./main.es3.js";
|
2
|
-
import { openBlock, createElementBlock,
|
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: "18",
|
6
|
+
height: "18",
|
7
7
|
fill: "none"
|
8
8
|
};
|
9
|
-
const _hoisted_2 = /* @__PURE__ */
|
10
|
-
|
9
|
+
const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
|
10
|
+
fill: "#263238",
|
11
|
+
d: "M17 10H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1M4 16c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2M17 0H1C.45 0 0 .45 0 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1M4 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2"
|
12
|
+
}, null, -1);
|
13
|
+
const _hoisted_3 = [
|
11
14
|
_hoisted_2
|
12
15
|
];
|
13
16
|
function render(_ctx, _cache) {
|
14
|
-
return openBlock(), createElementBlock("svg", _hoisted_1,
|
17
|
+
return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
|
15
18
|
}
|
16
|
-
const
|
19
|
+
const collections = { render };
|
17
20
|
export {
|
18
|
-
|
21
|
+
collections as default,
|
19
22
|
render
|
20
23
|
};
|
package/dist/main.es95.js
CHANGED
@@ -2,17 +2,15 @@ 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: "
|
7
|
-
fill: "
|
5
|
+
width: "29",
|
6
|
+
height: "29",
|
7
|
+
fill: "#333"
|
8
8
|
};
|
9
|
-
const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
|
10
|
-
fill: "#263238",
|
11
|
-
d: "M21.5 14.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.5 20a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.5 25.25a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
|
12
|
-
}, null, -1);
|
9
|
+
const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", { d: "m10.5 14 4-8 4 8z" }, null, -1);
|
13
10
|
const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
|
14
|
-
fill: "#
|
15
|
-
d: "
|
11
|
+
fill: "#ccc",
|
12
|
+
d: "m10.5 16 4 8 4-8z",
|
13
|
+
class: "fix"
|
16
14
|
}, null, -1);
|
17
15
|
const _hoisted_4 = [
|
18
16
|
_hoisted_2,
|
@@ -21,8 +19,8 @@ const _hoisted_4 = [
|
|
21
19
|
function render(_ctx, _cache) {
|
22
20
|
return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
|
23
21
|
}
|
24
|
-
const
|
22
|
+
const compass = { render };
|
25
23
|
export {
|
26
|
-
|
24
|
+
compass as default,
|
27
25
|
render
|
28
26
|
};
|
package/dist/main.es96.js
CHANGED
@@ -2,27 +2,32 @@ 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: "42",
|
6
|
+
height: "42",
|
7
7
|
fill: "none"
|
8
8
|
};
|
9
9
|
const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
|
10
|
-
fill: "#
|
11
|
-
d: "
|
10
|
+
fill: "#B2B9C5",
|
11
|
+
d: "M6.2 4.5H38c1.1 0 2-.9 2-2s-.9-2-2-2H6c-3.3 0-6 2.7-6 6 0 1.7.7 3.2 1.8 4.2 1 1.1 2.5 1.8 4.2 1.8h32c1.1 0 2-.9 2-2s-.9-2-2-2H6c-1.2 0-2.2-1.1-2-2.3.2-1 1.1-1.7 2.2-1.7M6.1 32.5H38c1.1 0 2-.9 2-2s-.9-2-2-2H6c-3.3 0-6 2.7-6 6 0 1.7.7 3.2 1.8 4.2 1 1.1 2.5 1.8 4.2 1.8h32c1.1 0 2-.9 2-2s-.9-2-2-2H6c-1.2 0-2.2-1.1-2-2.3.2-1 1.1-1.7 2.1-1.7M33.9 22.5H2c-1.1 0-2 .9-2 2s.9 2 2 2h32c3.3 0 6-2.7 6-6 0-1.7-.7-3.2-1.8-4.2-1-1.1-2.5-1.8-4.2-1.8H2c-1.1 0-2 .9-2 2s.9 2 2 2h32c1.2 0 2.2 1.1 2 2.3-.2 1-1.1 1.7-2.1 1.7"
|
12
12
|
}, null, -1);
|
13
13
|
const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
|
14
|
-
fill: "#
|
15
|
-
d: "
|
14
|
+
fill: "#FF5656",
|
15
|
+
d: "m17.1 19.5-4-3-4 3v-15h8z"
|
16
16
|
}, null, -1);
|
17
|
-
const _hoisted_4 =
|
17
|
+
const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
|
18
|
+
fill: "#F58F46",
|
19
|
+
d: "m30.9 33.5-4-3-4 3v-15h8z"
|
20
|
+
}, null, -1);
|
21
|
+
const _hoisted_5 = [
|
18
22
|
_hoisted_2,
|
19
|
-
_hoisted_3
|
23
|
+
_hoisted_3,
|
24
|
+
_hoisted_4
|
20
25
|
];
|
21
26
|
function render(_ctx, _cache) {
|
22
|
-
return openBlock(), createElementBlock("svg", _hoisted_1,
|
27
|
+
return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
|
23
28
|
}
|
24
|
-
const
|
29
|
+
const component_library = { render };
|
25
30
|
export {
|
26
|
-
|
31
|
+
component_library as default,
|
27
32
|
render
|
28
33
|
};
|
package/dist/main.es97.js
CHANGED
@@ -1,23 +1,20 @@
|
|
1
1
|
import "./main.es3.js";
|
2
|
-
import { openBlock, createElementBlock,
|
2
|
+
import { openBlock, createElementBlock, createStaticVNode } from "./main.es6.js";
|
3
3
|
const _hoisted_1 = {
|
4
4
|
xmlns: "http://www.w3.org/2000/svg",
|
5
|
-
width: "
|
6
|
-
height: "
|
5
|
+
width: "81",
|
6
|
+
height: "80",
|
7
7
|
fill: "none"
|
8
8
|
};
|
9
|
-
const _hoisted_2 = /* @__PURE__ */
|
10
|
-
|
11
|
-
d: "M21.75 14.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.75 20a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.75 25.25a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
|
12
|
-
}, null, -1);
|
13
|
-
const _hoisted_3 = [
|
9
|
+
const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#B2B9C5" fill-rule="evenodd" d="M51.61 40.35a.2.2 0 0 0-.134-.35h-8.101l5.527-17.3c.062-.195-.172-.346-.324-.21L29.39 39.65a.2.2 0 0 0 .134.35h8.101l-5.527 17.3c-.062.195.172.346.324.21z" clip-rule="evenodd"></path><path fill="#DEE2EB" d="M27.568 15.165c.654.654.64 1.73-.032 2.401-.672.672-1.747.686-2.401.032L17.367 9.83 19.8 7.397zM22.913 2.038a2.115 2.115 0 0 1 1.71 2.516c-.235 1.186-1.382 1.982-2.562 1.778L11.615 4.526 11.36.039zM25.903 19.989c.655.654.64 1.73-.031 2.401-.672.672-1.747.686-2.402.032l-9.347-9.348 2.433-2.433zM21.87 22.443c.654.654.64 1.73-.032 2.401-.672.672-1.747.686-2.402.032l-8.557-8.558 2.433-2.433zM16.256 23.317c.654.654.64 1.73-.032 2.401-.672.672-1.747.687-2.402.032l-6.187-6.187 2.433-2.433z"></path><path fill="#DEE2EB" d="M20.327 7.924 8.16 20.089l-6.055-6.056C-.076 11.852-.028 8.268 2.21 6.03l4.055-4.056c2.24-2.24 5.824-2.286 8.005-.105z"></path><path fill="#DEE2EB" d="m18.947 11.41-.811.811-1.053-1.053.81-.811zM15.703 14.654l-.811.811-1.053-1.053.81-.811zM11.932 17.372l-.81.81-.527-.526.81-.81zM6.266 1.973C8.294-.054 10.162-.079 11.36.04l.26.53-.138.402-1.879.825c-.44-.35-3.445.286-3.337.177M53.43 64.835c-.654-.654-.64-1.73.032-2.401.672-.672 1.747-.686 2.401-.032l7.768 7.768-2.433 2.433zM58.085 77.962a2.115 2.115 0 0 1-1.71-2.516c.234-1.186 1.382-1.982 2.562-1.778l10.446 1.806.255 4.487zM55.095 60.011c-.655-.654-.64-1.73.031-2.401.672-.672 1.747-.686 2.402-.032l9.347 9.348-2.433 2.433zM59.129 57.557c-.655-.654-.64-1.73.031-2.401.672-.672 1.747-.686 2.402-.032l8.557 8.557-2.433 2.434zM64.743 56.683c-.655-.654-.64-1.73.031-2.401.672-.672 1.747-.687 2.401-.032l6.188 6.187-2.433 2.434z"></path><path fill="#DEE2EB" d="m60.671 72.076 12.166-12.165 6.055 6.056c2.182 2.181 2.135 5.765-.105 8.004l-4.055 4.055c-2.24 2.24-5.823 2.287-8.005.106z"></path><path fill="#DEE2EB" d="m62.051 68.59.811-.811 1.053 1.053-.81.811zM65.295 65.346l.811-.811 1.053 1.053-.81.811zM69.066 62.628l.81-.81.527.526-.81.81zM74.732 78.027c-2.028 2.027-3.895 2.052-5.094 1.934l-.26-.53.138-.402 1.879-.825c.44.35 3.445-.286 3.337-.177M53.43 15.165c-.654.654-.64 1.73.032 2.401.672.672 1.747.686 2.401.032l7.768-7.768-2.433-2.433zM58.085 2.038a2.115 2.115 0 0 0-1.71 2.516c.234 1.186 1.382 1.982 2.562 1.778l10.446-1.806.255-4.487zM55.095 19.989c-.655.654-.64 1.73.031 2.401.672.672 1.747.686 2.402.032l9.347-9.348-2.433-2.433zM59.129 22.443c-.655.654-.64 1.73.031 2.401.672.672 1.747.686 2.402.032l8.557-8.558-2.433-2.433zM64.743 23.317c-.655.654-.64 1.73.031 2.401.672.672 1.747.687 2.401.032l6.188-6.187-2.433-2.433z"></path><path fill="#DEE2EB" d="m60.671 7.924 12.166 12.165 6.055-6.056c2.182-2.181 2.135-5.765-.105-8.004l-4.055-4.056c-2.24-2.24-5.823-2.286-8.005-.105z"></path><path fill="#DEE2EB" d="m62.051 11.41.811.811 1.053-1.053-.81-.811zM65.295 14.654l.811.811 1.053-1.053-.81-.811zM69.066 17.372l.81.81.527-.526-.81-.81zM74.732 1.973C72.704-.054 70.837-.079 69.638.04l-.26.53.138.402 1.879.825c.44-.35 3.445.286 3.337.177M27.568 64.835c.654-.654.64-1.73-.032-2.401-.672-.672-1.747-.686-2.401-.032l-7.768 7.768 2.433 2.433zM22.913 77.962a2.115 2.115 0 0 0 1.71-2.516c-.235-1.186-1.382-1.982-2.562-1.778l-10.446 1.806-.255 4.487zM25.903 60.011c.655-.654.64-1.73-.031-2.401-.672-.672-1.747-.686-2.402-.032l-9.347 9.348 2.433 2.433zM21.87 57.557c.654-.654.64-1.73-.032-2.401-.672-.672-1.747-.686-2.402-.032l-8.557 8.557 2.433 2.434zM16.256 56.683c.654-.654.64-1.73-.032-2.401-.672-.672-1.747-.687-2.402-.032l-6.187 6.187 2.433 2.434z"></path><path fill="#DEE2EB" d="M20.327 72.076 8.16 59.911l-6.055 6.056c-2.182 2.181-2.134 5.765.105 8.004l4.055 4.055c2.24 2.24 5.824 2.287 8.005.106z"></path><path fill="#DEE2EB" d="m18.947 68.59-.811-.811-1.053 1.053.81.811zM15.703 65.346l-.811-.811-1.053 1.053.81.811zM11.932 62.628l-.81-.81-.527.526.81.81zM6.266 78.027c2.028 2.027 3.896 2.052 5.094 1.934l.26-.53-.138-.402-1.879-.825c-.44.35-3.445-.286-3.337-.177"></path>', 10);
|
10
|
+
const _hoisted_12 = [
|
14
11
|
_hoisted_2
|
15
12
|
];
|
16
13
|
function render(_ctx, _cache) {
|
17
|
-
return openBlock(), createElementBlock("svg", _hoisted_1,
|
14
|
+
return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_12);
|
18
15
|
}
|
19
|
-
const
|
16
|
+
const consumption_tariffs = { render };
|
20
17
|
export {
|
21
|
-
|
18
|
+
consumption_tariffs as default,
|
22
19
|
render
|
23
20
|
};
|
package/dist/main.es98.js
CHANGED
@@ -2,22 +2,27 @@ 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: "13",
|
6
|
+
height: "23",
|
7
7
|
fill: "none"
|
8
8
|
};
|
9
9
|
const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
|
10
|
-
fill: "#
|
11
|
-
d: "
|
10
|
+
fill: "#263238",
|
11
|
+
d: "M21.5 14.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.5 20a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.5 25.25a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
|
12
12
|
}, null, -1);
|
13
|
-
const _hoisted_3 =
|
14
|
-
|
13
|
+
const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
|
14
|
+
fill: "#99DB0C",
|
15
|
+
d: "m28.94 7.96-3.78 3.73-2.1.25.25-2.1 3.73-3.78z"
|
16
|
+
}, null, -1);
|
17
|
+
const _hoisted_4 = [
|
18
|
+
_hoisted_2,
|
19
|
+
_hoisted_3
|
15
20
|
];
|
16
21
|
function render(_ctx, _cache) {
|
17
|
-
return openBlock(), createElementBlock("svg", _hoisted_1,
|
22
|
+
return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
|
18
23
|
}
|
19
|
-
const
|
24
|
+
const context_menu1 = { render };
|
20
25
|
export {
|
21
|
-
|
26
|
+
context_menu1 as default,
|
22
27
|
render
|
23
28
|
};
|
package/dist/main.es99.js
CHANGED
@@ -2,23 +2,27 @@ 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: "
|
7
|
-
|
5
|
+
width: "8",
|
6
|
+
height: "16",
|
7
|
+
fill: "none"
|
8
8
|
};
|
9
9
|
const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
|
10
|
-
fill: "
|
11
|
-
"
|
12
|
-
d: "M426.667 128v320h-256V128zM384 170.667H213.333v234.666H384zm-64-128v42.666H128v256H85.333V42.667z"
|
10
|
+
fill: "#263238",
|
11
|
+
d: "M21.5 14.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.5 25.25a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
|
13
12
|
}, null, -1);
|
14
|
-
const _hoisted_3 =
|
15
|
-
|
13
|
+
const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
|
14
|
+
fill: "#99DB0C",
|
15
|
+
d: "m22.94 18.96-3.78 3.73-2.1.25.25-2.1 3.73-3.78z"
|
16
|
+
}, null, -1);
|
17
|
+
const _hoisted_4 = [
|
18
|
+
_hoisted_2,
|
19
|
+
_hoisted_3
|
16
20
|
];
|
17
21
|
function render(_ctx, _cache) {
|
18
|
-
return openBlock(), createElementBlock("svg", _hoisted_1,
|
22
|
+
return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
|
19
23
|
}
|
20
|
-
const
|
24
|
+
const context_menu2 = { render };
|
21
25
|
export {
|
22
|
-
|
26
|
+
context_menu2 as default,
|
23
27
|
render
|
24
28
|
};
|
package/package.json
CHANGED
package/src/App.vue
CHANGED
@@ -1,19 +1,19 @@
|
|
1
1
|
<template>
|
2
2
|
<ThemeProvider :style="{ height: '100%' }" :theme="theme">
|
3
3
|
<RouterView />
|
4
|
-
<
|
4
|
+
<ConversionTag />
|
5
5
|
</ThemeProvider>
|
6
6
|
</template>
|
7
7
|
|
8
8
|
<script>
|
9
9
|
import { ThemeProvider } from 'vue3-styled-components'
|
10
10
|
import theme from '@/assets/theme.js'
|
11
|
-
import
|
11
|
+
import ConversionTag from '@/components/tag/conversionTag'
|
12
12
|
export default {
|
13
13
|
name: 'App',
|
14
14
|
components: {
|
15
15
|
ThemeProvider,
|
16
|
-
|
16
|
+
ConversionTag,
|
17
17
|
},
|
18
18
|
setup() {
|
19
19
|
return {
|
@@ -22,7 +22,7 @@
|
|
22
22
|
<!-- For stacked bar chart -->
|
23
23
|
<template v-if="seriesData.length">
|
24
24
|
<InputRow
|
25
|
-
v-for="series in seriesData"
|
25
|
+
v-for="(series, seriesIndex) in seriesData"
|
26
26
|
:key="series.name"
|
27
27
|
:data-series-name="series.name"
|
28
28
|
>
|
@@ -36,8 +36,10 @@
|
|
36
36
|
:allow-negative="false"
|
37
37
|
:default-number="0"
|
38
38
|
:disabled="isInputsDisabled"
|
39
|
+
:error-message="getInputErrorMessage(series.data, item.label)"
|
39
40
|
input-height="36px"
|
40
41
|
:is-disabled-styled-only="true"
|
42
|
+
:is-error="getIsError(series.data, item.label)"
|
41
43
|
:is-info-border="
|
42
44
|
fieldMode === 'percentage'
|
43
45
|
? calculatePercentageTotal(item.label) !== 100
|
@@ -117,8 +119,10 @@
|
|
117
119
|
<InputNumber
|
118
120
|
:allow-negative="false"
|
119
121
|
:disabled="isInputsDisabled"
|
122
|
+
:error-message="item.errorMessage"
|
120
123
|
input-height="36px"
|
121
124
|
:is-disabled-styled-only="true"
|
125
|
+
:is-error="item.isError"
|
122
126
|
:min-decimals="0"
|
123
127
|
:number-precision="0"
|
124
128
|
text-align="center"
|
@@ -142,6 +146,11 @@
|
|
142
146
|
</InfoCardBody>
|
143
147
|
</InfoCard>
|
144
148
|
</InfoCardContainer>
|
149
|
+
<InfoCardContainer v-if="hasInputErrors" :y-axis-width="yAxisWidth">
|
150
|
+
<InfoCard align-items="center" type="error_minor">
|
151
|
+
<InfoCardBody> {{ inputErrorMessage }} </InfoCardBody>
|
152
|
+
</InfoCard>
|
153
|
+
</InfoCardContainer>
|
145
154
|
</template>
|
146
155
|
|
147
156
|
<script setup>
|
@@ -204,6 +213,10 @@
|
|
204
213
|
type: String,
|
205
214
|
default: '',
|
206
215
|
},
|
216
|
+
inputErrorMessage: {
|
217
|
+
type: String,
|
218
|
+
default: '',
|
219
|
+
},
|
207
220
|
})
|
208
221
|
|
209
222
|
const seriesData = ref([])
|
@@ -229,6 +242,8 @@
|
|
229
242
|
label: d.label,
|
230
243
|
value: d.value,
|
231
244
|
percentage: d.percentage,
|
245
|
+
isError: d.isError,
|
246
|
+
errorMessage: d.errorMessage,
|
232
247
|
originalValue: currentSeriesData.length
|
233
248
|
? currentSeriesData[itemIndex].data[dIndex].originalValue
|
234
249
|
: d.value,
|
@@ -275,7 +290,7 @@
|
|
275
290
|
}
|
276
291
|
}
|
277
292
|
|
278
|
-
const getDisplayValue = (data, label
|
293
|
+
const getDisplayValue = (data, label) => {
|
279
294
|
if (props.fieldMode === 'absolute') {
|
280
295
|
return data.find((d) => d.label === label)?.value
|
281
296
|
}
|
@@ -283,6 +298,13 @@
|
|
283
298
|
return data.find((d) => d.label === label)?.percentage
|
284
299
|
}
|
285
300
|
|
301
|
+
const getIsError = (data, label) => {
|
302
|
+
return data.find((d) => d.label === label)?.isError
|
303
|
+
}
|
304
|
+
const getInputErrorMessage = (data, label) => {
|
305
|
+
return data.find((d) => d.label === label)?.errorMessage
|
306
|
+
}
|
307
|
+
|
286
308
|
const calculatePercentageTotal = (label) => {
|
287
309
|
const percentageTotal = seriesData.value.reduce((sum, series) => {
|
288
310
|
const percentage =
|
@@ -336,6 +358,14 @@
|
|
336
358
|
return calculatePercentageTotal(d.label) !== 100
|
337
359
|
})
|
338
360
|
})
|
361
|
+
const hasInputErrors = computed(() => {
|
362
|
+
if (seriesData.value.length) {
|
363
|
+
return seriesData.value.some((serie) =>
|
364
|
+
serie.data.some((item) => item.isError)
|
365
|
+
)
|
366
|
+
}
|
367
|
+
return props.data.some((item) => item.isError)
|
368
|
+
})
|
339
369
|
|
340
370
|
const handleFieldsScroll = (event) => {
|
341
371
|
emit('sync-scroll', event.target.scrollLeft)
|
@@ -166,6 +166,7 @@
|
|
166
166
|
:is-inputs-disabled="isLoading"
|
167
167
|
:is-scrollable="isScrollable"
|
168
168
|
:percentage-error-message="percentageErrorMessage"
|
169
|
+
:input-error-message="inputErrorMessage"
|
169
170
|
:series="series"
|
170
171
|
:y-axis-width="yAxisWidth"
|
171
172
|
@input-blur="handleInputBlur"
|
@@ -307,6 +308,10 @@
|
|
307
308
|
type: String,
|
308
309
|
default: '',
|
309
310
|
},
|
311
|
+
inputErrorMessage: {
|
312
|
+
type: String,
|
313
|
+
default: '',
|
314
|
+
},
|
310
315
|
})
|
311
316
|
|
312
317
|
const generateChartId = () =>
|
@@ -50,6 +50,7 @@
|
|
50
50
|
numberCount
|
51
51
|
}}</NumberText>
|
52
52
|
</NumberContainer>
|
53
|
+
<BetaTag v-if="isBeta" :is-disabled="isDisabled"> Beta </BetaTag>
|
53
54
|
</ButtonWrapper>
|
54
55
|
</PageContainer>
|
55
56
|
</template>
|
@@ -70,7 +71,9 @@
|
|
70
71
|
import styled from 'vue3-styled-components'
|
71
72
|
import Theme from '@/assets/theme'
|
72
73
|
|
73
|
-
const PageContainer = styled.div
|
74
|
+
const PageContainer = styled.div`
|
75
|
+
position: relative;
|
76
|
+
`
|
74
77
|
|
75
78
|
const ButtonAttrs = {
|
76
79
|
type: String,
|
@@ -200,6 +203,23 @@
|
|
200
203
|
background-color: ${(props) => props.theme.semanticColors.purple[50]};
|
201
204
|
`
|
202
205
|
|
206
|
+
const BetaTag = styled('div', { isDisabled: Boolean })`
|
207
|
+
position: absolute;
|
208
|
+
top: -5px;
|
209
|
+
right: -8px;
|
210
|
+
padding: 4px;
|
211
|
+
border-radius: 4px;
|
212
|
+
font-size: 10px;
|
213
|
+
background-color: ${(props) =>
|
214
|
+
props.isDisabled
|
215
|
+
? props.theme.colors.disabled
|
216
|
+
: props.theme.semanticColors.red[500]};
|
217
|
+
color: ${(props) => props.theme.colors.white};
|
218
|
+
font-weight: 700;
|
219
|
+
transform: rotate(20deg);
|
220
|
+
cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'pointer')};
|
221
|
+
`
|
222
|
+
|
203
223
|
export default {
|
204
224
|
name: 'ButtonIcon',
|
205
225
|
components: {
|
@@ -210,6 +230,7 @@
|
|
210
230
|
Icon,
|
211
231
|
NumberContainer,
|
212
232
|
NumberText,
|
233
|
+
BetaTag,
|
213
234
|
},
|
214
235
|
props: {
|
215
236
|
type: {
|
@@ -293,6 +314,10 @@
|
|
293
314
|
type: String,
|
294
315
|
default: 'auto',
|
295
316
|
},
|
317
|
+
isBeta: {
|
318
|
+
type: Boolean,
|
319
|
+
default: false,
|
320
|
+
},
|
296
321
|
},
|
297
322
|
data() {
|
298
323
|
return {
|
@@ -7,11 +7,13 @@
|
|
7
7
|
:data-id="dataId"
|
8
8
|
:data-qa-id="dataQaId"
|
9
9
|
:height="height"
|
10
|
+
:is-active="isActive"
|
10
11
|
:is-disabled="isDisabled"
|
11
12
|
:min-width="minWidth"
|
12
13
|
:no-wrap="noWrap"
|
13
14
|
:type="type"
|
14
15
|
:variant="variant"
|
16
|
+
:width="width"
|
15
17
|
>
|
16
18
|
<LabelComponent :has-icon="Boolean(icon)">
|
17
19
|
<Icon
|
@@ -50,11 +52,13 @@
|
|
50
52
|
type: String,
|
51
53
|
isDisabled: Boolean,
|
52
54
|
minWidth: String,
|
55
|
+
width: String,
|
53
56
|
noWrap: Boolean,
|
54
57
|
height: String,
|
55
58
|
variant: String,
|
56
59
|
buttonSize: String,
|
57
60
|
appTheme: String,
|
61
|
+
isActive: Boolean,
|
58
62
|
}
|
59
63
|
const ButtonContainer = styled('div', ButtonAttrs)`
|
60
64
|
display: flex;
|
@@ -73,6 +77,9 @@
|
|
73
77
|
props.isDisabled
|
74
78
|
? props.theme.mainButton[props.appTheme][props.type][props.variant]
|
75
79
|
.disabled.backgroundColor
|
80
|
+
: props.isActive
|
81
|
+
? props.theme.mainButton[props.appTheme][props.type][props.variant]
|
82
|
+
.active.backgroundColor
|
76
83
|
: props.theme.mainButton[props.appTheme][props.type][props.variant]
|
77
84
|
.default.backgroundColor};
|
78
85
|
border: ${(props) => {
|
@@ -91,7 +98,7 @@
|
|
91
98
|
${(props) => (props.noWrap ? `white-space: nowrap;` : '')};
|
92
99
|
height: ${(props) => props.height};
|
93
100
|
line-height: 1;
|
94
|
-
|
101
|
+
width: ${(props) => props.width};
|
95
102
|
&:hover {
|
96
103
|
background-color: ${(props) =>
|
97
104
|
props.isDisabled
|
@@ -170,6 +177,11 @@
|
|
170
177
|
default: false,
|
171
178
|
type: Boolean,
|
172
179
|
},
|
180
|
+
isActive: {
|
181
|
+
required: false,
|
182
|
+
default: false,
|
183
|
+
type: Boolean,
|
184
|
+
},
|
173
185
|
icon: {
|
174
186
|
required: false,
|
175
187
|
default: null,
|
@@ -204,6 +216,11 @@
|
|
204
216
|
default: null,
|
205
217
|
type: String,
|
206
218
|
},
|
219
|
+
width: {
|
220
|
+
required: false,
|
221
|
+
default: 'auto',
|
222
|
+
type: String,
|
223
|
+
},
|
207
224
|
height: {
|
208
225
|
required: false,
|
209
226
|
default: 'auto',
|
@@ -49,7 +49,10 @@
|
|
49
49
|
<slot name="trigger"></slot>
|
50
50
|
</IconWrapper>
|
51
51
|
</div>
|
52
|
-
<Teleport
|
52
|
+
<Teleport
|
53
|
+
v-if="!hideInfoText && isVisible && (!!text || $slots.default)"
|
54
|
+
to="body"
|
55
|
+
>
|
53
56
|
<TextWrapper data-test-id="info_text_wrapper" :style="wrapperStyle">
|
54
57
|
<TextOverlay
|
55
58
|
ref="infoBox"
|
@@ -488,7 +491,7 @@
|
|
488
491
|
}
|
489
492
|
|
490
493
|
const showInfo = async () => {
|
491
|
-
isVisible.value = true
|
494
|
+
isVisible.value = true && !props.hideInfoText
|
492
495
|
// Wait for two render cycles to ensure content is stable
|
493
496
|
await nextTick()
|
494
497
|
await nextTick()
|