Skip to content

Commit 312246a

Browse files
JoshK2JoshK2
committed
run prettier formater, and export line loader to bit.dev
1 parent 89bc41d commit 312246a

File tree

3 files changed

+95
-85
lines changed

3 files changed

+95
-85
lines changed

‎.bitmap‎

Lines changed: 28 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/* THIS IS A BIT-AUTO-GENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. */
22

33
{
4-
"joshk.vue-spinners-css/circle-loader@1.1.2": {
4+
"joshk.vue-spinners-css/circle-loader@1.0.4": {
55
"files": [
66
{
77
"relativePath": "src/components/CircleLoader.vue",
@@ -13,7 +13,7 @@
1313
"origin": "AUTHORED",
1414
"exported": true
1515
},
16-
"joshk.vue-spinners-css/[email protected].3": {
16+
"joshk.vue-spinners-css/[email protected].4": {
1717
"files": [
1818
{
1919
"relativePath": "src/components/DefaultLoader.vue",
@@ -25,7 +25,7 @@
2525
"origin": "AUTHORED",
2626
"exported": true
2727
},
28-
"joshk.vue-spinners-css/[email protected].3": {
28+
"joshk.vue-spinners-css/[email protected].4": {
2929
"files": [
3030
{
3131
"relativePath": "src/components/DualRingLoader.vue",
@@ -37,7 +37,7 @@
3737
"origin": "AUTHORED",
3838
"exported": true
3939
},
40-
"joshk.vue-spinners-css/[email protected].3": {
40+
"joshk.vue-spinners-css/[email protected].4": {
4141
"files": [
4242
{
4343
"relativePath": "src/components/EllipsisLoader.vue",
@@ -49,7 +49,7 @@
4949
"origin": "AUTHORED",
5050
"exported": true
5151
},
52-
"joshk.vue-spinners-css/[email protected].3": {
52+
"joshk.vue-spinners-css/[email protected].4": {
5353
"files": [
5454
{
5555
"relativePath": "src/components/FacebookLoader.vue",
@@ -61,7 +61,7 @@
6161
"origin": "AUTHORED",
6262
"exported": true
6363
},
64-
"joshk.vue-spinners-css/[email protected].3": {
64+
"joshk.vue-spinners-css/[email protected].4": {
6565
"files": [
6666
{
6767
"relativePath": "src/components/GridLoader.vue",
@@ -73,7 +73,7 @@
7373
"origin": "AUTHORED",
7474
"exported": true
7575
},
76-
"joshk.vue-spinners-css/[email protected].3": {
76+
"joshk.vue-spinners-css/[email protected].4": {
7777
"files": [
7878
{
7979
"relativePath": "src/components/HeartLoader.vue",
@@ -85,7 +85,7 @@
8585
"origin": "AUTHORED",
8686
"exported": true
8787
},
88-
"joshk.vue-spinners-css/helpers/calc-property-value@0.0.1": {
88+
"joshk.vue-spinners-css/helpers/calc-property-value@1.0.4": {
8989
"files": [
9090
{
9191
"relativePath": "src/helpers/calcPropertyValue.js",
@@ -97,7 +97,7 @@
9797
"origin": "AUTHORED",
9898
"exported": true
9999
},
100-
"joshk.vue-spinners-css/helpers/validate-duration@0.0.1": {
100+
"joshk.vue-spinners-css/helpers/validate-duration@1.0.4": {
101101
"files": [
102102
{
103103
"relativePath": "src/helpers/validateDuration.js",
@@ -109,7 +109,7 @@
109109
"origin": "AUTHORED",
110110
"exported": true
111111
},
112-
"joshk.vue-spinners-css/[email protected].3": {
112+
"joshk.vue-spinners-css/[email protected].4": {
113113
"files": [
114114
{
115115
"relativePath": "src/components/HourglassLoader.vue",
@@ -121,7 +121,19 @@
121121
"origin": "AUTHORED",
122122
"exported": true
123123
},
124-
"joshk.vue-spinners-css/[email protected]": {
124+
"joshk.vue-spinners-css/[email protected]": {
125+
"files": [
126+
{
127+
"relativePath": "src/components/LineLoader.vue",
128+
"test": false,
129+
"name": "LineLoader.vue"
130+
}
131+
],
132+
"mainFile": "src/components/LineLoader.vue",
133+
"origin": "AUTHORED",
134+
"exported": true
135+
},
136+
"joshk.vue-spinners-css/[email protected]": {
125137
"files": [
126138
{
127139
"relativePath": "src/components/OrbitalsLoader.vue",
@@ -133,7 +145,7 @@
133145
"origin": "AUTHORED",
134146
"exported": true
135147
},
136-
"joshk.vue-spinners-css/[email protected].3": {
148+
"joshk.vue-spinners-css/[email protected].4": {
137149
"files": [
138150
{
139151
"relativePath": "src/components/RingLoader.vue",
@@ -145,7 +157,7 @@
145157
"origin": "AUTHORED",
146158
"exported": true
147159
},
148-
"joshk.vue-spinners-css/[email protected].3": {
160+
"joshk.vue-spinners-css/[email protected].4": {
149161
"files": [
150162
{
151163
"relativePath": "src/components/RippleLoader.vue",
@@ -157,7 +169,7 @@
157169
"origin": "AUTHORED",
158170
"exported": true
159171
},
160-
"joshk.vue-spinners-css/[email protected].3": {
172+
"joshk.vue-spinners-css/[email protected].4": {
161173
"files": [
162174
{
163175
"relativePath": "src/components/RollerLoader.vue",
@@ -169,7 +181,7 @@
169181
"origin": "AUTHORED",
170182
"exported": true
171183
},
172-
"joshk.vue-spinners-css/[email protected].3": {
184+
"joshk.vue-spinners-css/[email protected].4": {
173185
"files": [
174186
{
175187
"relativePath": "src/components/SpinnerLoader.vue",
@@ -181,5 +193,5 @@
181193
"origin": "AUTHORED",
182194
"exported": true
183195
},
184-
"version": "14.4.1-dev.1"
196+
"version": "14.4.3"
185197
}

‎src/App.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -235,11 +235,11 @@ export default {
235235
display: flex;
236236
justify-content: center;
237237
display: grid;
238-
grid-template-columns: repeat(auto-fill,minmax(90px,1fr));
238+
grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
239239
grid-gap: 20px;
240240
justify-items: center;
241241
margin: 0 auto;
242-
width:100%;
242+
width: 100%;
243243
max-width: 800px;
244244
}
245245
h1,

‎src/components/LineLoader.vue‎

Lines changed: 65 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -6,85 +6,83 @@
66
</template>
77

88
<script>
9-
import validateDuration from '../helpers/validateDuration.js'
9+
import validateDuration from '../helpers/validateDuration.js'
1010
11-
export default {
12-
name: 'LineLoader',
13-
props: {
14-
loading: {
15-
type: Boolean,
16-
default: true,
17-
},
18-
size: {
19-
type: Number,
20-
default: 80,
21-
},
22-
color: {
23-
type: String,
24-
default: '#7f58af',
25-
},
26-
duration: {
27-
type: String,
28-
default: '1.2s',
29-
validator: validateDuration,
30-
},
11+
export default {
12+
name: 'LineLoader',
13+
props: {
14+
loading: {
15+
type: Boolean,
16+
default: true,
3117
},
32-
data() {
33-
return {
34-
spinnerStyle: {
35-
background: this.color,
36-
animationDuration: this.duration,
37-
},
38-
}
18+
size: {
19+
type: Number,
20+
default: 80,
3921
},
40-
}
22+
color: {
23+
type: String,
24+
default: '#7f58af',
25+
},
26+
duration: {
27+
type: String,
28+
default: '1.2s',
29+
validator: validateDuration,
30+
},
31+
},
32+
data() {
33+
return {
34+
spinnerStyle: {
35+
background: this.color,
36+
animationDuration: this.duration,
37+
},
38+
}
39+
},
40+
}
4141
</script>
4242

4343
<style scoped>
44-
.lds-line {
45-
display: inline-block;
46-
position: relative;
47-
overflow: hidden;
44+
.lds-line {
45+
display: inline-block;
46+
position: relative;
47+
overflow: hidden;
48+
}
4849
49-
}
50+
.lds-line-after,
51+
.lds-line-before {
52+
content: ' ';
53+
display: block;
54+
height: 10%;
55+
margin: 0 10%;
56+
position: absolute;
57+
top: 50%;
58+
transform: translateY(-50%);
59+
}
5060
51-
.lds-line-after,
52-
.lds-line-before {
53-
content: ' ';
54-
display: block;
55-
height: 10%;
56-
margin: 0 10%;
57-
position: absolute;
58-
top: 50%;
59-
transform: translateY(-50%);
60-
}
61+
.lds-line-after {
62+
width: 0;
63+
animation-name: lds-line;
64+
animation-iteration-count: infinite;
65+
}
66+
67+
.lds-line-before {
68+
width: 100%;
69+
opacity: 0.5;
70+
}
6171
62-
.lds-line-after {
63-
width: 0;
64-
animation-name: lds-line;
65-
animation-iteration-count: infinite;
72+
@keyframes lds-line {
73+
0% {
74+
width: 0px;
75+
transform: translate(0%, -50%);
6676
}
6777
68-
.lds-line-before {
78+
50% {
6979
width: 100%;
70-
opacity: 0.5;
71-
80+
transform: translate(0%, -50%);
7281
}
7382
74-
@keyframes lds-line {
75-
0% {
76-
width: 0px;
77-
transform: translate(0%, -50%);
78-
}
79-
80-
50% {
81-
width: 100%;
82-
transform: translate(0%, -50%);
83-
}
84-
85-
100% {
86-
transform: translate(100%, -50%);
87-
width: 100%
88-
}
83+
100% {
84+
transform: translate(100%, -50%);
85+
width: 100%;
8986
}
90-
</style>
87+
}
88+
</style>

0 commit comments

Comments
 (0)