@eturnity/eturnity_reusable_components 7.22.4-qa-09.2 → 7.22.4-qa-25.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/package.json +1 -2
- package/src/assets/svgIcons/save.svg +3 -0
- package/src/assets/svgIcons/split.svg +88 -6
- package/src/components/icon/index.vue +14 -2
- package/src/components/iconWrapper/index.vue +6 -0
- package/src/components/inputs/checkbox/index.vue +0 -5
- package/src/assets/svgIcons/anchor.svg +0 -18
- package/src/assets/svgIcons/flatten_roof.svg +0 -20
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eturnity/eturnity_reusable_components",
|
|
3
|
-
"version": "7.22.4-qa-
|
|
3
|
+
"version": "7.22.4-qa-25.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "vue-cli-service serve",
|
|
@@ -23,7 +23,6 @@
|
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@babel/core": "7.12.16",
|
|
26
|
-
"@babel/eslint-parser": "7.12.16",
|
|
27
26
|
"@vue/cli-plugin-babel": "5.0.8",
|
|
28
27
|
"@vue/cli-plugin-eslint": "5.0.8",
|
|
29
28
|
"@vue/cli-service": "5.0.8",
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M10.8889 0H1.55556C0.692222 0 0 0.7 0 1.55556V12.4444C0 13.3 0.692222 14 1.55556 14H12.4444C13.3 14 14 13.3 14 12.4444V3.11111L10.8889 0ZM7 12.4444C5.70889 12.4444 4.66667 11.4022 4.66667 10.1111C4.66667 8.82 5.70889 7.77778 7 7.77778C8.29111 7.77778 9.33333 8.82 9.33333 10.1111C9.33333 11.4022 8.29111 12.4444 7 12.4444ZM9.33333 4.66667H1.55556V1.55556H9.33333V4.66667Z" fill="#263238"/>
|
|
3
|
+
</svg>
|
|
@@ -1,12 +1,94 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
2
|
+
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
3
|
+
|
|
1
4
|
<svg
|
|
5
|
+
version="1.1"
|
|
6
|
+
id="svg438"
|
|
2
7
|
width="838"
|
|
3
8
|
height="833"
|
|
4
9
|
viewBox="0 0 838 833"
|
|
10
|
+
sodipodi:docname="split.svg"
|
|
11
|
+
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
|
|
12
|
+
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
|
13
|
+
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
|
5
14
|
xmlns="http://www.w3.org/2000/svg"
|
|
6
|
-
>
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
15
|
+
xmlns:svg="http://www.w3.org/2000/svg">
|
|
16
|
+
<defs
|
|
17
|
+
id="defs442">
|
|
18
|
+
<linearGradient
|
|
19
|
+
id="linearGradient7383"
|
|
20
|
+
inkscape:swatch="solid">
|
|
21
|
+
<stop
|
|
22
|
+
style="stop-color:#ffffff;stop-opacity:1;"
|
|
23
|
+
offset="0"
|
|
24
|
+
id="stop7381" />
|
|
25
|
+
</linearGradient>
|
|
26
|
+
<linearGradient
|
|
27
|
+
id="linearGradient6933"
|
|
28
|
+
inkscape:swatch="solid">
|
|
29
|
+
<stop
|
|
30
|
+
style="stop-color:#000000;stop-opacity:1;"
|
|
31
|
+
offset="0"
|
|
32
|
+
id="stop6931" />
|
|
33
|
+
</linearGradient>
|
|
34
|
+
</defs>
|
|
35
|
+
<sodipodi:namedview
|
|
36
|
+
id="namedview440"
|
|
37
|
+
pagecolor="#ffffff"
|
|
38
|
+
bordercolor="#666666"
|
|
39
|
+
borderopacity="1.0"
|
|
40
|
+
inkscape:pageshadow="2"
|
|
41
|
+
inkscape:pageopacity="0.0"
|
|
42
|
+
inkscape:pagecheckerboard="0"
|
|
43
|
+
showgrid="false"
|
|
44
|
+
inkscape:zoom="0.95078031"
|
|
45
|
+
inkscape:cx="466.45896"
|
|
46
|
+
inkscape:cy="549.02273"
|
|
47
|
+
inkscape:window-width="1920"
|
|
48
|
+
inkscape:window-height="1007"
|
|
49
|
+
inkscape:window-x="0"
|
|
50
|
+
inkscape:window-y="0"
|
|
51
|
+
inkscape:window-maximized="1"
|
|
52
|
+
inkscape:current-layer="g444" />
|
|
53
|
+
<g
|
|
54
|
+
inkscape:groupmode="layer"
|
|
55
|
+
inkscape:label="Image"
|
|
56
|
+
id="g444">
|
|
57
|
+
<circle
|
|
58
|
+
id="path5141"
|
|
59
|
+
style="fill:none;stroke:#fffeff;stroke-opacity:1"
|
|
60
|
+
cx="0.66903824"
|
|
61
|
+
cy="263.65976"
|
|
62
|
+
r="0.52949077" />
|
|
63
|
+
<circle
|
|
64
|
+
id="path5143"
|
|
65
|
+
style="fill:none;stroke:#fffeff;stroke-opacity:1"
|
|
66
|
+
cx="0.66903824"
|
|
67
|
+
cy="263.65976"
|
|
68
|
+
r="0.52949077" />
|
|
69
|
+
<g
|
|
70
|
+
id="path5184"
|
|
71
|
+
style="stroke:#fffeff;stroke-opacity:1;fill:none">
|
|
72
|
+
<path
|
|
73
|
+
style="color:#000000;fill:none;stroke-width:154.42;-inkscape-stroke:none;stroke:#fffeff;stroke-opacity:1"
|
|
74
|
+
d="m -156.35359,113.32885 348.76355,221.92361 744.6236,-498.85799"
|
|
75
|
+
id="path6861" />
|
|
76
|
+
<path
|
|
77
|
+
style="color:#000000;fill:none;-inkscape-stroke:none;stroke:#fffeff;stroke-opacity:1"
|
|
78
|
+
d="M 894.06055,-227.75 191.32227,243.04492 -114.9043,48.1875 -197.80273,178.46875 193.49609,427.45898 980.00781,-99.460937 Z"
|
|
79
|
+
id="path6863" />
|
|
80
|
+
</g>
|
|
81
|
+
<g
|
|
82
|
+
id="path5186"
|
|
83
|
+
style="stroke:#fffeff;stroke-opacity:1;fill:none">
|
|
84
|
+
<path
|
|
85
|
+
style="color:#000000;fill:none;stroke-width:166.34;-inkscape-stroke:none;stroke:#fffeff;stroke-opacity:1"
|
|
86
|
+
d="M 816.06617,905.68984 357.97591,628.01443 1035.7943,176.14788"
|
|
87
|
+
id="path6855" />
|
|
88
|
+
<path
|
|
89
|
+
style="color:#000000;fill:none;-inkscape-stroke:none;stroke:#fffeff;stroke-opacity:1"
|
|
90
|
+
d="M 989.66016,106.94531 203.03125,631.34961 772.95312,976.81445 859.17773,834.56641 512.91992,624.67773 1081.9277,245.34961 Z"
|
|
91
|
+
id="path6857" />
|
|
92
|
+
</g>
|
|
93
|
+
</g>
|
|
12
94
|
</svg>
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
:color="color"
|
|
5
5
|
:background-color="backgroundColor"
|
|
6
6
|
:hovered-color="hoveredColor"
|
|
7
|
+
:animation="animation"
|
|
7
8
|
>
|
|
8
9
|
<i v-html="icon.html" />
|
|
9
10
|
</icon-image>
|
|
@@ -56,6 +57,10 @@ const props = defineProps({
|
|
|
56
57
|
backgroundColor: {
|
|
57
58
|
required: false,
|
|
58
59
|
default: null
|
|
60
|
+
},
|
|
61
|
+
animation: {
|
|
62
|
+
required: false,
|
|
63
|
+
default: 'none'
|
|
59
64
|
}
|
|
60
65
|
})
|
|
61
66
|
|
|
@@ -94,8 +99,10 @@ const StrikedLine = styled('div', { color: String })`
|
|
|
94
99
|
const IconImage = styled('div', {
|
|
95
100
|
color: String,
|
|
96
101
|
backgroundColor: String,
|
|
97
|
-
hoveredColor: String
|
|
102
|
+
hoveredColor: String,
|
|
103
|
+
animation: String
|
|
98
104
|
})`
|
|
105
|
+
animation: ${(props) => props.animation};
|
|
99
106
|
width: 100%;
|
|
100
107
|
svg {
|
|
101
108
|
width: 100%;
|
|
@@ -108,11 +115,16 @@ const IconImage = styled('div', {
|
|
|
108
115
|
${({ theme, color }) => color && `fill: ${theme.colors[color] || color};`}
|
|
109
116
|
}
|
|
110
117
|
&:hover > svg path {
|
|
111
|
-
${props.hoveredColor && `fill: ${props.hoveredColor};`}
|
|
118
|
+
${(props) => props.hoveredColor && `fill: ${props.hoveredColor};`}
|
|
112
119
|
}
|
|
113
120
|
&:hover + div {
|
|
114
121
|
background-color: ${(props) => props.hoveredColor};
|
|
115
122
|
}
|
|
123
|
+
@keyframes fade {
|
|
124
|
+
50% {
|
|
125
|
+
opacity: 0.3;
|
|
126
|
+
}
|
|
127
|
+
}
|
|
116
128
|
`
|
|
117
129
|
|
|
118
130
|
const icon = reactive({ html: '' })
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
:color="iconColor"
|
|
18
18
|
:hoveredColor="hoveredIconColor"
|
|
19
19
|
:isStriked="isStriked"
|
|
20
|
+
:animation="isLoading ? 'fade 3s infinite' : 'none'"
|
|
20
21
|
/>
|
|
21
22
|
|
|
22
23
|
<caret v-if="hasCaret">
|
|
@@ -44,6 +45,7 @@
|
|
|
44
45
|
|
|
45
46
|
import styled from 'vue3-styled-components'
|
|
46
47
|
import icon from '../icon'
|
|
48
|
+
|
|
47
49
|
const wrapperAttrs = {
|
|
48
50
|
color: String,
|
|
49
51
|
isHovered: Boolean,
|
|
@@ -147,6 +149,10 @@ export default {
|
|
|
147
149
|
isStriked: {
|
|
148
150
|
required: false,
|
|
149
151
|
default: false
|
|
152
|
+
},
|
|
153
|
+
isLoading: {
|
|
154
|
+
required: false,
|
|
155
|
+
default: false
|
|
150
156
|
}
|
|
151
157
|
}
|
|
152
158
|
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="iso-8859-1"?>
|
|
2
|
-
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
|
3
|
-
<svg height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
4
|
-
viewBox="0 0 204.851 204.851" xml:space="preserve">
|
|
5
|
-
<g>
|
|
6
|
-
<g>
|
|
7
|
-
<g>
|
|
8
|
-
<path fill="white" d="M139.518,128.595l16.834,16.336c0,0-20.644,29.877-42.725,30.473
|
|
9
|
-
c0.479,0,0.117-84.092,0.039-104.472c14.694-4.797,25.402-18.182,25.402-34.117c0-20.009-16.697-36.218-37.273-36.218
|
|
10
|
-
c-20.615,0-37.312,16.209-37.312,36.208c0,15.671,10.376,28.929,24.748,33.961l0.098,104.277
|
|
11
|
-
c-26.643-1.837-42.061-27.474-42.061-27.474l17.997-17.41L0,120.505l9.887,63.301l17.362-16.795
|
|
12
|
-
c15.036,12.105,32.017,37.244,72.876,37.244c51.332-1.309,63.184-28.939,76.344-39.804l18.993,18.514l9.389-63.907
|
|
13
|
-
L139.518,128.595z M82.558,36.208c0-10.298,8.608-18.661,19.218-18.661s19.257,8.363,19.257,18.661
|
|
14
|
-
c0,10.327-8.647,18.681-19.257,18.681S82.558,46.535,82.558,36.208z"/>
|
|
15
|
-
</g>
|
|
16
|
-
</g>
|
|
17
|
-
</g>
|
|
18
|
-
</svg>
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
2
|
-
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
3
|
-
|
|
4
|
-
<svg
|
|
5
|
-
width="16"
|
|
6
|
-
height="8"
|
|
7
|
-
viewBox="0 0 16 8"
|
|
8
|
-
version="1.1"
|
|
9
|
-
id="svg5"
|
|
10
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
11
|
-
xmlns:svg="http://www.w3.org/2000/svg">
|
|
12
|
-
<g
|
|
13
|
-
transform="translate(-55.350933,-93.588073)">
|
|
14
|
-
<path
|
|
15
|
-
fill="#000000"
|
|
16
|
-
d="m 61.719348,100.39494 1.004406,0.0185 -0.0013,-2.679323 0.88345,-4.27e-4 c -0.0051,-0.01381 -0.01401,2.69128 -0.01401,2.69128 l 1.05348,-0.0159 -1.582401,1.44453 z m -6.368415,-0.817395 7.856738,-5.989472 7.616581,6.321372 -1.240034,1.266145 -6.409573,-5.185912 -6.581971,5.125212 z"
|
|
17
|
-
id="path874"
|
|
18
|
-
/>
|
|
19
|
-
</g>
|
|
20
|
-
</svg>
|