User Profile Picture - Version 2.4.0

Version Description

  • Released 2020-11-17
  • Fixing REST issues.
  • Cleaning up dist scripts.
  • General code cleanup.
Download this release

Release Info

Developer ronalfy
Plugin Icon 128x128 User Profile Picture
Version 2.4.0
Comparing to
See all releases

Code changes from version 2.3.11 to 2.4.0

dist/blocks.build.css ADDED
@@ -0,0 +1,2111 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .post-content .mpp-profile-wrap h1, .post-content .mpp-profile-wrap h2, .post-content .mpp-profile-wrap h3, .post-content .mpp-profile-wrap h4, .post-content .mpp-profile-wrap h5, .post-content .mpp-profile-wrap h6,
2
+ .post-content .mpp-enhanced-profile-wrap h1,
3
+ .post-content .mpp-enhanced-profile-wrap h2,
4
+ .post-content .mpp-enhanced-profile-wrap h3,
5
+ .post-content .mpp-enhanced-profile-wrap h4,
6
+ .post-content .mpp-enhanced-profile-wrap h5,
7
+ .post-content .mpp-enhanced-profile-wrap h6 {
8
+ clear: none;
9
+ }
10
+ .post-content .mpp-profile-wrap h2,
11
+ .post-content .mpp-enhanced-profile-wrap h2 {
12
+ margin: 0;
13
+ margin-bottom: 10px;
14
+ }
15
+ .post-content .mpp-profile-wrap p,
16
+ .post-content .mpp-enhanced-profile-wrap p {
17
+ margin-bottom: 10px;
18
+ }
19
+
20
+ .mpp-profile-wrap {
21
+ margin: 0 auto;
22
+ padding: 3%;
23
+ border-radius: 5px;
24
+ margin-bottom: 1.2em;
25
+ margin-bottom: 20px;
26
+ line-height: 1.3;
27
+ }
28
+ .mpp-profile-wrap.round .mpp-profile-image-wrapper {
29
+ border-radius: 50%;
30
+ overflow: hidden;
31
+ }
32
+ .mpp-profile-wrap.round .mpp-profile-image-wrapper img {
33
+ border-radius: 50%;
34
+ }
35
+ .mpp-profile-wrap h1, .mpp-profile-wrap h2, .mpp-profile-wrap h3, .mpp-profile-wrap h4, .mpp-profile-wrap h5, .mpp-profile-wrap h6 {
36
+ clear: none;
37
+ }
38
+ .mpp-profile-wrap h2 {
39
+ margin-top: 0;
40
+ margin-bottom: 10px;
41
+ }
42
+ .mpp-profile-wrap h2:before {
43
+ display: none;
44
+ }
45
+ .mpp-profile-wrap .mpp-profile-image-wrapper {
46
+ position: relative;
47
+ float: left;
48
+ line-height: 1.1;
49
+ z-index: 1000;
50
+ background: #ddd;
51
+ position: relative;
52
+ min-width: 150px;
53
+ min-height: 150px;
54
+ max-width: 150px;
55
+ max-height: 150px;
56
+ width: 100%;
57
+ margin-right: 20px;
58
+ margin-bottom: 20px;
59
+ }
60
+ .mpp-profile-wrap .mpp-profile-image-wrapper button {
61
+ position: relative;
62
+ min-width: 150px;
63
+ min-height: 150px;
64
+ max-width: 150px;
65
+ max-height: 150px;
66
+ z-index: 1000;
67
+ }
68
+ .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-profile-image-square {
69
+ position: relative;
70
+ top: 0;
71
+ left: 0;
72
+ height: 100%;
73
+ width: 100%;
74
+ z-index: 5;
75
+ }
76
+ .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-profile-image-square img {
77
+ height: 100%;
78
+ width: 100%;
79
+ position: relative;
80
+ z-index: 5;
81
+ }
82
+ .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-content-wrap {
83
+ display: block;
84
+ padding: 0 15px 0 15px;
85
+ -ms-flex: 3 0 0px;
86
+ flex: 3 0 0;
87
+ }
88
+ .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-profile-name {
89
+ font: 1.4em;
90
+ line-height: 1.2;
91
+ }
92
+ @media only screen and (max-width: 600px) {
93
+ .mpp-profile-wrap .mpp-profile-image-wrapper {
94
+ flex: auto;
95
+ }
96
+ }
97
+ .mpp-profile-wrap .mpp-gutenberg-view-posts {
98
+ clear: both;
99
+ padding-top: 20px;
100
+ }
101
+ .mpp-profile-wrap .mpp-profile-view-posts {
102
+ clear: both;
103
+ display: block;
104
+ width: 100%;
105
+ text-align: center;
106
+ padding: 10px 20px;
107
+ background-color: #cf6d38;
108
+ color: #FFF;
109
+ }
110
+ .mpp-profile-wrap .mpp-profile-view-posts a,
111
+ .mpp-profile-wrap .mpp-profile-view-posts a:hover,
112
+ .mpp-profile-wrap .mpp-profile-view-posts a:visited {
113
+ display: block;
114
+ width: 100%;
115
+ height: 100%;
116
+ color: #FFF;
117
+ text-decoration: none;
118
+ }
119
+
120
+ .mpp-enhanced-profile-wrap.regular {
121
+ position: relative;
122
+ margin: 0 auto;
123
+ line-height: 1.5;
124
+ }
125
+ .mpp-enhanced-profile-wrap.regular.round .mpp-profile-image-wrapper {
126
+ border-radius: 50%;
127
+ overflow: hidden;
128
+ }
129
+ .mpp-enhanced-profile-wrap.regular.round .mpp-profile-image-wrapper img {
130
+ border-radius: 50%;
131
+ }
132
+ .mpp-enhanced-profile-wrap.regular h1, .mpp-enhanced-profile-wrap.regular h2, .mpp-enhanced-profile-wrap.regular h3, .mpp-enhanced-profile-wrap.regular h4, .mpp-enhanced-profile-wrap.regular h5, .mpp-enhanced-profile-wrap.regular h6 {
133
+ clear: none;
134
+ }
135
+ .mpp-enhanced-profile-wrap.regular h2:before {
136
+ display: none;
137
+ }
138
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper {
139
+ position: relative;
140
+ float: left;
141
+ line-height: 1.1;
142
+ z-index: 1000;
143
+ background: #ddd;
144
+ position: relative;
145
+ min-width: 150px;
146
+ min-height: 150px;
147
+ max-width: 150px;
148
+ max-height: 150px;
149
+ width: 100%;
150
+ margin-right: 20px;
151
+ margin-bottom: 20px;
152
+ }
153
+ @media only screen and (max-width: 400px) {
154
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper {
155
+ float: none;
156
+ text-align: center;
157
+ margin: 0 auto;
158
+ }
159
+ }
160
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper button {
161
+ position: relative;
162
+ min-width: 150px;
163
+ min-height: 150px;
164
+ max-width: 150px;
165
+ max-height: 150px;
166
+ z-index: 1000;
167
+ }
168
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-profile-image-square {
169
+ position: relative;
170
+ top: 0;
171
+ left: 0;
172
+ height: 100%;
173
+ width: 100%;
174
+ z-index: 5;
175
+ }
176
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-profile-image-square img {
177
+ height: 100%;
178
+ width: 100%;
179
+ position: relative;
180
+ z-index: 5;
181
+ }
182
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-content-wrap {
183
+ display: block;
184
+ padding: 0 15px 0 15px;
185
+ -ms-flex: 3 0 0px;
186
+ flex: 3 0 0;
187
+ }
188
+ @media only screen and (max-width: 400px) {
189
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-content-wrap {
190
+ display: block;
191
+ text-align: center;
192
+ margin: 0 auto;
193
+ }
194
+ }
195
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-profile-name {
196
+ font: 1.4em;
197
+ line-height: 1.2;
198
+ }
199
+ @media only screen and (max-width: 600px) {
200
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper {
201
+ flex: auto;
202
+ }
203
+ }
204
+ @media only screen and (max-width: 400px) {
205
+ .mpp-enhanced-profile-wrap.regular .mpp-content-wrap {
206
+ display: block;
207
+ text-align: center;
208
+ margin: 0 auto;
209
+ }
210
+ }
211
+ .mpp-enhanced-profile-wrap.regular .mpp-gutenberg-view-posts {
212
+ clear: both;
213
+ }
214
+ .mpp-enhanced-profile-wrap.regular .mpp-gutenberg-view-posts:after {
215
+ content: "";
216
+ display: table;
217
+ clear: both;
218
+ }
219
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts {
220
+ clear: both;
221
+ display: block;
222
+ float: left;
223
+ text-align: center;
224
+ padding: 10px 20px;
225
+ margin-top: 20px;
226
+ margin-right: 20px;
227
+ background-color: #cf6d38;
228
+ color: #FFF;
229
+ }
230
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts a,
231
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts a:hover,
232
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts a:visited {
233
+ display: block;
234
+ width: 100%;
235
+ height: 100%;
236
+ color: #FFF;
237
+ text-decoration: none;
238
+ }
239
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts:after {
240
+ content: "";
241
+ display: table;
242
+ clear: both;
243
+ }
244
+ @media only screen and (max-width: 400px) {
245
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts {
246
+ display: block;
247
+ width: 90%;
248
+ margin: 0 auto;
249
+ text-align: center;
250
+ margin-bottom: 10px;
251
+ }
252
+ }
253
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website {
254
+ display: block;
255
+ float: left;
256
+ text-align: center;
257
+ padding: 10px 20px;
258
+ margin-top: 20px;
259
+ background-color: #333;
260
+ color: #FFF;
261
+ }
262
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website a,
263
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website a:hover,
264
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website a:visited {
265
+ display: block;
266
+ width: 100%;
267
+ height: 100%;
268
+ color: #FFF;
269
+ text-decoration: none;
270
+ }
271
+ @media only screen and (max-width: 400px) {
272
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website {
273
+ display: block;
274
+ width: 90%;
275
+ margin: 0 auto;
276
+ text-align: center;
277
+ margin-bottom: 10px;
278
+ }
279
+ }
280
+
281
+ /* Icon Sizes */
282
+ .mpp-profile-wrap.mt-font-size-10,
283
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-10,
284
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-10,
285
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-10,
286
+ .mpp-profile-text.mt-font-size-10 {
287
+ font-size: 10px;
288
+ }
289
+ .mpp-profile-wrap.mt-font-size-10 p,
290
+ .mpp-profile-wrap.mt-font-size-10 div,
291
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-10 p,
292
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-10 div,
293
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-10 p,
294
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-10 div,
295
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-10 p,
296
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-10 div,
297
+ .mpp-profile-text.mt-font-size-10 p,
298
+ .mpp-profile-text.mt-font-size-10 div {
299
+ font-size: 10px;
300
+ }
301
+
302
+ .mpp-profile-wrap.mt-font-size-11,
303
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-11,
304
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-11,
305
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-11,
306
+ .mpp-profile-text.mt-font-size-11 {
307
+ font-size: 11px;
308
+ }
309
+ .mpp-profile-wrap.mt-font-size-11 p,
310
+ .mpp-profile-wrap.mt-font-size-11 div,
311
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-11 p,
312
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-11 div,
313
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-11 p,
314
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-11 div,
315
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-11 p,
316
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-11 div,
317
+ .mpp-profile-text.mt-font-size-11 p,
318
+ .mpp-profile-text.mt-font-size-11 div {
319
+ font-size: 11px;
320
+ }
321
+
322
+ .mpp-profile-wrap.mt-font-size-12,
323
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-12,
324
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-12,
325
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-12,
326
+ .mpp-profile-text.mt-font-size-12 {
327
+ font-size: 12px;
328
+ }
329
+ .mpp-profile-wrap.mt-font-size-12 p,
330
+ .mpp-profile-wrap.mt-font-size-12 div,
331
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-12 p,
332
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-12 div,
333
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-12 p,
334
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-12 div,
335
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-12 p,
336
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-12 div,
337
+ .mpp-profile-text.mt-font-size-12 p,
338
+ .mpp-profile-text.mt-font-size-12 div {
339
+ font-size: 12px;
340
+ }
341
+
342
+ .mpp-profile-wrap.mt-font-size-13,
343
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-13,
344
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-13,
345
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-13,
346
+ .mpp-profile-text.mt-font-size-13 {
347
+ font-size: 13px;
348
+ }
349
+ .mpp-profile-wrap.mt-font-size-13 p,
350
+ .mpp-profile-wrap.mt-font-size-13 div,
351
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-13 p,
352
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-13 div,
353
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-13 p,
354
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-13 div,
355
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-13 p,
356
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-13 div,
357
+ .mpp-profile-text.mt-font-size-13 p,
358
+ .mpp-profile-text.mt-font-size-13 div {
359
+ font-size: 13px;
360
+ }
361
+
362
+ .mpp-profile-wrap.mt-font-size-14,
363
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-14,
364
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-14,
365
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-14,
366
+ .mpp-profile-text.mt-font-size-14 {
367
+ font-size: 14px;
368
+ }
369
+ .mpp-profile-wrap.mt-font-size-14 p,
370
+ .mpp-profile-wrap.mt-font-size-14 div,
371
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-14 p,
372
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-14 div,
373
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-14 p,
374
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-14 div,
375
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-14 p,
376
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-14 div,
377
+ .mpp-profile-text.mt-font-size-14 p,
378
+ .mpp-profile-text.mt-font-size-14 div {
379
+ font-size: 14px;
380
+ }
381
+
382
+ .mpp-profile-wrap.mt-font-size-15,
383
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-15,
384
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-15,
385
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-15,
386
+ .mpp-profile-text.mt-font-size-15 {
387
+ font-size: 15px;
388
+ }
389
+ .mpp-profile-wrap.mt-font-size-15 p,
390
+ .mpp-profile-wrap.mt-font-size-15 div,
391
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-15 p,
392
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-15 div,
393
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-15 p,
394
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-15 div,
395
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-15 p,
396
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-15 div,
397
+ .mpp-profile-text.mt-font-size-15 p,
398
+ .mpp-profile-text.mt-font-size-15 div {
399
+ font-size: 15px;
400
+ }
401
+
402
+ .mpp-profile-wrap.mt-font-size-16,
403
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-16,
404
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-16,
405
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-16,
406
+ .mpp-profile-text.mt-font-size-16 {
407
+ font-size: 16px;
408
+ }
409
+ .mpp-profile-wrap.mt-font-size-16 p,
410
+ .mpp-profile-wrap.mt-font-size-16 div,
411
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-16 p,
412
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-16 div,
413
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-16 p,
414
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-16 div,
415
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-16 p,
416
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-16 div,
417
+ .mpp-profile-text.mt-font-size-16 p,
418
+ .mpp-profile-text.mt-font-size-16 div {
419
+ font-size: 16px;
420
+ }
421
+
422
+ .mpp-profile-wrap.mt-font-size-17,
423
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-17,
424
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-17,
425
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-17,
426
+ .mpp-profile-text.mt-font-size-17 {
427
+ font-size: 17px;
428
+ }
429
+ .mpp-profile-wrap.mt-font-size-17 p,
430
+ .mpp-profile-wrap.mt-font-size-17 div,
431
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-17 p,
432
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-17 div,
433
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-17 p,
434
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-17 div,
435
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-17 p,
436
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-17 div,
437
+ .mpp-profile-text.mt-font-size-17 p,
438
+ .mpp-profile-text.mt-font-size-17 div {
439
+ font-size: 17px;
440
+ }
441
+
442
+ .mpp-profile-wrap.mt-font-size-18,
443
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-18,
444
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-18,
445
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-18,
446
+ .mpp-profile-text.mt-font-size-18 {
447
+ font-size: 18px;
448
+ }
449
+ .mpp-profile-wrap.mt-font-size-18 p,
450
+ .mpp-profile-wrap.mt-font-size-18 div,
451
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-18 p,
452
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-18 div,
453
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-18 p,
454
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-18 div,
455
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-18 p,
456
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-18 div,
457
+ .mpp-profile-text.mt-font-size-18 p,
458
+ .mpp-profile-text.mt-font-size-18 div {
459
+ font-size: 18px;
460
+ }
461
+
462
+ .mpp-profile-wrap.mt-font-size-19,
463
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-19,
464
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-19,
465
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-19,
466
+ .mpp-profile-text.mt-font-size-19 {
467
+ font-size: 19px;
468
+ }
469
+ .mpp-profile-wrap.mt-font-size-19 p,
470
+ .mpp-profile-wrap.mt-font-size-19 div,
471
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-19 p,
472
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-19 div,
473
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-19 p,
474
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-19 div,
475
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-19 p,
476
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-19 div,
477
+ .mpp-profile-text.mt-font-size-19 p,
478
+ .mpp-profile-text.mt-font-size-19 div {
479
+ font-size: 19px;
480
+ }
481
+
482
+ .mpp-profile-wrap.mt-font-size-20,
483
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-20,
484
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-20,
485
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-20,
486
+ .mpp-profile-text.mt-font-size-20 {
487
+ font-size: 20px;
488
+ }
489
+ .mpp-profile-wrap.mt-font-size-20 p,
490
+ .mpp-profile-wrap.mt-font-size-20 div,
491
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-20 p,
492
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-20 div,
493
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-20 p,
494
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-20 div,
495
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-20 p,
496
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-20 div,
497
+ .mpp-profile-text.mt-font-size-20 p,
498
+ .mpp-profile-text.mt-font-size-20 div {
499
+ font-size: 20px;
500
+ }
501
+
502
+ .mpp-profile-wrap.mt-font-size-21,
503
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-21,
504
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-21,
505
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-21,
506
+ .mpp-profile-text.mt-font-size-21 {
507
+ font-size: 21px;
508
+ }
509
+ .mpp-profile-wrap.mt-font-size-21 p,
510
+ .mpp-profile-wrap.mt-font-size-21 div,
511
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-21 p,
512
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-21 div,
513
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-21 p,
514
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-21 div,
515
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-21 p,
516
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-21 div,
517
+ .mpp-profile-text.mt-font-size-21 p,
518
+ .mpp-profile-text.mt-font-size-21 div {
519
+ font-size: 21px;
520
+ }
521
+
522
+ .mpp-profile-wrap.mt-font-size-22,
523
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-22,
524
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-22,
525
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-22,
526
+ .mpp-profile-text.mt-font-size-22 {
527
+ font-size: 22px;
528
+ }
529
+ .mpp-profile-wrap.mt-font-size-22 p,
530
+ .mpp-profile-wrap.mt-font-size-22 div,
531
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-22 p,
532
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-22 div,
533
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-22 p,
534
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-22 div,
535
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-22 p,
536
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-22 div,
537
+ .mpp-profile-text.mt-font-size-22 p,
538
+ .mpp-profile-text.mt-font-size-22 div {
539
+ font-size: 22px;
540
+ }
541
+
542
+ .mpp-profile-wrap.mt-font-size-23,
543
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-23,
544
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-23,
545
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-23,
546
+ .mpp-profile-text.mt-font-size-23 {
547
+ font-size: 23px;
548
+ }
549
+ .mpp-profile-wrap.mt-font-size-23 p,
550
+ .mpp-profile-wrap.mt-font-size-23 div,
551
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-23 p,
552
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-23 div,
553
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-23 p,
554
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-23 div,
555
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-23 p,
556
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-23 div,
557
+ .mpp-profile-text.mt-font-size-23 p,
558
+ .mpp-profile-text.mt-font-size-23 div {
559
+ font-size: 23px;
560
+ }
561
+
562
+ .mpp-profile-wrap.mt-font-size-24,
563
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-24,
564
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-24,
565
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-24,
566
+ .mpp-profile-text.mt-font-size-24 {
567
+ font-size: 24px;
568
+ }
569
+ .mpp-profile-wrap.mt-font-size-24 p,
570
+ .mpp-profile-wrap.mt-font-size-24 div,
571
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-24 p,
572
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-24 div,
573
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-24 p,
574
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-24 div,
575
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-24 p,
576
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-24 div,
577
+ .mpp-profile-text.mt-font-size-24 p,
578
+ .mpp-profile-text.mt-font-size-24 div {
579
+ font-size: 24px;
580
+ }
581
+
582
+ /* For Social Media */
583
+ .mpp-social {
584
+ margin-top: 15px;
585
+ }
586
+ .mpp-social svg {
587
+ max-width: 32px;
588
+ max-height: 32px;
589
+ margin-right: 10px;
590
+ }
591
+ .mpp-social a,
592
+ .mpp-social a:hover,
593
+ .mpp-social a:visited {
594
+ text-decoration: none !important;
595
+ }
596
+
597
+ /* Social Media Colors */
598
+ .mpp-social {
599
+ clear: both;
600
+ }
601
+
602
+ .mpp-social svg.icon-twitter {
603
+ fill: #00aced;
604
+ }
605
+ .mpp-social svg.icon-amazon {
606
+ fill: #000000;
607
+ }
608
+ .mpp-social svg.icon-behance {
609
+ fill: #0692e9;
610
+ }
611
+ .mpp-social svg.icon-blogger {
612
+ fill: #fb8f3d;
613
+ }
614
+ .mpp-social svg.icon-codepen {
615
+ fill: #000000;
616
+ }
617
+ .mpp-social svg.icon-dribble {
618
+ fill: #F46899;
619
+ }
620
+ .mpp-social svg.icon-dropbox {
621
+ fill: #018BD3;
622
+ }
623
+ .mpp-social svg.icon-eventbrite {
624
+ fill: #f6682F;
625
+ }
626
+ .mpp-social svg.icon-facebook {
627
+ fill: #3b5998;
628
+ }
629
+ .mpp-social svg.icon-flickr {
630
+ fill: #ff0084;
631
+ }
632
+ .mpp-social svg.icon-foursquare {
633
+ fill: #0072b1;
634
+ }
635
+ .mpp-social svg.icon-ghost {
636
+ fill: #000000;
637
+ }
638
+ .mpp-social svg.icon-github {
639
+ fill: #070709;
640
+ }
641
+ .mpp-social svg.icon-google-plus {
642
+ fill: #CF3D2E;
643
+ }
644
+ .mpp-social svg.icon-instagram {
645
+ fill: #A1755C;
646
+ }
647
+ .mpp-social svg.icon-linkedin {
648
+ fill: #0085AE;
649
+ }
650
+ .mpp-social svg.icon-feed {
651
+ fill: #f26522;
652
+ }
653
+ .mpp-social svg.icon-medium {
654
+ fill: #000000;
655
+ }
656
+ .mpp-social svg.icon-path {
657
+ fill: #000000;
658
+ }
659
+ .mpp-social svg.icon-pinterest {
660
+ fill: #CC2127;
661
+ }
662
+ .mpp-social svg.icon-pocket {
663
+ fill: #000000;
664
+ }
665
+ .mpp-social svg.icon-polldaddy {
666
+ fill: #bc0b0b;
667
+ }
668
+ .mpp-social svg.icon-reddit {
669
+ fill: #000000;
670
+ }
671
+ .mpp-social svg.icon-skype {
672
+ fill: #01AEF2;
673
+ }
674
+ .mpp-social svg.icon-spotify {
675
+ fill: #1ed760;
676
+ }
677
+ .mpp-social svg.icon-squarespace {
678
+ fill: #000000;
679
+ }
680
+ .mpp-social svg.icon-stumbleupon {
681
+ fill: #EB4823;
682
+ }
683
+ .mpp-social svg.icon-telegram {
684
+ fill: #000000;
685
+ }
686
+ .mpp-social svg.icon-tumblr-alt {
687
+ fill: #314E6C;
688
+ }
689
+ .mpp-social svg.icon-twitch {
690
+ fill: #4b367c;
691
+ }
692
+ .mpp-social svg.icon-twitter-alt {
693
+ fill: #00aced;
694
+ }
695
+ .mpp-social svg.icon-vimeo {
696
+ fill: #1ab7ea;
697
+ }
698
+ .mpp-social svg.icon-wordpress {
699
+ fill: #21759b;
700
+ }
701
+ .mpp-social svg.icon-youtube {
702
+ fill: #bb0000;
703
+ }
704
+
705
+ .mpp-enhanced-profile-wrap.profile {
706
+ padding: 10px;
707
+ }
708
+ .mpp-enhanced-profile-wrap.profile h2 {
709
+ margin: 0;
710
+ font-size: 0.8em;
711
+ font-weight: normal;
712
+ margin-bottom: 5px;
713
+ }
714
+ .mpp-enhanced-profile-wrap.profile h2:before {
715
+ display: none;
716
+ }
717
+ @media only screen and (max-width: 400px) {
718
+ .mpp-enhanced-profile-wrap.profile h2 {
719
+ text-align: center;
720
+ }
721
+ }
722
+ .mpp-enhanced-profile-wrap.profile.round .profile-avatar {
723
+ border-radius: 50%;
724
+ }
725
+ .mpp-enhanced-profile-wrap.profile .mpp-profile-image-wrapper {
726
+ position: relative;
727
+ float: left;
728
+ line-height: 1;
729
+ z-index: 1000;
730
+ min-width: 150px;
731
+ min-height: 150px;
732
+ max-width: 150px;
733
+ max-height: 150px;
734
+ margin-right: 15px;
735
+ }
736
+ @media only screen and (max-width: 400px) {
737
+ .mpp-enhanced-profile-wrap.profile .mpp-profile-image-wrapper {
738
+ float: none;
739
+ text-align: center;
740
+ margin: 0 auto;
741
+ }
742
+ }
743
+ .mpp-enhanced-profile-wrap.profile .mpp-profile-meta {
744
+ clear: both;
745
+ margin: 10px 0;
746
+ }
747
+ .mpp-enhanced-profile-wrap.profile .mpp-profile-meta:after {
748
+ content: "";
749
+ display: table;
750
+ clear: both;
751
+ }
752
+ .mpp-enhanced-profile-wrap.profile .alignleft {
753
+ max-width: none;
754
+ float: left;
755
+ }
756
+ @media only screen and (max-width: 400px) {
757
+ .mpp-enhanced-profile-wrap.profile .alignleft {
758
+ float: none;
759
+ text-align: center;
760
+ margin: 0 auto;
761
+ }
762
+ }
763
+ .mpp-enhanced-profile-wrap.profile .alignright {
764
+ max-width: none;
765
+ }
766
+ @media only screen and (max-width: 400px) {
767
+ .mpp-enhanced-profile-wrap.profile .alignright {
768
+ float: none;
769
+ text-align: center;
770
+ margin: 0 auto;
771
+ }
772
+ }
773
+
774
+ /* For Tabbed Theme */
775
+ .mpp-author-tabbed {
776
+ padding: 10px;
777
+ }
778
+ .mpp-author-tabbed:after {
779
+ content: "";
780
+ display: table;
781
+ clear: both;
782
+ }
783
+ .mpp-author-tabbed .mpp-social {
784
+ margin-top: 0;
785
+ }
786
+ .mpp-author-tabbed .mpp-author-social-wrapper {
787
+ margin-bottom: 10px;
788
+ }
789
+ .mpp-author-tabbed .mpp-author-social-wrapper:after {
790
+ content: "";
791
+ display: table;
792
+ clear: both;
793
+ }
794
+ .mpp-author-tabbed h1, .mpp-author-tabbed h2, .mpp-author-tabbed h3, .mpp-author-tabbed h4, .mpp-author-tabbed h5, .mpp-author-tabbed h6 {
795
+ clear: none;
796
+ }
797
+ .mpp-author-tabbed h2 {
798
+ font-size: 0.8em;
799
+ font-weight: normal;
800
+ margin-bottom: 5px;
801
+ }
802
+ .mpp-author-tabbed h2:before {
803
+ display: none;
804
+ }
805
+ .mpp-author-tabbed .mpp-tab-wrapper {
806
+ clear: both;
807
+ }
808
+ .mpp-author-tabbed .mpp-author-heading {
809
+ float: left;
810
+ }
811
+ @media only screen and (max-width: 600px) {
812
+ .mpp-author-tabbed .mpp-author-heading {
813
+ float: none;
814
+ text-align: center;
815
+ margin: 0 auto;
816
+ width: 90%;
817
+ }
818
+ }
819
+ .mpp-author-tabbed .mpp-author-social {
820
+ float: right;
821
+ }
822
+ @media only screen and (max-width: 600px) {
823
+ .mpp-author-tabbed .mpp-author-social {
824
+ float: none;
825
+ text-align: center;
826
+ margin: 0 auto;
827
+ }
828
+ }
829
+ .mpp-author-tabbed .mpp-author-heading .mpp-author-profile-heading {
830
+ display: inline-block;
831
+ background: #42737b;
832
+ color: #FFF;
833
+ padding: 10px 20px;
834
+ font-size: 14px;
835
+ text-transform: uppercase;
836
+ }
837
+ @media only screen and (max-width: 600px) {
838
+ .mpp-author-tabbed .mpp-author-heading .mpp-author-profile-heading {
839
+ display: block;
840
+ margin-bottom: 10px;
841
+ }
842
+ }
843
+ .mpp-author-tabbed .mpp-author-profile-sub-heading {
844
+ font-size: 14px;
845
+ line-height: 1.1;
846
+ max-width: 150px;
847
+ text-align: center;
848
+ }
849
+ .mpp-author-tabbed.round .profile-avatar {
850
+ border-radius: 50%;
851
+ }
852
+ .mpp-author-tabbed .mpp-profile-image-wrapper {
853
+ clear: both;
854
+ position: relative;
855
+ float: left;
856
+ line-height: 1;
857
+ z-index: 1000;
858
+ margin-right: 30px;
859
+ }
860
+ .mpp-author-tabbed .mpp-profile-image-wrapper img {
861
+ min-width: 150px;
862
+ min-height: 150px;
863
+ max-height: 150px;
864
+ max-width: 150px;
865
+ }
866
+ .mpp-author-tabbed .mpp-profile-meta {
867
+ clear: both;
868
+ margin: 10px 0;
869
+ }
870
+ .mpp-author-tabbed .mpp-profile-meta:after {
871
+ content: "";
872
+ display: table;
873
+ clear: both;
874
+ }
875
+ .mpp-author-tabbed .mpp-author-profile-title {
876
+ color: gray;
877
+ text-transform: uppercase;
878
+ font-size: 12px;
879
+ }
880
+ .mpp-author-tabbed .mpp-tabbed-profile-information:after {
881
+ content: "";
882
+ display: table;
883
+ clear: both;
884
+ }
885
+ .mpp-author-tabbed .mpp-tab {
886
+ display: none;
887
+ }
888
+ .mpp-author-tabbed .mpp-tab-active {
889
+ display: block;
890
+ }
891
+ .mpp-author-tabbed ul.mpp-author-tabs {
892
+ position: relative;
893
+ list-style-type: none;
894
+ margin: 0;
895
+ padding: 0;
896
+ text-align: center;
897
+ }
898
+ .mpp-author-tabbed ul.mpp-author-tabs li {
899
+ cursor: pointer;
900
+ position: relative;
901
+ display: inline-block;
902
+ min-width: 200px;
903
+ background: #42737b;
904
+ margin: 0 5px 0 0;
905
+ text-align: center;
906
+ margin-right: 10px;
907
+ color: #FFF;
908
+ padding: 10px 20px;
909
+ font-size: 16px;
910
+ }
911
+ @media only screen and (max-width: 500px) {
912
+ .mpp-author-tabbed ul.mpp-author-tabs li {
913
+ width: 100%;
914
+ display: block;
915
+ }
916
+ }
917
+ .mpp-author-tabbed ul.mpp-author-tabs li.active:after {
918
+ content: "";
919
+ display: block;
920
+ position: absolute;
921
+ bottom: -10px;
922
+ left: calc(50% - 10px);
923
+ border-top: 10px solid #42737b;
924
+ border-top-color: #42737b;
925
+ border-left: 10px solid transparent;
926
+ border-right: 10px solid transparent;
927
+ }
928
+ @media only screen and (max-width: 500px) {
929
+ .mpp-author-tabbed ul.mpp-author-tabs li.active:after {
930
+ display: none;
931
+ }
932
+ }
933
+ .mpp-author-tabbed ul.mpp-author-tabs li:last-child {
934
+ margin-right: 0;
935
+ }
936
+ .mpp-author-tabbed ul.mpp-author-tabs li.mpp-tab-posts {
937
+ background: #30424b;
938
+ }
939
+ .mpp-author-tabbed ul.mpp-author-tabs li.mpp-tab-posts.active:after {
940
+ border-top: 10px solid #30424b;
941
+ border-top-color: #30424b;
942
+ }
943
+ .mpp-author-tabbed ul.mpp-author-tab-content {
944
+ list-style-type: none;
945
+ margin: 0;
946
+ padding: 0;
947
+ }
948
+ .mpp-author-tabbed ul.mpp-author-tab-content li {
949
+ margin: 0;
950
+ }
951
+ .mpp-author-tabbed ul.mpp-author-tab-content.white a,
952
+ .mpp-author-tabbed ul.mpp-author-tab-content.white a:hover,
953
+ .mpp-author-tabbed ul.mpp-author-tab-content.white a:visited {
954
+ display: block;
955
+ background: #FFFFFF;
956
+ border: 1px solid #f2f2f2;
957
+ padding: 10px 20px;
958
+ text-decoration: none;
959
+ color: #333;
960
+ }
961
+ .mpp-author-tabbed ul.mpp-author-tab-content.white a:hover {
962
+ background: #f2f2f2;
963
+ }
964
+ .mpp-author-tabbed ul.mpp-author-tab-content.light a,
965
+ .mpp-author-tabbed ul.mpp-author-tab-content.light a:hover,
966
+ .mpp-author-tabbed ul.mpp-author-tab-content.light a:visited {
967
+ display: block;
968
+ background: #f7f7f7;
969
+ border: 1px solid #dedede;
970
+ padding: 10px 20px;
971
+ text-decoration: none;
972
+ color: #333;
973
+ }
974
+ .mpp-author-tabbed ul.mpp-author-tab-content.light a:hover {
975
+ background: #dedede;
976
+ }
977
+ .mpp-author-tabbed ul.mpp-author-tab-content.black a,
978
+ .mpp-author-tabbed ul.mpp-author-tab-content.black a:hover,
979
+ .mpp-author-tabbed ul.mpp-author-tab-content.black a:visited {
980
+ display: block;
981
+ background: #333;
982
+ color: #FFF;
983
+ border: 1px solid #1a1a1a;
984
+ padding: 10px 20px;
985
+ text-decoration: none;
986
+ }
987
+ .mpp-author-tabbed ul.mpp-author-tab-content.black a:hover {
988
+ background: #1a1a1a;
989
+ }
990
+ .mpp-author-tabbed ul.mpp-author-tab-content.magenta a,
991
+ .mpp-author-tabbed ul.mpp-author-tab-content.magenta a:hover,
992
+ .mpp-author-tabbed ul.mpp-author-tab-content.magenta a:visited {
993
+ display: block;
994
+ background: #FF00FF;
995
+ color: #FFF;
996
+ border: 1px solid #cc00cc;
997
+ padding: 10px 20px;
998
+ text-decoration: none;
999
+ }
1000
+ .mpp-author-tabbed ul.mpp-author-tab-content.magenta a:hover {
1001
+ background: #cc00cc;
1002
+ }
1003
+ .mpp-author-tabbed ul.mpp-author-tab-content.blue a,
1004
+ .mpp-author-tabbed ul.mpp-author-tab-content.blue a:hover,
1005
+ .mpp-author-tabbed ul.mpp-author-tab-content.blue a:visited {
1006
+ display: block;
1007
+ background: #0009c1;
1008
+ color: #FFF;
1009
+ border: 1px solid #00078e;
1010
+ padding: 10px 20px;
1011
+ text-decoration: none;
1012
+ }
1013
+ .mpp-author-tabbed ul.mpp-author-tab-content.blue a:hover {
1014
+ background: #00078e;
1015
+ }
1016
+ .mpp-author-tabbed ul.mpp-author-tab-content.green a,
1017
+ .mpp-author-tabbed ul.mpp-author-tab-content.green a:hover,
1018
+ .mpp-author-tabbed ul.mpp-author-tab-content.green a:visited {
1019
+ display: block;
1020
+ background: #03ac27;
1021
+ color: #FFF;
1022
+ border: 1px solid #027a1c;
1023
+ padding: 10px 20px;
1024
+ text-decoration: none;
1025
+ }
1026
+ .mpp-author-tabbed ul.mpp-author-tab-content.green a:hover {
1027
+ background: #027a1c;
1028
+ }
1029
+
1030
+ /* For Compact Theme */
1031
+ .mpp-enhanced-profile-wrap.compact {
1032
+ text-align: center;
1033
+ padding: 10px;
1034
+ max-width: 400px;
1035
+ margin: 0 auto;
1036
+ line-height: 1.1;
1037
+ }
1038
+ .mpp-enhanced-profile-wrap.compact.center {
1039
+ margin: 0 auto;
1040
+ }
1041
+ .mpp-enhanced-profile-wrap.compact.left {
1042
+ margin-left: 0;
1043
+ }
1044
+ .mpp-enhanced-profile-wrap.compact.right {
1045
+ margin-right: 0;
1046
+ }
1047
+ .mpp-enhanced-profile-wrap.compact .mpp-social svg {
1048
+ margin-right: 0;
1049
+ }
1050
+ .mpp-enhanced-profile-wrap.compact h2 {
1051
+ font-size: 0.8em;
1052
+ font-weight: normal;
1053
+ margin-bottom: 5px;
1054
+ }
1055
+ .mpp-enhanced-profile-wrap.compact h2:before {
1056
+ display: none;
1057
+ }
1058
+ .mpp-enhanced-profile-wrap.compact.round .profile-avatar {
1059
+ border-radius: 50%;
1060
+ }
1061
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-image-wrapper {
1062
+ position: relative;
1063
+ text-align: center;
1064
+ line-height: 1;
1065
+ z-index: 1000;
1066
+ min-width: 150px;
1067
+ min-height: 150px;
1068
+ max-width: 150px;
1069
+ max-height: 150px;
1070
+ margin: 0 auto;
1071
+ }
1072
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-text {
1073
+ line-height: 1.1;
1074
+ }
1075
+ .mpp-enhanced-profile-wrap.compact .mpp-compact-meta {
1076
+ clear: both;
1077
+ margin: 10px 0;
1078
+ }
1079
+ .mpp-enhanced-profile-wrap.compact .mpp-compact-meta:after {
1080
+ content: "";
1081
+ display: table;
1082
+ clear: both;
1083
+ }
1084
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts {
1085
+ clear: both;
1086
+ display: block;
1087
+ text-align: center;
1088
+ padding: 10px 20px;
1089
+ margin-top: 20px;
1090
+ margin-right: 20px;
1091
+ background-color: #cf6d38;
1092
+ color: #FFF;
1093
+ margin-bottom: 10px;
1094
+ }
1095
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts a,
1096
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts a:hover,
1097
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts a:visited {
1098
+ display: block;
1099
+ width: 100%;
1100
+ height: 100%;
1101
+ color: #FFF;
1102
+ text-decoration: none;
1103
+ }
1104
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts:after {
1105
+ content: "";
1106
+ display: table;
1107
+ clear: both;
1108
+ }
1109
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website {
1110
+ display: block;
1111
+ text-align: center;
1112
+ padding: 10px 20px;
1113
+ margin-top: 20px;
1114
+ background-color: #333;
1115
+ color: #FFF;
1116
+ }
1117
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website a,
1118
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website a:hover,
1119
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website a:visited {
1120
+ display: block;
1121
+ width: 100%;
1122
+ height: 100%;
1123
+ color: #FFF;
1124
+ text-decoration: none;
1125
+ }
1126
+ .mpp-spinner span {
1127
+ display: block;
1128
+ text-align: center;
1129
+ float: none;
1130
+ margin: 0 auto;
1131
+ }
1132
+
1133
+ .editor-styles-wrapper .mpp-profile-wrap {
1134
+ margin: 0 auto;
1135
+ padding: 3%;
1136
+ border-radius: 5px;
1137
+ margin-bottom: 1.2em;
1138
+ margin-bottom: 20px;
1139
+ line-height: 1.1;
1140
+ }
1141
+ .editor-styles-wrapper .mpp-profile-wrap.round .mpp-profile-image-wrapper {
1142
+ border-radius: 50%;
1143
+ overflow: hidden;
1144
+ }
1145
+ .editor-styles-wrapper .mpp-profile-wrap.round .mpp-profile-image-wrapper img {
1146
+ border-radius: 50%;
1147
+ }
1148
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper button {
1149
+ height: auto;
1150
+ }
1151
+ .editor-styles-wrapper .mpp-profile-wrap h1, .editor-styles-wrapper .mpp-profile-wrap h2, .editor-styles-wrapper .mpp-profile-wrap h3, .editor-styles-wrapper .mpp-profile-wrap h4, .editor-styles-wrapper .mpp-profile-wrap h5, .editor-styles-wrapper .mpp-profile-wrap h6 {
1152
+ clear: none;
1153
+ }
1154
+ .editor-styles-wrapper .mpp-profile-wrap h2:before {
1155
+ display: none;
1156
+ }
1157
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper {
1158
+ position: relative;
1159
+ float: left;
1160
+ line-height: 1.1;
1161
+ z-index: 1000;
1162
+ background: #ddd;
1163
+ position: relative;
1164
+ min-width: 150px;
1165
+ min-height: 150px;
1166
+ max-width: 150px;
1167
+ max-height: 150px;
1168
+ width: 100%;
1169
+ margin-right: 20px;
1170
+ }
1171
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper button.components-button,
1172
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper button {
1173
+ position: relative;
1174
+ min-width: 150px;
1175
+ min-height: 150px;
1176
+ max-width: 150px;
1177
+ max-height: 150px;
1178
+ z-index: 1000;
1179
+ }
1180
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-profile-image-square {
1181
+ position: relative;
1182
+ top: 0;
1183
+ left: 0;
1184
+ height: 100%;
1185
+ width: 100%;
1186
+ z-index: 5;
1187
+ }
1188
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-profile-image-square img {
1189
+ height: 100%;
1190
+ width: 100%;
1191
+ position: relative;
1192
+ z-index: 5;
1193
+ }
1194
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-content-wrap {
1195
+ display: block;
1196
+ padding: 0 15px 0 15px;
1197
+ -ms-flex: 3 0 0px;
1198
+ flex: 3 0 0;
1199
+ }
1200
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-profile-name {
1201
+ font: 1.4em;
1202
+ line-height: 1.2;
1203
+ }
1204
+ @media only screen and (max-width: 600px) {
1205
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper {
1206
+ flex: auto;
1207
+ }
1208
+ }
1209
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-view-posts {
1210
+ display: block;
1211
+ width: 100%;
1212
+ text-align: center;
1213
+ padding: 10px 20px;
1214
+ margin-top: 20px;
1215
+ background-color: #cf6d38;
1216
+ color: #FFF;
1217
+ }
1218
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-view-posts a,
1219
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-view-posts a:hover,
1220
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-view-posts a:visited {
1221
+ display: block;
1222
+ width: 100%;
1223
+ height: 100%;
1224
+ color: #FFF;
1225
+ text-decoration: none;
1226
+ }
1227
+
1228
+ .mpp-profile-image-wrapper button {
1229
+ position: relative;
1230
+ min-width: 150px;
1231
+ min-height: 150px;
1232
+ max-width: 150px;
1233
+ max-height: 150px;
1234
+ z-index: 1000;
1235
+ }
1236
+
1237
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular {
1238
+ position: relative;
1239
+ margin: 0 auto;
1240
+ line-height: 1.1;
1241
+ }
1242
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular.round .mpp-profile-image-wrapper {
1243
+ border-radius: 50%;
1244
+ overflow: hidden;
1245
+ }
1246
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular.round .mpp-profile-image-wrapper img {
1247
+ border-radius: 50%;
1248
+ }
1249
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular h2:before {
1250
+ display: none;
1251
+ }
1252
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper {
1253
+ position: relative;
1254
+ float: left;
1255
+ line-height: 1.1;
1256
+ z-index: 1000;
1257
+ background: #ddd;
1258
+ position: relative;
1259
+ min-width: 150px;
1260
+ min-height: 150px;
1261
+ max-width: 150px;
1262
+ max-height: 150px;
1263
+ width: 100%;
1264
+ margin-right: 20px;
1265
+ }
1266
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper button {
1267
+ position: relative;
1268
+ min-width: 150px;
1269
+ min-height: 150px;
1270
+ max-width: 150px;
1271
+ max-height: 150px;
1272
+ z-index: 1000;
1273
+ }
1274
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-profile-image-square {
1275
+ position: relative;
1276
+ top: 0;
1277
+ left: 0;
1278
+ height: 100%;
1279
+ width: 100%;
1280
+ z-index: 5;
1281
+ }
1282
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-profile-image-square img {
1283
+ height: 100%;
1284
+ width: 100%;
1285
+ position: relative;
1286
+ z-index: 5;
1287
+ }
1288
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-content-wrap {
1289
+ display: block;
1290
+ padding: 0 15px 0 15px;
1291
+ -ms-flex: 3 0 0px;
1292
+ flex: 3 0 0;
1293
+ }
1294
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-profile-name {
1295
+ font: 1.4em;
1296
+ line-height: 1.2;
1297
+ }
1298
+ @media only screen and (max-width: 600px) {
1299
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper {
1300
+ flex: auto;
1301
+ }
1302
+ }
1303
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-gutenberg-view-posts {
1304
+ clear: both;
1305
+ }
1306
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-gutenberg-view-posts:after {
1307
+ content: "";
1308
+ display: table;
1309
+ clear: both;
1310
+ }
1311
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts {
1312
+ clear: both;
1313
+ display: block;
1314
+ float: left;
1315
+ text-align: center;
1316
+ padding: 10px 20px;
1317
+ margin-top: 20px;
1318
+ margin-right: 20px;
1319
+ background-color: #cf6d38;
1320
+ color: #FFF;
1321
+ }
1322
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts a,
1323
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts a:hover,
1324
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts a:visited {
1325
+ display: block;
1326
+ width: 100%;
1327
+ height: 100%;
1328
+ color: #FFF;
1329
+ text-decoration: none;
1330
+ }
1331
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts:after {
1332
+ content: "";
1333
+ display: table;
1334
+ clear: both;
1335
+ }
1336
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website {
1337
+ display: block;
1338
+ float: left;
1339
+ text-align: center;
1340
+ padding: 10px 20px;
1341
+ margin-top: 20px;
1342
+ background-color: #333;
1343
+ color: #FFF;
1344
+ }
1345
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website a,
1346
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website a:hover,
1347
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website a:visited {
1348
+ display: block;
1349
+ width: 100%;
1350
+ height: 100%;
1351
+ color: #FFF;
1352
+ text-decoration: none;
1353
+ }
1354
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular.right .mpp-profile-view-posts {
1355
+ float: right;
1356
+ margin-left: 20px;
1357
+ }
1358
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular.center .mpp-profile-view-posts {
1359
+ display: inline-block;
1360
+ float: none;
1361
+ margin-left: 20px;
1362
+ }
1363
+
1364
+ /* Icon Sizes */
1365
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-10,
1366
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-10,
1367
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-10,
1368
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-10,
1369
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-10 {
1370
+ font-size: 10px;
1371
+ }
1372
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-10 p,
1373
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-10 div,
1374
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-10 p,
1375
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-10 div,
1376
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-10 p,
1377
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-10 div,
1378
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-10 p,
1379
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-10 div,
1380
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-10 p,
1381
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-10 div {
1382
+ font-size: 10px;
1383
+ }
1384
+
1385
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-11,
1386
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-11,
1387
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-11,
1388
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-11,
1389
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-11 {
1390
+ font-size: 11px;
1391
+ }
1392
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-11 p,
1393
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-11 div,
1394
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-11 p,
1395
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-11 div,
1396
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-11 p,
1397
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-11 div,
1398
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-11 p,
1399
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-11 div,
1400
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-11 p,
1401
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-11 div {
1402
+ font-size: 11px;
1403
+ }
1404
+
1405
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-12,
1406
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-12,
1407
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-12,
1408
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-12,
1409
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-12 {
1410
+ font-size: 12px;
1411
+ }
1412
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-12 p,
1413
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-12 div,
1414
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-12 p,
1415
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-12 div,
1416
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-12 p,
1417
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-12 div,
1418
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-12 p,
1419
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-12 div,
1420
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-12 p,
1421
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-12 div {
1422
+ font-size: 12px;
1423
+ }
1424
+
1425
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-13,
1426
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-13,
1427
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-13,
1428
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-13,
1429
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-13 {
1430
+ font-size: 13px;
1431
+ }
1432
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-13 p,
1433
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-13 div,
1434
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-13 p,
1435
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-13 div,
1436
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-13 p,
1437
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-13 div,
1438
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-13 p,
1439
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-13 div,
1440
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-13 p,
1441
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-13 div {
1442
+ font-size: 13px;
1443
+ }
1444
+
1445
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-14,
1446
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-14,
1447
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-14,
1448
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-14,
1449
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-14 {
1450
+ font-size: 14px;
1451
+ }
1452
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-14 p,
1453
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-14 div,
1454
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-14 p,
1455
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-14 div,
1456
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-14 p,
1457
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-14 div,
1458
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-14 p,
1459
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-14 div,
1460
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-14 p,
1461
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-14 div {
1462
+ font-size: 14px;
1463
+ }
1464
+
1465
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-15,
1466
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-15,
1467
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-15,
1468
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-15,
1469
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-15 {
1470
+ font-size: 15px;
1471
+ }
1472
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-15 p,
1473
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-15 div,
1474
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-15 p,
1475
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-15 div,
1476
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-15 p,
1477
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-15 div,
1478
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-15 p,
1479
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-15 div,
1480
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-15 p,
1481
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-15 div {
1482
+ font-size: 15px;
1483
+ }
1484
+
1485
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-16,
1486
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-16,
1487
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-16,
1488
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-16,
1489
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-16 {
1490
+ font-size: 16px;
1491
+ }
1492
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-16 p,
1493
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-16 div,
1494
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-16 p,
1495
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-16 div,
1496
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-16 p,
1497
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-16 div,
1498
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-16 p,
1499
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-16 div,
1500
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-16 p,
1501
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-16 div {
1502
+ font-size: 16px;
1503
+ }
1504
+
1505
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-17,
1506
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-17,
1507
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-17,
1508
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-17,
1509
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-17 {
1510
+ font-size: 17px;
1511
+ }
1512
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-17 p,
1513
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-17 div,
1514
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-17 p,
1515
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-17 div,
1516
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-17 p,
1517
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-17 div,
1518
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-17 p,
1519
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-17 div,
1520
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-17 p,
1521
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-17 div {
1522
+ font-size: 17px;
1523
+ }
1524
+
1525
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-18,
1526
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-18,
1527
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-18,
1528
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-18,
1529
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-18 {
1530
+ font-size: 18px;
1531
+ }
1532
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-18 p,
1533
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-18 div,
1534
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-18 p,
1535
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-18 div,
1536
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-18 p,
1537
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-18 div,
1538
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-18 p,
1539
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-18 div,
1540
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-18 p,
1541
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-18 div {
1542
+ font-size: 18px;
1543
+ }
1544
+
1545
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-19,
1546
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-19,
1547
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-19,
1548
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-19,
1549
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-19 {
1550
+ font-size: 19px;
1551
+ }
1552
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-19 p,
1553
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-19 div,
1554
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-19 p,
1555
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-19 div,
1556
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-19 p,
1557
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-19 div,
1558
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-19 p,
1559
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-19 div,
1560
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-19 p,
1561
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-19 div {
1562
+ font-size: 19px;
1563
+ }
1564
+
1565
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-20,
1566
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-20,
1567
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-20,
1568
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-20,
1569
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-20 {
1570
+ font-size: 20px;
1571
+ }
1572
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-20 p,
1573
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-20 div,
1574
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-20 p,
1575
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-20 div,
1576
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-20 p,
1577
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-20 div,
1578
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-20 p,
1579
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-20 div,
1580
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-20 p,
1581
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-20 div {
1582
+ font-size: 20px;
1583
+ }
1584
+
1585
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-21,
1586
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-21,
1587
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-21,
1588
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-21,
1589
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-21 {
1590
+ font-size: 21px;
1591
+ }
1592
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-21 p,
1593
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-21 div,
1594
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-21 p,
1595
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-21 div,
1596
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-21 p,
1597
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-21 div,
1598
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-21 p,
1599
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-21 div,
1600
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-21 p,
1601
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-21 div {
1602
+ font-size: 21px;
1603
+ }
1604
+
1605
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-22,
1606
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-22,
1607
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-22,
1608
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-22,
1609
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-22 {
1610
+ font-size: 22px;
1611
+ }
1612
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-22 p,
1613
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-22 div,
1614
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-22 p,
1615
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-22 div,
1616
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-22 p,
1617
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-22 div,
1618
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-22 p,
1619
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-22 div,
1620
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-22 p,
1621
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-22 div {
1622
+ font-size: 22px;
1623
+ }
1624
+
1625
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-23,
1626
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-23,
1627
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-23,
1628
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-23,
1629
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-23 {
1630
+ font-size: 23px;
1631
+ }
1632
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-23 p,
1633
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-23 div,
1634
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-23 p,
1635
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-23 div,
1636
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-23 p,
1637
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-23 div,
1638
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-23 p,
1639
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-23 div,
1640
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-23 p,
1641
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-23 div {
1642
+ font-size: 23px;
1643
+ }
1644
+
1645
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-24,
1646
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-24,
1647
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-24,
1648
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-24,
1649
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-24 {
1650
+ font-size: 24px;
1651
+ }
1652
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-24 p,
1653
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-24 div,
1654
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-24 p,
1655
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-24 div,
1656
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-24 p,
1657
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-24 div,
1658
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-24 p,
1659
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-24 div,
1660
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-24 p,
1661
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-24 div {
1662
+ font-size: 24px;
1663
+ }
1664
+
1665
+ /* For Social Media */
1666
+ .mpp-social {
1667
+ margin-top: 15px;
1668
+ }
1669
+ .mpp-social svg {
1670
+ max-width: 32px;
1671
+ max-height: 32px;
1672
+ margin-right: 10px;
1673
+ }
1674
+
1675
+ /* Social Media Colors */
1676
+ .mpp-social {
1677
+ clear: both;
1678
+ }
1679
+
1680
+ .mpp-social svg.icon-twitter {
1681
+ fill: #00aced;
1682
+ }
1683
+ .mpp-social svg.icon-amazon {
1684
+ fill: #000000;
1685
+ }
1686
+ .mpp-social svg.icon-behance {
1687
+ fill: #0692e9;
1688
+ }
1689
+ .mpp-social svg.icon-blogger {
1690
+ fill: #fb8f3d;
1691
+ }
1692
+ .mpp-social svg.icon-codepen {
1693
+ fill: #000000;
1694
+ }
1695
+ .mpp-social svg.icon-dribble {
1696
+ fill: #F46899;
1697
+ }
1698
+ .mpp-social svg.icon-dropbox {
1699
+ fill: #018BD3;
1700
+ }
1701
+ .mpp-social svg.icon-eventbrite {
1702
+ fill: #f6682F;
1703
+ }
1704
+ .mpp-social svg.icon-facebook {
1705
+ fill: #3b5998;
1706
+ }
1707
+ .mpp-social svg.icon-flickr {
1708
+ fill: #ff0084;
1709
+ }
1710
+ .mpp-social svg.icon-foursquare {
1711
+ fill: #0072b1;
1712
+ }
1713
+ .mpp-social svg.icon-ghost {
1714
+ fill: #000000;
1715
+ }
1716
+ .mpp-social svg.icon-github {
1717
+ fill: #070709;
1718
+ }
1719
+ .mpp-social svg.icon-google-plus {
1720
+ fill: #CF3D2E;
1721
+ }
1722
+ .mpp-social svg.icon-instagram {
1723
+ fill: #A1755C;
1724
+ }
1725
+ .mpp-social svg.icon-linkedin {
1726
+ fill: #0085AE;
1727
+ }
1728
+ .mpp-social svg.icon-feed {
1729
+ fill: #f26522;
1730
+ }
1731
+ .mpp-social svg.icon-medium {
1732
+ fill: #000000;
1733
+ }
1734
+ .mpp-social svg.icon-path {
1735
+ fill: #000000;
1736
+ }
1737
+ .mpp-social svg.icon-pinterest {
1738
+ fill: #CC2127;
1739
+ }
1740
+ .mpp-social svg.icon-pocket {
1741
+ fill: #000000;
1742
+ }
1743
+ .mpp-social svg.icon-polldaddy {
1744
+ fill: #bc0b0b;
1745
+ }
1746
+ .mpp-social svg.icon-reddit {
1747
+ fill: #000000;
1748
+ }
1749
+ .mpp-social svg.icon-skype {
1750
+ fill: #01AEF2;
1751
+ }
1752
+ .mpp-social svg.icon-spotify {
1753
+ fill: #1ed760;
1754
+ }
1755
+ .mpp-social svg.icon-squarespace {
1756
+ fill: #000000;
1757
+ }
1758
+ .mpp-social svg.icon-stumbleupon {
1759
+ fill: #EB4823;
1760
+ }
1761
+ .mpp-social svg.icon-telegram {
1762
+ fill: #000000;
1763
+ }
1764
+ .mpp-social svg.icon-tumblr-alt {
1765
+ fill: #314E6C;
1766
+ }
1767
+ .mpp-social svg.icon-twitch {
1768
+ fill: #4b367c;
1769
+ }
1770
+ .mpp-social svg.icon-twitter-alt {
1771
+ fill: #00aced;
1772
+ }
1773
+ .mpp-social svg.icon-vimeo {
1774
+ fill: #1ab7ea;
1775
+ }
1776
+ .mpp-social svg.icon-wordpress {
1777
+ fill: #21759b;
1778
+ }
1779
+ .mpp-social svg.icon-youtube {
1780
+ fill: #bb0000;
1781
+ }
1782
+
1783
+ /* For Profile Theme */
1784
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile {
1785
+ padding: 10px;
1786
+ }
1787
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile h2 {
1788
+ font-size: 0.8em;
1789
+ font-weight: normal;
1790
+ margin-bottom: 5px;
1791
+ }
1792
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile h2:before {
1793
+ display: none;
1794
+ }
1795
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile.round .profile-avatar {
1796
+ border-radius: 50%;
1797
+ }
1798
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mpp-profile-image-wrapper {
1799
+ position: relative;
1800
+ float: left;
1801
+ line-height: 1;
1802
+ z-index: 1000;
1803
+ min-width: 150px;
1804
+ min-height: 150px;
1805
+ max-width: 150px;
1806
+ max-height: 150px;
1807
+ margin-right: 15px;
1808
+ }
1809
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mpp-profile-meta {
1810
+ clear: both;
1811
+ margin: 10px 0;
1812
+ }
1813
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mpp-profile-meta:after {
1814
+ content: "";
1815
+ display: table;
1816
+ clear: both;
1817
+ }
1818
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .alignleft {
1819
+ max-width: none;
1820
+ float: left;
1821
+ }
1822
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .alignright {
1823
+ max-width: none;
1824
+ float: right;
1825
+ }
1826
+
1827
+ /* For Tabbed Theme */
1828
+ .editor-styles-wrapper .mpp-author-tabbed {
1829
+ padding: 10px;
1830
+ }
1831
+ .editor-styles-wrapper .mpp-author-tabbed:after {
1832
+ content: "";
1833
+ display: table;
1834
+ clear: both;
1835
+ }
1836
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-social {
1837
+ margin-top: 0;
1838
+ }
1839
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-author-social-wrapper {
1840
+ margin-bottom: 10px;
1841
+ }
1842
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-author-social-wrapper:after {
1843
+ content: "";
1844
+ display: table;
1845
+ clear: both;
1846
+ }
1847
+ .editor-styles-wrapper .mpp-author-tabbed h2 {
1848
+ font-size: 0.8em;
1849
+ font-weight: normal;
1850
+ margin-bottom: 5px;
1851
+ }
1852
+ .editor-styles-wrapper .mpp-author-tabbed h2:before {
1853
+ display: none;
1854
+ }
1855
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-tab-wrapper {
1856
+ clear: both;
1857
+ }
1858
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-author-heading {
1859
+ float: left;
1860
+ }
1861
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-author-social {
1862
+ float: right;
1863
+ }
1864
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-author-heading .mpp-author-profile-heading {
1865
+ display: inline-block;
1866
+ background: #42737b;
1867
+ color: #FFF;
1868
+ padding: 10px 20px;
1869
+ font-size: 14px;
1870
+ text-transform: uppercase;
1871
+ }
1872
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-author-profile-sub-heading {
1873
+ font-size: 14px;
1874
+ line-height: 1.1;
1875
+ max-width: 150px;
1876
+ text-align: center;
1877
+ }
1878
+ .editor-styles-wrapper .mpp-author-tabbed.round .profile-avatar {
1879
+ border-radius: 50%;
1880
+ }
1881
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-profile-image-wrapper {
1882
+ clear: both;
1883
+ position: relative;
1884
+ float: left;
1885
+ line-height: 1;
1886
+ z-index: 1000;
1887
+ margin-right: 30px;
1888
+ }
1889
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-profile-image-wrapper img {
1890
+ min-width: 150px;
1891
+ min-height: 150px;
1892
+ max-height: 150px;
1893
+ max-width: 150px;
1894
+ }
1895
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-profile-meta {
1896
+ clear: both;
1897
+ margin: 10px 0;
1898
+ }
1899
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-profile-meta:after {
1900
+ content: "";
1901
+ display: table;
1902
+ clear: both;
1903
+ }
1904
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-author-profile-title {
1905
+ color: gray;
1906
+ text-transform: uppercase;
1907
+ font-size: 12px;
1908
+ }
1909
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-tabbed-profile-information:after {
1910
+ content: "";
1911
+ display: table;
1912
+ clear: both;
1913
+ }
1914
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tabs {
1915
+ position: relative;
1916
+ list-style-type: none;
1917
+ margin: 0;
1918
+ padding: 0;
1919
+ text-align: center;
1920
+ }
1921
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tabs li {
1922
+ cursor: pointer;
1923
+ position: relative;
1924
+ display: inline-block;
1925
+ min-width: 200px;
1926
+ background: #42737b;
1927
+ margin: 0 5px 0 0;
1928
+ text-align: center;
1929
+ margin-right: 10px;
1930
+ color: #FFF;
1931
+ padding: 10px 20px;
1932
+ font-size: 16px;
1933
+ }
1934
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tabs li:last-child {
1935
+ margin-right: 0;
1936
+ }
1937
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tabs li.mpp-tab-posts {
1938
+ background: #30424b;
1939
+ }
1940
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content {
1941
+ list-style-type: none;
1942
+ margin: 0;
1943
+ }
1944
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content li {
1945
+ margin: 0;
1946
+ }
1947
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.white a,
1948
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.white a:hover,
1949
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.white a:visited {
1950
+ display: block;
1951
+ background: #FFFFFF;
1952
+ border: 1px solid #f2f2f2;
1953
+ padding: 10px 20px;
1954
+ text-decoration: none;
1955
+ color: #333;
1956
+ }
1957
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.white a:hover {
1958
+ background: #f2f2f2;
1959
+ }
1960
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.light a,
1961
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.light a:hover,
1962
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.light a:visited {
1963
+ display: block;
1964
+ background: #f7f7f7;
1965
+ border: 1px solid #dedede;
1966
+ padding: 10px 20px;
1967
+ text-decoration: none;
1968
+ color: #333;
1969
+ }
1970
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.light a:hover {
1971
+ background: #dedede;
1972
+ }
1973
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.black a,
1974
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.black a:hover,
1975
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.black a:visited {
1976
+ display: block;
1977
+ background: #333;
1978
+ color: #FFF;
1979
+ border: 1px solid #1a1a1a;
1980
+ padding: 10px 20px;
1981
+ text-decoration: none;
1982
+ }
1983
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.black a:hover {
1984
+ background: #1a1a1a;
1985
+ }
1986
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.magenta a,
1987
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.magenta a:hover,
1988
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.magenta a:visited {
1989
+ display: block;
1990
+ background: #FF00FF;
1991
+ color: #FFF;
1992
+ border: 1px solid #cc00cc;
1993
+ padding: 10px 20px;
1994
+ text-decoration: none;
1995
+ }
1996
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.magenta a:hover {
1997
+ background: #cc00cc;
1998
+ }
1999
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.blue a,
2000
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.blue a:hover,
2001
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.blue a:visited {
2002
+ display: block;
2003
+ background: #0009c1;
2004
+ color: #FFF;
2005
+ border: 1px solid #00078e;
2006
+ padding: 10px 20px;
2007
+ text-decoration: none;
2008
+ }
2009
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.blue a:hover {
2010
+ background: #00078e;
2011
+ }
2012
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.green a,
2013
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.green a:hover,
2014
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.green a:visited {
2015
+ display: block;
2016
+ background: #03ac27;
2017
+ color: #FFF;
2018
+ border: 1px solid #027a1c;
2019
+ padding: 10px 20px;
2020
+ text-decoration: none;
2021
+ }
2022
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.green a:hover {
2023
+ background: #027a1c;
2024
+ }
2025
+
2026
+ /* For Compact Theme */
2027
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact {
2028
+ text-align: center;
2029
+ padding: 10px;
2030
+ max-width: 400px;
2031
+ margin: 0 auto;
2032
+ line-height: 1.1;
2033
+ }
2034
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact h2 {
2035
+ font-size: 0.8em;
2036
+ font-weight: normal;
2037
+ margin-bottom: 5px;
2038
+ }
2039
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact h2:before {
2040
+ display: none;
2041
+ }
2042
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact.round .profile-avatar {
2043
+ border-radius: 50%;
2044
+ }
2045
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-image-wrapper {
2046
+ position: relative;
2047
+ text-align: center;
2048
+ line-height: 1;
2049
+ z-index: 1000;
2050
+ min-width: 150px;
2051
+ min-height: 150px;
2052
+ max-width: 150px;
2053
+ max-height: 150px;
2054
+ margin: 0 auto;
2055
+ }
2056
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-text {
2057
+ line-height: 1.1;
2058
+ }
2059
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-compact-meta {
2060
+ clear: both;
2061
+ margin: 10px 0;
2062
+ }
2063
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-compact-meta:after {
2064
+ content: "";
2065
+ display: table;
2066
+ clear: both;
2067
+ }
2068
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts {
2069
+ clear: both;
2070
+ display: block;
2071
+ text-align: center;
2072
+ padding: 10px 20px;
2073
+ margin-top: 20px;
2074
+ margin-right: 20px;
2075
+ background-color: #cf6d38;
2076
+ color: #FFF;
2077
+ margin-bottom: 10px;
2078
+ }
2079
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts a,
2080
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts a:hover,
2081
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts a:visited {
2082
+ display: block;
2083
+ width: 100%;
2084
+ height: 100%;
2085
+ color: #FFF;
2086
+ text-decoration: none;
2087
+ }
2088
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts:after {
2089
+ content: "";
2090
+ display: table;
2091
+ clear: both;
2092
+ }
2093
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website {
2094
+ display: block;
2095
+ text-align: center;
2096
+ padding: 10px 20px;
2097
+ margin-top: 20px;
2098
+ background-color: #333;
2099
+ color: #FFF;
2100
+ }
2101
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website a,
2102
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website a:hover,
2103
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website a:visited {
2104
+ display: block;
2105
+ width: 100%;
2106
+ height: 100%;
2107
+ color: #FFF;
2108
+ text-decoration: none;
2109
+ }
2110
+
2111
+ /*# sourceMappingURL=blocks.build.css.map*/
dist/blocks.build.css.map ADDED
@@ -0,0 +1 @@
 
1
+ {"version":3,"sources":["webpack://user-profile-picture/./src/block/style.scss","webpack://user-profile-picture/./src/block/editor.scss"],"names":[],"mappings":"AAEC;;;;;;;EACC;CAKD;AAHA;;EACC;EACA;CAMD;AAJA;;EACC;CAOD;;AAJD;EACC;EACA;EACA;EACA;EACA;EACA;CAOA;AANA;EACC;EACA;CAQD;AANA;EACC;CAQD;AANA;EACC;CAQD;AANA;EACC;EACA;CAQD;AANA;EACC;CAQD;AANA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAQD;AAPC;EACC;EACA;EACA;EACA;EACA;EACA;CASF;AAPC;EACC;EACA;EACA;EACA;EACA;EACA;CASF;AAPC;EACC;EACA;EACA;EACA;CASF;AAPC;EACC;EACA;EACA;EACA;CASF;AAPC;EACC;EACA;CASF;AAPC;EA9CD;IA+CE;GAUA;CACF;AARA;EACC;EACA;CAUD;AARA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;CAUD;AATC;;;EAGC;EACA;EACA;EACA;EACA;CAWF;;AAND;EACC;EACA;EACA;CASA;AARA;EACC;EACA;CAUD;AARA;EACC;CAUD;AARA;EACC;CAUD;AARA;EACC;CAUD;AARA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAUD;AATC;EAdD;IAeE;IACA;IACA;GAYA;CACF;AAXC;EACC;EACA;EACA;EACA;EACA;EACA;CAaF;AAXC;EACC;EACA;EACA;EACA;EACA;EACA;CAaF;AAVC;EACC;EACA;EACA;EACA;CAYF;AAVC;EACC;EACA;EACA;EACA;CAYF;AAXE;EALD;IAME;IACA;IACA;GAcD;CACF;AAZC;EACC;EACA;CAcF;AAZC;EAzDD;IA0DE;GAeA;CACF;AAZC;EADD;IAEE;IACA;IACA;GAeA;CACF;AAbA;EACC;CAeD;AAdC;EACC;EACA;EACA;CAgBF;AAZA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAcD;AAbC;;;EAGC;EACA;EACA;EACA;EACA;CAeF;AAbC;EACC;EACA;EACA;CAeF;AAbC;EAxBD;IAyBE;IACA;IACA;IACA;IACA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XF;AAnXA;EACC;EACA;CAqXD;AApXC;EACC;EACA;EACA;CAsXF;AAnXA;EACC;EACA;EACA;CAqXD;AAlXC;EACC;EACA;EACA;CAoXF;AAjXA;EACC;CAmXD;AAjXA;EACC;CAmXD;AAjXA;EACC;EACA;EACA;EACA;EACA;CAmXD;AAjXC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAmXF;AAlXE;EAZD;IAaE;IACA;GAqXD;CACF;AAnXE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAqXH;AApXG;EAVD;IAWE;GAuXF;CACF;AApXC;EACC;CAsXF;AApXC;EACC;CAsXF;AArXE;EACC;EACA;CAuXH;AAnXA;EACC;EACA;EACA;CAqXD;AApXC;EACC;CAsXF;AAnXE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CAqXH;AAnXE;EACC;CAqXH;AAjXE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CAmXH;AAjXE;EACC;CAmXH;AA/WE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CAiXH;AA/WE;EACC;CAiXH;AA7WE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CA+WH;AA7WE;EACC;CA+WH;AA3WE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CA6WH;AA3WE;EACC;CA6WH;AAzWE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CA2WH;AAzWE;EACC;CA2WH;;AArWD;AACA;EACC;EACA;EACA;EACA;EACA;CAwWA;AAvWA;EACC;CAyWD;AAvWA;EACC;CAyWD;AAvWA;EACC;CAyWD;AAvWA;EACC;CAyWD;AAvWA;EACC;EACA;EACA;CAyWD;AAxWC;EACC;CA0WF;AAvWA;EACC;CAyWD;AAvWA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAyWD;AAvWA;EACC;CAyWD;AAvWA;EACC;EACA;CAyWD;AAxWC;EACC;EACA;EACA;CA0WF;AAvWA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAyWD;AAxWC;;;EAGC;EACA;EACA;EACA;EACA;CA0WF;AAxWC;EACC;EACA;EACA;CA0WF;AAtWA;EACC;EACA;EACA;EACA;EACA;EACA;CAwWD;AAvWC;;;EAGC;EACA;EACA;EACA;EACA;;AC1vBF;EACC;EACA;EACA;EACA;CAAD;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;CAAA;AACA;EACC;EACA;CACD;AACA;EACC;CACD;AACA;EACC;CACD;AACA;EACC;CACD;AACA;EACC;CACD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD;AAAC;;EAEC;EACA;EACA;EACA;EACA;EACA;CAEF;AAAC;EACC;EACA;EACA;EACA;EACA;EACA;CAEF;AAAC;EACC;EACA;EACA;EACA;CAEF;AAAC;EACC;EACA;EACA;EACA;CAEF;AAAC;EACC;EACA;CAEF;AAAC;EA9CD;IA+CE;GAGA;CACF;AADA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;CAGD;AAFC;;;EAGC;EACA;EACA;EACA;EACA;CAIF;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;CAED;;AACD;EACC;EACA;EACA;CAEA;AADA;EACC;EACA;CAGD;AADA;EACC;CAGD;AADA;EACC;CAGD;AADA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAGD;AAFC;EACC;EACA;EACA;EACA;EACA;EACA;CAIF;AAFC;EACC;EACA;EACA;EACA;EACA;EACA;CAIF;AAFC;EACC;EACA;EACA;EACA;CAIF;AAFC;EACC;EACA;EACA;EACA;CAIF;AAFC;EACC;EACA;CAIF;AAFC;EA7CD;IA8CE;GAKA;CACF;AAHA;EACC;CAKD;AAJC;EACC;EACA;EACA;CAMF;AAFA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAID;AAHC;;;EAGC;EACA;EACA;EACA;EACA;CAKF;AAHC;EACC;EACA;EACA;CAKF;AADA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;CAGD;AAFC;;;EAGC;EACA;EACA;EACA;EACA;CAIF;AADA;EACC;EACA;CAGD;AADA;EACC;EACA;EACA;CAGD;;AAED;AAGC;;;;;EAKC;CADD;AAEC;;;;;;;;;;EAEC;CAQF;;AAhBA;;;;;EAKC;CAmBD;AAlBC;;;;;;;;;;EAEC;CA4BF;;AApCA;;;;;EAKC;CAuCD;AAtCC;;;;;;;;;;EAEC;CAgDF;;AAxDA;;;;;EAKC;CA2DD;AA1DC;;;;;;;;;;EAEC;CAoEF;;AA5EA;;;;;EAKC;CA+ED;AA9EC;;;;;;;;;;EAEC;CAwFF;;AAhGA;;;;;EAKC;CAmGD;AAlGC;;;;;;;;;;EAEC;CA4GF;;AApHA;;;;;EAKC;CAuHD;AAtHC;;;;;;;;;;EAEC;CAgIF;;AAxIA;;;;;EAKC;CA2ID;AA1IC;;;;;;;;;;EAEC;CAoJF;;AA5JA;;;;;EAKC;CA+JD;AA9JC;;;;;;;;;;EAEC;CAwKF;;AAhLA;;;;;EAKC;CAmLD;AAlLC;;;;;;;;;;EAEC;CA4LF;;AApMA;;;;;EAKC;CAuMD;AAtMC;;;;;;;;;;EAEC;CAgNF;;AAxNA;;;;;EAKC;CA2ND;AA1NC;;;;;;;;;;EAEC;CAoOF;;AA5OA;;;;;EAKC;CA+OD;AA9OC;;;;;;;;;;EAEC;CAwPF;;AAhQA;;;;;EAKC;CAmQD;AAlQC;;;;;;;;;;EAEC;CA4QF;;AApRA;;;;;EAKC;CAuRD;AAtRC;;;;;;;;;;EAEC;CAgSF;;AA1RD;AACA;EACC;CA6RA;AA5RA;EACC;EACA;EACA;CA8RD;;AA3RD;AAoCA;EACC;CA2PA;;AAvPC;EACC;CA0PF;AA3PC;EACC;CA6PF;AA9PC;EACC;CAgQF;AAjQC;EACC;CAmQF;AApQC;EACC;CAsQF;AAvQC;EACC;CAyQF;AA1QC;EACC;CA4QF;AA7QC;EACC;CA+QF;AAhRC;EACC;CAkRF;AAnRC;EACC;CAqRF;AAtRC;EACC;CAwRF;AAzRC;EACC;CA2RF;AA5RC;EACC;CA8RF;AA/RC;EACC;CAiSF;AAlSC;EACC;CAoSF;AArSC;EACC;CAuSF;AAxSC;EACC;CA0SF;AA3SC;EACC;CA6SF;AA9SC;EACC;CAgTF;AAjTC;EACC;CAmTF;AApTC;EACC;CAsTF;AAvTC;EACC;CAyTF;AA1TC;EACC;CA4TF;AA7TC;EACC;CA+TF;AAhUC;EACC;CAkUF;AAnUC;EACC;CAqUF;AAtUC;EACC;CAwUF;AAzUC;EACC;CA2UF;AA5UC;EACC;CA8UF;AA/UC;EACC;CAiVF;AAlVC;EACC;CAoVF;AArVC;EACC;CAuVF;AAxVC;EACC;CA0VF;AA3VC;EACC;CA6VF;;AAxVD;AACA;EACC;CA2VA;AA1VA;EACC;EACA;EACA;CA4VD;AA3VC;EACC;CA6VF;AA1VA;EACC;CA4VD;AA1VA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CA4VD;AA1VA;EACC;EACA;CA4VD;AA3VC;EACC;EACA;EACA;CA6VF;AA1VA;EACC;EACA;CA4VD;AA1VA;EACC;EACA;CA4VD;;AAxVD;AACA;EACC;CA2VA;AA1VA;EACC;EACA;EACA;CA4VD;AA1VA;EACC;CA4VD;AA1VA;EAMC;CAuVD;AA5VC;EACC;EACA;EACA;CA8VF;AA1VA;EACC;EACA;EACA;CA4VD;AA3VC;EACC;CA6VF;AA1VA;EACC;CA4VD;AA1VA;EACC;CA4VD;AA1VA;EACC;CA4VD;AA1VA;EACC;EACA;EACA;EACA;EACA;EACA;CA4VD;AA1VA;EACC;EACA;EACA;EACA;CA4VD;AA1VA;EACC;CA4VD;AA1VA;EACC;EACA;EACA;EACA;EACA;EACA;CA4VD;AA3VC;EACC;EACA;EACA;EACA;CA6VF;AAzVA;EACC;EACA;CA2VD;AA1VC;EACC;EACA;EACA;CA4VF;AAzVA;EACC;EACA;EACA;CA2VD;AAxVC;EACC;EACA;EACA;CA0VF;AAvVA;EACC;EACA;EACA;EACA;EACA;CAyVD;AAvVC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAyVF;AAvVC;EACC;CAyVF;AAvVC;EACC;CAyVF;AAtVA;EACC;EACA;CAwVD;AAvVC;EACC;CAyVF;AAtVE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CAwVH;AAtVE;EACC;CAwVH;AApVE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CAsVH;AApVE;EACC;CAsVH;AAlVE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CAoVH;AAlVE;EACC;CAoVH;AAhVE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CAkVH;AAhVE;EACC;CAkVH;AA9UE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CAgVH;AA9UE;EACC;CAgVH;AA5UE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CA8UH;AA5UE;EACC;CA8UH;;AAxUD;AACA;EACC;EACA;EACA;EACA;EACA;CA2UA;AA1UA;EACC;EACA;EACA;CA4UD;AA3UC;EACC;CA6UF;AA1UA;EACC;CA4UD;AA1UA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CA4UD;AA1UA;EACC;CA4UD;AA1UA;EACC;EACA;CA4UD;AA3UC;EACC;EACA;EACA;CA6UF;AA1UA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CA4UD;AA3UC;;;EAGC;EACA;EACA;EACA;EACA;CA6UF;AA3UC;EACC;EACA;EACA;CA6UF;AAzUA;EACC;EACA;EACA;EACA;EACA;EACA;CA2UD;AA1UC;;;EAGC;EACA;EACA;EACA;EACA","file":"blocks.build.css","sourcesContent":[".post-content .mpp-profile-wrap,\n.post-content .mpp-enhanced-profile-wrap {\n\th1, h2 , h3, h4 , h5, h6 {\n\t\tclear: none;\n\t}\n\th2 {\n\t\tmargin: 0;\n\t\tmargin-bottom: 10px;\n\t}\n\tp {\n\t\tmargin-bottom: 10px;\n\t}\n}\n.mpp-profile-wrap {\n\tmargin: 0 auto;\n\tpadding: 3%;\n\tborder-radius: 5px;\n\tmargin-bottom: 1.2em;\n\tmargin-bottom: 20px;\n\tline-height: 1.3;\n\t&.round .mpp-profile-image-wrapper {\n\t\tborder-radius: 50%;\n\t\toverflow: hidden;\n\t}\n\t&.round .mpp-profile-image-wrapper img {\n\t\tborder-radius: 50%;\n\t}\n\th1,h2,h3,h4,h5,h6 {\n\t\tclear: none;\n\t}\n\th2 {\n\t\tmargin-top: 0;\n\t\tmargin-bottom: 10px;\n\t}\n\th2:before {\n\t\tdisplay: none;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tposition: relative;\n\t\tfloat: left;\n\t\tline-height: 1.1;\n\t\tz-index: 1000;\n\t\tbackground: #ddd;\n\t\tposition: relative;\n\t\tmin-width: 150px;\n\t\tmin-height: 150px;\n\t\tmax-width: 150px;\n\t\tmax-height: 150px;\n\t\twidth: 100%;\n\t\tmargin-right: 20px;\n\t\tmargin-bottom: 20px;\n\t\tbutton {\n\t\t\tposition: relative;\n\t\t\tmin-width: 150px;\n\t\t\tmin-height: 150px;\n\t\t\tmax-width: 150px;\n\t\t\tmax-height: 150px;\n\t\t\tz-index: 1000;\n\t\t}\n\t\t.mpp-profile-image-square {\n\t\t\tposition: relative;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tz-index: 5;\n\t\t}\n\t\t.mpp-profile-image-square img {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tposition: relative;\n\t\t\tz-index: 5;\n\t\t}\n\t\t.mpp-content-wrap {\n\t\t\tdisplay: block;\n\t\t\tpadding: 0 15px 0 15px;\n\t\t\t-ms-flex: 3 0 0px;\n\t\t\tflex: 3 0 0;\n\t\t}\n\t\t.mpp-profile-name {\n\t\t\tfont: 1.4em;\n\t\t\tline-height: 1.2;\n\t\t}\n\t\t@media only screen and (max-width: 600px) {\n\t\t\tflex: auto;\n\t\t}\n\t}\n\t.mpp-gutenberg-view-posts {\n\t\tclear: both;\n\t\tpadding-top: 20px;\n\t}\n\t.mpp-profile-view-posts {\n\t\tclear: both;\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tbackground-color: #cf6d38;\n\t\tcolor: #FFF;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n}\n\n.mpp-enhanced-profile-wrap.regular {\n\tposition: relative;\n\tmargin: 0 auto;\n\tline-height: 1.5;\n\t&.round .mpp-profile-image-wrapper {\n\t\tborder-radius: 50%;\n\t\toverflow: hidden;\n\t}\n\t&.round .mpp-profile-image-wrapper img {\n\t\tborder-radius: 50%;\n\t}\n\th1,h2,h3,h4,h5,h6 {\n\t\tclear: none;\n\t}\n\th2:before {\n\t\tdisplay: none;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tposition: relative;\n\t\tfloat: left;\n\t\tline-height: 1.1;\n\t\tz-index: 1000;\n\t\tbackground: #ddd;\n\t\tposition: relative;\n\t\tmin-width: 150px;\n\t\tmin-height: 150px;\n\t\tmax-width: 150px;\n\t\tmax-height: 150px;\n\t\twidth: 100%;\n\t\tmargin-right: 20px;\n\t\tmargin-bottom: 20px;\n\t\t@media only screen and (max-width: 400px) {\n\t\t\tfloat: none;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t\tbutton {\n\t\t\tposition: relative;\n\t\t\tmin-width: 150px;\n\t\t\tmin-height: 150px;\n\t\t\tmax-width: 150px;\n\t\t\tmax-height: 150px;\n\t\t\tz-index: 1000;\n\t\t}\n\t\t.mpp-profile-image-square {\n\t\t\tposition: relative;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tz-index: 5;\n\n\t\t}\n\t\t.mpp-profile-image-square img {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tposition: relative;\n\t\t\tz-index: 5;\n\t\t}\n\t\t.mpp-content-wrap {\n\t\t\tdisplay: block;\n\t\t\tpadding: 0 15px 0 15px;\n\t\t\t-ms-flex: 3 0 0px;\n\t\t\tflex: 3 0 0;\n\t\t\t@media only screen and (max-width: 400px) {\n\t\t\t\tdisplay: block;\n\t\t\t\ttext-align: center;\n\t\t\t\tmargin: 0 auto;\n\t\t\t}\n\t\t}\n\t\t.mpp-profile-name {\n\t\t\tfont: 1.4em;\n\t\t\tline-height: 1.2;\n\t\t}\n\t\t@media only screen and (max-width: 600px) {\n\t\t\tflex: auto;\n\t\t}\n\t}\n\t.mpp-content-wrap {\n\t\t@media only screen and (max-width: 400px) {\n\t\t\tdisplay: block;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t}\n\t.mpp-gutenberg-view-posts {\n\t\tclear: both;\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\n\t.mpp-profile-view-posts {\n\t\tclear: both;\n\t\tdisplay: block;\n\t\tfloat: left;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tmargin-top: 20px;\n\t\tmargin-right: 20px;\n\t\tbackground-color: #cf6d38;\n\t\tcolor: #FFF;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t\t@media only screen and (max-width: 400px) {\n\t\t\tdisplay: block;\n\t\t\twidth: 90%;\n\t\t\tmargin: 0 auto;\n\t\t\ttext-align: center;\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\t}\n\n\t.mpp-profile-view-website {\n\t\tdisplay: block;\n\t\tfloat: left;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tmargin-top: 20px;\n\t\tbackground-color: #333;\n\t\tcolor: #FFF;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t@media only screen and (max-width: 400px) {\n\t\t\tdisplay: block;\n\t\t\twidth: 90%;\n\t\t\tmargin: 0 auto;\n\t\t\ttext-align: center;\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\t}\n}\n\n\n/* Icon Sizes */\n$sizes: 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24;\n@each $size in $sizes {\n\t.mpp-profile-wrap.mt-font-size-#{$size},\n\t.mpp-enhanced-profile-wrap.regular .mt-font-size-#{$size},\n\t.mpp-enhanced-profile-wrap.profile .mt-font-size-#{$size},\n\t.mpp-enhanced-profile-wrap.compact .mt-font-size-#{$size},\n\t.mpp-profile-text.mt-font-size-#{$size} {\n\t\tfont-size: #{$size}px;\n\t\tp,\n\t\tdiv {\n\t\t\tfont-size: #{$size}px;\n\t\t}\n\n\t}\n}\n\n/* For Social Media */\n.mpp-social {\n\tmargin-top: 15px;\n\tsvg {\n\t\tmax-width: 32px;\n\t\tmax-height: 32px;\n\t\tmargin-right: 10px;\n\t}\n\ta,\n\ta:hover,\n\ta:visited {\n\t\ttext-decoration: none !important;\n\t}\n}\n/* Social Media Colors */\n$colors: twitter #00aced,\n\tamazon #000000,\n\tbehance #0692e9,\n\tblogger #fb8f3d,\n\tcodepen #000000,\n\tdribble #F46899,\n\tdropbox #018BD3,\n\teventbrite #f6682F,\n\tfacebook #3b5998,\n\tflickr #ff0084,\n\tfoursquare #0072b1,\n\tghost #000000,\n\tgithub #070709,\n\tgoogle-plus #CF3D2E,\n\tinstagram #A1755C,\n\tlinkedin #0085AE,\n\tfeed #f26522,\n\tmedium #000000,\n\tpath #000000,\n\tpinterest #CC2127,\n\tpocket #000000,\n\tpolldaddy #bc0b0b,\n\treddit #000000,\n\tskype #01AEF2,\n\tspotify #1ed760,\n\tsquarespace #000000,\n\tstumbleupon #EB4823,\n\ttelegram #000000,\n\ttumblr-alt #314E6C,\n\ttwitch #4b367c,\n\ttwitter-alt #00aced,\n\tvimeo #1ab7ea,\n\twordpress #21759b,\n\tyoutube #bb0000\n;\n.mpp-social {\n\tclear: both;\n}\n.mpp-social svg {\n\t@each $color in $colors {\n\t\t&.icon-#{nth($color,1)} {\n\t\t\tfill: #{nth($color,2)};\n\t\t}\n\t}\n}\n\n.mpp-enhanced-profile-wrap.profile {\n\tpadding: 10px;\n\th2 {\n\t\tmargin: 0;\n\t\tfont-size: 0.8em;\n\t\tfont-weight: normal;\n\t\tmargin-bottom: 5px;\n\t\t&:before {\n\t\t\tdisplay: none;\n\t\t}\n\t\t@media only screen and (max-width: 400px) {\n\t\t\ttext-align: center;\n\t\t}\n\t}\n\t&.round .profile-avatar {\n\t\tborder-radius: 50%;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tposition: relative;\n\t\tfloat: left;\n\t\tline-height: 1.0;\n\t\tz-index: 1000;\n\t\tmin-width: 150px;\n\t\tmin-height: 150px;\n\t\tmax-width: 150px;\n\t\tmax-height: 150px;\n\t\tmargin-right: 15px;\n\n\t\t@media only screen and (max-width: 400px) {\n\t\t\tfloat: none;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t}\n\t.mpp-profile-meta {\n\t\tclear: both;\n\t\tmargin: 10px 0;\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\t.alignleft {\n\t\tmax-width: none;\n\t\tfloat: left;\n\t\t@media only screen and (max-width: 400px) {\n\t\t\tfloat: none;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t}\n\t.alignright {\n\t\tmax-width: none;\n\t\t@media only screen and (max-width: 400px) {\n\t\t\tfloat: none;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t}\n}\n\n/* For Tabbed Theme */\n.mpp-author-tabbed {\n\tpadding: 10px;\n\t&:after {\n\t\tcontent: \"\";\n\t\tdisplay: table;\n\t\tclear: both;\n\t}\n\t.mpp-social {\n\t\tmargin-top: 0;\n\t}\n\t.mpp-author-social-wrapper {\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t\tmargin-bottom: 10px;\n\t}\n\th1, h2, h3, h4, h5 , h6 {\n\t\tclear: none;\n\t}\n\th2 {\n\t\tfont-size: 0.8em;\n\t\tfont-weight: normal;\n\t\tmargin-bottom: 5px;\n\t\t&:before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t.mpp-tab-wrapper {\n\t\tclear: both;\n\t}\n\t.mpp-author-heading {\n\t\tfloat: left;\n\t\t@media only screen and (max-width: 600px) {\n\t\t\tfloat: none;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0 auto;\n\t\t\twidth: 90%;\n\t\t}\n\t}\n\t.mpp-author-social {\n\t\tfloat: right;\n\t\t@media only screen and (max-width: 600px) {\n\t\t\tfloat: none;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t}\n\t.mpp-author-heading .mpp-author-profile-heading {\n\t\tdisplay: inline-block;\n\t\tbackground: #42737b;\n\t\tcolor: #FFF;\n\t\tpadding: 10px 20px;\n\t\tfont-size: 14px;\n\t\ttext-transform: uppercase;\n\t\t@media only screen and (max-width: 600px) {\n\t\t\tdisplay: block;\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\t}\n\t.mpp-author-profile-sub-heading {\n\t\tfont-size: 14px;\n\t\tline-height: 1.1;\n\t\tmax-width: 150px;\n\t\ttext-align: center;\n\t}\n\t&.round .profile-avatar {\n\t\tborder-radius: 50%;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tclear: both;\n\t\tposition: relative;\n\t\tfloat: left;\n\t\tline-height: 1.0;\n\t\tz-index: 1000;\n\t\tmargin-right: 30px;\n\t\timg {\n\t\t\tmin-width: 150px;\n\t\t\tmin-height: 150px;\n\t\t\tmax-height: 150px;\n\t\t\tmax-width: 150px;\n\t\t}\n\n\n\t}\n\t.mpp-profile-meta {\n\t\tclear: both;\n\t\tmargin: 10px 0;\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\t.mpp-author-profile-title {\n\t\tcolor: gray;\n\t\ttext-transform: uppercase;\n\t\tfont-size: 12px;\n\t}\n\t.mpp-tabbed-profile-information {\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\t.mpp-tab {\n\t\tdisplay: none;\n\t}\n\t.mpp-tab-active {\n\t\tdisplay: block;\n\t}\n\tul.mpp-author-tabs {\n\t\tposition:relative;\n\t\tlist-style-type: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\ttext-align: center;\n\n\t\tli {\n\t\t\tcursor: pointer;\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-block;\n\t\t\tmin-width: 200px;\n\t\t\tbackground: #42737b;\n\t\t\tmargin: 0 5px 0 0;\n\t\t\ttext-align: center;\n\t\t\tmargin-right: 10px;\n\t\t\tcolor: #FFF;\n\t\t\tpadding: 10px 20px;\n\t\t\tfont-size: 16px;\n\t\t\t@media only screen and (max-width: 500px) {\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t&.active:after {\n\t\t\t\tcontent: \"\";\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: -10px;\n\t\t\t\tleft: calc(50% - 10px);\n\t\t\t\tborder-top: 10px solid #42737b;\n\t\t\t\tborder-top-color: #42737b;\n\t\t\t\tborder-left: 10px solid transparent;\n\t\t\t\tborder-right: 10px solid transparent;\n\t\t\t\t@media only screen and (max-width: 500px) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tli:last-child {\n\t\t\tmargin-right: 0;\n\t\t}\n\t\tli.mpp-tab-posts {\n\t\t\tbackground: #30424b;\n\t\t\t&.active:after {\n\t\t\t\tborder-top: 10px solid #30424b;\n\t\t\t\tborder-top-color: #30424b;\n\t\t\t}\n\t\t}\n\t}\n\tul.mpp-author-tab-content {\n\t\tlist-style-type: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tli {\n\t\t\tmargin: 0;\n\t\t}\n\t\t&.white {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #FFFFFF;\n\t\t\t\tborder: 1px solid darken(#FFFFFF, 5%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t\tcolor: #333;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#FFFFFF, 5%);\n\t\t\t}\n\t\t}\n\t\t&.light {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #f7f7f7;\n\t\t\t\tborder: 1px solid darken(#f7f7f7, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t\tcolor: #333;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#f7f7f7, 10%);\n\t\t\t}\n\t\t}\n\t\t&.black {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #333;\n\t\t\t\tcolor: #FFF;\n\t\t\t\tborder: 1px solid darken(#333, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#333, 10%);\n\t\t\t}\n\t\t}\n\t\t&.magenta {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #FF00FF;\n\t\t\t\tcolor: #FFF;\n\t\t\t\tborder: 1px solid darken(#FF00FF, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#FF00FF, 10%);\n\t\t\t}\n\t\t}\n\t\t&.blue {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #0009c1;\n\t\t\t\tcolor: #FFF;\n\t\t\t\tborder: 1px solid darken(#0009c1, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#0009c1, 10%);\n\t\t\t}\n\t\t}\n\t\t&.green {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #03ac27;\n\t\t\t\tcolor: #FFF;\n\t\t\t\tborder: 1px solid darken(#03ac27, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#03ac27, 10%);\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* For Compact Theme */\n.mpp-enhanced-profile-wrap.compact {\n\ttext-align: center;\n\tpadding: 10px;\n\tmax-width: 400px;\n\tmargin: 0 auto;\n\tline-height: 1.1;\n\t&.center {\n\t\tmargin: 0 auto;\n\t}\n\t&.left {\n\t\tmargin-left: 0;\n\t}\n\t&.right {\n\t\tmargin-right: 0;\n\t}\n\t.mpp-social svg {\n\t\tmargin-right: 0;\n\t}\n\th2 {\n\t\tfont-size: 0.8em;\n\t\tfont-weight: normal;\n\t\tmargin-bottom: 5px;\n\t\t&:before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t&.round .profile-avatar {\n\t\tborder-radius: 50%;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tposition: relative;\n\t\ttext-align: center;\n\t\tline-height: 1.0;\n\t\tz-index: 1000;\n\t\tmin-width: 150px;\n\t\tmin-height: 150px;\n\t\tmax-width: 150px;\n\t\tmax-height: 150px;\n\t\tmargin: 0 auto;\n\t}\n\t.mpp-profile-text {\n\t\tline-height: 1.1;\n\t}\n\t.mpp-compact-meta {\n\t\tclear: both;\n\t\tmargin: 10px 0;\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\t.mpp-profile-view-posts {\n\t\tclear: both;\n\t\tdisplay: block;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tmargin-top: 20px;\n\t\tmargin-right: 20px;\n\t\tbackground-color: #cf6d38;\n\t\tcolor: #FFF;\n\t\tmargin-bottom: 10px;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\n\t.mpp-profile-view-website {\n\t\tdisplay: block;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tmargin-top: 20px;\n\t\tbackground-color: #333;\n\t\tcolor: #FFF;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n}",".mpp-spinner {\n\tspan {\n\t\tdisplay: block;\n\t\ttext-align: center;\n\t\tfloat: none;\n\t\tmargin: 0 auto;\n\t}\n}\n.editor-styles-wrapper .mpp-profile-wrap {\n\tmargin: 0 auto;\n\tpadding: 3%;\n\tborder-radius: 5px;\n\tmargin-bottom: 1.2em;\n\tmargin-bottom: 20px;\n\tline-height: 1.1;\n\t&.round .mpp-profile-image-wrapper {\n\t\tborder-radius: 50%;\n\t\toverflow: hidden;\n\t}\n\t&.round .mpp-profile-image-wrapper img {\n\t\tborder-radius: 50%;\n\t}\n\t.mpp-profile-image-wrapper button {\n\t\theight: auto;\n\t}\n\th1,h2,h3,h4,h5,h6 {\n\t\tclear: none;\n\t}\n\th2:before {\n\t\tdisplay: none;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tposition: relative;\n\t\tfloat: left;\n\t\tline-height: 1.1;\n\t\tz-index: 1000;\n\t\tbackground: #ddd;\n\t\tposition: relative;\n\t\tmin-width: 150px;\n\t\tmin-height: 150px;\n\t\tmax-width: 150px;\n\t\tmax-height: 150px;\n\t\twidth: 100%;\n\t\tmargin-right: 20px;\n\t\tbutton.components-button,\n\t\tbutton {\n\t\t\tposition: relative;\n\t\t\tmin-width: 150px;\n\t\t\tmin-height: 150px;\n\t\t\tmax-width: 150px;\n\t\t\tmax-height: 150px;\n\t\t\tz-index: 1000;\n\t\t}\n\t\t.mpp-profile-image-square {\n\t\t\tposition: relative;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tz-index: 5;\n\t\t}\n\t\t.mpp-profile-image-square img {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tposition: relative;\n\t\t\tz-index: 5;\n\t\t}\n\t\t.mpp-content-wrap {\n\t\t\tdisplay: block;\n\t\t\tpadding: 0 15px 0 15px;\n\t\t\t-ms-flex: 3 0 0px;\n\t\t\tflex: 3 0 0;\n\t\t}\n\t\t.mpp-profile-name {\n\t\t\tfont: 1.4em;\n\t\t\tline-height: 1.2;\n\t\t}\n\t\t@media only screen and (max-width: 600px) {\n\t\t\tflex: auto;\n\t\t}\n\t}\n\t.mpp-profile-view-posts {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tmargin-top: 20px;\n\t\tbackground-color: #cf6d38;\n\t\tcolor: #FFF;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n}\n.mpp-profile-image-wrapper {\n\tbutton {\n\t\tposition: relative;\n\t\tmin-width: 150px;\n\t\tmin-height: 150px;\n\t\tmax-width: 150px;\n\t\tmax-height: 150px;\n\t\tz-index: 1000;\n\t}\n}\n.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular {\n\tposition: relative;\n\tmargin: 0 auto;\n\tline-height: 1.1;\n\t&.round .mpp-profile-image-wrapper {\n\t\tborder-radius: 50%;\n\t\toverflow: hidden;\n\t}\n\t&.round .mpp-profile-image-wrapper img {\n\t\tborder-radius: 50%;\n\t}\n\th2:before {\n\t\tdisplay: none;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tposition: relative;\n\t\tfloat: left;\n\t\tline-height: 1.1;\n\t\tz-index: 1000;\n\t\tbackground: #ddd;\n\t\tposition: relative;\n\t\tmin-width: 150px;\n\t\tmin-height: 150px;\n\t\tmax-width: 150px;\n\t\tmax-height: 150px;\n\t\twidth: 100%;\n\t\tmargin-right: 20px;\n\t\tbutton {\n\t\t\tposition: relative;\n\t\t\tmin-width: 150px;\n\t\t\tmin-height: 150px;\n\t\t\tmax-width: 150px;\n\t\t\tmax-height: 150px;\n\t\t\tz-index: 1000;\n\t\t}\n\t\t.mpp-profile-image-square {\n\t\t\tposition: relative;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tz-index: 5;\n\t\t}\n\t\t.mpp-profile-image-square img {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tposition: relative;\n\t\t\tz-index: 5;\n\t\t}\n\t\t.mpp-content-wrap {\n\t\t\tdisplay: block;\n\t\t\tpadding: 0 15px 0 15px;\n\t\t\t-ms-flex: 3 0 0px;\n\t\t\tflex: 3 0 0;\n\t\t}\n\t\t.mpp-profile-name {\n\t\t\tfont: 1.4em;\n\t\t\tline-height: 1.2;\n\t\t}\n\t\t@media only screen and (max-width: 600px) {\n\t\t\tflex: auto;\n\t\t}\n\t}\n\t.mpp-gutenberg-view-posts {\n\t\tclear: both;\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\n\t.mpp-profile-view-posts {\n\t\tclear: both;\n\t\tdisplay: block;\n\t\tfloat: left;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tmargin-top: 20px;\n\t\tmargin-right: 20px;\n\t\tbackground-color: #cf6d38;\n\t\tcolor: #FFF;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\n\t.mpp-profile-view-website {\n\t\tdisplay: block;\n\t\tfloat: left;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tmargin-top: 20px;\n\t\tbackground-color: #333;\n\t\tcolor: #FFF;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n\t&.right .mpp-profile-view-posts {\n\t\tfloat: right;\n\t\tmargin-left: 20px;\n\t}\n\t&.center .mpp-profile-view-posts {\n\t\tdisplay: inline-block;\n\t\tfloat: none;\n\t\tmargin-left: 20px;\n\t}\n}\n\n\n/* Icon Sizes */\n$sizes: 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24;\n@each $size in $sizes {\n\t.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-#{$size},\n\t.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-#{$size},\n\t.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-#{$size},\n\t.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-#{$size},\n\t.editor-styles-wrapper .mpp-profile-text.mt-font-size-#{$size} {\n\t\tfont-size: #{$size}px;\n\t\tp,\n\t\tdiv {\n\t\t\tfont-size: #{$size}px;\n\t\t}\n\n\t}\n}\n\n/* For Social Media */\n.mpp-social {\n\tmargin-top: 15px;\n\tsvg {\n\t\tmax-width: 32px;\n\t\tmax-height: 32px;\n\t\tmargin-right: 10px;\n\t}\n}\n/* Social Media Colors */\n$colors: twitter #00aced,\n\tamazon #000000,\n\tbehance #0692e9,\n\tblogger #fb8f3d,\n\tcodepen #000000,\n\tdribble #F46899,\n\tdropbox #018BD3,\n\teventbrite #f6682F,\n\tfacebook #3b5998,\n\tflickr #ff0084,\n\tfoursquare #0072b1,\n\tghost #000000,\n\tgithub #070709,\n\tgoogle-plus #CF3D2E,\n\tinstagram #A1755C,\n\tlinkedin #0085AE,\n\tfeed #f26522,\n\tmedium #000000,\n\tpath #000000,\n\tpinterest #CC2127,\n\tpocket #000000,\n\tpolldaddy #bc0b0b,\n\treddit #000000,\n\tskype #01AEF2,\n\tspotify #1ed760,\n\tsquarespace #000000,\n\tstumbleupon #EB4823,\n\ttelegram #000000,\n\ttumblr-alt #314E6C,\n\ttwitch #4b367c,\n\ttwitter-alt #00aced,\n\tvimeo #1ab7ea,\n\twordpress #21759b,\n\tyoutube #bb0000\n;\n.mpp-social {\n\tclear: both;\n}\n.mpp-social svg {\n\t@each $color in $colors {\n\t\t&.icon-#{nth($color,1)} {\n\t\t\tfill: #{nth($color,2)};\n\t\t}\n\t}\n}\n\n/* For Profile Theme */\n.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile {\n\tpadding: 10px;\n\th2 {\n\t\tfont-size: 0.8em;\n\t\tfont-weight: normal;\n\t\tmargin-bottom: 5px;\n\t\t&:before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t&.round .profile-avatar {\n\t\tborder-radius: 50%;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tposition: relative;\n\t\tfloat: left;\n\t\tline-height: 1.0;\n\t\tz-index: 1000;\n\t\tmin-width: 150px;\n\t\tmin-height: 150px;\n\t\tmax-width: 150px;\n\t\tmax-height: 150px;\n\t\tmargin-right: 15px;\n\t}\n\t.mpp-profile-meta {\n\t\tclear: both;\n\t\tmargin: 10px 0;\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\t.alignleft {\n\t\tmax-width: none;\n\t\tfloat: left;\n\t}\n\t.alignright {\n\t\tmax-width: none;\n\t\tfloat: right;\n\t}\n}\n\n/* For Tabbed Theme */\n.editor-styles-wrapper .mpp-author-tabbed {\n\tpadding: 10px;\n\t&:after {\n\t\tcontent: \"\";\n\t\tdisplay: table;\n\t\tclear: both;\n\t}\n\t.mpp-social {\n\t\tmargin-top: 0;\n\t}\n\t.mpp-author-social-wrapper {\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t\tmargin-bottom: 10px;\n\t}\n\th2 {\n\t\tfont-size: 0.8em;\n\t\tfont-weight: normal;\n\t\tmargin-bottom: 5px;\n\t\t&:before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t.mpp-tab-wrapper {\n\t\tclear: both;\n\t}\n\t.mpp-author-heading {\n\t\tfloat: left;\n\t}\n\t.mpp-author-social {\n\t\tfloat: right;\n\t}\n\t.mpp-author-heading .mpp-author-profile-heading {\n\t\tdisplay: inline-block;\n\t\tbackground: #42737b;\n\t\tcolor: #FFF;\n\t\tpadding: 10px 20px;\n\t\tfont-size: 14px;\n\t\ttext-transform: uppercase;\n\t}\n\t.mpp-author-profile-sub-heading {\n\t\tfont-size: 14px;\n\t\tline-height: 1.1;\n\t\tmax-width: 150px;\n\t\ttext-align: center;\n\t}\n\t&.round .profile-avatar {\n\t\tborder-radius: 50%;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tclear: both;\n\t\tposition: relative;\n\t\tfloat: left;\n\t\tline-height: 1.0;\n\t\tz-index: 1000;\n\t\tmargin-right: 30px;\n\t\timg {\n\t\t\tmin-width: 150px;\n\t\t\tmin-height: 150px;\n\t\t\tmax-height: 150px;\n\t\t\tmax-width: 150px;\n\t\t}\n\n\t}\n\t.mpp-profile-meta {\n\t\tclear: both;\n\t\tmargin: 10px 0;\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\t.mpp-author-profile-title {\n\t\tcolor: gray;\n\t\ttext-transform: uppercase;\n\t\tfont-size: 12px;\n\t}\n\t.mpp-tabbed-profile-information {\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\tul.mpp-author-tabs {\n\t\tposition:relative;\n\t\tlist-style-type: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\ttext-align: center;\n\n\t\tli {\n\t\t\tcursor: pointer;\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-block;\n\t\t\tmin-width: 200px;\n\t\t\tbackground: #42737b;\n\t\t\tmargin: 0 5px 0 0;\n\t\t\ttext-align: center;\n\t\t\tmargin-right: 10px;\n\t\t\tcolor: #FFF;\n\t\t\tpadding: 10px 20px;\n\t\t\tfont-size: 16px;\n\t\t}\n\t\tli:last-child {\n\t\t\tmargin-right: 0;\n\t\t}\n\t\tli.mpp-tab-posts {\n\t\t\tbackground: #30424b;\n\t\t}\n\t}\n\tul.mpp-author-tab-content {\n\t\tlist-style-type: none;\n\t\tmargin: 0;\n\t\tli {\n\t\t\tmargin: 0;\n\t\t}\n\t\t&.white {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #FFFFFF;\n\t\t\t\tborder: 1px solid darken(#FFFFFF, 5%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t\tcolor: #333;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#FFFFFF, 5%);\n\t\t\t}\n\t\t}\n\t\t&.light {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #f7f7f7;\n\t\t\t\tborder: 1px solid darken(#f7f7f7, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t\tcolor: #333;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#f7f7f7, 10%);\n\t\t\t}\n\t\t}\n\t\t&.black {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #333;\n\t\t\t\tcolor: #FFF;\n\t\t\t\tborder: 1px solid darken(#333, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#333, 10%);\n\t\t\t}\n\t\t}\n\t\t&.magenta {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #FF00FF;\n\t\t\t\tcolor: #FFF;\n\t\t\t\tborder: 1px solid darken(#FF00FF, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#FF00FF, 10%);\n\t\t\t}\n\t\t}\n\t\t&.blue {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #0009c1;\n\t\t\t\tcolor: #FFF;\n\t\t\t\tborder: 1px solid darken(#0009c1, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#0009c1, 10%);\n\t\t\t}\n\t\t}\n\t\t&.green {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #03ac27;\n\t\t\t\tcolor: #FFF;\n\t\t\t\tborder: 1px solid darken(#03ac27, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#03ac27, 10%);\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* For Compact Theme */\n.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact {\n\ttext-align: center;\n\tpadding: 10px;\n\tmax-width: 400px;\n\tmargin: 0 auto;\n\tline-height: 1.1;\n\th2 {\n\t\tfont-size: 0.8em;\n\t\tfont-weight: normal;\n\t\tmargin-bottom: 5px;\n\t\t&:before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t&.round .profile-avatar {\n\t\tborder-radius: 50%;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tposition: relative;\n\t\ttext-align: center;\n\t\tline-height: 1.0;\n\t\tz-index: 1000;\n\t\tmin-width: 150px;\n\t\tmin-height: 150px;\n\t\tmax-width: 150px;\n\t\tmax-height: 150px;\n\t\tmargin: 0 auto;\n\t}\n\t.mpp-profile-text {\n\t\tline-height: 1.1;\n\t}\n\t.mpp-compact-meta {\n\t\tclear: both;\n\t\tmargin: 10px 0;\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\t.mpp-profile-view-posts {\n\t\tclear: both;\n\t\tdisplay: block;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tmargin-top: 20px;\n\t\tmargin-right: 20px;\n\t\tbackground-color: #cf6d38;\n\t\tcolor: #FFF;\n\t\tmargin-bottom: 10px;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\n\t.mpp-profile-view-website {\n\t\tdisplay: block;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tmargin-top: 20px;\n\t\tbackground-color: #333;\n\t\tcolor: #FFF;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n}"],"sourceRoot":""}
dist/blocks.build.js CHANGED
@@ -1 +1,3 @@
1
- !function(e){function t(o){if(r[o])return r[o].exports;var n=r[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var r={};t.m=e,t.c=r,t.d=function(e,r,o){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=9)}([function(e,t,r){"use strict";function o(e){return"[object Array]"===T.call(e)}function n(e){return"[object ArrayBuffer]"===T.call(e)}function i(e){return"undefined"!==typeof FormData&&e instanceof FormData}function a(e){return"undefined"!==typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&e.buffer instanceof ArrayBuffer}function l(e){return"string"===typeof e}function s(e){return"number"===typeof e}function p(e){return"undefined"===typeof e}function c(e){return null!==e&&"object"===typeof e}function u(e){return"[object Date]"===T.call(e)}function m(e){return"[object File]"===T.call(e)}function f(e){return"[object Blob]"===T.call(e)}function h(e){return"[object Function]"===T.call(e)}function d(e){return c(e)&&h(e.pipe)}function g(e){return"undefined"!==typeof URLSearchParams&&e instanceof URLSearchParams}function b(e){return e.replace(/^\s*/,"").replace(/\s*$/,"")}function w(){return("undefined"===typeof navigator||"ReactNative"!==navigator.product)&&("undefined"!==typeof window&&"undefined"!==typeof document)}function C(e,t){if(null!==e&&"undefined"!==typeof e)if("object"!==typeof e&&(e=[e]),o(e))for(var r=0,n=e.length;r<n;r++)t.call(null,e[r],r,e);else for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.call(null,e[i],i,e)}function v(){function e(e,r){"object"===typeof t[r]&&"object"===typeof e?t[r]=v(t[r],e):t[r]=e}for(var t={},r=0,o=arguments.length;r<o;r++)C(arguments[r],e);return t}function E(e,t,r){return C(t,function(t,o){e[o]=r&&"function"===typeof t?_(t,r):t}),e}var _=r(4),y=r(15),T=Object.prototype.toString;e.exports={isArray:o,isArrayBuffer:n,isBuffer:y,isFormData:i,isArrayBufferView:a,isString:l,isNumber:s,isObject:c,isUndefined:p,isDate:u,isFile:m,isBlob:f,isFunction:h,isStream:d,isURLSearchParams:g,isStandardBrowserEnv:w,forEach:C,merge:v,extend:E,trim:b}},function(e,t,r){"use strict";(function(t){function o(e,t){!n.isUndefined(e)&&n.isUndefined(e["Content-Type"])&&(e["Content-Type"]=t)}var n=r(0),i=r(18),a={"Content-Type":"application/x-www-form-urlencoded"},l={adapter:function(){var e;return"undefined"!==typeof XMLHttpRequest?e=r(5):"undefined"!==typeof t&&(e=r(5)),e}(),transformRequest:[function(e,t){return i(t,"Content-Type"),n.isFormData(e)||n.isArrayBuffer(e)||n.isBuffer(e)||n.isStream(e)||n.isFile(e)||n.isBlob(e)?e:n.isArrayBufferView(e)?e.buffer:n.isURLSearchParams(e)?(o(t,"application/x-www-form-urlencoded;charset=utf-8"),e.toString()):n.isObject(e)?(o(t,"application/json;charset=utf-8"),JSON.stringify(e)):e}],transformResponse:[function(e){if("string"===typeof e)try{e=JSON.parse(e)}catch(e){}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,validateStatus:function(e){return e>=200&&e<300}};l.headers={common:{Accept:"application/json, text/plain, */*"}},n.forEach(["delete","get","head"],function(e){l.headers[e]={}}),n.forEach(["post","put","patch"],function(e){l.headers[e]=n.merge(a)}),e.exports=l}).call(t,r(17))},function(e,t,r){var o,n;!function(){"use strict";function r(){for(var e=[],t=0;t<arguments.length;t++){var o=arguments[t];if(o){var n=typeof o;if("string"===n||"number"===n)e.push(o);else if(Array.isArray(o)&&o.length){var a=r.apply(null,o);a&&e.push(a)}else if("object"===n)for(var l in o)i.call(o,l)&&o[l]&&e.push(l)}}return e.join(" ")}var i={}.hasOwnProperty;"undefined"!==typeof e&&e.exports?(r.default=r,e.exports=r):(o=[],void 0!==(n=function(){return r}.apply(t,o))&&(e.exports=n))}()},function(e,t,r){e.exports=r(14)},function(e,t,r){"use strict";e.exports=function(e,t){return function(){for(var r=new Array(arguments.length),o=0;o<r.length;o++)r[o]=arguments[o];return e.apply(t,r)}}},function(e,t,r){"use strict";var o=r(0),n=r(19),i=r(21),a=r(22),l=r(23),s=r(6);e.exports=function(e){return new Promise(function(t,p){var c=e.data,u=e.headers;o.isFormData(c)&&delete u["Content-Type"];var m=new XMLHttpRequest;if(e.auth){var f=e.auth.username||"",h=e.auth.password||"";u.Authorization="Basic "+btoa(f+":"+h)}if(m.open(e.method.toUpperCase(),i(e.url,e.params,e.paramsSerializer),!0),m.timeout=e.timeout,m.onreadystatechange=function(){if(m&&4===m.readyState&&(0!==m.status||m.responseURL&&0===m.responseURL.indexOf("file:"))){var r="getAllResponseHeaders"in m?a(m.getAllResponseHeaders()):null,o=e.responseType&&"text"!==e.responseType?m.response:m.responseText,i={data:o,status:m.status,statusText:m.statusText,headers:r,config:e,request:m};n(t,p,i),m=null}},m.onerror=function(){p(s("Network Error",e,null,m)),m=null},m.ontimeout=function(){p(s("timeout of "+e.timeout+"ms exceeded",e,"ECONNABORTED",m)),m=null},o.isStandardBrowserEnv()){var d=r(24),g=(e.withCredentials||l(e.url))&&e.xsrfCookieName?d.read(e.xsrfCookieName):void 0;g&&(u[e.xsrfHeaderName]=g)}if("setRequestHeader"in m&&o.forEach(u,function(e,t){"undefined"===typeof c&&"content-type"===t.toLowerCase()?delete u[t]:m.setRequestHeader(t,e)}),e.withCredentials&&(m.withCredentials=!0),e.responseType)try{m.responseType=e.responseType}catch(t){if("json"!==e.responseType)throw t}"function"===typeof e.onDownloadProgress&&m.addEventListener("progress",e.onDownloadProgress),"function"===typeof e.onUploadProgress&&m.upload&&m.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then(function(e){m&&(m.abort(),p(e),m=null)}),void 0===c&&(c=null),m.send(c)})}},function(e,t,r){"use strict";var o=r(20);e.exports=function(e,t,r,n,i){var a=new Error(e);return o(a,t,r,n,i)}},function(e,t,r){"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},function(e,t,r){"use strict";function o(e){this.message=e}o.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},o.prototype.__CANCEL__=!0,e.exports=o},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});r(10)},function(e,t,r){"use strict";var o=r(11),n=(r.n(o),r(12)),i=(r.n(n),r(13)),a=r(32),l=r(2),s=r.n(l),p=wp.i18n.__,c=wp.blocks.registerBlockType,u=wp.element,m=(u.Component,u.Fragment),f=wp.editor.RichText,h={profileName:{type:"string",default:""},profileTitle:{type:"string",default:""},profileContent:{type:"string",default:""},profileAlignment:{type:"string"},profileImgURL:{type:"string",source:"attribute",attribute:"src",selector:"img",default:""},profileImgID:{type:"number",default:""},profileURL:{type:"string",default:""},profileBackgroundColor:{type:"string",default:"#f2f2f2"},profileTextColor:{type:"string",default:"#32373c"},profileViewPostsBackgroundColor:{type:"string",default:"#cf6d38"},profileViewPostsTextColor:{type:"string",default:"#FFFFFF"},profileViewPostsWidth:{type:"number",default:100},profileFontSize:{type:"number",default:18},profileAvatarShape:{type:"string",default:"square"},showName:{type:"bool",default:!0},showTitle:{type:"bool",default:!0},showDescription:{type:"bool",default:!0},showViewPosts:{type:"bool",default:!0},user_id:{type:"number",default:0}};c("mpp/user-profile",{title:p("User Profile Legacy","metronet-profile-picture"),icon:wp.element.createElement("svg",{id:"Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 753.53 979.74"},wp.element.createElement("title",null,"upp"),wp.element.createElement("path",{d:"M806.37,185.9c0,40.27-30.49,72.9-68.11,72.9s-68.17-32.63-68.17-72.9S700.62,113,738.26,113,806.37,145.64,806.37,185.9Z",transform:"translate(-123.47 -11)",fill:"#4063ad"}),wp.element.createElement("path",{d:"M330.36,183.8c0,40.27-30.49,72.9-68.12,72.9s-68.17-32.63-68.17-72.9,30.52-72.87,68.17-72.87S330.36,143.56,330.36,183.8Z",transform:"translate(-123.47 -11)",fill:"#a34d9c"}),wp.element.createElement("path",{d:"M331.3,888.13V698.21H329c-31.64,0-57.28-27.45-57.28-61.29V336.5a118.37,118.37,0,0,1,5.43-34.79H179.84c-31.94,0-56.37,31.57-56.37,56.34V601.46h48.32V888.13Z",transform:"translate(-123.47 -11)",fill:"#a34d9c"}),wp.element.createElement("path",{d:"M388.59,636.92V990.74H611.88V636.92H671.5V336.5c0-30.63-27.64-69.57-69.6-69.57H398.56c-39.44,0-69.61,38.94-69.61,69.57V636.92Z",transform:"translate(-123.47 -11)",fill:"#f4831f"}),wp.element.createElement("path",{d:"M584.3,101c0,49.69-37.63,90-84,90S416.12,150.67,416.12,101s37.66-90,84.14-90S584.3,51.27,584.3,101Z",transform:"translate(-123.47 -11)",fill:"#f4831f"}),wp.element.createElement("path",{d:"M820.61,303.79H724.08a121.69,121.69,0,0,1,4.7,32.71V636.92c0,33.84-25.64,61.29-57.28,61.29h-2.33v192H828.7V603.54H877V360.16C877,335.36,854.62,303.79,820.61,303.79Z",transform:"translate(-123.47 -11)",fill:"#4063ad"})),category:"mpp",attributes:h,edit:a.a,save:function(e){var t=e.attributes,r=t.profileName,o=t.profileTitle,n=t.profileContent,i=t.profileAlignment,a=t.profileImgURL,l=(t.profileImgID,t.profileFontSize),c=t.profileBackgroundColor,u=t.profileTextColor,h=(t.profileLinkColor,t.profileAvatarShape),d=t.profileViewPostsBackgroundColor,g=t.profileViewPostsTextColor,b=t.profileURL,w=t.showTitle,C=t.showName,v=t.showDescription,E=t.showViewPosts;return wp.element.createElement(m,null,wp.element.createElement("div",{className:s()("mpp-profile-wrap",i,h,"mt-font-size-"+l,"mpp-block-profile"),style:{backgroundColor:c,color:u}},wp.element.createElement("div",{className:s()("mpp-profile-gutenberg-wrap","mpp-block-profile"),style:{backgroundColor:c,color:u}},wp.element.createElement("div",{className:"mpp-profile-image-wrapper"},wp.element.createElement("div",{className:"mpp-profile-image-square"},wp.element.createElement("img",{className:"mpp-profile-avatar",src:a,alt:"avatar"}))),wp.element.createElement("div",{className:"mpp-content-wrap"},r&&!!r.length&&C&&wp.element.createElement(f.Content,{tagName:"h2",className:"mpp-profile-name",style:{color:u},value:r}),o&&!!o.length&&w&&wp.element.createElement(f.Content,{tagName:"p",className:"mpp-profile-title",style:{color:u},value:o}),n&&!!n.length&&v&&wp.element.createElement(f.Content,{tagName:"div",className:"mpp-profile-text",value:n}))),b&&!!b.length&&wp.element.createElement("div",{className:"mpp-gutenberg-view-posts"},E&&wp.element.createElement("div",{className:"mpp-profile-view-posts",style:{backgroundColor:d,color:g}},wp.element.createElement("a",{href:b,style:{backgroundColor:d,color:g}},p("View Posts","metronet-profile-picture"))))))}}),c("mpp/user-profile-enhanced",{title:p("User Profile","metronet-profile-picture"),icon:wp.element.createElement("svg",{id:"Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 753.53 979.74"},wp.element.createElement("title",null,"upp"),wp.element.createElement("path",{d:"M806.37,185.9c0,40.27-30.49,72.9-68.11,72.9s-68.17-32.63-68.17-72.9S700.62,113,738.26,113,806.37,145.64,806.37,185.9Z",transform:"translate(-123.47 -11)",fill:"#4063ad"}),wp.element.createElement("path",{d:"M330.36,183.8c0,40.27-30.49,72.9-68.12,72.9s-68.17-32.63-68.17-72.9,30.52-72.87,68.17-72.87S330.36,143.56,330.36,183.8Z",transform:"translate(-123.47 -11)",fill:"#a34d9c"}),wp.element.createElement("path",{d:"M331.3,888.13V698.21H329c-31.64,0-57.28-27.45-57.28-61.29V336.5a118.37,118.37,0,0,1,5.43-34.79H179.84c-31.94,0-56.37,31.57-56.37,56.34V601.46h48.32V888.13Z",transform:"translate(-123.47 -11)",fill:"#a34d9c"}),wp.element.createElement("path",{d:"M388.59,636.92V990.74H611.88V636.92H671.5V336.5c0-30.63-27.64-69.57-69.6-69.57H398.56c-39.44,0-69.61,38.94-69.61,69.57V636.92Z",transform:"translate(-123.47 -11)",fill:"#f4831f"}),wp.element.createElement("path",{d:"M584.3,101c0,49.69-37.63,90-84,90S416.12,150.67,416.12,101s37.66-90,84.14-90S584.3,51.27,584.3,101Z",transform:"translate(-123.47 -11)",fill:"#f4831f"}),wp.element.createElement("path",{d:"M820.61,303.79H724.08a121.69,121.69,0,0,1,4.7,32.71V636.92c0,33.84-25.64,61.29-57.28,61.29h-2.33v192H828.7V603.54H877V360.16C877,335.36,854.62,303.79,820.61,303.79Z",transform:"translate(-123.47 -11)",fill:"#4063ad"})),category:"mpp",getEditWrapperProps:function(e){},edit:i.a,save:function(){return null}})},function(e,t){},function(e,t){},function(e,t,r){"use strict";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function a(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var l=r(3),s=r.n(l),p=r(2),c=r.n(p),u=function(){function e(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,r,o){return r&&e(t.prototype,r),o&&e(t,o),t}}(),m=wp.element,f=m.Component,h=m.Fragment,d=wp.i18n.__,g=wp.components,b=g.PanelBody,w=g.Placeholder,C=(g.QueryControls,g.RangeControl),v=g.SelectControl,E=g.Spinner,_=g.TextControl,y=g.ToggleControl,T=(g.Toolbar,g.withAPIData,g.ColorPalette,g.Button),P=wp.editor,S=P.InspectorControls,N=(P.BlockControls,P.MediaUpload),x=P.RichText,k=(P.AlignmentToolbar,P.PanelColorSettings),A=function(e){function t(){n(this,t);var e=i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));e.get_users=function(){s.a.post(mpp_gutenberg.rest_url+"/get_users",{},{headers:{"X-WP-Nonce":mpp_gutenberg.nonce}}).then(function(t){var r,n=Array(),i=Array(),a=0,l="",s=0,p="",c="",u="",m="",f="";jQuery.each(t.data,function(e,t){n[t.ID]={profile_pictures:t.profile_pictures,has_profile_picture:t.has_profile_picture,display_name:t.display_name,description:t.description,is_user_logged_in:t.is_user_logged_in,profile_picture_id:t.profile_picture_id,default_image:t.default_image,permalink:t.permalink},t.is_user_logged_in&&(a=t.ID),i.push({value:t.ID,label:t.display_name})}),0!==e.props.attributes.user_id&&(a=e.props.attributes.user_id);var h=n[a];h.has_profile_picture?(l=e.props.attributes.profileImgURL.length>0?e.props.attributes.profileImgURL:h.profile_pictures.thumbnail,s=e.props.attributes.profileImgID.length>0?e.props.attributes.profileImgID:h.profile_picture_id,p=e.props.attributes.profileName.length>0?e.props.attributes.profileName:h.display_name,u=e.props.attributes.profileTitle.length>0?e.props.attributes.profileTitle:"",m=h.permalink,c=e.props.attributes.profileContent.length>0?e.props.attributes.profileContent:h.description,f=e.props.attributes.showWebsite):(p=e.props.attributes.profileName.length>0?e.props.attributes.profileName:h.display_name,u=e.props.attributes.profileTitle.length>0?e.props.attributes.profileTitle:"",c=e.props.attributes.profileContent.length>0?e.props.attributes.profileContent:h.description,l=e.props.attributes.profileImgURL.length>0?e.props.attributes.profileImgURL:h.default_image,s=e.props.attributes.profileImgID.length>0?e.props.attributes.profileImgID:0,m=h.permalink,f=e.props.attributes.showWebsite),void 0==c&&(c=""),e.setState((r={loading:!1,users:n,active_user:a,user_list:i,profile_picture:l,profile_picture_id:s},o(r,"active_user",a),o(r,"profile_name",p),o(r,"profile_name_unfiltered",h.display_name),o(r,"profile_title",u),o(r,"profile_description",c),o(r,"profile_url",m),o(r,"show_website",f),r)),e.props.setAttributes(o({profileContent:c,profileName:p,profileTitle:u,profileURL:m,profileImgID:s,profileImgURL:l,showWebsite:f,showSocialMedia:!0},"profileName",h.display_name))})},e.on_user_change=function(t){var r=e.state.users[t],n="",i=0,a="";r.has_profile_picture?(n=e.state.users[t].profile_pictures.thumbnail,i=e.state.users[t].profile_picture_id):(n=mpp_gutenberg.mystery_man,i=0);var l=e.state.users[t].description;void 0===l&&(l=""),a=e.state.users[t].display_name,e.props.setAttributes(o({profileName:a,profileContent:l,profileTitle:"",profileURL:e.state.users[t].permalink,profileImgURL:n,tabbedAuthorSubHeading:"",tabbedAuthorProfileTitle:"",socialFacebook:"",socialGitHub:"",socialInstagram:"",socialLinkedIn:"",socialPinterest:"",socialTwitter:"",socialWordPress:"",socialYouTube:""},"profileName",e.state.users[t].display_name)),e.setState({profile_name_unfiltered:e.state.users[t].display_name,profile_name:a,profile_description:l,profile_title:"",profile_picture:n,profile_picture_id:i,active_user:t,profile_url:e.state.users[t].permalink,socialFacebook:"",socialGitHub:"",socialInstagram:"",socialLinkedIn:"",socialPinterest:"",socialTwitter:"",socialWordPress:"",socialYouTube:""}),e.getLatestPosts()},e.getLatestPosts=function(){e.setState({loadingLatestPosts:!0});s.a.post(mpp_gutenberg.rest_url+"/get_posts",{user_id:e.state.active_user},{headers:{"X-WP-Nonce":mpp_gutenberg.nonce}}).then(function(t){var r=t.data,o=r.map(function(e){return wp.element.createElement("li",{key:e.ID},wp.element.createElement("a",{href:e.permalink},e.post_title))});e.setState({loadingLatestPosts:!1,latestPosts:o})})},e.componentDidMount=function(){e.get_users()},e.handleImageChange=function(t,r){e.setState({profile_picture:r,profile_picture_id:t})},e.onChangeName=function(t){e.setState({profile_name:t})},e.onChangeTitle=function(t){e.setState({profile_title:t})},e.onChangeProfileText=function(t){e.setState({profile_description:t})},e.onThemeChange=function(t){e.setState({theme:t})},e.handleFacebookChange=function(t){e.setState({socialFacebook:t})},e.handleYouTubeChange=function(t){e.setState({socialYouTube:t})},e.handleGitHubChange=function(t){e.setState({socialGitHub:t})},e.handleLinkedInChange=function(t){e.setState({socialLinkedIn:t})},e.handleTwitterChange=function(t){e.setState({socialTwitter:t})},e.handleWordPressChange=function(t){e.setState({socialWordPress:t})},e.handleWebsiteChange=function(t){e.setState({website:t}),""!==t&&e.props.setAttributes({showWebsite:!0})},e.handleInstagramChange=function(t){e.setState({socialInstagram:t})},e.handlePinterestChange=function(t){e.setState({socialPinterest:t})},e.handleSocialMediaChange=function(t){e.setState({showSocialMedia:t}),e.props.setAttributes({showSocialMedia:t})},e.handleSocialMediaOptionChange=function(t){e.setState({socialMediaOptions:t})},e.onChangeTabbedProfileText=function(t){e.setState({tabbedAuthorProfile:t})},e.onChangeTabbedSubHeading=function(t){e.setState({tabbedAuthorSubHeading:t})},e.onChangeActiveProfileTab=function(){e.setState({activeTab:"profile"})},e.onChangeActivePostTab=function(){e.setState({activeTab:"latest",loadingLatestPosts:!0}),e.getLatestPosts()},e.onChangetabbedAuthorProfile=function(t){e.setState({tabbedAuthorProfile:t})},e.onChangetabbedAuthorProfileHeading=function(t){e.setState({tabbedAuthorProfileHeading:t})},e.onChangetabbedAuthorLatestPosts=function(t){e.setState({tabbedAuthorLatestPosts:t})},e.onChangeProfileTabColor=function(t){e.setState({profileTabColor:t}),e.props.setAttributes({profileTabColor:t})},e.onChangePostsTabColor=function(t){e.setState({profileTabPostsColor:t}),e.props.setAttributes({profileTabPostsColor:t})},e.onChangePostsTabHeadlineColor=function(t){e.setState({profileTabHeadlineColor:t}),e.props.setAttributes({profileTabHeadlineColor:t})},e.onChangeProfileTabPostColorText=function(t){e.setState({profileTabPostsTextColor:t}),e.props.setAttributes({profileTabPostsTextColor:t})},e.onChangeProfileTabHeadlineColorText=function(t){e.setState({profileTabHeadlineTextColor:t}),e.props.setAttributes({profileTabHeadlineTextColor:t})},e.onChangeProfileTabColorText=function(t){e.setState({profileTabTextColor:t}),e.props.setAttributes({profileTabTextColor:t})},e.onLatestPostsChange=function(t){e.setState({profileLatestPostsOptionsValue:t})},e.onCompactAlignmentChange=function(t){e.setState({profileCompactAlignment:t})};var r=Array();return r.push({value:"regular",label:d("Regular","metronet-profile-picture")}),r.push({value:"profile",label:d("Profile","metronet-profile-picture")}),r.push({value:"tabbed",label:d("Tabbed","metronet-profile-picture")}),r.push({value:"compact",label:d("Compact","metronet-profile-picture")}),e.state={loading:!0,users:!1,user_list:!1,profile_picture:e.props.attributes.profileImgURL,profile_picture_id:e.props.attributes.profileImgID,active_user:!1,profile_description:"",profile_name:"",profile_name_unfiltered:"",profile_title:"",show_website:e.props.attributes.showWebsite,profileViewPosts:e.props.attributes.profileViewPosts,profileViewWebsite:e.props.attributes.profileViewWebsite,theme:e.props.attributes.theme,themes:r,socialFacebook:e.props.attributes.socialFacebook,socialGitHub:e.props.attributes.socialGitHub,socialLinkedIn:e.props.attributes.socialLinkedIn,socialPinterest:e.props.attributes.socialPinterest,socialTwitter:e.props.attributes.socialTwitter,socialWordPress:e.props.attributes.socialWordPress,socialYouTube:e.props.attributes.socialYouTube,socialInstagram:e.props.attributes.socialInstagram,website:e.props.attributes.website,showSocialMedia:!0,socialMediaOptions:e.props.attributes.socialMediaOptions,socialMediaColors:e.props.attributes.socialMediaColors,tabbedAuthorProfile:e.props.attributes.tabbedAuthorProfile,tabbedAuthorLatestPosts:e.props.attributes.tabbedAuthorLatestPosts,tabbedAuthorSubHeading:e.props.attributes.tabbedAuthorSubHeading,tabbedAuthorProfileHeading:e.props.attributes.tabbedAuthorProfileHeading,activeTab:"profile",loadingLatestPosts:!0,latestPosts:{},profileTabColor:e.props.attributes.profileTabColor,profileTabHeadlineColor:e.props.attributes.profileTabHeadlineColor,profileTabPostsColor:e.props.attributes.profileTabPostsColor,profileTabHeadlineTextColor:e.props.attributes.profileTabHeadlineTextColor,profileTabTextColor:e.props.attributes.profileTabTextColor,profileTabPostsTextColor:e.props.attributes.profileTabPostsTextColor,profileLatestPostsOptionsValue:e.props.attributes.profileLatestPostsOptionsValue,profileCompactAlignment:e.props.attributes.profileCompactAlignment},e}return a(t,e),u(t,[{key:"render",value:function(){var e=this,t=this.props,r=t.attributes,o=r.profileName,n=r.profileTitle,i=r.profileContent,a=r.profileAlignment,l=r.profileImgURL,s=r.profileImgID,p=r.profileURL,u=r.profileFontSize,m=r.buttonFontSize,f=r.headerFontSize,g=r.profileBackgroundColor,P=r.profileTextColor,A=r.profileAvatarShape,I=r.profileViewPostsBackgroundColor,L=r.profileViewPostsTextColor,O=r.profileViewPosts,V=r.profileViewWebsite,H=r.showTitle,R=r.showName,M=r.showDescription,B=r.showViewPosts,U=r.showPostsWidth,D=(r.showSocialMedia,r.showWebsite),F=(r.theme,r.theme_list,r.socialFacebook,r.socialGitHub,r.socialLinkedIn,r.socialPinterest,r.socialTwitter,r.socialWordPress,r.socialYouTube,r.socialMediaColors),W=r.profileWebsiteBackgroundColor,j=r.profileWebsiteTextColor,z=r.padding,q=r.border,Z=r.borderRounded,G=r.borderColor,Y=r.profileLinkColor,X=(r.tabbedAuthorProfile,r.tabbedAuthorSubHeading,r.tabbedAuthorProfileTitle),$=(r.profileLatestPostsOptionsValue,t.attributes,t.isSelected,t.editable,t.className,t.setAttributes);this.state.profile_pictures;s=this.state.profile_picture_id,l=this.state.profile_picture,o=this.state.profile_name,i=this.state.profile_description,n=this.state.profile_title,p=this.state.profile_url,U=""!==this.state.website&&this.props.attributes.showWebsite?"":"100%",$({showPostsWidth:U});var J=function(e){return $({profileBackgroundColor:e})},Q=function(e){return $({profileTextColor:e})},K=function(e){return $({profileViewPostsBackgroundColor:e})},ee=function(e){return $({profileViewPostsTextColor:e})},te=function(e){return $({profileWebsiteBackgroundColor:e})},re=function(e){return $({profileWebsiteTextColor:e})},oe=function(e){return $({socialMediaColors:e})},ne=function(e){return $({borderColor:e})},ie=function(e){return $({profileLinkColor:e})},ae=[{value:"square",label:d("Square","metronet-profile-picture")},{value:"round",label:d("Round","metronet-profile-picture")}],le=[{value:"colors",label:d("Brand Colors","metronet-profile-picture")},{value:"custom",label:d("Custom","metronet-profile-picture")}],se=[{value:"none",label:d("None","metronet-profile-picture")},{value:"white",label:d("White","metronet-profile-picture")},{value:"light",label:d("Light","metronet-profile-picture")},{value:"black",label:d("Black","metronet-profile-picture")},{value:"magenta",label:d("Magenta","metronet-profile-picture")},{value:"blue",label:d("Blue","metronet-profile-picture")},{value:"green",label:d("Green","metronet-profile-picture")}],pe=[{value:"left",label:d("Left","metronet-profile-picture")},{value:"center",label:d("Center","metronet-profile-picture")},{value:"right",label:d("Right","metronet-profile-picture")}],ce="none",ue="";return"center"===this.state.profileCompactAlignment&&(ce="none",ue="0 auto"),"left"===this.state.profileCompactAlignment&&(ce="left",ue="0"),"right"===this.state.profileCompactAlignment&&(ce="right",ue="0"),wp.element.createElement(h,null,this.state.loading&&wp.element.createElement(h,null,wp.element.createElement(w,null,wp.element.createElement("div",null,wp.element.createElement("svg",{id:"Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",width:"125px",height:"125px",viewBox:"0 0 753.53 979.74"},wp.element.createElement("title",null,"upp"),wp.element.createElement("path",{d:"M806.37,185.9c0,40.27-30.49,72.9-68.11,72.9s-68.17-32.63-68.17-72.9S700.62,113,738.26,113,806.37,145.64,806.37,185.9Z",transform:"translate(-123.47 -11)",fill:"#4063ad"}),wp.element.createElement("path",{d:"M330.36,183.8c0,40.27-30.49,72.9-68.12,72.9s-68.17-32.63-68.17-72.9,30.52-72.87,68.17-72.87S330.36,143.56,330.36,183.8Z",transform:"translate(-123.47 -11)",fill:"#a34d9c"}),wp.element.createElement("path",{d:"M331.3,888.13V698.21H329c-31.64,0-57.28-27.45-57.28-61.29V336.5a118.37,118.37,0,0,1,5.43-34.79H179.84c-31.94,0-56.37,31.57-56.37,56.34V601.46h48.32V888.13Z",transform:"translate(-123.47 -11)",fill:"#a34d9c"}),wp.element.createElement("path",{d:"M388.59,636.92V990.74H611.88V636.92H671.5V336.5c0-30.63-27.64-69.57-69.6-69.57H398.56c-39.44,0-69.61,38.94-69.61,69.57V636.92Z",transform:"translate(-123.47 -11)",fill:"#f4831f"}),wp.element.createElement("path",{d:"M584.3,101c0,49.69-37.63,90-84,90S416.12,150.67,416.12,101s37.66-90,84.14-90S584.3,51.27,584.3,101Z",transform:"translate(-123.47 -11)",fill:"#f4831f"}),wp.element.createElement("path",{d:"M820.61,303.79H724.08a121.69,121.69,0,0,1,4.7,32.71V636.92c0,33.84-25.64,61.29-57.28,61.29h-2.33v192H828.7V603.54H877V360.16C877,335.36,854.62,303.79,820.61,303.79Z",transform:"translate(-123.47 -11)",fill:"#4063ad"})),wp.element.createElement("div",{className:"mpp-spinner"},wp.element.createElement(E,null))))),!this.state.loading&&wp.element.createElement(h,null,wp.element.createElement(S,null,wp.element.createElement(b,{title:d("User Profile Settings","metronet-profile-picture")},wp.element.createElement(v,{label:d("Select a user","metronet-profile-picture"),value:this.state.active_user,options:this.state.user_list,onChange:function(t){e.on_user_change(t),$({user_id:Number(t)})}}),wp.element.createElement(v,{label:d("Select a theme","metronet-profile-picture"),value:this.state.theme,options:this.state.themes,onChange:function(t){e.onThemeChange(t),$({theme:t})}}),"compact"===this.state.theme&&wp.element.createElement(v,{label:d("Select an alignment","metronet-profile-picture"),value:this.state.profileCompactAlignment,options:pe,onChange:function(t){e.onCompactAlignmentChange(t),$({profileCompactAlignment:t})}}),wp.element.createElement(v,{label:d("Avatar Shape","metronet-profile-picture"),description:d("Choose between a round or square avatar shape.","metronet-profile-picture"),options:ae,value:A,onChange:function(t){return e.props.setAttributes({profileAvatarShape:t})}}),"tabbed"!==this.state.theme&&wp.element.createElement(_,{label:d("Website","metronet-profile-picture"),value:this.state.website,onChange:function(t){e.props.setAttributes({website:t}),e.handleWebsiteChange(t)}}),wp.element.createElement(y,{label:d("Show Name","metronet-profile-picture"),checked:R,onChange:function(){return e.props.setAttributes({showName:!R})}}),wp.element.createElement(y,{label:d("Show Title","metronet-profile-picture"),checked:H,onChange:function(){return e.props.setAttributes({showTitle:!H})}}),wp.element.createElement(y,{label:d("Show Description","metronet-profile-picture"),checked:M,onChange:function(){return e.props.setAttributes({showDescription:!M})}}),"tabbed"!==this.state.theme&&wp.element.createElement(h,null,wp.element.createElement(y,{label:d("Show View Posts","metronet-profile-picture"),checked:B,onChange:function(){return e.props.setAttributes({showViewPosts:!B})}}),B&&wp.element.createElement(_,{label:d("View Posts Text","metronet-profile-picture"),value:O,onChange:function(t){e.props.setAttributes({profileViewPosts:t})}}),wp.element.createElement(y,{label:d("Show Website","metronet-profile-picture"),checked:this.state.show_website,onChange:function(t){e.props.setAttributes({showWebsite:t}),e.setState({show_website:t})}}),this.state.show_website&&wp.element.createElement(_,{label:d("View Website Text","metronet-profile-picture"),value:V,onChange:function(t){e.props.setAttributes({profileViewWebsite:t})}})),wp.element.createElement(y,{label:d("Show Social Media","metronet-profile-picture"),checked:this.state.showSocialMedia,onChange:function(t){e.props.setAttributes({showSocialMedia:t}),e.handleSocialMediaChange(t)}})),"tabbed"===this.state.theme&&wp.element.createElement(b,{title:d("User Profile Settings","metronet-profile-picture")},wp.element.createElement(v,{label:d("Select a theme","metronet-profile-picture"),value:this.state.latestPostsTheme,options:{},onChange:function(t){e.on_user_change(t),$({user_id:Number(t)})}})),wp.element.createElement(b,{title:d("Colors","metronet-profile-picture"),initialOpen:!1},wp.element.createElement(k,{title:d("Background Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:g,onChange:J,label:d("Background Color","metronet-profile-picture")}]}),wp.element.createElement(k,{title:d("Text Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:P,onChange:Q,label:d("Text Color","metronet-profile-picture")}]}),"profile"===this.state.theme&&wp.element.createElement(k,{title:d("Link Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:Y,onChange:ie,label:d("Link Color","metronet-profile-picture")}]}),"tabbed"===this.state.theme&&wp.element.createElement(h,null,wp.element.createElement(k,{title:d("Profile Tab Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:this.state.profileTabColor,onChange:this.onChangeProfileTabColor,label:d("Color","metronet-profile-picture")}]}),wp.element.createElement(k,{title:d("Profile Tab Color Text","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:this.state.profileTabTextColor,onChange:this.onChangeProfileTabColorText,label:d("Color","metronet-profile-picture")}]}),wp.element.createElement(k,{title:d("Profile Posts Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:this.state.profileTabPostsColor,onChange:this.onChangePostsTabColor,label:d("Color","metronet-profile-picture")}]}),wp.element.createElement(k,{title:d("Profile Post Color Text","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:this.state.profileTabPostsTextColor,onChange:this.onChangeProfileTabPostColorText,label:d("Color","metronet-profile-picture")}]}),wp.element.createElement(k,{title:d("Profile Headline Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:this.state.profileTabHeadlineColor,onChange:this.onChangePostsTabHeadlineColor,label:d("Color","metronet-profile-picture")}]}),wp.element.createElement(k,{title:d("Profile Headline Color Text","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:this.state.profileTabHeadlineColorText,onChange:this.onChangeProfileTabHeadlineColorText,label:d("Color","metronet-profile-picture")}]}),wp.element.createElement(v,{label:d("Select a Post Theme","metronet-profile-picture"),value:this.state.profileLatestPostsOptionsValue,options:se,onChange:function(t){e.onLatestPostsChange(t),$({profileLatestPostsOptionsValue:t})}})),"tabbed"!==this.state.theme&&"profile"!==this.state.theme&&wp.element.createElement(h,null,wp.element.createElement(k,{title:d("View Posts Background Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:I,onChange:K,label:d("View Posts Background","metronet-profile-picture")}]}),wp.element.createElement(k,{title:d("View Posts Text Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:L,onChange:ee,label:d("View Posts Text Color","metronet-profile-picture")}]}),wp.element.createElement(k,{title:d("Website Background Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:W,onChange:te,label:d("View Website Background","metronet-profile-picture")}]}),wp.element.createElement(k,{title:d("View Website Text Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:j,onChange:re,label:d("View Website Text Color","metronet-profile-picture")}]}))),wp.element.createElement(b,{title:d("Spacing and Font Settings","metronet-profile-picture"),initialOpen:!1},wp.element.createElement(C,{label:d("Header Font Size","metronet-profile-picture"),value:f,onChange:function(t){return e.props.setAttributes({headerFontSize:t})},min:14,max:32,step:1}),wp.element.createElement(C,{label:d("Font Size","metronet-profile-picture"),value:u,onChange:function(t){return e.props.setAttributes({profileFontSize:t})},min:14,max:24,step:1}),"tabbed"!==this.state.theme&&wp.element.createElement(C,{label:d("Button Size","metronet-profile-picture"),value:m,onChange:function(t){return e.props.setAttributes({buttonFontSize:t})},min:10,max:24,step:1}),wp.element.createElement(C,{label:d("Padding","metronet-profile-picture"),value:z,onChange:function(t){return e.props.setAttributes({padding:t})},min:0,max:60,step:1}),wp.element.createElement(C,{label:d("Border","metronet-profile-picture"),value:q,onChange:function(t){return e.props.setAttributes({border:t})},min:0,max:10,step:1}),wp.element.createElement(C,{label:d("Border Rounded","metronet-profile-picture"),value:Z,onChange:function(t){return e.props.setAttributes({borderRounded:t})},min:0,max:10,step:1}),wp.element.createElement(k,{title:d("Border Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:G,onChange:ne,label:d("Border Color","metronet-profile-picture")}]})),wp.element.createElement(b,{title:d("Social Media Settings","metronet-profile-picture"),initialOpen:!1},wp.element.createElement(v,{label:d("Social Media Colors","metronet-profile-picture"),value:this.state.socialMediaOptions,options:le,onChange:function(t){$({socialMediaOptions:t}),e.handleSocialMediaOptionChange(t)}}),"custom"===this.state.socialMediaOptions&&wp.element.createElement(k,{title:d("Social Media Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:F,onChange:oe,label:d("Social Media Color","metronet-profile-picture")}]}),wp.element.createElement(_,{label:d("Facebook","metronet-profile-picture"),value:this.state.socialFacebook,onChange:function(t){e.props.setAttributes({socialFacebook:t}),e.handleFacebookChange(t)}}),wp.element.createElement(_,{label:d("Twitter","metronet-profile-picture"),value:this.state.socialTwitter,onChange:function(t){e.props.setAttributes({socialTwitter:t}),e.handleTwitterChange(t)}}),wp.element.createElement(_,{label:d("Instagram","metronet-profile-picture"),value:this.state.socialInstagram,onChange:function(t){e.props.setAttributes({socialInstagram:t}),e.handleInstagramChange(t)}}),wp.element.createElement(_,{label:d("LinkedIn","metronet-profile-picture"),value:this.state.socialLinkedIn,onChange:function(t){e.props.setAttributes({socialLinkedIn:t}),e.handleLinkedInChange(t)}}),wp.element.createElement(_,{label:d("YouTube","metronet-profile-picture"),value:this.state.socialYouTube,onChange:function(t){e.props.setAttributes({socialYouTube:t}),e.handleYouTubeChange(t)}}),wp.element.createElement(_,{label:d("GitHub","metronet-profile-picture"),value:this.state.socialGitHub,onChange:function(t){e.props.setAttributes({socialGitHub:t}),e.handleGitHubChange(t)}}),wp.element.createElement(_,{label:d("Pinterest","metronet-profile-picture"),value:this.state.socialPinterest,onChange:function(t){e.props.setAttributes({socialPinterest:t}),e.handlePinterestChange(t)}}),wp.element.createElement(_,{label:d("WordPress","metronet-profile-picture"),value:this.state.socialWordPress,onChange:function(t){e.props.setAttributes({socialWordPress:t}),e.handleWordPressChange(t)}}))),"tabbed"!==this.state.theme&&wp.element.createElement("div",{className:c()("mpp-enhanced-profile-wrap",this.state.theme,a,A,"mpp-block-profile"),style:{padding:z+"px",border:q+"px solid "+G,borderRadius:Z+"px",backgroundColor:g,color:P,float:ce,margin:ue}},"regular"===this.state.theme&&wp.element.createElement(h,null,wp.element.createElement("div",{className:c()("mpp-profile-gutenberg-wrap","mt-font-size-"+u)},wp.element.createElement("div",{className:"mpp-profile-image-wrapper"},wp.element.createElement("div",{className:"mpp-profile-image-square"},wp.element.createElement(N,{buttonProps:{className:"change-image"},onSelect:function(t){e.handleImageChange(t.id,t.url),$({profileImgID:t.id,profileImgURL:t.url})},type:"image",value:s,render:function(e){var t=e.open;return wp.element.createElement(T,{onClick:t},s?wp.element.createElement("img",{className:"profile-avatar",src:l,alt:"avatar"}):wp.element.createElement("img",{src:l,alt:"placeholder"}))}}))),wp.element.createElement("div",{className:"mpp-content-wrap"},R&&wp.element.createElement(x,{tagName:"h2",placeholder:d("Add name","metronet-profile-picture"),value:o,className:"mpp-profile-name",style:{color:P,fontSize:f+"px"},onChange:function(t){e.onChangeName(t),$({profileName:t})}}),H&&wp.element.createElement(x,{tagName:"p",placeholder:d("Add title","atomic-blocks"),value:n,className:"mpp-profile-title",style:{color:P},onChange:function(t){e.onChangeTitle(t),$({profileTitle:t})}}),M&&wp.element.createElement(x,{tagName:"div",className:"mpp-profile-text",placeholder:d("Add profile text...","metronet-profile-picture"),value:i,formattingControls:["bold","italic","strikethrough","link"],onChange:function(t){e.onChangeProfileText(t),$({profileContent:t})}}))),p&&!!p.length&&wp.element.createElement("div",{className:"mpp-gutenberg-view-posts",style:{width:U}},B&&wp.element.createElement("div",{className:"mpp-profile-view-posts",style:{backgroundColor:I,color:L,width:U,fontSize:m+"px"}},wp.element.createElement("a",{href:p,style:{backgroundColor:I,color:L}},O)),""!=this.state.website&&D&&wp.element.createElement("div",{className:"mpp-profile-view-website",style:{backgroundColor:W,color:j,fontSize:m+"px"}},wp.element.createElement("a",{href:this.state.website,style:{backgroundColor:W,color:j}},V)))),"profile"===this.state.theme&&wp.element.createElement("div",{className:c()("mpp-profile-gutenberg-wrap","mt-font-size-"+u)},R&&wp.element.createElement(x,{tagName:"h2",placeholder:d("Add name","metronet-profile-picture"),value:o,className:"mpp-profile-name",style:{color:P,fontSize:f+"px"},onChange:function(t){e.onChangeName(t),$({profileName:t})}}),wp.element.createElement("div",{className:"mpp-profile-image-wrapper"},wp.element.createElement("div",{className:"mpp-profile-image-square"},wp.element.createElement(N,{buttonProps:{className:"change-image"},onSelect:function(t){e.handleImageChange(t.id,t.url),$({profileImgID:t.id,profileImgURL:t.url})},type:"image",value:s,render:function(e){var t=e.open;return wp.element.createElement(T,{onClick:t},s?wp.element.createElement("img",{className:"profile-avatar",src:l,alt:"avatar"}):wp.element.createElement("img",{src:l,alt:"placeholder"}))}}))),M&&wp.element.createElement(x,{tagName:"div",className:"mpp-profile-text",placeholder:d("Add profile text...","metronet-profile-picture"),value:i,formattingControls:["bold","italic","strikethrough","link"],onChange:function(t){e.onChangeProfileText(t),$({profileContent:t})}}),wp.element.createElement("div",{className:"mpp-profile-meta",style:{fontSize:m+"px"}},B&&wp.element.createElement("div",{className:"mpp-profile-link alignleft"},wp.element.createElement("a",{href:this.state.profile_url,style:{color:Y}},d("View all posts by","metronet-profile-picture")," ",this.state.profile_name_unfiltered)),""!=this.state.website&&D&&wp.element.createElement("div",{className:"mpp-profile-link alignright"},wp.element.createElement("a",{href:this.state.website,style:{color:Y}},d("Website","metronet-profile-picture"))))),"compact"===this.state.theme&&wp.element.createElement("div",{className:c()("mpp-profile-gutenberg-wrap","mt-font-size-"+u)},R&&wp.element.createElement(x,{tagName:"h2",placeholder:d("Add name","metronet-profile-picture"),value:o,className:"mpp-profile-name",style:{color:P,fontSize:f+"px"},onChange:function(t){e.onChangeName(t),$({profileName:t})}}),wp.element.createElement("div",{className:"mpp-profile-image-wrapper"},wp.element.createElement("div",{className:"mpp-profile-image-square"},wp.element.createElement(N,{buttonProps:{className:"change-image"},onSelect:function(t){e.handleImageChange(t.id,t.url),$({profileImgID:t.id,profileImgURL:t.url})},type:"image",value:s,render:function(e){var t=e.open;return wp.element.createElement(T,{onClick:t},s?wp.element.createElement("img",{className:"profile-avatar",src:l,alt:"avatar"}):wp.element.createElement("img",{src:l,alt:"placeholder"}))}}))),M&&wp.element.createElement(x,{tagName:"div",className:"mpp-profile-text",placeholder:d("Add profile text...","metronet-profile-picture"),value:i,formattingControls:["bold","italic","strikethrough","link"],onChange:function(t){e.onChangeProfileText(t),$({profileContent:t})}}),wp.element.createElement("div",{className:"mpp-compact-meta"},B&&wp.element.createElement("div",{className:"mpp-profile-view-posts",style:{backgroundColor:I,color:L,width:"90%",margin:"0 auto 10px auto",fontSize:m+"px"}},wp.element.createElement("a",{href:p,style:{backgroundColor:I,color:L}},d("View Posts","metronet-profile-picture"))),""!=this.state.website&&D&&wp.element.createElement("div",{className:"mpp-profile-view-website",style:{backgroundColor:W,color:j,fontSize:m+"px",width:"90%",margin:"0 auto"}},wp.element.createElement("a",{href:this.state.website,style:{backgroundColor:W,color:j}},d("View Website","metronet-profile-picture"))))),1==this.state.showSocialMedia&&("regular"===this.state.theme||"compact"===this.state.theme||"profile"===this.state.theme)&&wp.element.createElement("div",{className:"mpp-social"},""!=this.state.socialFacebook&&wp.element.createElement("a",{href:this.state.socialFacebook},wp.element.createElement("svg",{className:"icon icon-facebook",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?F:""}},wp.element.createElement("use",{href:"#facebook"}))),""!=this.state.socialTwitter&&wp.element.createElement("a",{href:this.state.socialTwitter},wp.element.createElement("svg",{className:"icon icon-twitter",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?F:""}},wp.element.createElement("use",{href:"#twitter"}))),""!=this.state.socialInstagram&&wp.element.createElement("a",{href:this.state.socialInstagram},wp.element.createElement("svg",{className:"icon icon-instagram",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?F:""}},wp.element.createElement("use",{href:"#instagram"}))),""!=this.state.socialPinterest&&wp.element.createElement("a",{href:this.state.socialPinterest},wp.element.createElement("svg",{className:"icon icon-pinterest",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?F:""}},wp.element.createElement("use",{href:"#pinterest"}))),""!=this.state.socialLinkedIn&&wp.element.createElement("a",{href:this.state.socialLinkedIn},wp.element.createElement("svg",{className:"icon icon-linkedin",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?F:""}},wp.element.createElement("use",{href:"#linkedin"}))),""!=this.state.socialYouTube&&wp.element.createElement("a",{href:this.state.socialYouTube},wp.element.createElement("svg",{className:"icon icon-youtube",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?F:""}},wp.element.createElement("use",{href:"#youtube"}))),""!=this.state.socialGitHub&&wp.element.createElement("a",{href:this.state.socialGitHub},wp.element.createElement("svg",{className:"icon icon-github",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?F:""}},wp.element.createElement("use",{href:"#github"}))),""!=this.state.socialWordPress&&wp.element.createElement("a",{href:this.state.socialWordPress},wp.element.createElement("svg",{className:"icon icon-wordpress",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?F:""}},wp.element.createElement("use",{href:"#wordpress"}))))),"tabbed"===this.state.theme&&wp.element.createElement(h,null,wp.element.createElement("div",{className:c()("mpp-author-tabbed",this.state.theme,a,A,"mpp-block-profile")},wp.element.createElement("ul",{className:"mpp-author-tabs"},wp.element.createElement("li",{className:c()("mpp-tab-profile","profile"===this.state.activeTab?"active":""),onClick:this.onChangeActiveProfileTab,style:{backgroundColor:this.state.profileTabColor,color:this.state.profileTabTextColor}},wp.element.createElement(x,{tagName:"span",placeholder:d("Add tab name.","metronet-profile-picture"),value:this.state.tabbedAuthorProfile,formattingControls:[],onChange:function(t){e.onChangetabbedAuthorProfile(t),$({tabbedAuthorProfile:t})}})),wp.element.createElement("li",{className:c()("mpp-tab-posts","latest"===this.state.activeTab?"active":""),onClick:this.onChangeActivePostTab,style:{backgroundColor:this.state.profileTabPostsColor,color:this.state.profileTabPostsTextColor}},wp.element.createElement(x,{tagName:"span",placeholder:d("Add tab name.","metronet-profile-picture"),value:this.state.tabbedAuthorLatestPosts,formattingControls:[],onChange:function(t){e.onChangetabbedAuthorLatestPosts(t),$({tabbedAuthorLatestPosts:t})}}))),wp.element.createElement("div",{className:"mpp-tab-wrapper",style:{padding:z+"px",border:q+"px solid "+G,borderRadius:Z+"px",backgroundColor:g,color:P}},"profile"===this.state.activeTab&&wp.element.createElement(h,null,wp.element.createElement("div",{className:"mpp-author-social-wrapper"},wp.element.createElement("div",{className:"mpp-author-heading"},wp.element.createElement(x,{tagName:"div",className:"mpp-author-profile-heading",value:this.state.tabbedAuthorProfileHeading,formattingControls:[],onChange:function(t){e.onChangetabbedAuthorProfileHeading(t),$({profileTabHeadlineTextColor:t})},style:{backgroundColor:this.state.profileTabHeadlineColor,color:this.state.profileTabHeadlineTextColor}})),this.state.showSocialMedia&&wp.element.createElement("div",{className:"mpp-author-social"},wp.element.createElement("div",{className:"mpp-social"},""!=this.state.socialFacebook&&wp.element.createElement("a",{href:this.state.socialFacebook},wp.element.createElement("svg",{className:"icon icon-facebook",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?F:""}},wp.element.createElement("use",{href:"#facebook"}))),""!=this.state.socialTwitter&&wp.element.createElement("a",{href:this.state.socialTwitter},wp.element.createElement("svg",{className:"icon icon-twitter",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?F:""}},wp.element.createElement("use",{href:"#twitter"}))),""!=this.state.socialInstagram&&wp.element.createElement("a",{href:this.state.socialInstagram},wp.element.createElement("svg",{className:"icon icon-instagram",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?F:""}},wp.element.createElement("use",{href:"#instagram"}))),""!=this.state.socialPinterest&&wp.element.createElement("a",{href:this.state.socialPinterest},wp.element.createElement("svg",{className:"icon icon-pinterest",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?F:""}},wp.element.createElement("use",{href:"#pinterest"}))),""!=this.state.socialLinkedIn&&wp.element.createElement("a",{href:this.state.socialLinkedIn},wp.element.createElement("svg",{className:"icon icon-linkedin",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?F:""}},wp.element.createElement("use",{href:"#linkedin"}))),""!=this.state.socialYouTube&&wp.element.createElement("a",{href:this.state.socialYouTube},wp.element.createElement("svg",{className:"icon icon-youtube",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?F:""}},wp.element.createElement("use",{href:"#youtube"}))),""!=this.state.socialGitHub&&wp.element.createElement("a",{href:this.state.socialGitHub},wp.element.createElement("svg",{className:"icon icon-github",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?F:""}},wp.element.createElement("use",{href:"#github"}))),""!=this.state.socialWordPress&&wp.element.createElement("a",{href:this.state.socialWordPress},wp.element.createElement("svg",{className:"icon icon-wordpress",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?F:""}},wp.element.createElement("use",{href:"#wordpress"})))))),wp.element.createElement("div",{className:"mpp-profile-image-wrapper"},wp.element.createElement("div",{className:"mpp-profile-image-square"},wp.element.createElement(N,{buttonProps:{className:"change-image"},onSelect:function(t){e.handleImageChange(t.id,t.url),$({profileImgID:t.id,profileImgURL:t.url})},type:"image",value:s,render:function(e){var t=e.open;return wp.element.createElement(T,{onClick:t},s?wp.element.createElement("img",{className:"profile-avatar",src:l,alt:"avatar"}):wp.element.createElement("img",{src:l,alt:"placeholder"}))}}),wp.element.createElement(x,{tagName:"div",className:"mpp-author-profile-sub-heading",placeholder:d("Add profile description...","metronet-profile-picture"),value:this.state.tabbedAuthorSubHeading,formattingControls:["bold","italic","strikethrough","link"],onChange:function(t){e.onChangeTabbedSubHeading(t),$({tabbedAuthorSubHeading:t})}}))),wp.element.createElement("div",{className:"mpp-tabbed-profile-information"},H&&wp.element.createElement(x,{tagName:"div",className:"mpp-author-profile-title",placeholder:d("Add profile title...","metronet-profile-picture"),value:X,formattingControls:["bold","italic","strikethrough","link"],onChange:function(e){$({tabbedAuthorProfileTitle:e})}}),R&&wp.element.createElement(x,{tagName:"h2",placeholder:d("Add name","metronet-profile-picture"),value:o,className:"mpp-profile-name",style:{color:P,fontSize:f+"px"},onChange:function(t){e.onChangeName(t),$({profileName:t})}}),M&&wp.element.createElement(x,{tagName:"div",className:c()("mpp-profile-text","mt-font-size-"+u),placeholder:d("Add profile text...","metronet-profile-picture"),value:i,formattingControls:["bold","italic","strikethrough","link"],onChange:function(t){e.onChangeProfileText(t),$({profileContent:t})}}))),"latest"===this.state.activeTab&&wp.element.createElement(h,null,this.state.loadingLatestPosts&&wp.element.createElement(h,null,wp.element.createElement("div",null,wp.element.createElement("div",{className:"mpp-spinner"},wp.element.createElement(E,null)))),!this.state.loadingLatestPosts&&wp.element.createElement(h,null,wp.element.createElement("ul",{className:c()("mpp-author-tab-content",this.state.profileLatestPostsOptionsValue)},this.state.latestPosts))))))))}}]),t}(f);t.a=A},function(e,t,r){"use strict";function o(e){var t=new a(e),r=i(a.prototype.request,t);return n.extend(r,a.prototype,t),n.extend(r,t),r}var n=r(0),i=r(4),a=r(16),l=r(1),s=o(l);s.Axios=a,s.create=function(e){return o(n.merge(l,e))},s.Cancel=r(8),s.CancelToken=r(30),s.isCancel=r(7),s.all=function(e){return Promise.all(e)},s.spread=r(31),e.exports=s,e.exports.default=s},function(e,t){e.exports=function(e){return null!=e&&null!=e.constructor&&"function"===typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)}},function(e,t,r){"use strict";function o(e){this.defaults=e,this.interceptors={request:new a,response:new a}}var n=r(1),i=r(0),a=r(25),l=r(26);o.prototype.request=function(e){"string"===typeof e&&(e=i.merge({url:arguments[0]},arguments[1])),e=i.merge(n,{method:"get"},this.defaults,e),e.method=e.method.toLowerCase();var t=[l,void 0],r=Promise.resolve(e);for(this.interceptors.request.forEach(function(e){t.unshift(e.fulfilled,e.rejected)}),this.interceptors.response.forEach(function(e){t.push(e.fulfilled,e.rejected)});t.length;)r=r.then(t.shift(),t.shift());return r},i.forEach(["delete","get","head","options"],function(e){o.prototype[e]=function(t,r){return this.request(i.merge(r||{},{method:e,url:t}))}}),i.forEach(["post","put","patch"],function(e){o.prototype[e]=function(t,r,o){return this.request(i.merge(o||{},{method:e,url:t,data:r}))}}),e.exports=o},function(e,t){function r(){throw new Error("setTimeout has not been defined")}function o(){throw new Error("clearTimeout has not been defined")}function n(e){if(c===setTimeout)return setTimeout(e,0);if((c===r||!c)&&setTimeout)return c=setTimeout,setTimeout(e,0);try{return c(e,0)}catch(t){try{return c.call(null,e,0)}catch(t){return c.call(this,e,0)}}}function i(e){if(u===clearTimeout)return clearTimeout(e);if((u===o||!u)&&clearTimeout)return u=clearTimeout,clearTimeout(e);try{return u(e)}catch(t){try{return u.call(null,e)}catch(t){return u.call(this,e)}}}function a(){d&&f&&(d=!1,f.length?h=f.concat(h):g=-1,h.length&&l())}function l(){if(!d){var e=n(a);d=!0;for(var t=h.length;t;){for(f=h,h=[];++g<t;)f&&f[g].run();g=-1,t=h.length}f=null,d=!1,i(e)}}function s(e,t){this.fun=e,this.array=t}function p(){}var c,u,m=e.exports={};!function(){try{c="function"===typeof setTimeout?setTimeout:r}catch(e){c=r}try{u="function"===typeof clearTimeout?clearTimeout:o}catch(e){u=o}}();var f,h=[],d=!1,g=-1;m.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var r=1;r<arguments.length;r++)t[r-1]=arguments[r];h.push(new s(e,t)),1!==h.length||d||n(l)},s.prototype.run=function(){this.fun.apply(null,this.array)},m.title="browser",m.browser=!0,m.env={},m.argv=[],m.version="",m.versions={},m.on=p,m.addListener=p,m.once=p,m.off=p,m.removeListener=p,m.removeAllListeners=p,m.emit=p,m.prependListener=p,m.prependOnceListener=p,m.listeners=function(e){return[]},m.binding=function(e){throw new Error("process.binding is not supported")},m.cwd=function(){return"/"},m.chdir=function(e){throw new Error("process.chdir is not supported")},m.umask=function(){return 0}},function(e,t,r){"use strict";var o=r(0);e.exports=function(e,t){o.forEach(e,function(r,o){o!==t&&o.toUpperCase()===t.toUpperCase()&&(e[t]=r,delete e[o])})}},function(e,t,r){"use strict";var o=r(6);e.exports=function(e,t,r){var n=r.config.validateStatus;r.status&&n&&!n(r.status)?t(o("Request failed with status code "+r.status,r.config,null,r.request,r)):e(r)}},function(e,t,r){"use strict";e.exports=function(e,t,r,o,n){return e.config=t,r&&(e.code=r),e.request=o,e.response=n,e}},function(e,t,r){"use strict";function o(e){return encodeURIComponent(e).replace(/%40/gi,"@").replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}var n=r(0);e.exports=function(e,t,r){if(!t)return e;var i;if(r)i=r(t);else if(n.isURLSearchParams(t))i=t.toString();else{var a=[];n.forEach(t,function(e,t){null!==e&&"undefined"!==typeof e&&(n.isArray(e)?t+="[]":e=[e],n.forEach(e,function(e){n.isDate(e)?e=e.toISOString():n.isObject(e)&&(e=JSON.stringify(e)),a.push(o(t)+"="+o(e))}))}),i=a.join("&")}return i&&(e+=(-1===e.indexOf("?")?"?":"&")+i),e}},function(e,t,r){"use strict";var o=r(0),n=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var t,r,i,a={};return e?(o.forEach(e.split("\n"),function(e){if(i=e.indexOf(":"),t=o.trim(e.substr(0,i)).toLowerCase(),r=o.trim(e.substr(i+1)),t){if(a[t]&&n.indexOf(t)>=0)return;a[t]="set-cookie"===t?(a[t]?a[t]:[]).concat([r]):a[t]?a[t]+", "+r:r}}),a):a}},function(e,t,r){"use strict";var o=r(0);e.exports=o.isStandardBrowserEnv()?function(){function e(e){var t=e;return r&&(n.setAttribute("href",t),t=n.href),n.setAttribute("href",t),{href:n.href,protocol:n.protocol?n.protocol.replace(/:$/,""):"",host:n.host,search:n.search?n.search.replace(/^\?/,""):"",hash:n.hash?n.hash.replace(/^#/,""):"",hostname:n.hostname,port:n.port,pathname:"/"===n.pathname.charAt(0)?n.pathname:"/"+n.pathname}}var t,r=/(msie|trident)/i.test(navigator.userAgent),n=document.createElement("a");return t=e(window.location.href),function(r){var n=o.isString(r)?e(r):r;return n.protocol===t.protocol&&n.host===t.host}}():function(){return function(){return!0}}()},function(e,t,r){"use strict";var o=r(0);e.exports=o.isStandardBrowserEnv()?function(){return{write:function(e,t,r,n,i,a){var l=[];l.push(e+"="+encodeURIComponent(t)),o.isNumber(r)&&l.push("expires="+new Date(r).toGMTString()),o.isString(n)&&l.push("path="+n),o.isString(i)&&l.push("domain="+i),!0===a&&l.push("secure"),document.cookie=l.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}}():function(){return{write:function(){},read:function(){return null},remove:function(){}}}()},function(e,t,r){"use strict";function o(){this.handlers=[]}var n=r(0);o.prototype.use=function(e,t){return this.handlers.push({fulfilled:e,rejected:t}),this.handlers.length-1},o.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},o.prototype.forEach=function(e){n.forEach(this.handlers,function(t){null!==t&&e(t)})},e.exports=o},function(e,t,r){"use strict";function o(e){e.cancelToken&&e.cancelToken.throwIfRequested()}var n=r(0),i=r(27),a=r(7),l=r(1),s=r(28),p=r(29);e.exports=function(e){return o(e),e.baseURL&&!s(e.url)&&(e.url=p(e.baseURL,e.url)),e.headers=e.headers||{},e.data=i(e.data,e.headers,e.transformRequest),e.headers=n.merge(e.headers.common||{},e.headers[e.method]||{},e.headers||{}),n.forEach(["delete","get","head","post","put","patch","common"],function(t){delete e.headers[t]}),(e.adapter||l.adapter)(e).then(function(t){return o(e),t.data=i(t.data,t.headers,e.transformResponse),t},function(t){return a(t)||(o(e),t&&t.response&&(t.response.data=i(t.response.data,t.response.headers,e.transformResponse))),Promise.reject(t)})}},function(e,t,r){"use strict";var o=r(0);e.exports=function(e,t,r){return o.forEach(r,function(r){e=r(e,t)}),e}},function(e,t,r){"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},function(e,t,r){"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},function(e,t,r){"use strict";function o(e){if("function"!==typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise(function(e){t=e});var r=this;e(function(e){r.reason||(r.reason=new n(e),t(r.reason))})}var n=r(8);o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.source=function(){var e;return{token:new o(function(t){e=t}),cancel:e}},e.exports=o},function(e,t,r){"use strict";e.exports=function(e){return function(t){return e.apply(null,t)}}},function(e,t,r){"use strict";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function a(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var l=r(3),s=r.n(l),p=r(2),c=r.n(p),u=function(){function e(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,r,o){return r&&e(t.prototype,r),o&&e(t,o),t}}(),m=wp.element,f=m.Component,h=m.Fragment,d=wp.i18n.__,g=wp.components,b=g.PanelBody,w=g.Placeholder,C=(g.QueryControls,g.RangeControl),v=g.SelectControl,E=g.Spinner,_=(g.TextControl,g.ToggleControl),y=(g.Toolbar,g.withAPIData,g.ColorPalette,g.Button),T=wp.editor,P=T.InspectorControls,S=T.BlockControls,N=T.MediaUpload,x=T.RichText,k=T.AlignmentToolbar,A=T.PanelColorSettings,I=function(e){function t(){n(this,t);var e=i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return e.get_users=function(){s.a.post(mpp_gutenberg.rest_url+"/get_users",{},{headers:{"X-WP-Nonce":mpp_gutenberg.nonce}}).then(function(t){var r,n=Array(),i=Array(),a=0,l="",s=0,p="",c="",u="",m="";$.each(t.data,function(e,t){n[t.ID]={profile_pictures:t.profile_pictures,has_profile_picture:t.has_profile_picture,display_name:t.display_name,description:t.description,is_user_logged_in:t.is_user_logged_in,profile_picture_id:t.profile_picture_id,default_image:t.default_image,permalink:t.permalink},t.is_user_logged_in&&(a=t.ID),i.push({value:t.ID,label:t.display_name})}),0!==e.props.attributes.user_id&&(a=e.props.attributes.user_id);var f=n[a];f.has_profile_picture?(l=e.props.attributes.profileImgURL.length>0?e.props.attributes.profileImgURL:f.profile_pictures.thumbnail,s=e.props.attributes.profileImgID.length>0?e.props.attributes.profileImgID:f.profile_picture_id,p=e.props.attributes.profileName.length>0?e.props.attributes.profileName:f.display_name,u=e.props.attributes.profileTitle.length>0?e.props.attributes.profileTitle:"",m=f.permalink,c=e.props.attributes.profileContent.length>0?e.props.attributes.profileContent:f.description):(p=e.props.attributes.profileName.length>0?e.props.attributes.profileName:f.display_name,u=e.props.attributes.profileTitle.length>0?e.props.attributes.profileTitle:"",c=e.props.attributes.profileContent.length>0?e.props.attributes.profileContent:f.description,l=e.props.attributes.profileImgURL.length>0?e.props.attributes.profileImgURL:f.default_image,s=e.props.attributes.profileImgID.length>0?e.props.attributes.profileImgID:0,m=f.permalink),void 0==c&&(c=""),e.setState((r={loading:!1,users:n,active_user:a,user_list:i,profile_picture:l,profile_picture_id:s},o(r,"active_user",a),o(r,"profile_name",p),o(r,"profile_title",u),o(r,"profile_description",c),o(r,"profile_url",m),r)),e.props.setAttributes({profileContent:c,profileName:p,profileTitle:u,profileURL:m,profileImgID:s,profileImgURL:l})})},e.on_user_change=function(t){var r=e.state.users[t],o="",n=0;r.has_profile_picture?(o=e.state.users[t].profile_pictures.thumbnail,n=e.state.users[t].profile_picture_id):(o=mpp_gutenberg.mystery_man,n=0);var i=e.state.users[t].description;void 0===i&&(i=""),e.props.setAttributes({profileName:e.state.users[t].display_name,profileContent:i,profileTitle:"",profileURL:e.state.users[t].permalink,profileImgURL:o}),e.setState({profile_name:e.state.users[t].display_name,profile_description:i,profile_title:"",profile_picture:o,profile_picture_id:n,active_user:t,profile_url:e.state.users[t].permalink})},e.componentDidMount=function(){e.get_users()},e.handleImageChange=function(t,r){e.setState({profile_picture:r,profile_picture_id:t})},e.onChangeName=function(t){e.setState({profile_name:t})},e.onChangeTitle=function(t){e.setState({profile_title:t})},e.onChangeProfileText=function(t){e.setState({profile_description:t})},e.state={loading:!0,users:!1,user_list:!1,profile_picture:!1,profile_picture_id:0,active_user:!1,profile_description:"",profile_name:"",profile_title:""},e}return a(t,e),u(t,[{key:"render",value:function(){var e=this,t=this.props,r=t.attributes,o=r.profileName,n=r.profileTitle,i=r.profileContent,a=r.profileAlignment,l=r.profileImgURL,s=r.profileImgID,p=r.profileURL,u=r.profileFontSize,m=r.profileBackgroundColor,f=r.profileTextColor,g=r.profileAvatarShape,T=r.profileViewPostsBackgroundColor,I=r.profileViewPostsTextColor,L=r.showTitle,O=r.showName,V=r.showDescription,H=r.showViewPosts,R=(t.attributes,t.isSelected,t.editable,t.className,t.setAttributes);this.state.profile_pictures;s=this.state.profile_picture_id,l=this.state.profile_picture,o=this.state.profile_name,i=this.state.profile_description,n=this.state.profile_title,p=this.state.profile_url;var M=function(e){return R({profileBackgroundColor:e})},B=function(e){return R({profileTextColor:e})},U=function(e){return R({profileViewPostsBackgroundColor:e})},D=function(e){return R({profileViewPostsTextColor:e})},F=[{value:"square",label:d("Square","metronet-profile-picture")},{value:"round",label:d("Round","metronet-profile-picture")}];return wp.element.createElement(h,null,this.state.loading&&wp.element.createElement(h,null,wp.element.createElement(w,null,d("Loading...","metronet-profile-picture"),wp.element.createElement(E,null))),!this.state.loading&&wp.element.createElement(h,null,wp.element.createElement(P,null,wp.element.createElement(b,{title:d("User Profile Settings","metronet-profile-picture")},wp.element.createElement(v,{label:d("Select a user","metronet-profile-picture"),value:this.state.active_user,options:this.state.user_list,onChange:function(t){e.on_user_change(t),R({user_id:Number(t)})}}),wp.element.createElement(C,{label:d("Font Size","metronet-profile-picture"),value:u,onChange:function(t){return e.props.setAttributes({profileFontSize:t})},min:14,max:24,step:1}),wp.element.createElement(v,{label:d("Avatar Shape","metronet-profile-picture"),description:d("Choose between a round or square avatar shape.","metronet-profile-picture"),options:F,value:g,onChange:function(t){return e.props.setAttributes({profileAvatarShape:t})}}),wp.element.createElement(A,{title:d("Background Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:m,onChange:M,label:d("Background Color","metronet-profile-picture")}]}),wp.element.createElement(A,{title:d("Text Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:f,onChange:B,label:d("Text Color","metronet-profile-picture")}]}),wp.element.createElement(A,{title:d("View Posts Background Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:T,onChange:U,label:d("View Posts Background","metronet-profile-picture")}]}),wp.element.createElement(A,{title:d("View Posts Text Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:I,onChange:D,label:d("View Posts Text Color","metronet-profile-picture")}]}),wp.element.createElement(_,{label:d("Show Name","metronet-profile-picture"),checked:O,onChange:function(){return e.props.setAttributes({showName:!O})}}),wp.element.createElement(_,{label:d("Show Title","metronet-profile-picture"),checked:L,onChange:function(){return e.props.setAttributes({showTitle:!L})}}),wp.element.createElement(_,{label:d("Show Description","metronet-profile-picture"),checked:V,onChange:function(){return e.props.setAttributes({showDescription:!V})}}),wp.element.createElement(_,{label:d("Show View Posts","metronet-profile-picture"),checked:H,onChange:function(){return e.props.setAttributes({showViewPosts:!H})}}))),wp.element.createElement(S,{key:"controls"},wp.element.createElement(k,{value:a,onChange:function(e){return R({profileAlignment:e})}})),wp.element.createElement("div",{className:c()("mpp-profile-wrap","legacy",a,g,"mt-font-size-"+u,"mpp-block-profile"),style:{backgroundColor:m,color:f}},wp.element.createElement("div",{className:c()("mpp-profile-gutenberg-wrap")},wp.element.createElement("div",{className:"mpp-profile-image-wrapper"},wp.element.createElement("div",{className:"mpp-profile-image-square"},wp.element.createElement(N,{buttonProps:{className:"change-image"},onSelect:function(t){e.handleImageChange(t.id,t.url),R({profileImgID:t.id,profileImgURL:t.url})},type:"image",value:s,render:function(e){var t=e.open;return wp.element.createElement(y,{onClick:t},s?wp.element.createElement("img",{class:"profile-avatar",src:l,alt:"avatar"}):wp.element.createElement("img",{src:l,alt:"placeholder"}))}}))),wp.element.createElement("div",{className:"mpp-content-wrap"},O&&wp.element.createElement(x,{tagName:"h2",placeholder:d("Add name","metronet-profile-picture"),value:o,className:"mpp-profile-name",style:{color:f},onChange:function(t){e.onChangeName(t),R({profileName:t})}}),L&&wp.element.createElement(x,{tagName:"p",placeholder:d("Add title","atomic-blocks"),value:n,className:"mpp-profile-title",style:{color:f},onChange:function(t){e.onChangeTitle(t),R({profileTitle:t})}}),V&&wp.element.createElement(x,{tagName:"div",className:"mpp-profile-text",placeholder:d("Add profile text...","metronet-profile-picture"),value:i,formattingControls:["bold","italic","strikethrough","link"],onChange:function(t){e.onChangeProfileText(t),R({profileContent:t})}}))),p&&!!p.length&&wp.element.createElement("div",{className:"mpp-gutenberg-view-posts"},H&&wp.element.createElement("div",{className:"mpp-profile-view-posts",style:{backgroundColor:T,color:I}},wp.element.createElement("a",{href:p,style:{backgroundColor:T,color:I}},d("View Posts","metronet-profile-picture")))))))}}]),t}(f);t.a=I}]);
 
 
1
+ /*! For license information please see blocks.build.js.LICENSE.txt */
2
+ (()=>{var __webpack_modules__={"./node_modules/axios/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/axios/lib/axios.js")},"./node_modules/axios/lib/adapters/xhr.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var utils=__webpack_require__("./node_modules/axios/lib/utils.js"),settle=__webpack_require__("./node_modules/axios/lib/core/settle.js"),buildURL=__webpack_require__("./node_modules/axios/lib/helpers/buildURL.js"),buildFullPath=__webpack_require__("./node_modules/axios/lib/core/buildFullPath.js"),parseHeaders=__webpack_require__("./node_modules/axios/lib/helpers/parseHeaders.js"),isURLSameOrigin=__webpack_require__("./node_modules/axios/lib/helpers/isURLSameOrigin.js"),createError=__webpack_require__("./node_modules/axios/lib/core/createError.js");module.exports=function(config){return new Promise((function(resolve,reject){var requestData=config.data,requestHeaders=config.headers;utils.isFormData(requestData)&&delete requestHeaders["Content-Type"];var request=new XMLHttpRequest;if(config.auth){var username=config.auth.username||"",password=config.auth.password||"";requestHeaders.Authorization="Basic "+btoa(username+":"+password)}var fullPath=buildFullPath(config.baseURL,config.url);if(request.open(config.method.toUpperCase(),buildURL(fullPath,config.params,config.paramsSerializer),!0),request.timeout=config.timeout,request.onreadystatechange=function(){if(request&&4===request.readyState&&(0!==request.status||request.responseURL&&0===request.responseURL.indexOf("file:"))){var responseHeaders="getAllResponseHeaders"in request?parseHeaders(request.getAllResponseHeaders()):null,response={data:config.responseType&&"text"!==config.responseType?request.response:request.responseText,status:request.status,statusText:request.statusText,headers:responseHeaders,config,request};settle(resolve,reject,response),request=null}},request.onabort=function(){request&&(reject(createError("Request aborted",config,"ECONNABORTED",request)),request=null)},request.onerror=function(){reject(createError("Network Error",config,null,request)),request=null},request.ontimeout=function(){var timeoutErrorMessage="timeout of "+config.timeout+"ms exceeded";config.timeoutErrorMessage&&(timeoutErrorMessage=config.timeoutErrorMessage),reject(createError(timeoutErrorMessage,config,"ECONNABORTED",request)),request=null},utils.isStandardBrowserEnv()){var cookies=__webpack_require__("./node_modules/axios/lib/helpers/cookies.js"),xsrfValue=(config.withCredentials||isURLSameOrigin(fullPath))&&config.xsrfCookieName?cookies.read(config.xsrfCookieName):void 0;xsrfValue&&(requestHeaders[config.xsrfHeaderName]=xsrfValue)}if("setRequestHeader"in request&&utils.forEach(requestHeaders,(function(val,key){void 0===requestData&&"content-type"===key.toLowerCase()?delete requestHeaders[key]:request.setRequestHeader(key,val)})),utils.isUndefined(config.withCredentials)||(request.withCredentials=!!config.withCredentials),config.responseType)try{request.responseType=config.responseType}catch(e){if("json"!==config.responseType)throw e}"function"==typeof config.onDownloadProgress&&request.addEventListener("progress",config.onDownloadProgress),"function"==typeof config.onUploadProgress&&request.upload&&request.upload.addEventListener("progress",config.onUploadProgress),config.cancelToken&&config.cancelToken.promise.then((function(cancel){request&&(request.abort(),reject(cancel),request=null)})),void 0===requestData&&(requestData=null),request.send(requestData)}))}},"./node_modules/axios/lib/axios.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var utils=__webpack_require__("./node_modules/axios/lib/utils.js"),bind=__webpack_require__("./node_modules/axios/lib/helpers/bind.js"),Axios=__webpack_require__("./node_modules/axios/lib/core/Axios.js"),mergeConfig=__webpack_require__("./node_modules/axios/lib/core/mergeConfig.js");function createInstance(defaultConfig){var context=new Axios(defaultConfig),instance=bind(Axios.prototype.request,context);return utils.extend(instance,Axios.prototype,context),utils.extend(instance,context),instance}var axios=createInstance(__webpack_require__("./node_modules/axios/lib/defaults.js"));axios.Axios=Axios,axios.create=function(instanceConfig){return createInstance(mergeConfig(axios.defaults,instanceConfig))},axios.Cancel=__webpack_require__("./node_modules/axios/lib/cancel/Cancel.js"),axios.CancelToken=__webpack_require__("./node_modules/axios/lib/cancel/CancelToken.js"),axios.isCancel=__webpack_require__("./node_modules/axios/lib/cancel/isCancel.js"),axios.all=function(promises){return Promise.all(promises)},axios.spread=__webpack_require__("./node_modules/axios/lib/helpers/spread.js"),module.exports=axios,module.exports.default=axios},"./node_modules/axios/lib/cancel/Cancel.js":module=>{"use strict";function Cancel(message){this.message=message}Cancel.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},Cancel.prototype.__CANCEL__=!0,module.exports=Cancel},"./node_modules/axios/lib/cancel/CancelToken.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var Cancel=__webpack_require__("./node_modules/axios/lib/cancel/Cancel.js");function CancelToken(executor){if("function"!=typeof executor)throw new TypeError("executor must be a function.");var resolvePromise;this.promise=new Promise((function(resolve){resolvePromise=resolve}));var token=this;executor((function(message){token.reason||(token.reason=new Cancel(message),resolvePromise(token.reason))}))}CancelToken.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},CancelToken.source=function(){var cancel;return{token:new CancelToken((function(c){cancel=c})),cancel}},module.exports=CancelToken},"./node_modules/axios/lib/cancel/isCancel.js":module=>{"use strict";module.exports=function(value){return!(!value||!value.__CANCEL__)}},"./node_modules/axios/lib/core/Axios.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var utils=__webpack_require__("./node_modules/axios/lib/utils.js"),buildURL=__webpack_require__("./node_modules/axios/lib/helpers/buildURL.js"),InterceptorManager=__webpack_require__("./node_modules/axios/lib/core/InterceptorManager.js"),dispatchRequest=__webpack_require__("./node_modules/axios/lib/core/dispatchRequest.js"),mergeConfig=__webpack_require__("./node_modules/axios/lib/core/mergeConfig.js");function Axios(instanceConfig){this.defaults=instanceConfig,this.interceptors={request:new InterceptorManager,response:new InterceptorManager}}Axios.prototype.request=function(config){"string"==typeof config?(config=arguments[1]||{}).url=arguments[0]:config=config||{},(config=mergeConfig(this.defaults,config)).method?config.method=config.method.toLowerCase():this.defaults.method?config.method=this.defaults.method.toLowerCase():config.method="get";var chain=[dispatchRequest,void 0],promise=Promise.resolve(config);for(this.interceptors.request.forEach((function(interceptor){chain.unshift(interceptor.fulfilled,interceptor.rejected)})),this.interceptors.response.forEach((function(interceptor){chain.push(interceptor.fulfilled,interceptor.rejected)}));chain.length;)promise=promise.then(chain.shift(),chain.shift());return promise},Axios.prototype.getUri=function(config){return config=mergeConfig(this.defaults,config),buildURL(config.url,config.params,config.paramsSerializer).replace(/^\?/,"")},utils.forEach(["delete","get","head","options"],(function(method){Axios.prototype[method]=function(url,config){return this.request(utils.merge(config||{},{method,url}))}})),utils.forEach(["post","put","patch"],(function(method){Axios.prototype[method]=function(url,data,config){return this.request(utils.merge(config||{},{method,url,data}))}})),module.exports=Axios},"./node_modules/axios/lib/core/InterceptorManager.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var utils=__webpack_require__("./node_modules/axios/lib/utils.js");function InterceptorManager(){this.handlers=[]}InterceptorManager.prototype.use=function(fulfilled,rejected){return this.handlers.push({fulfilled,rejected}),this.handlers.length-1},InterceptorManager.prototype.eject=function(id){this.handlers[id]&&(this.handlers[id]=null)},InterceptorManager.prototype.forEach=function(fn){utils.forEach(this.handlers,(function(h){null!==h&&fn(h)}))},module.exports=InterceptorManager},"./node_modules/axios/lib/core/buildFullPath.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var isAbsoluteURL=__webpack_require__("./node_modules/axios/lib/helpers/isAbsoluteURL.js"),combineURLs=__webpack_require__("./node_modules/axios/lib/helpers/combineURLs.js");module.exports=function(baseURL,requestedURL){return baseURL&&!isAbsoluteURL(requestedURL)?combineURLs(baseURL,requestedURL):requestedURL}},"./node_modules/axios/lib/core/createError.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var enhanceError=__webpack_require__("./node_modules/axios/lib/core/enhanceError.js");module.exports=function(message,config,code,request,response){var error=new Error(message);return enhanceError(error,config,code,request,response)}},"./node_modules/axios/lib/core/dispatchRequest.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var utils=__webpack_require__("./node_modules/axios/lib/utils.js"),transformData=__webpack_require__("./node_modules/axios/lib/core/transformData.js"),isCancel=__webpack_require__("./node_modules/axios/lib/cancel/isCancel.js"),defaults=__webpack_require__("./node_modules/axios/lib/defaults.js");function throwIfCancellationRequested(config){config.cancelToken&&config.cancelToken.throwIfRequested()}module.exports=function(config){return throwIfCancellationRequested(config),config.headers=config.headers||{},config.data=transformData(config.data,config.headers,config.transformRequest),config.headers=utils.merge(config.headers.common||{},config.headers[config.method]||{},config.headers),utils.forEach(["delete","get","head","post","put","patch","common"],(function(method){delete config.headers[method]})),(config.adapter||defaults.adapter)(config).then((function(response){return throwIfCancellationRequested(config),response.data=transformData(response.data,response.headers,config.transformResponse),response}),(function(reason){return isCancel(reason)||(throwIfCancellationRequested(config),reason&&reason.response&&(reason.response.data=transformData(reason.response.data,reason.response.headers,config.transformResponse))),Promise.reject(reason)}))}},"./node_modules/axios/lib/core/enhanceError.js":module=>{"use strict";module.exports=function(error,config,code,request,response){return error.config=config,code&&(error.code=code),error.request=request,error.response=response,error.isAxiosError=!0,error.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},error}},"./node_modules/axios/lib/core/mergeConfig.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var utils=__webpack_require__("./node_modules/axios/lib/utils.js");module.exports=function(config1,config2){config2=config2||{};var config={},valueFromConfig2Keys=["url","method","params","data"],mergeDeepPropertiesKeys=["headers","auth","proxy"],defaultToConfig2Keys=["baseURL","url","transformRequest","transformResponse","paramsSerializer","timeout","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","maxContentLength","validateStatus","maxRedirects","httpAgent","httpsAgent","cancelToken","socketPath"];utils.forEach(valueFromConfig2Keys,(function(prop){void 0!==config2[prop]&&(config[prop]=config2[prop])})),utils.forEach(mergeDeepPropertiesKeys,(function(prop){utils.isObject(config2[prop])?config[prop]=utils.deepMerge(config1[prop],config2[prop]):void 0!==config2[prop]?config[prop]=config2[prop]:utils.isObject(config1[prop])?config[prop]=utils.deepMerge(config1[prop]):void 0!==config1[prop]&&(config[prop]=config1[prop])})),utils.forEach(defaultToConfig2Keys,(function(prop){void 0!==config2[prop]?config[prop]=config2[prop]:void 0!==config1[prop]&&(config[prop]=config1[prop])}));var axiosKeys=valueFromConfig2Keys.concat(mergeDeepPropertiesKeys).concat(defaultToConfig2Keys),otherKeys=Object.keys(config2).filter((function(key){return-1===axiosKeys.indexOf(key)}));return utils.forEach(otherKeys,(function(prop){void 0!==config2[prop]?config[prop]=config2[prop]:void 0!==config1[prop]&&(config[prop]=config1[prop])})),config}},"./node_modules/axios/lib/core/settle.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var createError=__webpack_require__("./node_modules/axios/lib/core/createError.js");module.exports=function(resolve,reject,response){var validateStatus=response.config.validateStatus;!validateStatus||validateStatus(response.status)?resolve(response):reject(createError("Request failed with status code "+response.status,response.config,null,response.request,response))}},"./node_modules/axios/lib/core/transformData.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var utils=__webpack_require__("./node_modules/axios/lib/utils.js");module.exports=function(data,headers,fns){return utils.forEach(fns,(function(fn){data=fn(data,headers)})),data}},"./node_modules/axios/lib/defaults.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var utils=__webpack_require__("./node_modules/axios/lib/utils.js"),normalizeHeaderName=__webpack_require__("./node_modules/axios/lib/helpers/normalizeHeaderName.js"),DEFAULT_CONTENT_TYPE={"Content-Type":"application/x-www-form-urlencoded"};function setContentTypeIfUnset(headers,value){!utils.isUndefined(headers)&&utils.isUndefined(headers["Content-Type"])&&(headers["Content-Type"]=value)}var adapter,defaults={adapter:(("undefined"!=typeof XMLHttpRequest||"undefined"!=typeof process&&"[object process]"===Object.prototype.toString.call(process))&&(adapter=__webpack_require__("./node_modules/axios/lib/adapters/xhr.js")),adapter),transformRequest:[function(data,headers){return normalizeHeaderName(headers,"Accept"),normalizeHeaderName(headers,"Content-Type"),utils.isFormData(data)||utils.isArrayBuffer(data)||utils.isBuffer(data)||utils.isStream(data)||utils.isFile(data)||utils.isBlob(data)?data:utils.isArrayBufferView(data)?data.buffer:utils.isURLSearchParams(data)?(setContentTypeIfUnset(headers,"application/x-www-form-urlencoded;charset=utf-8"),data.toString()):utils.isObject(data)?(setContentTypeIfUnset(headers,"application/json;charset=utf-8"),JSON.stringify(data)):data}],transformResponse:[function(data){if("string"==typeof data)try{data=JSON.parse(data)}catch(e){}return data}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,validateStatus:function(status){return status>=200&&status<300}};defaults.headers={common:{Accept:"application/json, text/plain, */*"}},utils.forEach(["delete","get","head"],(function(method){defaults.headers[method]={}})),utils.forEach(["post","put","patch"],(function(method){defaults.headers[method]=utils.merge(DEFAULT_CONTENT_TYPE)})),module.exports=defaults},"./node_modules/axios/lib/helpers/bind.js":module=>{"use strict";module.exports=function(fn,thisArg){return function(){for(var args=new Array(arguments.length),i=0;i<args.length;i++)args[i]=arguments[i];return fn.apply(thisArg,args)}}},"./node_modules/axios/lib/helpers/buildURL.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var utils=__webpack_require__("./node_modules/axios/lib/utils.js");function encode(val){return encodeURIComponent(val).replace(/%40/gi,"@").replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}module.exports=function(url,params,paramsSerializer){if(!params)return url;var serializedParams;if(paramsSerializer)serializedParams=paramsSerializer(params);else if(utils.isURLSearchParams(params))serializedParams=params.toString();else{var parts=[];utils.forEach(params,(function(val,key){null!=val&&(utils.isArray(val)?key+="[]":val=[val],utils.forEach(val,(function(v){utils.isDate(v)?v=v.toISOString():utils.isObject(v)&&(v=JSON.stringify(v)),parts.push(encode(key)+"="+encode(v))})))})),serializedParams=parts.join("&")}if(serializedParams){var hashmarkIndex=url.indexOf("#");-1!==hashmarkIndex&&(url=url.slice(0,hashmarkIndex)),url+=(-1===url.indexOf("?")?"?":"&")+serializedParams}return url}},"./node_modules/axios/lib/helpers/combineURLs.js":module=>{"use strict";module.exports=function(baseURL,relativeURL){return relativeURL?baseURL.replace(/\/+$/,"")+"/"+relativeURL.replace(/^\/+/,""):baseURL}},"./node_modules/axios/lib/helpers/cookies.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var utils=__webpack_require__("./node_modules/axios/lib/utils.js");module.exports=utils.isStandardBrowserEnv()?{write:function(name,value,expires,path,domain,secure){var cookie=[];cookie.push(name+"="+encodeURIComponent(value)),utils.isNumber(expires)&&cookie.push("expires="+new Date(expires).toGMTString()),utils.isString(path)&&cookie.push("path="+path),utils.isString(domain)&&cookie.push("domain="+domain),!0===secure&&cookie.push("secure"),document.cookie=cookie.join("; ")},read:function(name){var match=document.cookie.match(new RegExp("(^|;\\s*)("+name+")=([^;]*)"));return match?decodeURIComponent(match[3]):null},remove:function(name){this.write(name,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},"./node_modules/axios/lib/helpers/isAbsoluteURL.js":module=>{"use strict";module.exports=function(url){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(url)}},"./node_modules/axios/lib/helpers/isURLSameOrigin.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var utils=__webpack_require__("./node_modules/axios/lib/utils.js");module.exports=utils.isStandardBrowserEnv()?function(){var originURL,msie=/(msie|trident)/i.test(navigator.userAgent),urlParsingNode=document.createElement("a");function resolveURL(url){var href=url;return msie&&(urlParsingNode.setAttribute("href",href),href=urlParsingNode.href),urlParsingNode.setAttribute("href",href),{href:urlParsingNode.href,protocol:urlParsingNode.protocol?urlParsingNode.protocol.replace(/:$/,""):"",host:urlParsingNode.host,search:urlParsingNode.search?urlParsingNode.search.replace(/^\?/,""):"",hash:urlParsingNode.hash?urlParsingNode.hash.replace(/^#/,""):"",hostname:urlParsingNode.hostname,port:urlParsingNode.port,pathname:"/"===urlParsingNode.pathname.charAt(0)?urlParsingNode.pathname:"/"+urlParsingNode.pathname}}return originURL=resolveURL(window.location.href),function(requestURL){var parsed=utils.isString(requestURL)?resolveURL(requestURL):requestURL;return parsed.protocol===originURL.protocol&&parsed.host===originURL.host}}():function(){return!0}},"./node_modules/axios/lib/helpers/normalizeHeaderName.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var utils=__webpack_require__("./node_modules/axios/lib/utils.js");module.exports=function(headers,normalizedName){utils.forEach(headers,(function(value,name){name!==normalizedName&&name.toUpperCase()===normalizedName.toUpperCase()&&(headers[normalizedName]=value,delete headers[name])}))}},"./node_modules/axios/lib/helpers/parseHeaders.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var utils=__webpack_require__("./node_modules/axios/lib/utils.js"),ignoreDuplicateOf=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];module.exports=function(headers){var key,val,i,parsed={};return headers?(utils.forEach(headers.split("\n"),(function(line){if(i=line.indexOf(":"),key=utils.trim(line.substr(0,i)).toLowerCase(),val=utils.trim(line.substr(i+1)),key){if(parsed[key]&&ignoreDuplicateOf.indexOf(key)>=0)return;parsed[key]="set-cookie"===key?(parsed[key]?parsed[key]:[]).concat([val]):parsed[key]?parsed[key]+", "+val:val}})),parsed):parsed}},"./node_modules/axios/lib/helpers/spread.js":module=>{"use strict";module.exports=function(callback){return function(arr){return callback.apply(null,arr)}}},"./node_modules/axios/lib/utils.js":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var bind=__webpack_require__("./node_modules/axios/lib/helpers/bind.js"),toString=Object.prototype.toString;function isArray(val){return"[object Array]"===toString.call(val)}function isUndefined(val){return void 0===val}function isObject(val){return null!==val&&"object"==typeof val}function isFunction(val){return"[object Function]"===toString.call(val)}function forEach(obj,fn){if(null!=obj)if("object"!=typeof obj&&(obj=[obj]),isArray(obj))for(var i=0,l=obj.length;i<l;i++)fn.call(null,obj[i],i,obj);else for(var key in obj)Object.prototype.hasOwnProperty.call(obj,key)&&fn.call(null,obj[key],key,obj)}module.exports={isArray,isArrayBuffer:function(val){return"[object ArrayBuffer]"===toString.call(val)},isBuffer:function(val){return null!==val&&!isUndefined(val)&&null!==val.constructor&&!isUndefined(val.constructor)&&"function"==typeof val.constructor.isBuffer&&val.constructor.isBuffer(val)},isFormData:function(val){return"undefined"!=typeof FormData&&val instanceof FormData},isArrayBufferView:function(val){return"undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(val):val&&val.buffer&&val.buffer instanceof ArrayBuffer},isString:function(val){return"string"==typeof val},isNumber:function(val){return"number"==typeof val},isObject,isUndefined,isDate:function(val){return"[object Date]"===toString.call(val)},isFile:function(val){return"[object File]"===toString.call(val)},isBlob:function(val){return"[object Blob]"===toString.call(val)},isFunction,isStream:function(val){return isObject(val)&&isFunction(val.pipe)},isURLSearchParams:function(val){return"undefined"!=typeof URLSearchParams&&val instanceof URLSearchParams},isStandardBrowserEnv:function(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&("undefined"!=typeof window&&"undefined"!=typeof document)},forEach,merge:function merge(){var result={};function assignValue(val,key){"object"==typeof result[key]&&"object"==typeof val?result[key]=merge(result[key],val):result[key]=val}for(var i=0,l=arguments.length;i<l;i++)forEach(arguments[i],assignValue);return result},deepMerge:function deepMerge(){var result={};function assignValue(val,key){"object"==typeof result[key]&&"object"==typeof val?result[key]=deepMerge(result[key],val):result[key]="object"==typeof val?deepMerge({},val):val}for(var i=0,l=arguments.length;i<l;i++)forEach(arguments[i],assignValue);return result},extend:function(a,b,thisArg){return forEach(b,(function(val,key){a[key]=thisArg&&"function"==typeof val?bind(val,thisArg):val})),a},trim:function(str){return str.replace(/^\s*/,"").replace(/\s*$/,"")}}},"./src/block/block.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{legacy_name:()=>legacy_name,name:()=>name});__webpack_require__("./src/block/style.scss"),__webpack_require__("./src/block/editor.scss");var _profile__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/block/profile.js"),_profile_legacy__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/block/profile-legacy.js"),classnames__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__),__=wp.i18n.__,registerBlockType=wp.blocks.registerBlockType,_wp$element=wp.element,Fragment=(_wp$element.Component,_wp$element.Fragment),legacy_name="mpp/user-profile",name="mpp/user-profile-enhanced",RichText=wp.editor.RichText;registerBlockType("mpp/user-profile",{title:__("User Profile Legacy","metronet-profile-picture"),icon:React.createElement("svg",{id:"Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 753.53 979.74"},React.createElement("title",null,"upp"),React.createElement("path",{d:"M806.37,185.9c0,40.27-30.49,72.9-68.11,72.9s-68.17-32.63-68.17-72.9S700.62,113,738.26,113,806.37,145.64,806.37,185.9Z",transform:"translate(-123.47 -11)",fill:"#4063ad"}),React.createElement("path",{d:"M330.36,183.8c0,40.27-30.49,72.9-68.12,72.9s-68.17-32.63-68.17-72.9,30.52-72.87,68.17-72.87S330.36,143.56,330.36,183.8Z",transform:"translate(-123.47 -11)",fill:"#a34d9c"}),React.createElement("path",{d:"M331.3,888.13V698.21H329c-31.64,0-57.28-27.45-57.28-61.29V336.5a118.37,118.37,0,0,1,5.43-34.79H179.84c-31.94,0-56.37,31.57-56.37,56.34V601.46h48.32V888.13Z",transform:"translate(-123.47 -11)",fill:"#a34d9c"}),React.createElement("path",{d:"M388.59,636.92V990.74H611.88V636.92H671.5V336.5c0-30.63-27.64-69.57-69.6-69.57H398.56c-39.44,0-69.61,38.94-69.61,69.57V636.92Z",transform:"translate(-123.47 -11)",fill:"#f4831f"}),React.createElement("path",{d:"M584.3,101c0,49.69-37.63,90-84,90S416.12,150.67,416.12,101s37.66-90,84.14-90S584.3,51.27,584.3,101Z",transform:"translate(-123.47 -11)",fill:"#f4831f"}),React.createElement("path",{d:"M820.61,303.79H724.08a121.69,121.69,0,0,1,4.7,32.71V636.92c0,33.84-25.64,61.29-57.28,61.29h-2.33v192H828.7V603.54H877V360.16C877,335.36,854.62,303.79,820.61,303.79Z",transform:"translate(-123.47 -11)",fill:"#4063ad"})),category:"mpp",attributes:{profileName:{type:"string",default:""},profileTitle:{type:"string",default:""},profileContent:{type:"string",default:""},profileAlignment:{type:"string"},profileImgURL:{type:"string",source:"attribute",attribute:"src",selector:"img",default:""},profileImgID:{type:"number",default:""},profileURL:{type:"string",default:""},profileBackgroundColor:{type:"string",default:"#f2f2f2"},profileTextColor:{type:"string",default:"#32373c"},profileViewPostsBackgroundColor:{type:"string",default:"#cf6d38"},profileViewPostsTextColor:{type:"string",default:"#FFFFFF"},profileViewPostsWidth:{type:"number",default:100},profileFontSize:{type:"number",default:18},profileAvatarShape:{type:"string",default:"square"},showName:{type:"boolean",default:!0},showTitle:{type:"boolean",default:!0},showDescription:{type:"boolean",default:!0},showViewPosts:{type:"boolean",default:!0},user_id:{type:"number",default:0}},edit:_profile_legacy__WEBPACK_IMPORTED_MODULE_3__.default,save:function(props){var _props$attributes=props.attributes,profileName=_props$attributes.profileName,profileTitle=_props$attributes.profileTitle,profileContent=_props$attributes.profileContent,profileAlignment=_props$attributes.profileAlignment,profileImgURL=_props$attributes.profileImgURL,profileFontSize=(_props$attributes.profileImgID,_props$attributes.profileFontSize),profileBackgroundColor=_props$attributes.profileBackgroundColor,profileTextColor=_props$attributes.profileTextColor,profileAvatarShape=(_props$attributes.profileLinkColor,_props$attributes.profileAvatarShape),profileViewPostsBackgroundColor=_props$attributes.profileViewPostsBackgroundColor,profileViewPostsTextColor=_props$attributes.profileViewPostsTextColor,profileURL=_props$attributes.profileURL,showTitle=_props$attributes.showTitle,showName=_props$attributes.showName,showDescription=_props$attributes.showDescription,showViewPosts=_props$attributes.showViewPosts;return React.createElement(Fragment,null,React.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_4___default()("mpp-profile-wrap",profileAlignment,profileAvatarShape,"mt-font-size-"+profileFontSize,"mpp-block-profile"),style:{backgroundColor:profileBackgroundColor,color:profileTextColor}},React.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_4___default()("mpp-profile-gutenberg-wrap","mpp-block-profile"),style:{backgroundColor:profileBackgroundColor,color:profileTextColor}},React.createElement("div",{className:"mpp-profile-image-wrapper"},React.createElement("div",{className:"mpp-profile-image-square"},React.createElement("img",{className:"mpp-profile-avatar",src:profileImgURL,alt:"avatar"}))),React.createElement("div",{className:"mpp-content-wrap"},profileName&&!!profileName.length&&showName&&React.createElement(RichText.Content,{tagName:"h2",className:"mpp-profile-name",style:{color:profileTextColor},value:profileName}),profileTitle&&!!profileTitle.length&&showTitle&&React.createElement(RichText.Content,{tagName:"p",className:"mpp-profile-title",style:{color:profileTextColor},value:profileTitle}),profileContent&&!!profileContent.length&&showDescription&&React.createElement(RichText.Content,{tagName:"div",className:"mpp-profile-text",value:profileContent}))),profileURL&&!!profileURL.length&&React.createElement("div",{className:"mpp-gutenberg-view-posts"},showViewPosts&&React.createElement("div",{className:"mpp-profile-view-posts",style:{backgroundColor:profileViewPostsBackgroundColor,color:profileViewPostsTextColor}},React.createElement("a",{href:profileURL,style:{backgroundColor:profileViewPostsBackgroundColor,color:profileViewPostsTextColor}},__("View Posts","metronet-profile-picture"))))))}}),registerBlockType("mpp/user-profile-enhanced",{title:__("User Profile","metronet-profile-picture"),icon:React.createElement("svg",{id:"Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 753.53 979.74"},React.createElement("title",null,"upp"),React.createElement("path",{d:"M806.37,185.9c0,40.27-30.49,72.9-68.11,72.9s-68.17-32.63-68.17-72.9S700.62,113,738.26,113,806.37,145.64,806.37,185.9Z",transform:"translate(-123.47 -11)",fill:"#4063ad"}),React.createElement("path",{d:"M330.36,183.8c0,40.27-30.49,72.9-68.12,72.9s-68.17-32.63-68.17-72.9,30.52-72.87,68.17-72.87S330.36,143.56,330.36,183.8Z",transform:"translate(-123.47 -11)",fill:"#a34d9c"}),React.createElement("path",{d:"M331.3,888.13V698.21H329c-31.64,0-57.28-27.45-57.28-61.29V336.5a118.37,118.37,0,0,1,5.43-34.79H179.84c-31.94,0-56.37,31.57-56.37,56.34V601.46h48.32V888.13Z",transform:"translate(-123.47 -11)",fill:"#a34d9c"}),React.createElement("path",{d:"M388.59,636.92V990.74H611.88V636.92H671.5V336.5c0-30.63-27.64-69.57-69.6-69.57H398.56c-39.44,0-69.61,38.94-69.61,69.57V636.92Z",transform:"translate(-123.47 -11)",fill:"#f4831f"}),React.createElement("path",{d:"M584.3,101c0,49.69-37.63,90-84,90S416.12,150.67,416.12,101s37.66-90,84.14-90S584.3,51.27,584.3,101Z",transform:"translate(-123.47 -11)",fill:"#f4831f"}),React.createElement("path",{d:"M820.61,303.79H724.08a121.69,121.69,0,0,1,4.7,32.71V636.92c0,33.84-25.64,61.29-57.28,61.29h-2.33v192H828.7V603.54H877V360.16C877,335.36,854.62,303.79,820.61,303.79Z",transform:"translate(-123.47 -11)",fill:"#4063ad"})),category:"mpp",getEditWrapperProps:function(attributes){},edit:_profile__WEBPACK_IMPORTED_MODULE_2__.default,save:function(){return null}})},"./src/block/profile-legacy.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var axios__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/axios/index.js"),axios__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_0__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);function _typeof(obj){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj})(obj)}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return(_setPrototypeOf=Object.setPrototypeOf||function(o,p){return o.__proto__=p,o})(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){return!call||"object"!==_typeof(call)&&"function"!=typeof call?_assertThisInitialized(self):call}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _getPrototypeOf(o){return(_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(o){return o.__proto__||Object.getPrototypeOf(o)})(o)}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var _wp$element=wp.element,Component=_wp$element.Component,Fragment=_wp$element.Fragment,__=wp.i18n.__,_wp$components=wp.components,PanelBody=_wp$components.PanelBody,Placeholder=_wp$components.Placeholder,RangeControl=(_wp$components.QueryControls,_wp$components.RangeControl),SelectControl=_wp$components.SelectControl,Spinner=_wp$components.Spinner,ToggleControl=(_wp$components.TextControl,_wp$components.ToggleControl),Button=(_wp$components.Toolbar,_wp$components.withAPIData,_wp$components.ColorPalette,_wp$components.Button),_wp$editor=wp.editor,InspectorControls=_wp$editor.InspectorControls,BlockControls=_wp$editor.BlockControls,MediaUpload=_wp$editor.MediaUpload,RichText=_wp$editor.RichText,AlignmentToolbar=_wp$editor.AlignmentToolbar,PanelColorSettings=_wp$editor.PanelColorSettings;const __WEBPACK_DEFAULT_EXPORT__=function(_Component){!function(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}(MPP_Gutenberg,_Component);var Constructor,protoProps,staticProps,_super=_createSuper(MPP_Gutenberg);function MPP_Gutenberg(){var _this;return _classCallCheck(this,MPP_Gutenberg),_defineProperty(_assertThisInitialized(_this=_super.apply(this,arguments)),"get_users",(function(){axios__WEBPACK_IMPORTED_MODULE_0___default().post(mpp_gutenberg.rest_url+"/get_users",{},{headers:{"X-WP-Nonce":mpp_gutenberg.nonce}}).then((function(response){var _this$setState,users=Array(),user_list=Array(),active_user=0,profile_picture="",profile_picture_id=0,profile_name="",profile_description="",profile_title="",profile_url="";$.each(response.data,(function(key,value){users[value.ID]={profile_pictures:value.profile_pictures,has_profile_picture:value.has_profile_picture,display_name:value.display_name,description:value.description,is_user_logged_in:value.is_user_logged_in,profile_picture_id:value.profile_picture_id,default_image:value.default_image,permalink:value.permalink},value.is_user_logged_in&&(active_user=value.ID),user_list.push({value:value.ID,label:value.display_name})})),0!==_this.props.attributes.user_id&&(active_user=_this.props.attributes.user_id);var active_user_profile=users[active_user];active_user_profile.has_profile_picture?(profile_picture=_this.props.attributes.profileImgURL.length>0?_this.props.attributes.profileImgURL:active_user_profile.profile_pictures.thumbnail,profile_picture_id=_this.props.attributes.profileImgID.length>0?_this.props.attributes.profileImgID:active_user_profile.profile_picture_id,profile_name=_this.props.attributes.profileName.length>0?_this.props.attributes.profileName:active_user_profile.display_name,profile_title=_this.props.attributes.profileTitle.length>0?_this.props.attributes.profileTitle:"",profile_url=active_user_profile.permalink,profile_description=_this.props.attributes.profileContent.length>0?_this.props.attributes.profileContent:active_user_profile.description):(profile_name=_this.props.attributes.profileName.length>0?_this.props.attributes.profileName:active_user_profile.display_name,profile_title=_this.props.attributes.profileTitle.length>0?_this.props.attributes.profileTitle:"",profile_description=_this.props.attributes.profileContent.length>0?_this.props.attributes.profileContent:active_user_profile.description,profile_picture=_this.props.attributes.profileImgURL.length>0?_this.props.attributes.profileImgURL:active_user_profile.default_image,profile_picture_id=_this.props.attributes.profileImgID.length>0?_this.props.attributes.profileImgID:0,profile_url=active_user_profile.permalink),null==profile_description&&(profile_description=""),_this.setState((_defineProperty(_this$setState={loading:!1,users,active_user,user_list,profile_picture,profile_picture_id},"active_user",active_user),_defineProperty(_this$setState,"profile_name",profile_name),_defineProperty(_this$setState,"profile_title",profile_title),_defineProperty(_this$setState,"profile_description",profile_description),_defineProperty(_this$setState,"profile_url",profile_url),_this$setState)),_this.props.setAttributes({profileContent:profile_description,profileName:profile_name,profileTitle:profile_title,profileURL:profile_url,profileImgID:profile_picture_id,profileImgURL:profile_picture})}))})),_defineProperty(_assertThisInitialized(_this),"on_user_change",(function(user_id){var profile_picture="",profile_picture_id=0;_this.state.users[user_id].has_profile_picture?(profile_picture=_this.state.users[user_id].profile_pictures.thumbnail,profile_picture_id=_this.state.users[user_id].profile_picture_id):(profile_picture=mpp_gutenberg.mystery_man,profile_picture_id=0);var description=_this.state.users[user_id].description;void 0===description&&(description=""),_this.props.setAttributes({profileName:_this.state.users[user_id].display_name,profileContent:description,profileTitle:"",profileURL:_this.state.users[user_id].permalink,profileImgURL:profile_picture}),_this.setState({profile_name:_this.state.users[user_id].display_name,profile_description:description,profile_title:"",profile_picture,profile_picture_id,active_user:user_id,profile_url:_this.state.users[user_id].permalink})})),_defineProperty(_assertThisInitialized(_this),"componentDidMount",(function(){_this.get_users()})),_defineProperty(_assertThisInitialized(_this),"handleImageChange",(function(image_id,image_url){_this.setState({profile_picture:image_url,profile_picture_id:image_id})})),_defineProperty(_assertThisInitialized(_this),"onChangeName",(function(value){_this.setState({profile_name:value})})),_defineProperty(_assertThisInitialized(_this),"onChangeTitle",(function(value){_this.setState({profile_title:value})})),_defineProperty(_assertThisInitialized(_this),"onChangeProfileText",(function(value){_this.setState({profile_description:value})})),_this.state={loading:!0,users:!1,user_list:!1,profile_picture:!1,profile_picture_id:0,active_user:!1,profile_description:"",profile_name:"",profile_title:""},_this}return Constructor=MPP_Gutenberg,(protoProps=[{key:"render",value:function(){var _this2=this,_this$props=this.props,_this$props$attribute=_this$props.attributes,profileName=_this$props$attribute.profileName,profileTitle=_this$props$attribute.profileTitle,profileContent=_this$props$attribute.profileContent,profileAlignment=_this$props$attribute.profileAlignment,profileImgURL=_this$props$attribute.profileImgURL,profileImgID=_this$props$attribute.profileImgID,profileURL=_this$props$attribute.profileURL,profileFontSize=_this$props$attribute.profileFontSize,profileBackgroundColor=_this$props$attribute.profileBackgroundColor,profileTextColor=_this$props$attribute.profileTextColor,profileAvatarShape=_this$props$attribute.profileAvatarShape,profileViewPostsBackgroundColor=_this$props$attribute.profileViewPostsBackgroundColor,profileViewPostsTextColor=_this$props$attribute.profileViewPostsTextColor,showTitle=_this$props$attribute.showTitle,showName=_this$props$attribute.showName,showDescription=_this$props$attribute.showDescription,showViewPosts=_this$props$attribute.showViewPosts,setAttributes=(_this$props.attributes,_this$props.isSelected,_this$props.editable,_this$props.className,_this$props.setAttributes);this.state.profile_pictures,profileImgID=this.state.profile_picture_id,profileImgURL=this.state.profile_picture,profileName=this.state.profile_name,profileContent=this.state.profile_description,profileTitle=this.state.profile_title,profileURL=this.state.profile_url;var profileAvatarShapeOptions=[{value:"square",label:__("Square","metronet-profile-picture")},{value:"round",label:__("Round","metronet-profile-picture")}];return React.createElement(Fragment,null,this.state.loading&&React.createElement(Fragment,null,React.createElement(Placeholder,null,__("Loading...","metronet-profile-picture"),React.createElement(Spinner,null))),!this.state.loading&&React.createElement(Fragment,null,React.createElement(InspectorControls,null,React.createElement(PanelBody,{title:__("User Profile Settings","metronet-profile-picture")},React.createElement(SelectControl,{label:__("Select a user","metronet-profile-picture"),value:this.state.active_user,options:this.state.user_list,onChange:function(value){_this2.on_user_change(value),setAttributes({user_id:Number(value)})}}),React.createElement(RangeControl,{label:__("Font Size","metronet-profile-picture"),value:profileFontSize,onChange:function(value){return _this2.props.setAttributes({profileFontSize:value})},min:14,max:24,step:1}),React.createElement(SelectControl,{label:__("Avatar Shape","metronet-profile-picture"),description:__("Choose between a round or square avatar shape.","metronet-profile-picture"),options:profileAvatarShapeOptions,value:profileAvatarShape,onChange:function(value){return _this2.props.setAttributes({profileAvatarShape:value})}}),React.createElement(PanelColorSettings,{title:__("Background Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:profileBackgroundColor,onChange:function(value){return setAttributes({profileBackgroundColor:value})},label:__("Background Color","metronet-profile-picture")}]}),React.createElement(PanelColorSettings,{title:__("Text Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:profileTextColor,onChange:function(value){return setAttributes({profileTextColor:value})},label:__("Text Color","metronet-profile-picture")}]}),React.createElement(PanelColorSettings,{title:__("View Posts Background Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:profileViewPostsBackgroundColor,onChange:function(value){return setAttributes({profileViewPostsBackgroundColor:value})},label:__("View Posts Background","metronet-profile-picture")}]}),React.createElement(PanelColorSettings,{title:__("View Posts Text Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:profileViewPostsTextColor,onChange:function(value){return setAttributes({profileViewPostsTextColor:value})},label:__("View Posts Text Color","metronet-profile-picture")}]}),React.createElement(ToggleControl,{label:__("Show Name","metronet-profile-picture"),checked:showName,onChange:function(){return _this2.props.setAttributes({showName:!showName})}}),React.createElement(ToggleControl,{label:__("Show Title","metronet-profile-picture"),checked:showTitle,onChange:function(){return _this2.props.setAttributes({showTitle:!showTitle})}}),React.createElement(ToggleControl,{label:__("Show Description","metronet-profile-picture"),checked:showDescription,onChange:function(){return _this2.props.setAttributes({showDescription:!showDescription})}}),React.createElement(ToggleControl,{label:__("Show View Posts","metronet-profile-picture"),checked:showViewPosts,onChange:function(){return _this2.props.setAttributes({showViewPosts:!showViewPosts})}}))),React.createElement(BlockControls,{key:"controls"},React.createElement(AlignmentToolbar,{value:profileAlignment,onChange:function(value){return setAttributes({profileAlignment:value})}})),React.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("mpp-profile-wrap","legacy",profileAlignment,profileAvatarShape,"mt-font-size-"+profileFontSize,"mpp-block-profile"),style:{backgroundColor:profileBackgroundColor,color:profileTextColor}},React.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("mpp-profile-gutenberg-wrap")},React.createElement("div",{className:"mpp-profile-image-wrapper"},React.createElement("div",{className:"mpp-profile-image-square"},React.createElement(MediaUpload,{buttonProps:{className:"change-image"},onSelect:function(img){_this2.handleImageChange(img.id,img.url),setAttributes({profileImgID:img.id,profileImgURL:img.url})},type:"image",value:profileImgID,render:function(_ref){var open=_ref.open;return React.createElement(Button,{onClick:open},profileImgID?React.createElement("img",{class:"profile-avatar",src:profileImgURL,alt:"avatar"}):React.createElement("img",{src:profileImgURL,alt:"placeholder"}))}}))),React.createElement("div",{className:"mpp-content-wrap"},showName&&React.createElement(RichText,{tagName:"h2",placeholder:__("Add name","metronet-profile-picture"),value:profileName,className:"mpp-profile-name",style:{color:profileTextColor},onChange:function(value){_this2.onChangeName(value),setAttributes({profileName:value})}}),showTitle&&React.createElement(RichText,{tagName:"p",placeholder:__("Add title","atomic-blocks"),value:profileTitle,className:"mpp-profile-title",style:{color:profileTextColor},onChange:function(value){_this2.onChangeTitle(value),setAttributes({profileTitle:value})}}),showDescription&&React.createElement(RichText,{tagName:"div",className:"mpp-profile-text",placeholder:__("Add profile text...","metronet-profile-picture"),value:profileContent,formattingControls:["bold","italic","strikethrough","link"],onChange:function(value){_this2.onChangeProfileText(value),setAttributes({profileContent:value})}}))),profileURL&&!!profileURL.length&&React.createElement("div",{className:"mpp-gutenberg-view-posts"},showViewPosts&&React.createElement("div",{className:"mpp-profile-view-posts",style:{backgroundColor:profileViewPostsBackgroundColor,color:profileViewPostsTextColor}},React.createElement("a",{href:profileURL,style:{backgroundColor:profileViewPostsBackgroundColor,color:profileViewPostsTextColor}},__("View Posts","metronet-profile-picture")))))))}}])&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),MPP_Gutenberg}(Component)},"./src/block/profile.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var axios__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/axios/index.js"),axios__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_0__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);function _typeof(obj){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj})(obj)}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _setPrototypeOf(o,p){return(_setPrototypeOf=Object.setPrototypeOf||function(o,p){return o.__proto__=p,o})(o,p)}function _createSuper(Derived){var hasNativeReflectConstruct=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var result,Super=_getPrototypeOf(Derived);if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _possibleConstructorReturn(self,call){return!call||"object"!==_typeof(call)&&"function"!=typeof call?_assertThisInitialized(self):call}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _getPrototypeOf(o){return(_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(o){return o.__proto__||Object.getPrototypeOf(o)})(o)}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var _wp$element=wp.element,Component=_wp$element.Component,Fragment=_wp$element.Fragment,__=wp.i18n.__,_wp$components=wp.components,PanelBody=_wp$components.PanelBody,Placeholder=_wp$components.Placeholder,RangeControl=(_wp$components.QueryControls,_wp$components.RangeControl),SelectControl=_wp$components.SelectControl,Spinner=_wp$components.Spinner,TextControl=_wp$components.TextControl,ToggleControl=_wp$components.ToggleControl,Button=(_wp$components.Toolbar,_wp$components.withAPIData,_wp$components.ColorPalette,_wp$components.Button),_wp$editor=wp.editor,InspectorControls=_wp$editor.InspectorControls,MediaUpload=(_wp$editor.BlockControls,_wp$editor.MediaUpload),RichText=_wp$editor.RichText,PanelColorSettings=(_wp$editor.AlignmentToolbar,_wp$editor.PanelColorSettings);const __WEBPACK_DEFAULT_EXPORT__=function(_Component){!function(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}(MPP_Gutenberg_Enhanced,_Component);var Constructor,protoProps,staticProps,_super=_createSuper(MPP_Gutenberg_Enhanced);function MPP_Gutenberg_Enhanced(){var _this;_classCallCheck(this,MPP_Gutenberg_Enhanced),_defineProperty(_assertThisInitialized(_this=_super.apply(this,arguments)),"get_users",(function(){axios__WEBPACK_IMPORTED_MODULE_0___default().post(mpp_gutenberg.rest_url+"/get_users",{},{headers:{"X-WP-Nonce":mpp_gutenberg.nonce}}).then((function(response){var _this$setState,users=Array(),user_list=Array(),active_user=0,profile_picture="",profile_picture_id=0,profile_name="",profile_description="",profile_title="",profile_url="",show_website="";jQuery.each(response.data,(function(key,value){users[value.ID]={profile_pictures:value.profile_pictures,has_profile_picture:value.has_profile_picture,display_name:value.display_name,description:value.description,is_user_logged_in:value.is_user_logged_in,profile_picture_id:value.profile_picture_id,default_image:value.default_image,permalink:value.permalink},value.is_user_logged_in&&(active_user=value.ID),user_list.push({value:value.ID,label:value.display_name})})),0!==_this.props.attributes.user_id&&(active_user=_this.props.attributes.user_id);var active_user_profile=users[active_user];active_user_profile.has_profile_picture?(profile_picture=_this.props.attributes.profileImgURL.length>0?_this.props.attributes.profileImgURL:active_user_profile.profile_pictures.thumbnail,profile_picture_id=_this.props.attributes.profileImgID.length>0?_this.props.attributes.profileImgID:active_user_profile.profile_picture_id,profile_name=_this.props.attributes.profileName.length>0?_this.props.attributes.profileName:active_user_profile.display_name,profile_title=_this.props.attributes.profileTitle.length>0?_this.props.attributes.profileTitle:"",profile_url=active_user_profile.permalink,profile_description=_this.props.attributes.profileContent.length>0?_this.props.attributes.profileContent:active_user_profile.description,show_website=_this.props.attributes.showWebsite):(profile_name=_this.props.attributes.profileName.length>0?_this.props.attributes.profileName:active_user_profile.display_name,profile_title=_this.props.attributes.profileTitle.length>0?_this.props.attributes.profileTitle:"",profile_description=_this.props.attributes.profileContent.length>0?_this.props.attributes.profileContent:active_user_profile.description,profile_picture=_this.props.attributes.profileImgURL.length>0?_this.props.attributes.profileImgURL:active_user_profile.default_image,profile_picture_id=_this.props.attributes.profileImgID.length>0?_this.props.attributes.profileImgID:0,profile_url=active_user_profile.permalink,show_website=_this.props.attributes.showWebsite),null==profile_description&&(profile_description=""),_this.setState((_defineProperty(_this$setState={loading:!1,users,active_user,user_list,profile_picture,profile_picture_id},"active_user",active_user),_defineProperty(_this$setState,"profile_name",profile_name),_defineProperty(_this$setState,"profile_name_unfiltered",active_user_profile.display_name),_defineProperty(_this$setState,"profile_title",profile_title),_defineProperty(_this$setState,"profile_description",profile_description),_defineProperty(_this$setState,"profile_url",profile_url),_defineProperty(_this$setState,"show_website",show_website),_this$setState)),_this.props.setAttributes(_defineProperty({profileContent:profile_description,profileName:profile_name,profileTitle:profile_title,profileURL:profile_url,profileImgID:profile_picture_id,profileImgURL:profile_picture,showWebsite:show_website,showSocialMedia:!0},"profileName",active_user_profile.display_name))}))})),_defineProperty(_assertThisInitialized(_this),"on_user_change",(function(user_id){var profile_name,profile_picture="",profile_picture_id=0;_this.state.users[user_id].has_profile_picture?(profile_picture=_this.state.users[user_id].profile_pictures.thumbnail,profile_picture_id=_this.state.users[user_id].profile_picture_id):(profile_picture=mpp_gutenberg.mystery_man,profile_picture_id=0);var description=_this.state.users[user_id].description;void 0===description&&(description=""),profile_name=_this.state.users[user_id].display_name,_this.props.setAttributes(_defineProperty({profileName:profile_name,profileContent:description,profileTitle:"",profileURL:_this.state.users[user_id].permalink,profileImgURL:profile_picture,tabbedAuthorSubHeading:"",tabbedAuthorProfileTitle:"",socialFacebook:"",socialGitHub:"",socialInstagram:"",socialLinkedIn:"",socialPinterest:"",socialTwitter:"",socialWordPress:"",socialYouTube:""},"profileName",_this.state.users[user_id].display_name)),_this.setState({profile_name_unfiltered:_this.state.users[user_id].display_name,profile_name,profile_description:description,profile_title:"",profile_picture,profile_picture_id,active_user:user_id,profile_url:_this.state.users[user_id].permalink,socialFacebook:"",socialGitHub:"",socialInstagram:"",socialLinkedIn:"",socialPinterest:"",socialTwitter:"",socialWordPress:"",socialYouTube:""}),_this.getLatestPosts()})),_defineProperty(_assertThisInitialized(_this),"getLatestPosts",(function(){_this.setState({loadingLatestPosts:!0});_assertThisInitialized(_this);axios__WEBPACK_IMPORTED_MODULE_0___default().post(mpp_gutenberg.rest_url+"/get_posts",{user_id:_this.state.active_user},{headers:{"X-WP-Nonce":mpp_gutenberg.nonce}}).then((function(response){var postJSX=response.data.map((function(data){return React.createElement("li",{key:data.ID},React.createElement("a",{href:data.permalink},data.post_title))}));_this.setState({loadingLatestPosts:!1,latestPosts:postJSX})}))})),_defineProperty(_assertThisInitialized(_this),"componentDidMount",(function(){_this.get_users()})),_defineProperty(_assertThisInitialized(_this),"handleImageChange",(function(image_id,image_url){_this.setState({profile_picture:image_url,profile_picture_id:image_id})})),_defineProperty(_assertThisInitialized(_this),"onChangeName",(function(value){_this.setState({profile_name:value})})),_defineProperty(_assertThisInitialized(_this),"onChangeTitle",(function(value){_this.setState({profile_title:value})})),_defineProperty(_assertThisInitialized(_this),"onChangeProfileText",(function(value){_this.setState({profile_description:value})})),_defineProperty(_assertThisInitialized(_this),"onThemeChange",(function(value){_this.setState({theme:value})})),_defineProperty(_assertThisInitialized(_this),"handleFacebookChange",(function(value){_this.setState({socialFacebook:value})})),_defineProperty(_assertThisInitialized(_this),"handleYouTubeChange",(function(value){_this.setState({socialYouTube:value})})),_defineProperty(_assertThisInitialized(_this),"handleGitHubChange",(function(value){_this.setState({socialGitHub:value})})),_defineProperty(_assertThisInitialized(_this),"handleLinkedInChange",(function(value){_this.setState({socialLinkedIn:value})})),_defineProperty(_assertThisInitialized(_this),"handleTwitterChange",(function(value){_this.setState({socialTwitter:value})})),_defineProperty(_assertThisInitialized(_this),"handleWordPressChange",(function(value){_this.setState({socialWordPress:value})})),_defineProperty(_assertThisInitialized(_this),"handleWebsiteChange",(function(value){_this.setState({website:value}),""!==value&&_this.props.setAttributes({showWebsite:!0})})),_defineProperty(_assertThisInitialized(_this),"handleInstagramChange",(function(value){_this.setState({socialInstagram:value})})),_defineProperty(_assertThisInitialized(_this),"handlePinterestChange",(function(value){_this.setState({socialPinterest:value})})),_defineProperty(_assertThisInitialized(_this),"handleSocialMediaChange",(function(value){_this.setState({showSocialMedia:value}),_this.props.setAttributes({showSocialMedia:value})})),_defineProperty(_assertThisInitialized(_this),"handleSocialMediaOptionChange",(function(value){_this.setState({socialMediaOptions:value})})),_defineProperty(_assertThisInitialized(_this),"onChangeTabbedProfileText",(function(value){_this.setState({tabbedAuthorProfile:value})})),_defineProperty(_assertThisInitialized(_this),"onChangeTabbedSubHeading",(function(value){_this.setState({tabbedAuthorSubHeading:value})})),_defineProperty(_assertThisInitialized(_this),"onChangeActiveProfileTab",(function(){_this.setState({activeTab:"profile"})})),_defineProperty(_assertThisInitialized(_this),"onChangeActivePostTab",(function(){_this.setState({activeTab:"latest",loadingLatestPosts:!0}),_this.getLatestPosts()})),_defineProperty(_assertThisInitialized(_this),"onChangetabbedAuthorProfile",(function(value){_this.setState({tabbedAuthorProfile:value})})),_defineProperty(_assertThisInitialized(_this),"onChangetabbedAuthorProfileHeading",(function(value){_this.setState({tabbedAuthorProfileHeading:value})})),_defineProperty(_assertThisInitialized(_this),"onChangetabbedAuthorLatestPosts",(function(value){_this.setState({tabbedAuthorLatestPosts:value})})),_defineProperty(_assertThisInitialized(_this),"onChangeProfileTabColor",(function(value){_this.setState({profileTabColor:value}),_this.props.setAttributes({profileTabColor:value})})),_defineProperty(_assertThisInitialized(_this),"onChangePostsTabColor",(function(value){_this.setState({profileTabPostsColor:value}),_this.props.setAttributes({profileTabPostsColor:value})})),_defineProperty(_assertThisInitialized(_this),"onChangePostsTabHeadlineColor",(function(value){_this.setState({profileTabHeadlineColor:value}),_this.props.setAttributes({profileTabHeadlineColor:value})})),_defineProperty(_assertThisInitialized(_this),"onChangeProfileTabPostColorText",(function(value){_this.setState({profileTabPostsTextColor:value}),_this.props.setAttributes({profileTabPostsTextColor:value})})),_defineProperty(_assertThisInitialized(_this),"onChangeProfileTabHeadlineColorText",(function(value){_this.setState({profileTabHeadlineTextColor:value}),_this.props.setAttributes({profileTabHeadlineTextColor:value})})),_defineProperty(_assertThisInitialized(_this),"onChangeProfileTabColorText",(function(value){_this.setState({profileTabTextColor:value}),_this.props.setAttributes({profileTabTextColor:value})})),_defineProperty(_assertThisInitialized(_this),"onLatestPostsChange",(function(value){_this.setState({profileLatestPostsOptionsValue:value})})),_defineProperty(_assertThisInitialized(_this),"onCompactAlignmentChange",(function(value){_this.setState({profileCompactAlignment:value})}));var theme_list=Array();return theme_list.push({value:"regular",label:__("Regular","metronet-profile-picture")}),theme_list.push({value:"profile",label:__("Profile","metronet-profile-picture")}),theme_list.push({value:"tabbed",label:__("Tabbed","metronet-profile-picture")}),theme_list.push({value:"compact",label:__("Compact","metronet-profile-picture")}),_this.state={loading:!0,users:!1,user_list:!1,profile_picture:_this.props.attributes.profileImgURL,profile_picture_id:_this.props.attributes.profileImgID,active_user:!1,profile_description:"",profile_name:"",profile_name_unfiltered:"",profile_title:"",show_website:_this.props.attributes.showWebsite,profileViewPosts:_this.props.attributes.profileViewPosts,profileViewWebsite:_this.props.attributes.profileViewWebsite,theme:_this.props.attributes.theme,themes:theme_list,socialFacebook:_this.props.attributes.socialFacebook,socialGitHub:_this.props.attributes.socialGitHub,socialLinkedIn:_this.props.attributes.socialLinkedIn,socialPinterest:_this.props.attributes.socialPinterest,socialTwitter:_this.props.attributes.socialTwitter,socialWordPress:_this.props.attributes.socialWordPress,socialYouTube:_this.props.attributes.socialYouTube,socialInstagram:_this.props.attributes.socialInstagram,website:_this.props.attributes.website,showSocialMedia:!0,socialMediaOptions:_this.props.attributes.socialMediaOptions,socialMediaColors:_this.props.attributes.socialMediaColors,tabbedAuthorProfile:_this.props.attributes.tabbedAuthorProfile,tabbedAuthorLatestPosts:_this.props.attributes.tabbedAuthorLatestPosts,tabbedAuthorSubHeading:_this.props.attributes.tabbedAuthorSubHeading,tabbedAuthorProfileHeading:_this.props.attributes.tabbedAuthorProfileHeading,activeTab:"profile",loadingLatestPosts:!0,latestPosts:{},profileTabColor:_this.props.attributes.profileTabColor,profileTabHeadlineColor:_this.props.attributes.profileTabHeadlineColor,profileTabPostsColor:_this.props.attributes.profileTabPostsColor,profileTabHeadlineTextColor:_this.props.attributes.profileTabHeadlineTextColor,profileTabTextColor:_this.props.attributes.profileTabTextColor,profileTabPostsTextColor:_this.props.attributes.profileTabPostsTextColor,profileLatestPostsOptionsValue:_this.props.attributes.profileLatestPostsOptionsValue,profileCompactAlignment:_this.props.attributes.profileCompactAlignment},_this}return Constructor=MPP_Gutenberg_Enhanced,(protoProps=[{key:"render",value:function(){var _this2=this,_this$props=this.props,_this$props$attribute=_this$props.attributes,profileName=_this$props$attribute.profileName,profileTitle=_this$props$attribute.profileTitle,profileContent=_this$props$attribute.profileContent,profileAlignment=_this$props$attribute.profileAlignment,profileImgURL=_this$props$attribute.profileImgURL,profileImgID=_this$props$attribute.profileImgID,profileURL=_this$props$attribute.profileURL,profileFontSize=_this$props$attribute.profileFontSize,buttonFontSize=_this$props$attribute.buttonFontSize,headerFontSize=_this$props$attribute.headerFontSize,profileBackgroundColor=_this$props$attribute.profileBackgroundColor,profileTextColor=_this$props$attribute.profileTextColor,profileAvatarShape=_this$props$attribute.profileAvatarShape,profileViewPostsBackgroundColor=_this$props$attribute.profileViewPostsBackgroundColor,profileViewPostsTextColor=_this$props$attribute.profileViewPostsTextColor,profileViewPosts=_this$props$attribute.profileViewPosts,profileViewWebsite=_this$props$attribute.profileViewWebsite,showTitle=_this$props$attribute.showTitle,showName=_this$props$attribute.showName,showDescription=_this$props$attribute.showDescription,showViewPosts=_this$props$attribute.showViewPosts,showPostsWidth=_this$props$attribute.showPostsWidth,showWebsite=(_this$props$attribute.showSocialMedia,_this$props$attribute.showWebsite),socialMediaColors=(_this$props$attribute.theme,_this$props$attribute.theme_list,_this$props$attribute.socialFacebook,_this$props$attribute.socialGitHub,_this$props$attribute.socialLinkedIn,_this$props$attribute.socialPinterest,_this$props$attribute.socialTwitter,_this$props$attribute.socialWordPress,_this$props$attribute.socialYouTube,_this$props$attribute.socialMediaColors),profileWebsiteBackgroundColor=_this$props$attribute.profileWebsiteBackgroundColor,profileWebsiteTextColor=_this$props$attribute.profileWebsiteTextColor,padding=_this$props$attribute.padding,border=_this$props$attribute.border,borderRounded=_this$props$attribute.borderRounded,borderColor=_this$props$attribute.borderColor,profileLinkColor=_this$props$attribute.profileLinkColor,tabbedAuthorProfileTitle=(_this$props$attribute.tabbedAuthorProfile,_this$props$attribute.tabbedAuthorSubHeading,_this$props$attribute.tabbedAuthorProfileTitle),setAttributes=(_this$props$attribute.profileLatestPostsOptionsValue,_this$props.attributes,_this$props.isSelected,_this$props.editable,_this$props.className,_this$props.setAttributes);this.state.profile_pictures,profileImgID=this.state.profile_picture_id,profileImgURL=this.state.profile_picture,profileName=this.state.profile_name,profileContent=this.state.profile_description,profileTitle=this.state.profile_title,profileURL=this.state.profile_url,showPostsWidth=""!==this.state.website&&this.props.attributes.showWebsite?"":"100%",setAttributes({showPostsWidth});var profileAvatarShapeOptions=[{value:"square",label:__("Square","metronet-profile-picture")},{value:"round",label:__("Round","metronet-profile-picture")}],profileSocialMediaOptions=[{value:"colors",label:__("Brand Colors","metronet-profile-picture")},{value:"custom",label:__("Custom","metronet-profile-picture")}],profileLatestPostsOptions=[{value:"none",label:__("None","metronet-profile-picture")},{value:"white",label:__("White","metronet-profile-picture")},{value:"light",label:__("Light","metronet-profile-picture")},{value:"black",label:__("Black","metronet-profile-picture")},{value:"magenta",label:__("Magenta","metronet-profile-picture")},{value:"blue",label:__("Blue","metronet-profile-picture")},{value:"green",label:__("Green","metronet-profile-picture")}],profileCompactOptions=[{value:"left",label:__("Left","metronet-profile-picture")},{value:"center",label:__("Center","metronet-profile-picture")},{value:"right",label:__("Right","metronet-profile-picture")}],profileFloat="none",profileMargin="";return"center"===this.state.profileCompactAlignment&&(profileFloat="none",profileMargin="0 auto"),"left"===this.state.profileCompactAlignment&&(profileFloat="left",profileMargin="0"),"right"===this.state.profileCompactAlignment&&(profileFloat="right",profileMargin="0"),React.createElement(Fragment,null,this.state.loading&&React.createElement(Fragment,null,React.createElement(Placeholder,null,React.createElement("div",null,React.createElement("svg",{id:"Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",width:"125px",height:"125px",viewBox:"0 0 753.53 979.74"},React.createElement("title",null,"upp"),React.createElement("path",{d:"M806.37,185.9c0,40.27-30.49,72.9-68.11,72.9s-68.17-32.63-68.17-72.9S700.62,113,738.26,113,806.37,145.64,806.37,185.9Z",transform:"translate(-123.47 -11)",fill:"#4063ad"}),React.createElement("path",{d:"M330.36,183.8c0,40.27-30.49,72.9-68.12,72.9s-68.17-32.63-68.17-72.9,30.52-72.87,68.17-72.87S330.36,143.56,330.36,183.8Z",transform:"translate(-123.47 -11)",fill:"#a34d9c"}),React.createElement("path",{d:"M331.3,888.13V698.21H329c-31.64,0-57.28-27.45-57.28-61.29V336.5a118.37,118.37,0,0,1,5.43-34.79H179.84c-31.94,0-56.37,31.57-56.37,56.34V601.46h48.32V888.13Z",transform:"translate(-123.47 -11)",fill:"#a34d9c"}),React.createElement("path",{d:"M388.59,636.92V990.74H611.88V636.92H671.5V336.5c0-30.63-27.64-69.57-69.6-69.57H398.56c-39.44,0-69.61,38.94-69.61,69.57V636.92Z",transform:"translate(-123.47 -11)",fill:"#f4831f"}),React.createElement("path",{d:"M584.3,101c0,49.69-37.63,90-84,90S416.12,150.67,416.12,101s37.66-90,84.14-90S584.3,51.27,584.3,101Z",transform:"translate(-123.47 -11)",fill:"#f4831f"}),React.createElement("path",{d:"M820.61,303.79H724.08a121.69,121.69,0,0,1,4.7,32.71V636.92c0,33.84-25.64,61.29-57.28,61.29h-2.33v192H828.7V603.54H877V360.16C877,335.36,854.62,303.79,820.61,303.79Z",transform:"translate(-123.47 -11)",fill:"#4063ad"})),React.createElement("div",{className:"mpp-spinner"},React.createElement(Spinner,null))))),!this.state.loading&&React.createElement(Fragment,null,React.createElement(InspectorControls,null,React.createElement(PanelBody,{title:__("User Profile Settings","metronet-profile-picture")},React.createElement(SelectControl,{label:__("Select a user","metronet-profile-picture"),value:this.state.active_user,options:this.state.user_list,onChange:function(value){_this2.on_user_change(value),setAttributes({user_id:Number(value)})}}),React.createElement(SelectControl,{label:__("Select a theme","metronet-profile-picture"),value:this.state.theme,options:this.state.themes,onChange:function(value){_this2.onThemeChange(value),setAttributes({theme:value})}}),"compact"===this.state.theme&&React.createElement(SelectControl,{label:__("Select an alignment","metronet-profile-picture"),value:this.state.profileCompactAlignment,options:profileCompactOptions,onChange:function(value){_this2.onCompactAlignmentChange(value),setAttributes({profileCompactAlignment:value})}}),React.createElement(SelectControl,{label:__("Avatar Shape","metronet-profile-picture"),description:__("Choose between a round or square avatar shape.","metronet-profile-picture"),options:profileAvatarShapeOptions,value:profileAvatarShape,onChange:function(value){return _this2.props.setAttributes({profileAvatarShape:value})}}),"tabbed"!==this.state.theme&&React.createElement(TextControl,{label:__("Website","metronet-profile-picture"),value:this.state.website,onChange:function(value){_this2.props.setAttributes({website:value}),_this2.handleWebsiteChange(value)}}),React.createElement(ToggleControl,{label:__("Show Name","metronet-profile-picture"),checked:showName,onChange:function(){return _this2.props.setAttributes({showName:!showName})}}),React.createElement(ToggleControl,{label:__("Show Title","metronet-profile-picture"),checked:showTitle,onChange:function(){return _this2.props.setAttributes({showTitle:!showTitle})}}),React.createElement(ToggleControl,{label:__("Show Description","metronet-profile-picture"),checked:showDescription,onChange:function(){return _this2.props.setAttributes({showDescription:!showDescription})}}),"tabbed"!==this.state.theme&&React.createElement(Fragment,null,React.createElement(ToggleControl,{label:__("Show View Posts","metronet-profile-picture"),checked:showViewPosts,onChange:function(){return _this2.props.setAttributes({showViewPosts:!showViewPosts})}}),showViewPosts&&React.createElement(TextControl,{label:__("View Posts Text","metronet-profile-picture"),value:profileViewPosts,onChange:function(value){_this2.props.setAttributes({profileViewPosts:value})}}),React.createElement(ToggleControl,{label:__("Show Website","metronet-profile-picture"),checked:this.state.show_website,onChange:function(value){_this2.props.setAttributes({showWebsite:value}),_this2.setState({show_website:value})}}),this.state.show_website&&React.createElement(TextControl,{label:__("View Website Text","metronet-profile-picture"),value:profileViewWebsite,onChange:function(value){_this2.props.setAttributes({profileViewWebsite:value})}})),React.createElement(ToggleControl,{label:__("Show Social Media","metronet-profile-picture"),checked:this.state.showSocialMedia,onChange:function(value){_this2.props.setAttributes({showSocialMedia:value}),_this2.handleSocialMediaChange(value)}})),"tabbed"===this.state.theme&&React.createElement(PanelBody,{title:__("User Profile Settings","metronet-profile-picture")},React.createElement(SelectControl,{label:__("Select a theme","metronet-profile-picture"),value:this.state.latestPostsTheme,options:{},onChange:function(value){_this2.on_user_change(value),setAttributes({user_id:Number(value)})}})),React.createElement(PanelBody,{title:__("Colors","metronet-profile-picture"),initialOpen:!1},React.createElement(PanelColorSettings,{title:__("Background Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:profileBackgroundColor,onChange:function(value){return setAttributes({profileBackgroundColor:value})},label:__("Background Color","metronet-profile-picture")}]}),React.createElement(PanelColorSettings,{title:__("Text Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:profileTextColor,onChange:function(value){return setAttributes({profileTextColor:value})},label:__("Text Color","metronet-profile-picture")}]}),"profile"===this.state.theme&&React.createElement(PanelColorSettings,{title:__("Link Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:profileLinkColor,onChange:function(value){return setAttributes({profileLinkColor:value})},label:__("Link Color","metronet-profile-picture")}]}),"tabbed"===this.state.theme&&React.createElement(Fragment,null,React.createElement(PanelColorSettings,{title:__("Profile Tab Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:this.state.profileTabColor,onChange:this.onChangeProfileTabColor,label:__("Color","metronet-profile-picture")}]}),React.createElement(PanelColorSettings,{title:__("Profile Tab Color Text","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:this.state.profileTabTextColor,onChange:this.onChangeProfileTabColorText,label:__("Color","metronet-profile-picture")}]}),React.createElement(PanelColorSettings,{title:__("Profile Posts Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:this.state.profileTabPostsColor,onChange:this.onChangePostsTabColor,label:__("Color","metronet-profile-picture")}]}),React.createElement(PanelColorSettings,{title:__("Profile Post Color Text","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:this.state.profileTabPostsTextColor,onChange:this.onChangeProfileTabPostColorText,label:__("Color","metronet-profile-picture")}]}),React.createElement(PanelColorSettings,{title:__("Profile Headline Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:this.state.profileTabHeadlineColor,onChange:this.onChangePostsTabHeadlineColor,label:__("Color","metronet-profile-picture")}]}),React.createElement(PanelColorSettings,{title:__("Profile Headline Color Text","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:this.state.profileTabHeadlineColorText,onChange:this.onChangeProfileTabHeadlineColorText,label:__("Color","metronet-profile-picture")}]}),React.createElement(SelectControl,{label:__("Select a Post Theme","metronet-profile-picture"),value:this.state.profileLatestPostsOptionsValue,options:profileLatestPostsOptions,onChange:function(value){_this2.onLatestPostsChange(value),setAttributes({profileLatestPostsOptionsValue:value})}})),"tabbed"!==this.state.theme&&"profile"!==this.state.theme&&React.createElement(Fragment,null,React.createElement(PanelColorSettings,{title:__("View Posts Background Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:profileViewPostsBackgroundColor,onChange:function(value){return setAttributes({profileViewPostsBackgroundColor:value})},label:__("View Posts Background","metronet-profile-picture")}]}),React.createElement(PanelColorSettings,{title:__("View Posts Text Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:profileViewPostsTextColor,onChange:function(value){return setAttributes({profileViewPostsTextColor:value})},label:__("View Posts Text Color","metronet-profile-picture")}]}),React.createElement(PanelColorSettings,{title:__("Website Background Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:profileWebsiteBackgroundColor,onChange:function(value){return setAttributes({profileWebsiteBackgroundColor:value})},label:__("View Website Background","metronet-profile-picture")}]}),React.createElement(PanelColorSettings,{title:__("View Website Text Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:profileWebsiteTextColor,onChange:function(value){return setAttributes({profileWebsiteTextColor:value})},label:__("View Website Text Color","metronet-profile-picture")}]}))),React.createElement(PanelBody,{title:__("Spacing and Font Settings","metronet-profile-picture"),initialOpen:!1},React.createElement(RangeControl,{label:__("Header Font Size","metronet-profile-picture"),value:headerFontSize,onChange:function(value){return _this2.props.setAttributes({headerFontSize:value})},min:14,max:32,step:1}),React.createElement(RangeControl,{label:__("Font Size","metronet-profile-picture"),value:profileFontSize,onChange:function(value){return _this2.props.setAttributes({profileFontSize:value})},min:14,max:24,step:1}),"tabbed"!==this.state.theme&&React.createElement(RangeControl,{label:__("Button Size","metronet-profile-picture"),value:buttonFontSize,onChange:function(value){return _this2.props.setAttributes({buttonFontSize:value})},min:10,max:24,step:1}),React.createElement(RangeControl,{label:__("Padding","metronet-profile-picture"),value:padding,onChange:function(value){return _this2.props.setAttributes({padding:value})},min:0,max:60,step:1}),React.createElement(RangeControl,{label:__("Border","metronet-profile-picture"),value:border,onChange:function(value){return _this2.props.setAttributes({border:value})},min:0,max:10,step:1}),React.createElement(RangeControl,{label:__("Border Rounded","metronet-profile-picture"),value:borderRounded,onChange:function(value){return _this2.props.setAttributes({borderRounded:value})},min:0,max:10,step:1}),React.createElement(PanelColorSettings,{title:__("Border Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:borderColor,onChange:function(value){return setAttributes({borderColor:value})},label:__("Border Color","metronet-profile-picture")}]})),React.createElement(PanelBody,{title:__("Social Media Settings","metronet-profile-picture"),initialOpen:!1},React.createElement(SelectControl,{label:__("Social Media Colors","metronet-profile-picture"),value:this.state.socialMediaOptions,options:profileSocialMediaOptions,onChange:function(value){setAttributes({socialMediaOptions:value}),_this2.handleSocialMediaOptionChange(value)}}),"custom"===this.state.socialMediaOptions&&React.createElement(PanelColorSettings,{title:__("Social Media Color","metronet-profile-picture"),initialOpen:!1,colorSettings:[{value:socialMediaColors,onChange:function(value){return setAttributes({socialMediaColors:value})},label:__("Social Media Color","metronet-profile-picture")}]}),React.createElement(TextControl,{label:__("Facebook","metronet-profile-picture"),value:this.state.socialFacebook,onChange:function(value){_this2.props.setAttributes({socialFacebook:value}),_this2.handleFacebookChange(value)}}),React.createElement(TextControl,{label:__("Twitter","metronet-profile-picture"),value:this.state.socialTwitter,onChange:function(value){_this2.props.setAttributes({socialTwitter:value}),_this2.handleTwitterChange(value)}}),React.createElement(TextControl,{label:__("Instagram","metronet-profile-picture"),value:this.state.socialInstagram,onChange:function(value){_this2.props.setAttributes({socialInstagram:value}),_this2.handleInstagramChange(value)}}),React.createElement(TextControl,{label:__("LinkedIn","metronet-profile-picture"),value:this.state.socialLinkedIn,onChange:function(value){_this2.props.setAttributes({socialLinkedIn:value}),_this2.handleLinkedInChange(value)}}),React.createElement(TextControl,{label:__("YouTube","metronet-profile-picture"),value:this.state.socialYouTube,onChange:function(value){_this2.props.setAttributes({socialYouTube:value}),_this2.handleYouTubeChange(value)}}),React.createElement(TextControl,{label:__("GitHub","metronet-profile-picture"),value:this.state.socialGitHub,onChange:function(value){_this2.props.setAttributes({socialGitHub:value}),_this2.handleGitHubChange(value)}}),React.createElement(TextControl,{label:__("Pinterest","metronet-profile-picture"),value:this.state.socialPinterest,onChange:function(value){_this2.props.setAttributes({socialPinterest:value}),_this2.handlePinterestChange(value)}}),React.createElement(TextControl,{label:__("WordPress","metronet-profile-picture"),value:this.state.socialWordPress,onChange:function(value){_this2.props.setAttributes({socialWordPress:value}),_this2.handleWordPressChange(value)}}))),"tabbed"!==this.state.theme&&React.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("mpp-enhanced-profile-wrap",this.state.theme,profileAlignment,profileAvatarShape,"mpp-block-profile"),style:{padding:padding+"px",border:border+"px solid "+borderColor,borderRadius:borderRounded+"px",backgroundColor:profileBackgroundColor,color:profileTextColor,float:profileFloat,margin:profileMargin}},"regular"===this.state.theme&&React.createElement(Fragment,null,React.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("mpp-profile-gutenberg-wrap","mt-font-size-"+profileFontSize)},React.createElement("div",{className:"mpp-profile-image-wrapper"},React.createElement("div",{className:"mpp-profile-image-square"},React.createElement(MediaUpload,{buttonProps:{className:"change-image"},onSelect:function(img){_this2.handleImageChange(img.id,img.url),setAttributes({profileImgID:img.id,profileImgURL:img.url})},type:"image",value:profileImgID,render:function(_ref){var open=_ref.open;return React.createElement(Button,{onClick:open},profileImgID?React.createElement("img",{className:"profile-avatar",src:profileImgURL,alt:"avatar"}):React.createElement("img",{src:profileImgURL,alt:"placeholder"}))}}))),React.createElement("div",{className:"mpp-content-wrap"},showName&&React.createElement(RichText,{tagName:"h2",placeholder:__("Add name","metronet-profile-picture"),value:profileName,className:"mpp-profile-name",style:{color:profileTextColor,fontSize:headerFontSize+"px"},onChange:function(value){_this2.onChangeName(value),setAttributes({profileName:value})}}),showTitle&&React.createElement(RichText,{tagName:"p",placeholder:__("Add title","atomic-blocks"),value:profileTitle,className:"mpp-profile-title",style:{color:profileTextColor},onChange:function(value){_this2.onChangeTitle(value),setAttributes({profileTitle:value})}}),showDescription&&React.createElement(RichText,{tagName:"div",className:"mpp-profile-text",placeholder:__("Add profile text...","metronet-profile-picture"),value:profileContent,formattingControls:["bold","italic","strikethrough","link"],onChange:function(value){_this2.onChangeProfileText(value),setAttributes({profileContent:value})}}))),profileURL&&!!profileURL.length&&React.createElement("div",{className:"mpp-gutenberg-view-posts",style:{width:showPostsWidth}},showViewPosts&&React.createElement("div",{className:"mpp-profile-view-posts",style:{backgroundColor:profileViewPostsBackgroundColor,color:profileViewPostsTextColor,width:showPostsWidth,fontSize:buttonFontSize+"px"}},React.createElement("a",{href:profileURL,style:{backgroundColor:profileViewPostsBackgroundColor,color:profileViewPostsTextColor}},profileViewPosts)),""!=this.state.website&&showWebsite&&React.createElement("div",{className:"mpp-profile-view-website",style:{backgroundColor:profileWebsiteBackgroundColor,color:profileWebsiteTextColor,fontSize:buttonFontSize+"px"}},React.createElement("a",{href:this.state.website,style:{backgroundColor:profileWebsiteBackgroundColor,color:profileWebsiteTextColor}},profileViewWebsite)))),"profile"===this.state.theme&&React.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("mpp-profile-gutenberg-wrap","mt-font-size-"+profileFontSize)},showName&&React.createElement(RichText,{tagName:"h2",placeholder:__("Add name","metronet-profile-picture"),value:profileName,className:"mpp-profile-name",style:{color:profileTextColor,fontSize:headerFontSize+"px"},onChange:function(value){_this2.onChangeName(value),setAttributes({profileName:value})}}),React.createElement("div",{className:"mpp-profile-image-wrapper"},React.createElement("div",{className:"mpp-profile-image-square"},React.createElement(MediaUpload,{buttonProps:{className:"change-image"},onSelect:function(img){_this2.handleImageChange(img.id,img.url),setAttributes({profileImgID:img.id,profileImgURL:img.url})},type:"image",value:profileImgID,render:function(_ref2){var open=_ref2.open;return React.createElement(Button,{onClick:open},profileImgID?React.createElement("img",{className:"profile-avatar",src:profileImgURL,alt:"avatar"}):React.createElement("img",{src:profileImgURL,alt:"placeholder"}))}}))),showDescription&&React.createElement(RichText,{tagName:"div",className:"mpp-profile-text",placeholder:__("Add profile text...","metronet-profile-picture"),value:profileContent,formattingControls:["bold","italic","strikethrough","link"],onChange:function(value){_this2.onChangeProfileText(value),setAttributes({profileContent:value})}}),React.createElement("div",{className:"mpp-profile-meta",style:{fontSize:buttonFontSize+"px"}},showViewPosts&&React.createElement("div",{className:"mpp-profile-link alignleft"},React.createElement("a",{href:this.state.profile_url,style:{color:profileLinkColor}},__("View all posts by","metronet-profile-picture")," ",this.state.profile_name_unfiltered)),""!=this.state.website&&showWebsite&&React.createElement("div",{className:"mpp-profile-link alignright"},React.createElement("a",{href:this.state.website,style:{color:profileLinkColor}},__("Website","metronet-profile-picture"))))),"compact"===this.state.theme&&React.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("mpp-profile-gutenberg-wrap","mt-font-size-"+profileFontSize)},showName&&React.createElement(RichText,{tagName:"h2",placeholder:__("Add name","metronet-profile-picture"),value:profileName,className:"mpp-profile-name",style:{color:profileTextColor,fontSize:headerFontSize+"px"},onChange:function(value){_this2.onChangeName(value),setAttributes({profileName:value})}}),React.createElement("div",{className:"mpp-profile-image-wrapper"},React.createElement("div",{className:"mpp-profile-image-square"},React.createElement(MediaUpload,{buttonProps:{className:"change-image"},onSelect:function(img){_this2.handleImageChange(img.id,img.url),setAttributes({profileImgID:img.id,profileImgURL:img.url})},type:"image",value:profileImgID,render:function(_ref3){var open=_ref3.open;return React.createElement(Button,{onClick:open},profileImgID?React.createElement("img",{className:"profile-avatar",src:profileImgURL,alt:"avatar"}):React.createElement("img",{src:profileImgURL,alt:"placeholder"}))}}))),showDescription&&React.createElement(RichText,{tagName:"div",className:"mpp-profile-text",placeholder:__("Add profile text...","metronet-profile-picture"),value:profileContent,formattingControls:["bold","italic","strikethrough","link"],onChange:function(value){_this2.onChangeProfileText(value),setAttributes({profileContent:value})}}),React.createElement("div",{className:"mpp-compact-meta"},showViewPosts&&React.createElement("div",{className:"mpp-profile-view-posts",style:{backgroundColor:profileViewPostsBackgroundColor,color:profileViewPostsTextColor,width:"90%",margin:"0 auto 10px auto",fontSize:buttonFontSize+"px"}},React.createElement("a",{href:profileURL,style:{backgroundColor:profileViewPostsBackgroundColor,color:profileViewPostsTextColor}},__("View Posts","metronet-profile-picture"))),""!=this.state.website&&showWebsite&&React.createElement("div",{className:"mpp-profile-view-website",style:{backgroundColor:profileWebsiteBackgroundColor,color:profileWebsiteTextColor,fontSize:buttonFontSize+"px",width:"90%",margin:"0 auto"}},React.createElement("a",{href:this.state.website,style:{backgroundColor:profileWebsiteBackgroundColor,color:profileWebsiteTextColor}},__("View Website","metronet-profile-picture"))))),1==this.state.showSocialMedia&&("regular"===this.state.theme||"compact"===this.state.theme||"profile"===this.state.theme)&&React.createElement("div",{className:"mpp-social"},""!=this.state.socialFacebook&&React.createElement("a",{href:this.state.socialFacebook},React.createElement("svg",{className:"icon icon-facebook",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?socialMediaColors:""}},React.createElement("use",{href:"#facebook"}))),""!=this.state.socialTwitter&&React.createElement("a",{href:this.state.socialTwitter},React.createElement("svg",{className:"icon icon-twitter",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?socialMediaColors:""}},React.createElement("use",{href:"#twitter"}))),""!=this.state.socialInstagram&&React.createElement("a",{href:this.state.socialInstagram},React.createElement("svg",{className:"icon icon-instagram",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?socialMediaColors:""}},React.createElement("use",{href:"#instagram"}))),""!=this.state.socialPinterest&&React.createElement("a",{href:this.state.socialPinterest},React.createElement("svg",{className:"icon icon-pinterest",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?socialMediaColors:""}},React.createElement("use",{href:"#pinterest"}))),""!=this.state.socialLinkedIn&&React.createElement("a",{href:this.state.socialLinkedIn},React.createElement("svg",{className:"icon icon-linkedin",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?socialMediaColors:""}},React.createElement("use",{href:"#linkedin"}))),""!=this.state.socialYouTube&&React.createElement("a",{href:this.state.socialYouTube},React.createElement("svg",{className:"icon icon-youtube",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?socialMediaColors:""}},React.createElement("use",{href:"#youtube"}))),""!=this.state.socialGitHub&&React.createElement("a",{href:this.state.socialGitHub},React.createElement("svg",{className:"icon icon-github",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?socialMediaColors:""}},React.createElement("use",{href:"#github"}))),""!=this.state.socialWordPress&&React.createElement("a",{href:this.state.socialWordPress},React.createElement("svg",{className:"icon icon-wordpress",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?socialMediaColors:""}},React.createElement("use",{href:"#wordpress"}))))),"tabbed"===this.state.theme&&React.createElement(Fragment,null,React.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("mpp-author-tabbed",this.state.theme,profileAlignment,profileAvatarShape,"mpp-block-profile")},React.createElement("ul",{className:"mpp-author-tabs"},React.createElement("li",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("mpp-tab-profile","profile"===this.state.activeTab?"active":""),onClick:this.onChangeActiveProfileTab,style:{backgroundColor:this.state.profileTabColor,color:this.state.profileTabTextColor}},React.createElement(RichText,{tagName:"span",placeholder:__("Add tab name.","metronet-profile-picture"),value:this.state.tabbedAuthorProfile,formattingControls:[],onChange:function(value){_this2.onChangetabbedAuthorProfile(value),setAttributes({tabbedAuthorProfile:value})}})),React.createElement("li",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("mpp-tab-posts","latest"===this.state.activeTab?"active":""),onClick:this.onChangeActivePostTab,style:{backgroundColor:this.state.profileTabPostsColor,color:this.state.profileTabPostsTextColor}},React.createElement(RichText,{tagName:"span",placeholder:__("Add tab name.","metronet-profile-picture"),value:this.state.tabbedAuthorLatestPosts,formattingControls:[],onChange:function(value){_this2.onChangetabbedAuthorLatestPosts(value),setAttributes({tabbedAuthorLatestPosts:value})}}))),React.createElement("div",{className:"mpp-tab-wrapper",style:{padding:padding+"px",border:border+"px solid "+borderColor,borderRadius:borderRounded+"px",backgroundColor:profileBackgroundColor,color:profileTextColor}},"profile"===this.state.activeTab&&React.createElement(Fragment,null,React.createElement("div",{className:"mpp-author-social-wrapper"},React.createElement("div",{className:"mpp-author-heading"},React.createElement(RichText,{tagName:"div",className:"mpp-author-profile-heading",value:this.state.tabbedAuthorProfileHeading,formattingControls:[],onChange:function(value){_this2.onChangetabbedAuthorProfileHeading(value),setAttributes({profileTabHeadlineTextColor:value})},style:{backgroundColor:this.state.profileTabHeadlineColor,color:this.state.profileTabHeadlineTextColor}})),this.state.showSocialMedia&&React.createElement("div",{className:"mpp-author-social"},React.createElement("div",{className:"mpp-social"},""!=this.state.socialFacebook&&React.createElement("a",{href:this.state.socialFacebook},React.createElement("svg",{className:"icon icon-facebook",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?socialMediaColors:""}},React.createElement("use",{href:"#facebook"}))),""!=this.state.socialTwitter&&React.createElement("a",{href:this.state.socialTwitter},React.createElement("svg",{className:"icon icon-twitter",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?socialMediaColors:""}},React.createElement("use",{href:"#twitter"}))),""!=this.state.socialInstagram&&React.createElement("a",{href:this.state.socialInstagram},React.createElement("svg",{className:"icon icon-instagram",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?socialMediaColors:""}},React.createElement("use",{href:"#instagram"}))),""!=this.state.socialPinterest&&React.createElement("a",{href:this.state.socialPinterest},React.createElement("svg",{className:"icon icon-pinterest",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?socialMediaColors:""}},React.createElement("use",{href:"#pinterest"}))),""!=this.state.socialLinkedIn&&React.createElement("a",{href:this.state.socialLinkedIn},React.createElement("svg",{className:"icon icon-linkedin",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?socialMediaColors:""}},React.createElement("use",{href:"#linkedin"}))),""!=this.state.socialYouTube&&React.createElement("a",{href:this.state.socialYouTube},React.createElement("svg",{className:"icon icon-youtube",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?socialMediaColors:""}},React.createElement("use",{href:"#youtube"}))),""!=this.state.socialGitHub&&React.createElement("a",{href:this.state.socialGitHub},React.createElement("svg",{className:"icon icon-github",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?socialMediaColors:""}},React.createElement("use",{href:"#github"}))),""!=this.state.socialWordPress&&React.createElement("a",{href:this.state.socialWordPress},React.createElement("svg",{className:"icon icon-wordpress",role:"img",style:{fill:"custom"===this.state.socialMediaOptions?socialMediaColors:""}},React.createElement("use",{href:"#wordpress"})))))),React.createElement("div",{className:"mpp-profile-image-wrapper"},React.createElement("div",{className:"mpp-profile-image-square"},React.createElement(MediaUpload,{buttonProps:{className:"change-image"},onSelect:function(img){_this2.handleImageChange(img.id,img.url),setAttributes({profileImgID:img.id,profileImgURL:img.url})},type:"image",value:profileImgID,render:function(_ref4){var open=_ref4.open;return React.createElement(Button,{onClick:open},profileImgID?React.createElement("img",{className:"profile-avatar",src:profileImgURL,alt:"avatar"}):React.createElement("img",{src:profileImgURL,alt:"placeholder"}))}}),React.createElement(RichText,{tagName:"div",className:"mpp-author-profile-sub-heading",placeholder:__("Add profile description...","metronet-profile-picture"),value:this.state.tabbedAuthorSubHeading,formattingControls:["bold","italic","strikethrough","link"],onChange:function(value){_this2.onChangeTabbedSubHeading(value),setAttributes({tabbedAuthorSubHeading:value})}}))),React.createElement("div",{className:"mpp-tabbed-profile-information"},showTitle&&React.createElement(RichText,{tagName:"div",className:"mpp-author-profile-title",placeholder:__("Add profile title...","metronet-profile-picture"),value:tabbedAuthorProfileTitle,formattingControls:["bold","italic","strikethrough","link"],onChange:function(value){setAttributes({tabbedAuthorProfileTitle:value})}}),showName&&React.createElement(RichText,{tagName:"h2",placeholder:__("Add name","metronet-profile-picture"),value:profileName,className:"mpp-profile-name",style:{color:profileTextColor,fontSize:headerFontSize+"px"},onChange:function(value){_this2.onChangeName(value),setAttributes({profileName:value})}}),showDescription&&React.createElement(RichText,{tagName:"div",className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("mpp-profile-text","mt-font-size-"+profileFontSize),placeholder:__("Add profile text...","metronet-profile-picture"),value:profileContent,formattingControls:["bold","italic","strikethrough","link"],onChange:function(value){_this2.onChangeProfileText(value),setAttributes({profileContent:value})}}))),"latest"===this.state.activeTab&&React.createElement(Fragment,null,this.state.loadingLatestPosts&&React.createElement(Fragment,null,React.createElement("div",null,React.createElement("div",{className:"mpp-spinner"},React.createElement(Spinner,null)))),!this.state.loadingLatestPosts&&React.createElement(Fragment,null,React.createElement("ul",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("mpp-author-tab-content",this.state.profileLatestPostsOptionsValue)},this.state.latestPosts))))))))}}])&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),MPP_Gutenberg_Enhanced}(Component)},"./src/blocks.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./src/block/block.js")},"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(arg){var argType=typeof arg;if("string"===argType||"number"===argType)classes.push(arg);else if(Array.isArray(arg)&&arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}else if("object"===argType)for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key)}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./src/block/editor.scss":()=>{},"./src/block/style.scss":()=>{}},__webpack_module_cache__={};function __webpack_require__(moduleId){if(__webpack_module_cache__[moduleId])return __webpack_module_cache__[moduleId].exports;var module=__webpack_module_cache__[moduleId]={exports:{}};return __webpack_modules__[moduleId](module,module.exports,__webpack_require__),module.exports}__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__("./src/blocks.js")})();
3
+ //# sourceMappingURL=blocks.build.js.map
dist/blocks.build.js.LICENSE.txt ADDED
@@ -0,0 +1,289 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*!
2
+ Copyright (c) 2017 Jed Watson.
3
+ Licensed under the MIT License (MIT), see
4
+ http://jedwatson.github.io/classnames
5
+ */
6
+
7
+ /*! ../cancel/isCancel */
8
+
9
+ /*! ../core/buildFullPath */
10
+
11
+ /*! ../core/createError */
12
+
13
+ /*! ../defaults */
14
+
15
+ /*! ../helpers/buildURL */
16
+
17
+ /*! ../helpers/combineURLs */
18
+
19
+ /*! ../helpers/isAbsoluteURL */
20
+
21
+ /*! ../utils */
22
+
23
+ /*! ./../core/settle */
24
+
25
+ /*! ./../helpers/buildURL */
26
+
27
+ /*! ./../helpers/cookies */
28
+
29
+ /*! ./../helpers/isURLSameOrigin */
30
+
31
+ /*! ./../helpers/parseHeaders */
32
+
33
+ /*! ./../utils */
34
+
35
+ /*! ./Cancel */
36
+
37
+ /*! ./InterceptorManager */
38
+
39
+ /*! ./adapters/xhr */
40
+
41
+ /*! ./block/block.js */
42
+
43
+ /*! ./cancel/Cancel */
44
+
45
+ /*! ./cancel/CancelToken */
46
+
47
+ /*! ./cancel/isCancel */
48
+
49
+ /*! ./core/Axios */
50
+
51
+ /*! ./core/mergeConfig */
52
+
53
+ /*! ./createError */
54
+
55
+ /*! ./defaults */
56
+
57
+ /*! ./dispatchRequest */
58
+
59
+ /*! ./editor.scss */
60
+
61
+ /*! ./enhanceError */
62
+
63
+ /*! ./helpers/bind */
64
+
65
+ /*! ./helpers/normalizeHeaderName */
66
+
67
+ /*! ./helpers/spread */
68
+
69
+ /*! ./lib/axios */
70
+
71
+ /*! ./mergeConfig */
72
+
73
+ /*! ./profile */
74
+
75
+ /*! ./profile-legacy */
76
+
77
+ /*! ./style.scss */
78
+
79
+ /*! ./transformData */
80
+
81
+ /*! ./utils */
82
+
83
+ /*! CommonJS bailout: module.exports is used directly at 10:0-14 */
84
+
85
+ /*! CommonJS bailout: module.exports is used directly at 11:0-14 */
86
+
87
+ /*! CommonJS bailout: module.exports is used directly at 12:0-14 */
88
+
89
+ /*! CommonJS bailout: module.exports is used directly at 13:0-14 */
90
+
91
+ /*! CommonJS bailout: module.exports is used directly at 15:0-14 */
92
+
93
+ /*! CommonJS bailout: module.exports is used directly at 19:0-14 */
94
+
95
+ /*! CommonJS bailout: module.exports is used directly at 23:0-14 */
96
+
97
+ /*! CommonJS bailout: module.exports is used directly at 27:0-14 */
98
+
99
+ /*! CommonJS bailout: module.exports is used directly at 322:0-14 */
100
+
101
+ /*! CommonJS bailout: module.exports is used directly at 3:0-14 */
102
+
103
+ /*! CommonJS bailout: module.exports is used directly at 41:38-52 */
104
+
105
+ /*! CommonJS bailout: module.exports is used directly at 43:2-16 */
106
+
107
+ /*! CommonJS bailout: module.exports is used directly at 50:0-14 */
108
+
109
+ /*! CommonJS bailout: module.exports is used directly at 52:0-14 */
110
+
111
+ /*! CommonJS bailout: module.exports is used directly at 57:0-14 */
112
+
113
+ /*! CommonJS bailout: module.exports is used directly at 5:0-14 */
114
+
115
+ /*! CommonJS bailout: module.exports is used directly at 94:0-14 */
116
+
117
+ /*! CommonJS bailout: module.exports is used directly at 97:0-14 */
118
+
119
+ /*! CommonJS bailout: module.exports is used directly at 9:0-14 */
120
+
121
+ /*! axios */
122
+
123
+ /*! classnames */
124
+
125
+ /*! dynamic exports */
126
+
127
+ /*! export __esModule [maybe provided (runtime-defined)] [no usage info] [provision prevents renaming (no use info)] -> ./node_modules/axios/lib/axios.js .__esModule */
128
+
129
+ /*! export default [provided] [no usage info] [missing usage info prevents renaming] */
130
+
131
+ /*! export legacy_name [provided] [no usage info] [missing usage info prevents renaming] */
132
+
133
+ /*! export name [provided] [no usage info] [missing usage info prevents renaming] */
134
+
135
+ /*! exports [not provided] [no usage info] */
136
+
137
+ /*! namespace exports */
138
+
139
+ /*! other exports [maybe provided (runtime-defined)] [no usage info] -> ./node_modules/axios/lib/axios.js */
140
+
141
+ /*! other exports [not provided] [no usage info] */
142
+
143
+ /*! runtime requirements: */
144
+
145
+ /*! runtime requirements: __webpack_require__, __webpack_require__.n, __webpack_exports__, __webpack_require__.r, __webpack_require__.d, __webpack_require__.* */
146
+
147
+ /*! runtime requirements: __webpack_require__, __webpack_require__.n, __webpack_require__.r, __webpack_exports__, __webpack_require__.d, __webpack_require__.* */
148
+
149
+ /*! runtime requirements: __webpack_require__, __webpack_require__.r, __webpack_exports__, __webpack_require__.* */
150
+
151
+ /*! runtime requirements: module */
152
+
153
+ /*! runtime requirements: module, __webpack_exports__ */
154
+
155
+ /*! runtime requirements: module, __webpack_require__ */
156
+
157
+ /*! unknown exports (runtime-defined) */
158
+
159
+ /*!***********************!*\
160
+ !*** ./src/blocks.js ***!
161
+ \***********************/
162
+
163
+ /*!****************************!*\
164
+ !*** ./src/block/block.js ***!
165
+ \****************************/
166
+
167
+ /*!******************************!*\
168
+ !*** ./src/block/profile.js ***!
169
+ \******************************/
170
+
171
+ /*!******************************!*\
172
+ !*** ./src/block/style.scss ***!
173
+ \******************************/
174
+
175
+ /*!*******************************!*\
176
+ !*** ./src/block/editor.scss ***!
177
+ \*******************************/
178
+
179
+ /*!*************************************!*\
180
+ !*** ./node_modules/axios/index.js ***!
181
+ \*************************************/
182
+
183
+ /*!*************************************!*\
184
+ !*** ./src/block/profile-legacy.js ***!
185
+ \*************************************/
186
+
187
+ /*!*****************************************!*\
188
+ !*** ./node_modules/axios/lib/axios.js ***!
189
+ \*****************************************/
190
+
191
+ /*!*****************************************!*\
192
+ !*** ./node_modules/axios/lib/utils.js ***!
193
+ \*****************************************/
194
+
195
+ /*!******************************************!*\
196
+ !*** ./node_modules/classnames/index.js ***!
197
+ \******************************************/
198
+
199
+ /*!********************************************!*\
200
+ !*** ./node_modules/axios/lib/defaults.js ***!
201
+ \********************************************/
202
+
203
+ /*!**********************************************!*\
204
+ !*** ./node_modules/axios/lib/core/Axios.js ***!
205
+ \**********************************************/
206
+
207
+ /*!***********************************************!*\
208
+ !*** ./node_modules/axios/lib/core/settle.js ***!
209
+ \***********************************************/
210
+
211
+ /*!************************************************!*\
212
+ !*** ./node_modules/axios/lib/adapters/xhr.js ***!
213
+ \************************************************/
214
+
215
+ /*!************************************************!*\
216
+ !*** ./node_modules/axios/lib/helpers/bind.js ***!
217
+ \************************************************/
218
+
219
+ /*!*************************************************!*\
220
+ !*** ./node_modules/axios/lib/cancel/Cancel.js ***!
221
+ \*************************************************/
222
+
223
+ /*!**************************************************!*\
224
+ !*** ./node_modules/axios/lib/helpers/spread.js ***!
225
+ \**************************************************/
226
+
227
+ /*!***************************************************!*\
228
+ !*** ./node_modules/axios/lib/cancel/isCancel.js ***!
229
+ \***************************************************/
230
+
231
+ /*!***************************************************!*\
232
+ !*** ./node_modules/axios/lib/helpers/cookies.js ***!
233
+ \***************************************************/
234
+
235
+ /*!****************************************************!*\
236
+ !*** ./node_modules/axios/lib/core/createError.js ***!
237
+ \****************************************************/
238
+
239
+ /*!****************************************************!*\
240
+ !*** ./node_modules/axios/lib/core/mergeConfig.js ***!
241
+ \****************************************************/
242
+
243
+ /*!****************************************************!*\
244
+ !*** ./node_modules/axios/lib/helpers/buildURL.js ***!
245
+ \****************************************************/
246
+
247
+ /*!*****************************************************!*\
248
+ !*** ./node_modules/axios/lib/core/enhanceError.js ***!
249
+ \*****************************************************/
250
+
251
+ /*!******************************************************!*\
252
+ !*** ./node_modules/axios/lib/cancel/CancelToken.js ***!
253
+ \******************************************************/
254
+
255
+ /*!******************************************************!*\
256
+ !*** ./node_modules/axios/lib/core/buildFullPath.js ***!
257
+ \******************************************************/
258
+
259
+ /*!******************************************************!*\
260
+ !*** ./node_modules/axios/lib/core/transformData.js ***!
261
+ \******************************************************/
262
+
263
+ /*!*******************************************************!*\
264
+ !*** ./node_modules/axios/lib/helpers/combineURLs.js ***!
265
+ \*******************************************************/
266
+
267
+ /*!********************************************************!*\
268
+ !*** ./node_modules/axios/lib/core/dispatchRequest.js ***!
269
+ \********************************************************/
270
+
271
+ /*!********************************************************!*\
272
+ !*** ./node_modules/axios/lib/helpers/parseHeaders.js ***!
273
+ \********************************************************/
274
+
275
+ /*!*********************************************************!*\
276
+ !*** ./node_modules/axios/lib/helpers/isAbsoluteURL.js ***!
277
+ \*********************************************************/
278
+
279
+ /*!***********************************************************!*\
280
+ !*** ./node_modules/axios/lib/core/InterceptorManager.js ***!
281
+ \***********************************************************/
282
+
283
+ /*!***********************************************************!*\
284
+ !*** ./node_modules/axios/lib/helpers/isURLSameOrigin.js ***!
285
+ \***********************************************************/
286
+
287
+ /*!***************************************************************!*\
288
+ !*** ./node_modules/axios/lib/helpers/normalizeHeaderName.js ***!
289
+ \***************************************************************/
dist/blocks.build.js.map ADDED
@@ -0,0 +1 @@
 
1
+ {"version":3,"sources":["webpack://user-profile-picture/./node_modules/axios/index.js","webpack://user-profile-picture/./node_modules/axios/lib/adapters/xhr.js","webpack://user-profile-picture/./node_modules/axios/lib/axios.js","webpack://user-profile-picture/./node_modules/axios/lib/cancel/Cancel.js","webpack://user-profile-picture/./node_modules/axios/lib/cancel/CancelToken.js","webpack://user-profile-picture/./node_modules/axios/lib/cancel/isCancel.js","webpack://user-profile-picture/./node_modules/axios/lib/core/Axios.js","webpack://user-profile-picture/./node_modules/axios/lib/core/InterceptorManager.js","webpack://user-profile-picture/./node_modules/axios/lib/core/buildFullPath.js","webpack://user-profile-picture/./node_modules/axios/lib/core/createError.js","webpack://user-profile-picture/./node_modules/axios/lib/core/dispatchRequest.js","webpack://user-profile-picture/./node_modules/axios/lib/core/enhanceError.js","webpack://user-profile-picture/./node_modules/axios/lib/core/mergeConfig.js","webpack://user-profile-picture/./node_modules/axios/lib/core/settle.js","webpack://user-profile-picture/./node_modules/axios/lib/core/transformData.js","webpack://user-profile-picture/./node_modules/axios/lib/defaults.js","webpack://user-profile-picture/./node_modules/axios/lib/helpers/bind.js","webpack://user-profile-picture/./node_modules/axios/lib/helpers/buildURL.js","webpack://user-profile-picture/./node_modules/axios/lib/helpers/combineURLs.js","webpack://user-profile-picture/./node_modules/axios/lib/helpers/cookies.js","webpack://user-profile-picture/./node_modules/axios/lib/helpers/isAbsoluteURL.js","webpack://user-profile-picture/./node_modules/axios/lib/helpers/isURLSameOrigin.js","webpack://user-profile-picture/./node_modules/axios/lib/helpers/normalizeHeaderName.js","webpack://user-profile-picture/./node_modules/axios/lib/helpers/parseHeaders.js","webpack://user-profile-picture/./node_modules/axios/lib/helpers/spread.js","webpack://user-profile-picture/./node_modules/axios/lib/utils.js","webpack://user-profile-picture/./src/block/block.js","webpack://user-profile-picture/./src/block/profile-legacy.js","webpack://user-profile-picture/./src/block/profile.js","webpack://user-profile-picture/./node_modules/classnames/index.js","webpack://user-profile-picture/webpack/bootstrap","webpack://user-profile-picture/webpack/runtime/compat get default export","webpack://user-profile-picture/webpack/runtime/define property getters","webpack://user-profile-picture/webpack/runtime/hasOwnProperty shorthand","webpack://user-profile-picture/webpack/runtime/make namespace object","webpack://user-profile-picture/webpack/startup"],"names":["module","exports","utils","settle","buildURL","buildFullPath","parseHeaders","isURLSameOrigin","createError","config","Promise","resolve","reject","requestData","data","requestHeaders","headers","isFormData","request","XMLHttpRequest","auth","username","password","Authorization","btoa","fullPath","baseURL","url","open","method","toUpperCase","params","paramsSerializer","timeout","onreadystatechange","readyState","status","responseURL","indexOf","responseHeaders","getAllResponseHeaders","response","responseType","responseText","statusText","onabort","onerror","ontimeout","timeoutErrorMessage","isStandardBrowserEnv","cookies","xsrfValue","withCredentials","xsrfCookieName","read","undefined","xsrfHeaderName","forEach","val","key","toLowerCase","setRequestHeader","isUndefined","e","onDownloadProgress","addEventListener","onUploadProgress","upload","cancelToken","promise","then","cancel","abort","send","bind","Axios","mergeConfig","createInstance","defaultConfig","context","instance","prototype","extend","axios","create","instanceConfig","defaults","Cancel","CancelToken","isCancel","all","promises","spread","default","message","this","toString","__CANCEL__","executor","TypeError","resolvePromise","token","reason","throwIfRequested","source","c","value","InterceptorManager","dispatchRequest","interceptors","arguments","chain","interceptor","unshift","fulfilled","rejected","push","length","shift","getUri","replace","merge","handlers","use","eject","id","fn","h","isAbsoluteURL","combineURLs","requestedURL","enhanceError","code","error","Error","transformData","throwIfCancellationRequested","transformRequest","common","adapter","transformResponse","isAxiosError","toJSON","name","description","number","fileName","lineNumber","columnNumber","stack","config1","config2","valueFromConfig2Keys","mergeDeepPropertiesKeys","defaultToConfig2Keys","prop","isObject","deepMerge","axiosKeys","concat","otherKeys","Object","keys","filter","validateStatus","fns","normalizeHeaderName","DEFAULT_CONTENT_TYPE","setContentTypeIfUnset","process","call","isArrayBuffer","isBuffer","isStream","isFile","isBlob","isArrayBufferView","buffer","isURLSearchParams","JSON","stringify","parse","maxContentLength","thisArg","args","Array","i","apply","encode","encodeURIComponent","serializedParams","parts","isArray","v","isDate","toISOString","join","hashmarkIndex","slice","relativeURL","write","expires","path","domain","secure","cookie","isNumber","Date","toGMTString","isString","document","match","RegExp","decodeURIComponent","remove","now","test","originURL","msie","navigator","userAgent","urlParsingNode","createElement","resolveURL","href","setAttribute","protocol","host","search","hash","hostname","port","pathname","charAt","window","location","requestURL","parsed","normalizedName","ignoreDuplicateOf","split","line","trim","substr","callback","arr","isFunction","obj","l","hasOwnProperty","constructor","FormData","ArrayBuffer","isView","pipe","URLSearchParams","product","result","assignValue","a","b","str","__","wp","i18n","registerBlockType","blocks","element","Fragment","Component","legacy_name","RichText","editor","title","icon","data-name","xmlns","viewBox","d","transform","fill","category","attributes","profileName","type","profileTitle","profileContent","profileAlignment","profileImgURL","attribute","selector","profileImgID","profileURL","profileBackgroundColor","profileTextColor","profileViewPostsBackgroundColor","profileViewPostsTextColor","profileViewPostsWidth","profileFontSize","profileAvatarShape","showName","showTitle","showDescription","showViewPosts","user_id","edit","legacyEdit","save","props","profileLinkColor","className","classnames","style","backgroundColor","color","src","alt","Content","tagName","getEditWrapperProps","components","PanelBody","Placeholder","RangeControl","QueryControls","SelectControl","Spinner","ToggleControl","TextControl","Button","Toolbar","withAPIData","ColorPalette","InspectorControls","BlockControls","MediaUpload","AlignmentToolbar","PanelColorSettings","mpp_gutenberg","rest_url","nonce","users","user_list","active_user","profile_picture","profile_picture_id","profile_name","profile_description","profile_title","profile_url","$","each","ID","profile_pictures","has_profile_picture","display_name","is_user_logged_in","default_image","permalink","label","active_user_profile","setState","loading","setAttributes","state","mystery_man","get_users","image_id","image_url","isSelected","editable","profileAvatarShapeOptions","options","onChange","on_user_change","Number","min","max","step","initialOpen","colorSettings","checked","buttonProps","onSelect","img","handleImageChange","render","onClick","class","placeholder","onChangeName","onChangeTitle","formattingControls","onChangeProfileText","show_website","jQuery","showWebsite","showSocialMedia","tabbedAuthorSubHeading","tabbedAuthorProfileTitle","socialFacebook","socialGitHub","socialInstagram","socialLinkedIn","socialPinterest","socialTwitter","socialWordPress","socialYouTube","profile_name_unfiltered","getLatestPosts","loadingLatestPosts","postJSX","map","post_title","latestPosts","theme","website","socialMediaOptions","tabbedAuthorProfile","activeTab","tabbedAuthorProfileHeading","tabbedAuthorLatestPosts","profileTabColor","profileTabPostsColor","profileTabHeadlineColor","profileTabPostsTextColor","profileTabHeadlineTextColor","profileTabTextColor","profileLatestPostsOptionsValue","profileCompactAlignment","theme_list","profileViewPosts","profileViewWebsite","themes","socialMediaColors","buttonFontSize","headerFontSize","showPostsWidth","profileWebsiteBackgroundColor","profileWebsiteTextColor","padding","border","borderRounded","borderColor","profileSocialMediaOptions","profileLatestPostsOptions","profileCompactOptions","profileFloat","profileMargin","width","height","onThemeChange","onCompactAlignmentChange","handleWebsiteChange","handleSocialMediaChange","latestPostsTheme","onChangeProfileTabColor","onChangeProfileTabColorText","onChangePostsTabColor","onChangeProfileTabPostColorText","onChangePostsTabHeadlineColor","profileTabHeadlineColorText","onChangeProfileTabHeadlineColorText","onLatestPostsChange","handleSocialMediaOptionChange","handleFacebookChange","handleTwitterChange","handleInstagramChange","handleLinkedInChange","handleYouTubeChange","handleGitHubChange","handlePinterestChange","handleWordPressChange","borderRadius","float","margin","fontSize","role","onChangeActiveProfileTab","onChangetabbedAuthorProfile","onChangeActivePostTab","onChangetabbedAuthorLatestPosts","onChangetabbedAuthorProfileHeading","onChangeTabbedSubHeading","hasOwn","classNames","classes","arg","argType","inner","__webpack_module_cache__","__webpack_require__","moduleId","__webpack_modules__","n","getter","__esModule","definition","o","defineProperty","enumerable","get","r","Symbol","toStringTag"],"mappings":"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","file":"blocks.build.js","sourcesContent":["module.exports = require('./lib/axios');","'use strict';\n\nvar utils = require('./../utils');\nvar settle = require('./../core/settle');\nvar buildURL = require('./../helpers/buildURL');\nvar buildFullPath = require('../core/buildFullPath');\nvar parseHeaders = require('./../helpers/parseHeaders');\nvar isURLSameOrigin = require('./../helpers/isURLSameOrigin');\nvar createError = require('../core/createError');\n\nmodule.exports = function xhrAdapter(config) {\n return new Promise(function dispatchXhrRequest(resolve, reject) {\n var requestData = config.data;\n var requestHeaders = config.headers;\n\n if (utils.isFormData(requestData)) {\n delete requestHeaders['Content-Type']; // Let the browser set it\n }\n\n var request = new XMLHttpRequest();\n\n // HTTP basic authentication\n if (config.auth) {\n var username = config.auth.username || '';\n var password = config.auth.password || '';\n requestHeaders.Authorization = 'Basic ' + btoa(username + ':' + password);\n }\n\n var fullPath = buildFullPath(config.baseURL, config.url);\n request.open(config.method.toUpperCase(), buildURL(fullPath, config.params, config.paramsSerializer), true);\n\n // Set the request timeout in MS\n request.timeout = config.timeout;\n\n // Listen for ready state\n request.onreadystatechange = function handleLoad() {\n if (!request || request.readyState !== 4) {\n return;\n }\n\n // The request errored out and we didn't get a response, this will be\n // handled by onerror instead\n // With one exception: request that using file: protocol, most browsers\n // will return status as 0 even though it's a successful request\n if (request.status === 0 && !(request.responseURL && request.responseURL.indexOf('file:') === 0)) {\n return;\n }\n\n // Prepare the response\n var responseHeaders = 'getAllResponseHeaders' in request ? parseHeaders(request.getAllResponseHeaders()) : null;\n var responseData = !config.responseType || config.responseType === 'text' ? request.responseText : request.response;\n var response = {\n data: responseData,\n status: request.status,\n statusText: request.statusText,\n headers: responseHeaders,\n config: config,\n request: request\n };\n\n settle(resolve, reject, response);\n\n // Clean up request\n request = null;\n };\n\n // Handle browser request cancellation (as opposed to a manual cancellation)\n request.onabort = function handleAbort() {\n if (!request) {\n return;\n }\n\n reject(createError('Request aborted', config, 'ECONNABORTED', request));\n\n // Clean up request\n request = null;\n };\n\n // Handle low level network errors\n request.onerror = function handleError() {\n // Real errors are hidden from us by the browser\n // onerror should only fire if it's a network error\n reject(createError('Network Error', config, null, request));\n\n // Clean up request\n request = null;\n };\n\n // Handle timeout\n request.ontimeout = function handleTimeout() {\n var timeoutErrorMessage = 'timeout of ' + config.timeout + 'ms exceeded';\n if (config.timeoutErrorMessage) {\n timeoutErrorMessage = config.timeoutErrorMessage;\n }\n reject(createError(timeoutErrorMessage, config, 'ECONNABORTED',\n request));\n\n // Clean up request\n request = null;\n };\n\n // Add xsrf header\n // This is only done if running in a standard browser environment.\n // Specifically not if we're in a web worker, or react-native.\n if (utils.isStandardBrowserEnv()) {\n var cookies = require('./../helpers/cookies');\n\n // Add xsrf header\n var xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath)) && config.xsrfCookieName ?\n cookies.read(config.xsrfCookieName) :\n undefined;\n\n if (xsrfValue) {\n requestHeaders[config.xsrfHeaderName] = xsrfValue;\n }\n }\n\n // Add headers to the request\n if ('setRequestHeader' in request) {\n utils.forEach(requestHeaders, function setRequestHeader(val, key) {\n if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') {\n // Remove Content-Type if data is undefined\n delete requestHeaders[key];\n } else {\n // Otherwise add header to the request\n request.setRequestHeader(key, val);\n }\n });\n }\n\n // Add withCredentials to request if needed\n if (!utils.isUndefined(config.withCredentials)) {\n request.withCredentials = !!config.withCredentials;\n }\n\n // Add responseType to request if needed\n if (config.responseType) {\n try {\n request.responseType = config.responseType;\n } catch (e) {\n // Expected DOMException thrown by browsers not compatible XMLHttpRequest Level 2.\n // But, this can be suppressed for 'json' type as it can be parsed by default 'transformResponse' function.\n if (config.responseType !== 'json') {\n throw e;\n }\n }\n }\n\n // Handle progress if needed\n if (typeof config.onDownloadProgress === 'function') {\n request.addEventListener('progress', config.onDownloadProgress);\n }\n\n // Not all browsers support upload events\n if (typeof config.onUploadProgress === 'function' && request.upload) {\n request.upload.addEventListener('progress', config.onUploadProgress);\n }\n\n if (config.cancelToken) {\n // Handle cancellation\n config.cancelToken.promise.then(function onCanceled(cancel) {\n if (!request) {\n return;\n }\n\n request.abort();\n reject(cancel);\n // Clean up request\n request = null;\n });\n }\n\n if (requestData === undefined) {\n requestData = null;\n }\n\n // Send the request\n request.send(requestData);\n });\n};\n","'use strict';\n\nvar utils = require('./utils');\nvar bind = require('./helpers/bind');\nvar Axios = require('./core/Axios');\nvar mergeConfig = require('./core/mergeConfig');\nvar defaults = require('./defaults');\n\n/**\n * Create an instance of Axios\n *\n * @param {Object} defaultConfig The default config for the instance\n * @return {Axios} A new instance of Axios\n */\nfunction createInstance(defaultConfig) {\n var context = new Axios(defaultConfig);\n var instance = bind(Axios.prototype.request, context);\n\n // Copy axios.prototype to instance\n utils.extend(instance, Axios.prototype, context);\n\n // Copy context to instance\n utils.extend(instance, context);\n\n return instance;\n}\n\n// Create the default instance to be exported\nvar axios = createInstance(defaults);\n\n// Expose Axios class to allow class inheritance\naxios.Axios = Axios;\n\n// Factory for creating new instances\naxios.create = function create(instanceConfig) {\n return createInstance(mergeConfig(axios.defaults, instanceConfig));\n};\n\n// Expose Cancel & CancelToken\naxios.Cancel = require('./cancel/Cancel');\naxios.CancelToken = require('./cancel/CancelToken');\naxios.isCancel = require('./cancel/isCancel');\n\n// Expose all/spread\naxios.all = function all(promises) {\n return Promise.all(promises);\n};\naxios.spread = require('./helpers/spread');\n\nmodule.exports = axios;\n\n// Allow use of default import syntax in TypeScript\nmodule.exports.default = axios;\n","'use strict';\n\n/**\n * A `Cancel` is an object that is thrown when an operation is canceled.\n *\n * @class\n * @param {string=} message The message.\n */\nfunction Cancel(message) {\n this.message = message;\n}\n\nCancel.prototype.toString = function toString() {\n return 'Cancel' + (this.message ? ': ' + this.message : '');\n};\n\nCancel.prototype.__CANCEL__ = true;\n\nmodule.exports = Cancel;\n","'use strict';\n\nvar Cancel = require('./Cancel');\n\n/**\n * A `CancelToken` is an object that can be used to request cancellation of an operation.\n *\n * @class\n * @param {Function} executor The executor function.\n */\nfunction CancelToken(executor) {\n if (typeof executor !== 'function') {\n throw new TypeError('executor must be a function.');\n }\n\n var resolvePromise;\n this.promise = new Promise(function promiseExecutor(resolve) {\n resolvePromise = resolve;\n });\n\n var token = this;\n executor(function cancel(message) {\n if (token.reason) {\n // Cancellation has already been requested\n return;\n }\n\n token.reason = new Cancel(message);\n resolvePromise(token.reason);\n });\n}\n\n/**\n * Throws a `Cancel` if cancellation has been requested.\n */\nCancelToken.prototype.throwIfRequested = function throwIfRequested() {\n if (this.reason) {\n throw this.reason;\n }\n};\n\n/**\n * Returns an object that contains a new `CancelToken` and a function that, when called,\n * cancels the `CancelToken`.\n */\nCancelToken.source = function source() {\n var cancel;\n var token = new CancelToken(function executor(c) {\n cancel = c;\n });\n return {\n token: token,\n cancel: cancel\n };\n};\n\nmodule.exports = CancelToken;\n","'use strict';\n\nmodule.exports = function isCancel(value) {\n return !!(value && value.__CANCEL__);\n};\n","'use strict';\n\nvar utils = require('./../utils');\nvar buildURL = require('../helpers/buildURL');\nvar InterceptorManager = require('./InterceptorManager');\nvar dispatchRequest = require('./dispatchRequest');\nvar mergeConfig = require('./mergeConfig');\n\n/**\n * Create a new instance of Axios\n *\n * @param {Object} instanceConfig The default config for the instance\n */\nfunction Axios(instanceConfig) {\n this.defaults = instanceConfig;\n this.interceptors = {\n request: new InterceptorManager(),\n response: new InterceptorManager()\n };\n}\n\n/**\n * Dispatch a request\n *\n * @param {Object} config The config specific for this request (merged with this.defaults)\n */\nAxios.prototype.request = function request(config) {\n /*eslint no-param-reassign:0*/\n // Allow for axios('example/url'[, config]) a la fetch API\n if (typeof config === 'string') {\n config = arguments[1] || {};\n config.url = arguments[0];\n } else {\n config = config || {};\n }\n\n config = mergeConfig(this.defaults, config);\n\n // Set config.method\n if (config.method) {\n config.method = config.method.toLowerCase();\n } else if (this.defaults.method) {\n config.method = this.defaults.method.toLowerCase();\n } else {\n config.method = 'get';\n }\n\n // Hook up interceptors middleware\n var chain = [dispatchRequest, undefined];\n var promise = Promise.resolve(config);\n\n this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) {\n chain.unshift(interceptor.fulfilled, interceptor.rejected);\n });\n\n this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {\n chain.push(interceptor.fulfilled, interceptor.rejected);\n });\n\n while (chain.length) {\n promise = promise.then(chain.shift(), chain.shift());\n }\n\n return promise;\n};\n\nAxios.prototype.getUri = function getUri(config) {\n config = mergeConfig(this.defaults, config);\n return buildURL(config.url, config.params, config.paramsSerializer).replace(/^\\?/, '');\n};\n\n// Provide aliases for supported request methods\nutils.forEach(['delete', 'get', 'head', 'options'], function forEachMethodNoData(method) {\n /*eslint func-names:0*/\n Axios.prototype[method] = function(url, config) {\n return this.request(utils.merge(config || {}, {\n method: method,\n url: url\n }));\n };\n});\n\nutils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {\n /*eslint func-names:0*/\n Axios.prototype[method] = function(url, data, config) {\n return this.request(utils.merge(config || {}, {\n method: method,\n url: url,\n data: data\n }));\n };\n});\n\nmodule.exports = Axios;\n","'use strict';\n\nvar utils = require('./../utils');\n\nfunction InterceptorManager() {\n this.handlers = [];\n}\n\n/**\n * Add a new interceptor to the stack\n *\n * @param {Function} fulfilled The function to handle `then` for a `Promise`\n * @param {Function} rejected The function to handle `reject` for a `Promise`\n *\n * @return {Number} An ID used to remove interceptor later\n */\nInterceptorManager.prototype.use = function use(fulfilled, rejected) {\n this.handlers.push({\n fulfilled: fulfilled,\n rejected: rejected\n });\n return this.handlers.length - 1;\n};\n\n/**\n * Remove an interceptor from the stack\n *\n * @param {Number} id The ID that was returned by `use`\n */\nInterceptorManager.prototype.eject = function eject(id) {\n if (this.handlers[id]) {\n this.handlers[id] = null;\n }\n};\n\n/**\n * Iterate over all the registered interceptors\n *\n * This method is particularly useful for skipping over any\n * interceptors that may have become `null` calling `eject`.\n *\n * @param {Function} fn The function to call for each interceptor\n */\nInterceptorManager.prototype.forEach = function forEach(fn) {\n utils.forEach(this.handlers, function forEachHandler(h) {\n if (h !== null) {\n fn(h);\n }\n });\n};\n\nmodule.exports = InterceptorManager;\n","'use strict';\n\nvar isAbsoluteURL = require('../helpers/isAbsoluteURL');\nvar combineURLs = require('../helpers/combineURLs');\n\n/**\n * Creates a new URL by combining the baseURL with the requestedURL,\n * only when the requestedURL is not already an absolute URL.\n * If the requestURL is absolute, this function returns the requestedURL untouched.\n *\n * @param {string} baseURL The base URL\n * @param {string} requestedURL Absolute or relative URL to combine\n * @returns {string} The combined full path\n */\nmodule.exports = function buildFullPath(baseURL, requestedURL) {\n if (baseURL && !isAbsoluteURL(requestedURL)) {\n return combineURLs(baseURL, requestedURL);\n }\n return requestedURL;\n};\n","'use strict';\n\nvar enhanceError = require('./enhanceError');\n\n/**\n * Create an Error with the specified message, config, error code, request and response.\n *\n * @param {string} message The error message.\n * @param {Object} config The config.\n * @param {string} [code] The error code (for example, 'ECONNABORTED').\n * @param {Object} [request] The request.\n * @param {Object} [response] The response.\n * @returns {Error} The created error.\n */\nmodule.exports = function createError(message, config, code, request, response) {\n var error = new Error(message);\n return enhanceError(error, config, code, request, response);\n};\n","'use strict';\n\nvar utils = require('./../utils');\nvar transformData = require('./transformData');\nvar isCancel = require('../cancel/isCancel');\nvar defaults = require('../defaults');\n\n/**\n * Throws a `Cancel` if cancellation has been requested.\n */\nfunction throwIfCancellationRequested(config) {\n if (config.cancelToken) {\n config.cancelToken.throwIfRequested();\n }\n}\n\n/**\n * Dispatch a request to the server using the configured adapter.\n *\n * @param {object} config The config that is to be used for the request\n * @returns {Promise} The Promise to be fulfilled\n */\nmodule.exports = function dispatchRequest(config) {\n throwIfCancellationRequested(config);\n\n // Ensure headers exist\n config.headers = config.headers || {};\n\n // Transform request data\n config.data = transformData(\n config.data,\n config.headers,\n config.transformRequest\n );\n\n // Flatten headers\n config.headers = utils.merge(\n config.headers.common || {},\n config.headers[config.method] || {},\n config.headers\n );\n\n utils.forEach(\n ['delete', 'get', 'head', 'post', 'put', 'patch', 'common'],\n function cleanHeaderConfig(method) {\n delete config.headers[method];\n }\n );\n\n var adapter = config.adapter || defaults.adapter;\n\n return adapter(config).then(function onAdapterResolution(response) {\n throwIfCancellationRequested(config);\n\n // Transform response data\n response.data = transformData(\n response.data,\n response.headers,\n config.transformResponse\n );\n\n return response;\n }, function onAdapterRejection(reason) {\n if (!isCancel(reason)) {\n throwIfCancellationRequested(config);\n\n // Transform response data\n if (reason && reason.response) {\n reason.response.data = transformData(\n reason.response.data,\n reason.response.headers,\n config.transformResponse\n );\n }\n }\n\n return Promise.reject(reason);\n });\n};\n","'use strict';\n\n/**\n * Update an Error with the specified config, error code, and response.\n *\n * @param {Error} error The error to update.\n * @param {Object} config The config.\n * @param {string} [code] The error code (for example, 'ECONNABORTED').\n * @param {Object} [request] The request.\n * @param {Object} [response] The response.\n * @returns {Error} The error.\n */\nmodule.exports = function enhanceError(error, config, code, request, response) {\n error.config = config;\n if (code) {\n error.code = code;\n }\n\n error.request = request;\n error.response = response;\n error.isAxiosError = true;\n\n error.toJSON = function() {\n return {\n // Standard\n message: this.message,\n name: this.name,\n // Microsoft\n description: this.description,\n number: this.number,\n // Mozilla\n fileName: this.fileName,\n lineNumber: this.lineNumber,\n columnNumber: this.columnNumber,\n stack: this.stack,\n // Axios\n config: this.config,\n code: this.code\n };\n };\n return error;\n};\n","'use strict';\n\nvar utils = require('../utils');\n\n/**\n * Config-specific merge-function which creates a new config-object\n * by merging two configuration objects together.\n *\n * @param {Object} config1\n * @param {Object} config2\n * @returns {Object} New object resulting from merging config2 to config1\n */\nmodule.exports = function mergeConfig(config1, config2) {\n // eslint-disable-next-line no-param-reassign\n config2 = config2 || {};\n var config = {};\n\n var valueFromConfig2Keys = ['url', 'method', 'params', 'data'];\n var mergeDeepPropertiesKeys = ['headers', 'auth', 'proxy'];\n var defaultToConfig2Keys = [\n 'baseURL', 'url', 'transformRequest', 'transformResponse', 'paramsSerializer',\n 'timeout', 'withCredentials', 'adapter', 'responseType', 'xsrfCookieName',\n 'xsrfHeaderName', 'onUploadProgress', 'onDownloadProgress',\n 'maxContentLength', 'validateStatus', 'maxRedirects', 'httpAgent',\n 'httpsAgent', 'cancelToken', 'socketPath'\n ];\n\n utils.forEach(valueFromConfig2Keys, function valueFromConfig2(prop) {\n if (typeof config2[prop] !== 'undefined') {\n config[prop] = config2[prop];\n }\n });\n\n utils.forEach(mergeDeepPropertiesKeys, function mergeDeepProperties(prop) {\n if (utils.isObject(config2[prop])) {\n config[prop] = utils.deepMerge(config1[prop], config2[prop]);\n } else if (typeof config2[prop] !== 'undefined') {\n config[prop] = config2[prop];\n } else if (utils.isObject(config1[prop])) {\n config[prop] = utils.deepMerge(config1[prop]);\n } else if (typeof config1[prop] !== 'undefined') {\n config[prop] = config1[prop];\n }\n });\n\n utils.forEach(defaultToConfig2Keys, function defaultToConfig2(prop) {\n if (typeof config2[prop] !== 'undefined') {\n config[prop] = config2[prop];\n } else if (typeof config1[prop] !== 'undefined') {\n config[prop] = config1[prop];\n }\n });\n\n var axiosKeys = valueFromConfig2Keys\n .concat(mergeDeepPropertiesKeys)\n .concat(defaultToConfig2Keys);\n\n var otherKeys = Object\n .keys(config2)\n .filter(function filterAxiosKeys(key) {\n return axiosKeys.indexOf(key) === -1;\n });\n\n utils.forEach(otherKeys, function otherKeysDefaultToConfig2(prop) {\n if (typeof config2[prop] !== 'undefined') {\n config[prop] = config2[prop];\n } else if (typeof config1[prop] !== 'undefined') {\n config[prop] = config1[prop];\n }\n });\n\n return config;\n};\n","'use strict';\n\nvar createError = require('./createError');\n\n/**\n * Resolve or reject a Promise based on response status.\n *\n * @param {Function} resolve A function that resolves the promise.\n * @param {Function} reject A function that rejects the promise.\n * @param {object} response The response.\n */\nmodule.exports = function settle(resolve, reject, response) {\n var validateStatus = response.config.validateStatus;\n if (!validateStatus || validateStatus(response.status)) {\n resolve(response);\n } else {\n reject(createError(\n 'Request failed with status code ' + response.status,\n response.config,\n null,\n response.request,\n response\n ));\n }\n};\n","'use strict';\n\nvar utils = require('./../utils');\n\n/**\n * Transform the data for a request or a response\n *\n * @param {Object|String} data The data to be transformed\n * @param {Array} headers The headers for the request or response\n * @param {Array|Function} fns A single function or Array of functions\n * @returns {*} The resulting transformed data\n */\nmodule.exports = function transformData(data, headers, fns) {\n /*eslint no-param-reassign:0*/\n utils.forEach(fns, function transform(fn) {\n data = fn(data, headers);\n });\n\n return data;\n};\n","'use strict';\n\nvar utils = require('./utils');\nvar normalizeHeaderName = require('./helpers/normalizeHeaderName');\n\nvar DEFAULT_CONTENT_TYPE = {\n 'Content-Type': 'application/x-www-form-urlencoded'\n};\n\nfunction setContentTypeIfUnset(headers, value) {\n if (!utils.isUndefined(headers) && utils.isUndefined(headers['Content-Type'])) {\n headers['Content-Type'] = value;\n }\n}\n\nfunction getDefaultAdapter() {\n var adapter;\n if (typeof XMLHttpRequest !== 'undefined') {\n // For browsers use XHR adapter\n adapter = require('./adapters/xhr');\n } else if (typeof process !== 'undefined' && Object.prototype.toString.call(process) === '[object process]') {\n // For node use HTTP adapter\n adapter = require('./adapters/http');\n }\n return adapter;\n}\n\nvar defaults = {\n adapter: getDefaultAdapter(),\n\n transformRequest: [function transformRequest(data, headers) {\n normalizeHeaderName(headers, 'Accept');\n normalizeHeaderName(headers, 'Content-Type');\n if (utils.isFormData(data) ||\n utils.isArrayBuffer(data) ||\n utils.isBuffer(data) ||\n utils.isStream(data) ||\n utils.isFile(data) ||\n utils.isBlob(data)\n ) {\n return data;\n }\n if (utils.isArrayBufferView(data)) {\n return data.buffer;\n }\n if (utils.isURLSearchParams(data)) {\n setContentTypeIfUnset(headers, 'application/x-www-form-urlencoded;charset=utf-8');\n return data.toString();\n }\n if (utils.isObject(data)) {\n setContentTypeIfUnset(headers, 'application/json;charset=utf-8');\n return JSON.stringify(data);\n }\n return data;\n }],\n\n transformResponse: [function transformResponse(data) {\n /*eslint no-param-reassign:0*/\n if (typeof data === 'string') {\n try {\n data = JSON.parse(data);\n } catch (e) { /* Ignore */ }\n }\n return data;\n }],\n\n /**\n * A timeout in milliseconds to abort a request. If set to 0 (default) a\n * timeout is not created.\n */\n timeout: 0,\n\n xsrfCookieName: 'XSRF-TOKEN',\n xsrfHeaderName: 'X-XSRF-TOKEN',\n\n maxContentLength: -1,\n\n validateStatus: function validateStatus(status) {\n return status >= 200 && status < 300;\n }\n};\n\ndefaults.headers = {\n common: {\n 'Accept': 'application/json, text/plain, */*'\n }\n};\n\nutils.forEach(['delete', 'get', 'head'], function forEachMethodNoData(method) {\n defaults.headers[method] = {};\n});\n\nutils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {\n defaults.headers[method] = utils.merge(DEFAULT_CONTENT_TYPE);\n});\n\nmodule.exports = defaults;\n","'use strict';\n\nmodule.exports = function bind(fn, thisArg) {\n return function wrap() {\n var args = new Array(arguments.length);\n for (var i = 0; i < args.length; i++) {\n args[i] = arguments[i];\n }\n return fn.apply(thisArg, args);\n };\n};\n","'use strict';\n\nvar utils = require('./../utils');\n\nfunction encode(val) {\n return encodeURIComponent(val).\n replace(/%40/gi, '@').\n replace(/%3A/gi, ':').\n replace(/%24/g, '$').\n replace(/%2C/gi, ',').\n replace(/%20/g, '+').\n replace(/%5B/gi, '[').\n replace(/%5D/gi, ']');\n}\n\n/**\n * Build a URL by appending params to the end\n *\n * @param {string} url The base of the url (e.g., http://www.google.com)\n * @param {object} [params] The params to be appended\n * @returns {string} The formatted url\n */\nmodule.exports = function buildURL(url, params, paramsSerializer) {\n /*eslint no-param-reassign:0*/\n if (!params) {\n return url;\n }\n\n var serializedParams;\n if (paramsSerializer) {\n serializedParams = paramsSerializer(params);\n } else if (utils.isURLSearchParams(params)) {\n serializedParams = params.toString();\n } else {\n var parts = [];\n\n utils.forEach(params, function serialize(val, key) {\n if (val === null || typeof val === 'undefined') {\n return;\n }\n\n if (utils.isArray(val)) {\n key = key + '[]';\n } else {\n val = [val];\n }\n\n utils.forEach(val, function parseValue(v) {\n if (utils.isDate(v)) {\n v = v.toISOString();\n } else if (utils.isObject(v)) {\n v = JSON.stringify(v);\n }\n parts.push(encode(key) + '=' + encode(v));\n });\n });\n\n serializedParams = parts.join('&');\n }\n\n if (serializedParams) {\n var hashmarkIndex = url.indexOf('#');\n if (hashmarkIndex !== -1) {\n url = url.slice(0, hashmarkIndex);\n }\n\n url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams;\n }\n\n return url;\n};\n","'use strict';\n\n/**\n * Creates a new URL by combining the specified URLs\n *\n * @param {string} baseURL The base URL\n * @param {string} relativeURL The relative URL\n * @returns {string} The combined URL\n */\nmodule.exports = function combineURLs(baseURL, relativeURL) {\n return relativeURL\n ? baseURL.replace(/\\/+$/, '') + '/' + relativeURL.replace(/^\\/+/, '')\n : baseURL;\n};\n","'use strict';\n\nvar utils = require('./../utils');\n\nmodule.exports = (\n utils.isStandardBrowserEnv() ?\n\n // Standard browser envs support document.cookie\n (function standardBrowserEnv() {\n return {\n write: function write(name, value, expires, path, domain, secure) {\n var cookie = [];\n cookie.push(name + '=' + encodeURIComponent(value));\n\n if (utils.isNumber(expires)) {\n cookie.push('expires=' + new Date(expires).toGMTString());\n }\n\n if (utils.isString(path)) {\n cookie.push('path=' + path);\n }\n\n if (utils.isString(domain)) {\n cookie.push('domain=' + domain);\n }\n\n if (secure === true) {\n cookie.push('secure');\n }\n\n document.cookie = cookie.join('; ');\n },\n\n read: function read(name) {\n var match = document.cookie.match(new RegExp('(^|;\\\\s*)(' + name + ')=([^;]*)'));\n return (match ? decodeURIComponent(match[3]) : null);\n },\n\n remove: function remove(name) {\n this.write(name, '', Date.now() - 86400000);\n }\n };\n })() :\n\n // Non standard browser env (web workers, react-native) lack needed support.\n (function nonStandardBrowserEnv() {\n return {\n write: function write() {},\n read: function read() { return null; },\n remove: function remove() {}\n };\n })()\n);\n","'use strict';\n\n/**\n * Determines whether the specified URL is absolute\n *\n * @param {string} url The URL to test\n * @returns {boolean} True if the specified URL is absolute, otherwise false\n */\nmodule.exports = function isAbsoluteURL(url) {\n // A URL is considered absolute if it begins with \"<scheme>://\" or \"//\" (protocol-relative URL).\n // RFC 3986 defines scheme name as a sequence of characters beginning with a letter and followed\n // by any combination of letters, digits, plus, period, or hyphen.\n return /^([a-z][a-z\\d\\+\\-\\.]*:)?\\/\\//i.test(url);\n};\n","'use strict';\n\nvar utils = require('./../utils');\n\nmodule.exports = (\n utils.isStandardBrowserEnv() ?\n\n // Standard browser envs have full support of the APIs needed to test\n // whether the request URL is of the same origin as current location.\n (function standardBrowserEnv() {\n var msie = /(msie|trident)/i.test(navigator.userAgent);\n var urlParsingNode = document.createElement('a');\n var originURL;\n\n /**\n * Parse a URL to discover it's components\n *\n * @param {String} url The URL to be parsed\n * @returns {Object}\n */\n function resolveURL(url) {\n var href = url;\n\n if (msie) {\n // IE needs attribute set twice to normalize properties\n urlParsingNode.setAttribute('href', href);\n href = urlParsingNode.href;\n }\n\n urlParsingNode.setAttribute('href', href);\n\n // urlParsingNode provides the UrlUtils interface - http://url.spec.whatwg.org/#urlutils\n return {\n href: urlParsingNode.href,\n protocol: urlParsingNode.protocol ? urlParsingNode.protocol.replace(/:$/, '') : '',\n host: urlParsingNode.host,\n search: urlParsingNode.search ? urlParsingNode.search.replace(/^\\?/, '') : '',\n hash: urlParsingNode.hash ? urlParsingNode.hash.replace(/^#/, '') : '',\n hostname: urlParsingNode.hostname,\n port: urlParsingNode.port,\n pathname: (urlParsingNode.pathname.charAt(0) === '/') ?\n urlParsingNode.pathname :\n '/' + urlParsingNode.pathname\n };\n }\n\n originURL = resolveURL(window.location.href);\n\n /**\n * Determine if a URL shares the same origin as the current location\n *\n * @param {String} requestURL The URL to test\n * @returns {boolean} True if URL shares the same origin, otherwise false\n */\n return function isURLSameOrigin(requestURL) {\n var parsed = (utils.isString(requestURL)) ? resolveURL(requestURL) : requestURL;\n return (parsed.protocol === originURL.protocol &&\n parsed.host === originURL.host);\n };\n })() :\n\n // Non standard browser envs (web workers, react-native) lack needed support.\n (function nonStandardBrowserEnv() {\n return function isURLSameOrigin() {\n return true;\n };\n })()\n);\n","'use strict';\n\nvar utils = require('../utils');\n\nmodule.exports = function normalizeHeaderName(headers, normalizedName) {\n utils.forEach(headers, function processHeader(value, name) {\n if (name !== normalizedName && name.toUpperCase() === normalizedName.toUpperCase()) {\n headers[normalizedName] = value;\n delete headers[name];\n }\n });\n};\n","'use strict';\n\nvar utils = require('./../utils');\n\n// Headers whose duplicates are ignored by node\n// c.f. https://nodejs.org/api/http.html#http_message_headers\nvar ignoreDuplicateOf = [\n 'age', 'authorization', 'content-length', 'content-type', 'etag',\n 'expires', 'from', 'host', 'if-modified-since', 'if-unmodified-since',\n 'last-modified', 'location', 'max-forwards', 'proxy-authorization',\n 'referer', 'retry-after', 'user-agent'\n];\n\n/**\n * Parse headers into an object\n *\n * ```\n * Date: Wed, 27 Aug 2014 08:58:49 GMT\n * Content-Type: application/json\n * Connection: keep-alive\n * Transfer-Encoding: chunked\n * ```\n *\n * @param {String} headers Headers needing to be parsed\n * @returns {Object} Headers parsed into an object\n */\nmodule.exports = function parseHeaders(headers) {\n var parsed = {};\n var key;\n var val;\n var i;\n\n if (!headers) { return parsed; }\n\n utils.forEach(headers.split('\\n'), function parser(line) {\n i = line.indexOf(':');\n key = utils.trim(line.substr(0, i)).toLowerCase();\n val = utils.trim(line.substr(i + 1));\n\n if (key) {\n if (parsed[key] && ignoreDuplicateOf.indexOf(key) >= 0) {\n return;\n }\n if (key === 'set-cookie') {\n parsed[key] = (parsed[key] ? parsed[key] : []).concat([val]);\n } else {\n parsed[key] = parsed[key] ? parsed[key] + ', ' + val : val;\n }\n }\n });\n\n return parsed;\n};\n","'use strict';\n\n/**\n * Syntactic sugar for invoking a function and expanding an array for arguments.\n *\n * Common use case would be to use `Function.prototype.apply`.\n *\n * ```js\n * function f(x, y, z) {}\n * var args = [1, 2, 3];\n * f.apply(null, args);\n * ```\n *\n * With `spread` this example can be re-written.\n *\n * ```js\n * spread(function(x, y, z) {})([1, 2, 3]);\n * ```\n *\n * @param {Function} callback\n * @returns {Function}\n */\nmodule.exports = function spread(callback) {\n return function wrap(arr) {\n return callback.apply(null, arr);\n };\n};\n","'use strict';\n\nvar bind = require('./helpers/bind');\n\n/*global toString:true*/\n\n// utils is a library of generic helper functions non-specific to axios\n\nvar toString = Object.prototype.toString;\n\n/**\n * Determine if a value is an Array\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Array, otherwise false\n */\nfunction isArray(val) {\n return toString.call(val) === '[object Array]';\n}\n\n/**\n * Determine if a value is undefined\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if the value is undefined, otherwise false\n */\nfunction isUndefined(val) {\n return typeof val === 'undefined';\n}\n\n/**\n * Determine if a value is a Buffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Buffer, otherwise false\n */\nfunction isBuffer(val) {\n return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor)\n && typeof val.constructor.isBuffer === 'function' && val.constructor.isBuffer(val);\n}\n\n/**\n * Determine if a value is an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an ArrayBuffer, otherwise false\n */\nfunction isArrayBuffer(val) {\n return toString.call(val) === '[object ArrayBuffer]';\n}\n\n/**\n * Determine if a value is a FormData\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an FormData, otherwise false\n */\nfunction isFormData(val) {\n return (typeof FormData !== 'undefined') && (val instanceof FormData);\n}\n\n/**\n * Determine if a value is a view on an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false\n */\nfunction isArrayBufferView(val) {\n var result;\n if ((typeof ArrayBuffer !== 'undefined') && (ArrayBuffer.isView)) {\n result = ArrayBuffer.isView(val);\n } else {\n result = (val) && (val.buffer) && (val.buffer instanceof ArrayBuffer);\n }\n return result;\n}\n\n/**\n * Determine if a value is a String\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a String, otherwise false\n */\nfunction isString(val) {\n return typeof val === 'string';\n}\n\n/**\n * Determine if a value is a Number\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Number, otherwise false\n */\nfunction isNumber(val) {\n return typeof val === 'number';\n}\n\n/**\n * Determine if a value is an Object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Object, otherwise false\n */\nfunction isObject(val) {\n return val !== null && typeof val === 'object';\n}\n\n/**\n * Determine if a value is a Date\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Date, otherwise false\n */\nfunction isDate(val) {\n return toString.call(val) === '[object Date]';\n}\n\n/**\n * Determine if a value is a File\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a File, otherwise false\n */\nfunction isFile(val) {\n return toString.call(val) === '[object File]';\n}\n\n/**\n * Determine if a value is a Blob\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Blob, otherwise false\n */\nfunction isBlob(val) {\n return toString.call(val) === '[object Blob]';\n}\n\n/**\n * Determine if a value is a Function\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Function, otherwise false\n */\nfunction isFunction(val) {\n return toString.call(val) === '[object Function]';\n}\n\n/**\n * Determine if a value is a Stream\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Stream, otherwise false\n */\nfunction isStream(val) {\n return isObject(val) && isFunction(val.pipe);\n}\n\n/**\n * Determine if a value is a URLSearchParams object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a URLSearchParams object, otherwise false\n */\nfunction isURLSearchParams(val) {\n return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams;\n}\n\n/**\n * Trim excess whitespace off the beginning and end of a string\n *\n * @param {String} str The String to trim\n * @returns {String} The String freed of excess whitespace\n */\nfunction trim(str) {\n return str.replace(/^\\s*/, '').replace(/\\s*$/, '');\n}\n\n/**\n * Determine if we're running in a standard browser environment\n *\n * This allows axios to run in a web worker, and react-native.\n * Both environments support XMLHttpRequest, but not fully standard globals.\n *\n * web workers:\n * typeof window -> undefined\n * typeof document -> undefined\n *\n * react-native:\n * navigator.product -> 'ReactNative'\n * nativescript\n * navigator.product -> 'NativeScript' or 'NS'\n */\nfunction isStandardBrowserEnv() {\n if (typeof navigator !== 'undefined' && (navigator.product === 'ReactNative' ||\n navigator.product === 'NativeScript' ||\n navigator.product === 'NS')) {\n return false;\n }\n return (\n typeof window !== 'undefined' &&\n typeof document !== 'undefined'\n );\n}\n\n/**\n * Iterate over an Array or an Object invoking a function for each item.\n *\n * If `obj` is an Array callback will be called passing\n * the value, index, and complete array for each item.\n *\n * If 'obj' is an Object callback will be called passing\n * the value, key, and complete object for each property.\n *\n * @param {Object|Array} obj The object to iterate\n * @param {Function} fn The callback to invoke for each item\n */\nfunction forEach(obj, fn) {\n // Don't bother if no value provided\n if (obj === null || typeof obj === 'undefined') {\n return;\n }\n\n // Force an array if not already something iterable\n if (typeof obj !== 'object') {\n /*eslint no-param-reassign:0*/\n obj = [obj];\n }\n\n if (isArray(obj)) {\n // Iterate over array values\n for (var i = 0, l = obj.length; i < l; i++) {\n fn.call(null, obj[i], i, obj);\n }\n } else {\n // Iterate over object keys\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n fn.call(null, obj[key], key, obj);\n }\n }\n }\n}\n\n/**\n * Accepts varargs expecting each argument to be an object, then\n * immutably merges the properties of each object and returns result.\n *\n * When multiple objects contain the same key the later object in\n * the arguments list will take precedence.\n *\n * Example:\n *\n * ```js\n * var result = merge({foo: 123}, {foo: 456});\n * console.log(result.foo); // outputs 456\n * ```\n *\n * @param {Object} obj1 Object to merge\n * @returns {Object} Result of all merge properties\n */\nfunction merge(/* obj1, obj2, obj3, ... */) {\n var result = {};\n function assignValue(val, key) {\n if (typeof result[key] === 'object' && typeof val === 'object') {\n result[key] = merge(result[key], val);\n } else {\n result[key] = val;\n }\n }\n\n for (var i = 0, l = arguments.length; i < l; i++) {\n forEach(arguments[i], assignValue);\n }\n return result;\n}\n\n/**\n * Function equal to merge with the difference being that no reference\n * to original objects is kept.\n *\n * @see merge\n * @param {Object} obj1 Object to merge\n * @returns {Object} Result of all merge properties\n */\nfunction deepMerge(/* obj1, obj2, obj3, ... */) {\n var result = {};\n function assignValue(val, key) {\n if (typeof result[key] === 'object' && typeof val === 'object') {\n result[key] = deepMerge(result[key], val);\n } else if (typeof val === 'object') {\n result[key] = deepMerge({}, val);\n } else {\n result[key] = val;\n }\n }\n\n for (var i = 0, l = arguments.length; i < l; i++) {\n forEach(arguments[i], assignValue);\n }\n return result;\n}\n\n/**\n * Extends object a by mutably adding to it the properties of object b.\n *\n * @param {Object} a The object to be extended\n * @param {Object} b The object to copy properties from\n * @param {Object} thisArg The object to bind function to\n * @return {Object} The resulting value of object a\n */\nfunction extend(a, b, thisArg) {\n forEach(b, function assignValue(val, key) {\n if (thisArg && typeof val === 'function') {\n a[key] = bind(val, thisArg);\n } else {\n a[key] = val;\n }\n });\n return a;\n}\n\nmodule.exports = {\n isArray: isArray,\n isArrayBuffer: isArrayBuffer,\n isBuffer: isBuffer,\n isFormData: isFormData,\n isArrayBufferView: isArrayBufferView,\n isString: isString,\n isNumber: isNumber,\n isObject: isObject,\n isUndefined: isUndefined,\n isDate: isDate,\n isFile: isFile,\n isBlob: isBlob,\n isFunction: isFunction,\n isStream: isStream,\n isURLSearchParams: isURLSearchParams,\n isStandardBrowserEnv: isStandardBrowserEnv,\n forEach: forEach,\n merge: merge,\n deepMerge: deepMerge,\n extend: extend,\n trim: trim\n};\n","/**\n * BLOCK: wp-plugin-info-card\n *\n * Registering a basic block with Gutenberg.\n * Simple block, renders and saves the same content without any interactivity.\n */\n\n// Import CSS.\nimport './style.scss';\nimport './editor.scss';\n/**\n * BLOCK: Basic with ESNext\n *\n * Registering a basic block with Gutenberg.\n * Simple block, renders and saves the same content without any interactivity.\n *\n * Using inline styles - no external stylesheet needed. Not recommended!\n * because all of these styles will appear in `post_content`.\n */\n\nconst { __ } = wp.i18n; // Import __() from wp.i18n\nconst { registerBlockType } = wp.blocks; // Import registerBlockType() from wp.blocks\n\n// Import JS\nimport edit from './profile';\nimport legacyEdit from './profile-legacy';\n\n// Extend component\nconst { Component, Fragment } = wp.element;\n\nexport const legacy_name = 'mpp/user-profile';\nexport const name = 'mpp/user-profile-enhanced';\n\n\n// Import block dependencies and components\nimport classnames from 'classnames';\n\nconst {\n\tRichText,\n} = wp.editor;\n\nconst blockAttributes = {\n\tprofileName: {\n\t\ttype: 'string',\n\t\tdefault: ''\n\t},\n\tprofileTitle: {\n\t\ttype: 'string',\n\t\tdefault: ''\n\t},\n\tprofileContent: {\n\t\ttype: 'string',\n\t\tdefault: ''\n\t},\n\tprofileAlignment: {\n\t\ttype: 'string',\n\t},\n\tprofileImgURL: {\n\t\ttype: 'string',\n\t\tsource: 'attribute',\n\t\tattribute: 'src',\n\t\tselector: 'img',\n\t\tdefault: '',\n\t},\n\tprofileImgID: {\n\t\ttype: 'number',\n\t\tdefault: '',\n\t},\n\tprofileURL: {\n\t\ttype: 'string',\n\t\tdefault: '',\n\t},\n\tprofileBackgroundColor: {\n\t\ttype: 'string',\n\t\tdefault: '#f2f2f2'\n\t},\n\tprofileTextColor: {\n\t\ttype: 'string',\n\t\tdefault: '#32373c'\n\t},\n\tprofileViewPostsBackgroundColor: {\n\t\ttype: 'string',\n\t\tdefault: '#cf6d38'\n\t},\n\tprofileViewPostsTextColor: {\n\t\ttype: 'string',\n\t\tdefault: '#FFFFFF'\n\t},\n\tprofileViewPostsWidth: {\n\t\ttype: 'number',\n\t\tdefault: 100\n\t},\n\tprofileFontSize: {\n\t\ttype: 'number',\n\t\tdefault: 18\n\t},\n\tprofileAvatarShape: {\n\t\ttype: 'string',\n\t\tdefault: 'square',\n\t},\n\tshowName: {\n\t\ttype: 'boolean',\n\t\tdefault: true,\n\t},\n\tshowTitle: {\n\t\ttype: 'boolean',\n\t\tdefault: true,\n\t},\n\tshowDescription: {\n\t\ttype: 'boolean',\n\t\tdefault: true,\n\t},\n\tshowViewPosts: {\n\t\ttype: 'boolean',\n\t\tdefault: true,\n\t},\n\tuser_id: {\n\t\ttype: 'number',\n\t\tdefault: 0\n\t}\n};\n\nregisterBlockType( 'mpp/user-profile', { // Block name. Block names must be string that contains a namespace prefix. Example: my-plugin/my-custom-block.\n\ttitle: __( 'User Profile Legacy', 'metronet-profile-picture' ), // Block title.\n\ticon: <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 753.53 979.74\"><title>upp</title><path d=\"M806.37,185.9c0,40.27-30.49,72.9-68.11,72.9s-68.17-32.63-68.17-72.9S700.62,113,738.26,113,806.37,145.64,806.37,185.9Z\" transform=\"translate(-123.47 -11)\" fill=\"#4063ad\"/><path d=\"M330.36,183.8c0,40.27-30.49,72.9-68.12,72.9s-68.17-32.63-68.17-72.9,30.52-72.87,68.17-72.87S330.36,143.56,330.36,183.8Z\" transform=\"translate(-123.47 -11)\" fill=\"#a34d9c\"/><path d=\"M331.3,888.13V698.21H329c-31.64,0-57.28-27.45-57.28-61.29V336.5a118.37,118.37,0,0,1,5.43-34.79H179.84c-31.94,0-56.37,31.57-56.37,56.34V601.46h48.32V888.13Z\" transform=\"translate(-123.47 -11)\" fill=\"#a34d9c\"/><path d=\"M388.59,636.92V990.74H611.88V636.92H671.5V336.5c0-30.63-27.64-69.57-69.6-69.57H398.56c-39.44,0-69.61,38.94-69.61,69.57V636.92Z\" transform=\"translate(-123.47 -11)\" fill=\"#f4831f\"/><path d=\"M584.3,101c0,49.69-37.63,90-84,90S416.12,150.67,416.12,101s37.66-90,84.14-90S584.3,51.27,584.3,101Z\" transform=\"translate(-123.47 -11)\" fill=\"#f4831f\"/><path d=\"M820.61,303.79H724.08a121.69,121.69,0,0,1,4.7,32.71V636.92c0,33.84-25.64,61.29-57.28,61.29h-2.33v192H828.7V603.54H877V360.16C877,335.36,854.62,303.79,820.61,303.79Z\" transform=\"translate(-123.47 -11)\" fill=\"#4063ad\"/></svg>,\n\tcategory: 'mpp', // Block category — Group blocks together based on common traits E.g. common, formatting, layout widgets, embed.\n\t// Setup the block attributes\n\tattributes: blockAttributes,\n\n\tedit: legacyEdit,\n\n\tsave( props ) {\n\t\tconst { profileName, profileTitle, profileContent, profileAlignment, profileImgURL, profileImgID, profileFontSize, profileBackgroundColor, profileTextColor, profileLinkColor, profileAvatarShape, profileViewPostsBackgroundColor, profileViewPostsTextColor, profileURL, showTitle, showName, showDescription, showViewPosts } = props.attributes;\n\n\t\treturn(\n\t\t\t<Fragment>\n\t\t\t\t<div\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tclassnames(\n\t\t\t\t\t\t\t'mpp-profile-wrap',\n\t\t\t\t\t\t\tprofileAlignment,\n\t\t\t\t\t\t\tprofileAvatarShape,\n\t\t\t\t\t\t\t'mt-font-size-' + profileFontSize,\n\t\t\t\t\t\t\t'mpp-block-profile'\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tbackgroundColor: profileBackgroundColor,\n\t\t\t\t\t\tcolor: profileTextColor,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<div className={\n\t\t\t\t\t\t\t\tclassnames(\n\t\t\t\t\t\t\t\t\t'mpp-profile-gutenberg-wrap',\n\t\t\t\t\t\t\t\t\t'mpp-block-profile'\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tbackgroundColor: profileBackgroundColor,\n\t\t\t\t\t\t\t\tcolor: profileTextColor,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"mpp-profile-image-wrapper\">\n\t\t\t\t\t\t\t<div className=\"mpp-profile-image-square\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tclassName=\"mpp-profile-avatar\"\n\t\t\t\t\t\t\t\t\tsrc={profileImgURL}\n\t\t\t\t\t\t\t\t\talt=\"avatar\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"mpp-content-wrap\">\n\t\t\t\t\t\t\t{ profileName && !! profileName.length && showName && (\n\t\t\t\t\t\t\t\t<RichText.Content\n\t\t\t\t\t\t\t\t\ttagName=\"h2\"\n\t\t\t\t\t\t\t\t\tclassName=\"mpp-profile-name\"\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\tcolor: profileTextColor\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tvalue={ profileName }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t\t{ profileTitle && !! profileTitle.length && showTitle && (\n\t\t\t\t\t\t\t\t<RichText.Content\n\t\t\t\t\t\t\t\t\ttagName=\"p\"\n\t\t\t\t\t\t\t\t\tclassName=\"mpp-profile-title\"\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\tcolor: profileTextColor\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tvalue={ profileTitle }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t\t{ profileContent && !! profileContent.length && showDescription && (\n\t\t\t\t\t\t\t\t<RichText.Content\n\t\t\t\t\t\t\t\t\ttagName=\"div\"\n\t\t\t\t\t\t\t\t\tclassName=\"mpp-profile-text\"\n\t\t\t\t\t\t\t\t\tvalue={ profileContent }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t{profileURL && !! profileURL.length &&\n\t\t\t\t\t<div className=\"mpp-gutenberg-view-posts\">\n\t\t\t\t\t{showViewPosts &&\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"mpp-profile-view-posts\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tbackgroundColor: profileViewPostsBackgroundColor,\n\t\t\t\t\t\t\t\tcolor: profileViewPostsTextColor,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\thref={profileURL}\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tbackgroundColor: profileViewPostsBackgroundColor,\n\t\t\t\t\t\t\t\t\tcolor: profileViewPostsTextColor,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>{__('View Posts', 'metronet-profile-picture')}</a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</Fragment>\n\t\t)\n\t},\n} );\n\n/**\n * Register Basic Block.\n *\n * Registers a new block provided a unique name and an object defining its\n * behavior. Once registered, the block is made available as an option to any\n * editor interface where blocks are implemented.\n *\n * @param {string} name Block name.\n * @param {Object} settings Block settings.\n * @return {?WPBlock} The block, if it has been successfully\n * registered; otherwise `undefined`.\n */\nregisterBlockType( 'mpp/user-profile-enhanced', { // Block name. Block names must be string that contains a namespace prefix. Example: my-plugin/my-custom-block.\n\ttitle: __( 'User Profile', 'metronet-profile-picture' ), // Block title.\n\ticon: <svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 753.53 979.74\"><title>upp</title><path d=\"M806.37,185.9c0,40.27-30.49,72.9-68.11,72.9s-68.17-32.63-68.17-72.9S700.62,113,738.26,113,806.37,145.64,806.37,185.9Z\" transform=\"translate(-123.47 -11)\" fill=\"#4063ad\"/><path d=\"M330.36,183.8c0,40.27-30.49,72.9-68.12,72.9s-68.17-32.63-68.17-72.9,30.52-72.87,68.17-72.87S330.36,143.56,330.36,183.8Z\" transform=\"translate(-123.47 -11)\" fill=\"#a34d9c\"/><path d=\"M331.3,888.13V698.21H329c-31.64,0-57.28-27.45-57.28-61.29V336.5a118.37,118.37,0,0,1,5.43-34.79H179.84c-31.94,0-56.37,31.57-56.37,56.34V601.46h48.32V888.13Z\" transform=\"translate(-123.47 -11)\" fill=\"#a34d9c\"/><path d=\"M388.59,636.92V990.74H611.88V636.92H671.5V336.5c0-30.63-27.64-69.57-69.6-69.57H398.56c-39.44,0-69.61,38.94-69.61,69.57V636.92Z\" transform=\"translate(-123.47 -11)\" fill=\"#f4831f\"/><path d=\"M584.3,101c0,49.69-37.63,90-84,90S416.12,150.67,416.12,101s37.66-90,84.14-90S584.3,51.27,584.3,101Z\" transform=\"translate(-123.47 -11)\" fill=\"#f4831f\"/><path d=\"M820.61,303.79H724.08a121.69,121.69,0,0,1,4.7,32.71V636.92c0,33.84-25.64,61.29-57.28,61.29h-2.33v192H828.7V603.54H877V360.16C877,335.36,854.62,303.79,820.61,303.79Z\" transform=\"translate(-123.47 -11)\" fill=\"#4063ad\"/></svg>,\n\tcategory: 'mpp', // Block category — Group blocks together based on common traits E.g. common, formatting, layout widgets, embed.\n\t// Setup the block attributes\n\tgetEditWrapperProps( attributes ) {\n\n },\n\tedit: edit,\n\n\tsave() {return null }\n} );\n","/**\n * External dependencies\n */\nimport axios from 'axios';\nconst { Component, Fragment } = wp.element;\n\nconst { __ } = wp.i18n;\n\nconst {\n\tPanelBody,\n\tPlaceholder,\n\tQueryControls,\n\tRangeControl,\n\tSelectControl,\n\tSpinner,\n\tTextControl,\n\tToggleControl,\n\tToolbar,\n\twithAPIData,\n\tColorPalette,\n\tButton,\n} = wp.components;\n\nconst {\n\tInspectorControls,\n\tBlockControls,\n\tMediaUpload,\n\tRichText,\n\tAlignmentToolbar,\n\tPanelColorSettings,\n} = wp.editor;\n\n// Import block dependencies and components\nimport classnames from 'classnames';\n\n\nclass MPP_Gutenberg extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\tusers: false,\n\t\t\tuser_list: false,\n\t\t\tprofile_picture: false,\n\t\t\tprofile_picture_id: 0,\n\t\t\tactive_user: false,\n\t\t\tprofile_description: '',\n\t\t\tprofile_name: '',\n\t\t\tprofile_title: '',\n\t\t};\n\t}\n\tget_users = () => {\n\t\taxios.post(mpp_gutenberg.rest_url + `/get_users`, {}, { 'headers': { 'X-WP-Nonce': mpp_gutenberg.nonce } } ).then( (response) => {\n\t\t\tlet users = Array();\n\t\t\tlet user_list = Array();\n\t\t\tlet active_user = 0;\n\t\t\tlet profile_picture = '';\n\t\t\tlet profile_picture_id = 0;\n\t\t\tlet profile_name = '';\n\t\t\tlet profile_description = '';\n\t\t\tlet profile_title = '';\n\t\t\tlet profile_url = '';\n\t\t\t$.each( response.data, function( key, value ) {\n\t\t\t\tusers[value.ID] = {\n\t\t\t\t\tprofile_pictures: value.profile_pictures,\n\t\t\t\t\thas_profile_picture: value.has_profile_picture,\n\t\t\t\t\tdisplay_name: value.display_name,\n\t\t\t\t\tdescription: value.description,\n\t\t\t\t\tis_user_logged_in: value.is_user_logged_in,\n\t\t\t\t\tprofile_picture_id: value.profile_picture_id,\n\t\t\t\t\tdefault_image: value.default_image,\n\t\t\t\t\tpermalink: value.permalink,\n\t\t\t\t};\n\t\t\t\tif ( value.is_user_logged_in ) {\n\t\t\t\t\tactive_user = value.ID;\n\t\t\t\t}\n\t\t\t\tuser_list.push( { value: value.ID, label: value.display_name });\n\t\t\t} );\n\t\t\tif( this.props.attributes.user_id !== 0 ) {\n\t\t\t\tactive_user = this.props.attributes.user_id;\n\t\t\t}\n\t\t\tlet active_user_profile = users[active_user];\n\t\t\tif( active_user_profile.has_profile_picture ) {\n\t\t\t\tprofile_picture = this.props.attributes.profileImgURL.length > 0 ? this.props.attributes.profileImgURL : active_user_profile.profile_pictures['thumbnail'];\n\t\t\t\tprofile_picture_id = this.props.attributes.profileImgID.length > 0 ? this.props.attributes.profileImgID : active_user_profile.profile_picture_id;\n\t\t\t\tprofile_name = this.props.attributes.profileName.length > 0 ? this.props.attributes.profileName : active_user_profile.display_name;\n\t\t\t\tprofile_title = this.props.attributes.profileTitle.length > 0 ? this.props.attributes.profileTitle : '';\n\t\t\t\tprofile_url = active_user_profile.permalink;\n\t\t\t\tprofile_description = this.props.attributes.profileContent.length > 0 ? this.props.attributes.profileContent : active_user_profile.description;\n\t\t\t} else {\n\t\t\t\tprofile_name = this.props.attributes.profileName.length > 0 ? this.props.attributes.profileName : active_user_profile.display_name;\n\t\t\t\tprofile_title = this.props.attributes.profileTitle.length > 0 ? this.props.attributes.profileTitle : '';\n\t\t\t\tprofile_description = this.props.attributes.profileContent.length > 0 ? this.props.attributes.profileContent : active_user_profile.description;\n\t\t\t\tprofile_picture = this.props.attributes.profileImgURL.length > 0 ? this.props.attributes.profileImgURL : active_user_profile.default_image;\n\t\t\t\tprofile_picture_id = this.props.attributes.profileImgID.length > 0 ? this.props.attributes.profileImgID : 0;\n\t\t\t\tprofile_url = active_user_profile.permalink;\n\t\t\t}\n\t\t\tif( undefined == profile_description ) {\n\t\t\t\tprofile_description = '';\n\t\t\t}\n\t\t\tthis.setState(\n\t\t\t\t{\n\t\t\t\t\tloading: false,\n\t\t\t\t\tusers: users,\n\t\t\t\t\tactive_user: active_user,\n\t\t\t\t\tuser_list: user_list,\n\t\t\t\t\tprofile_picture: profile_picture,\n\t\t\t\t\tprofile_picture_id: profile_picture_id,\n\t\t\t\t\tactive_user: active_user,\n\t\t\t\t\tprofile_name: profile_name,\n\t\t\t\t\tprofile_title: profile_title,\n\t\t\t\t\tprofile_description: profile_description,\n\t\t\t\t\tprofile_url: profile_url,\n\t\t\t\t}\n\t\t\t);\n\t\t\tthis.props.setAttributes( {\n\t\t\t\tprofileContent: profile_description,\n\t\t\t\tprofileName: profile_name,\n\t\t\t\tprofileTitle: profile_title,\n\t\t\t\tprofileURL: profile_url,\n\t\t\t\tprofileImgID: profile_picture_id,\n\t\t\t\tprofileImgURL: profile_picture,\n\t\t\t});\n\t\t});\n\t}\n\ton_user_change = ( user_id ) => {\n\t\tlet user = this.state.users[user_id];\n\t\tlet profile_picture = '';\n\t\tlet profile_picture_id = 0;\n\t\tif( !user.has_profile_picture ) {\n\t\t\tprofile_picture = mpp_gutenberg.mystery_man;\n\t\t\tprofile_picture_id = 0;\n\t\t} else {\n\t\t\tprofile_picture = this.state.users[user_id]['profile_pictures']['thumbnail']\n\t\t\tprofile_picture_id = this.state.users[user_id]['profile_picture_id'];\n\t\t}\n\t\tlet description = this.state.users[user_id].description;\n\t\tif( undefined === description ) {\n\t\t\tdescription = '';\n\t\t}\n\t\tthis.props.setAttributes( {\n\t\t\tprofileName: this.state.users[user_id].display_name,\n\t\t\tprofileContent: description,\n\t\t\tprofileTitle: '',\n\t\t\tprofileURL: this.state.users[user_id].permalink,\n\t\t\tprofileImgURL: profile_picture\n\t\t} );\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tprofile_name: this.state.users[user_id].display_name,\n\t\t\t\tprofile_description: description,\n\t\t\t\tprofile_title: '',\n\t\t\t\tprofile_picture: profile_picture,\n\t\t\t\tprofile_picture_id: profile_picture_id,\n\t\t\t\tactive_user: user_id,\n\t\t\t\tprofile_url: this.state.users[user_id].permalink\n\t\t\t}\n\t\t);\n\t}\n\tcomponentDidMount = () => {\n\t\tthis.get_users();\n\t}\n\thandleImageChange = ( image_id, image_url ) => {\n\t\tthis.setState( {\n\t\t\tprofile_picture: image_url,\n\t\t\tprofile_picture_id: image_id,\n\t\t} );\n\t}\n\tonChangeName = (value) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tprofile_name: value\n\t\t\t}\n\t\t);\n\t}\n\tonChangeTitle = (value) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tprofile_title: value\n\t\t\t}\n\t\t);\n\t}\n\tonChangeProfileText = (value) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tprofile_description: value\n\t\t\t}\n\t\t);\n\t}\n\trender() {\n\t\t// Setup the attributes\n\t\tlet {\n\t\t\tattributes: {\n\t\t\t\tprofileName,\n\t\t\t\tprofileTitle,\n\t\t\t\tprofileContent,\n\t\t\t\tprofileAlignment,\n\t\t\t\tprofileImgURL,\n\t\t\t\tprofileImgID,\n\t\t\t\tprofileURL,\n\t\t\t\tprofileFontSize,\n\t\t\t\tprofileBackgroundColor,\n\t\t\t\tprofileTextColor,\n\t\t\t\tprofileAvatarShape,\n\t\t\t\tprofileViewPostsBackgroundColor,\n\t\t\t\tprofileViewPostsTextColor,\n\t\t\t\tshowTitle,\n\t\t\t\tshowName,\n\t\t\t\tshowDescription,\n\t\t\t\tshowViewPosts,\n\t\t\t},\n\t\t\tattributes,\n\t\t\tisSelected,\n\t\t\teditable,\n\t\t\tclassName,\n\t\t\tsetAttributes\n\t\t} = this.props;\n\t\tlet profile_pictures = this.state.profile_pictures;\n\t\tprofileImgID = this.state.profile_picture_id;\n\t\tprofileImgURL = this.state.profile_picture;\n\t\tprofileName = this.state.profile_name;\n\t\tprofileContent = this.state.profile_description;\n\t\tprofileTitle = this.state.profile_title;\n\t\tprofileURL = this.state.profile_url;\n\n\t\tconst onChangeBackgroundColor = value => setAttributes( { profileBackgroundColor: value } );\n\t\tconst onChangeProfileTextColor = value => setAttributes( { profileTextColor: value } );\n\t\tconst onChangeViewPostsBackgroundColor = value => setAttributes( { profileViewPostsBackgroundColor: value } );\n\t\tconst onChangeViewPostsTextColor = value => setAttributes( { profileViewPostsTextColor: value } );\n\n\t\t// Avatar shape options\n\t\tconst profileAvatarShapeOptions = [\n\t\t\t{ value: 'square', label: __( 'Square', 'metronet-profile-picture' ) },\n\t\t\t{ value: 'round', label: __( 'Round', 'metronet-profile-picture' ) },\n\t\t];\n\t\treturn(\n\t\t\t<Fragment>\n\t\t\t\t{this.state.loading &&\n\t\t\t\t<Fragment>\n\t\t\t\t\t<Placeholder>\n\t\t\t\t\t\t{__('Loading...', 'metronet-profile-picture')}\n\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t</Placeholder>\n\t\t\t\t</Fragment>\n\t\t\t\t}\n\t\t\t\t{!this.state.loading &&\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<InspectorControls>\n\t\t\t\t\t\t\t<PanelBody title={ __( 'User Profile Settings', 'metronet-profile-picture' ) }>\n\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Select a user', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={this.state.active_user}\n\t\t\t\t\t\t\t\t\t\toptions={ this.state.user_list }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.on_user_change(value); setAttributes({user_id: Number(value)}); } }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Font Size', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tvalue={ profileFontSize }\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => this.props.setAttributes( { profileFontSize: value } ) }\n\t\t\t\t\t\t\t\t\tmin={ 14 }\n\t\t\t\t\t\t\t\t\tmax={ 24 }\n\t\t\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Avatar Shape', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tdescription={ __( 'Choose between a round or square avatar shape.', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\toptions={ profileAvatarShapeOptions }\n\t\t\t\t\t\t\t\t\tvalue={ profileAvatarShape }\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => this.props.setAttributes( { profileAvatarShape: value } ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\ttitle={ __( 'Background Color', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\tvalue: profileBackgroundColor,\n\t\t\t\t\t\t\t\t\tonChange: onChangeBackgroundColor,\n\t\t\t\t\t\t\t\t\tlabel: __( 'Background Color', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\ttitle={ __( 'Text Color', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\tvalue: profileTextColor,\n\t\t\t\t\t\t\t\t\tonChange: onChangeProfileTextColor,\n\t\t\t\t\t\t\t\t\tlabel: __( 'Text Color', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\ttitle={ __( 'View Posts Background Color', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\tvalue: profileViewPostsBackgroundColor,\n\t\t\t\t\t\t\t\t\tonChange: onChangeViewPostsBackgroundColor,\n\t\t\t\t\t\t\t\t\tlabel: __( 'View Posts Background', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\ttitle={ __( 'View Posts Text Color', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\tvalue: profileViewPostsTextColor,\n\t\t\t\t\t\t\t\t\tonChange: onChangeViewPostsTextColor,\n\t\t\t\t\t\t\t\t\tlabel: __( 'View Posts Text Color', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t</PanelColorSettings>\n\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Show Name', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tchecked={ showName }\n\t\t\t\t\t\t\t\t\tonChange={ () => this.props.setAttributes( { showName: ! showName } ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Show Title', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tchecked={ showTitle }\n\t\t\t\t\t\t\t\t\tonChange={ () => this.props.setAttributes( { showTitle: ! showTitle } ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Show Description', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tchecked={ showDescription }\n\t\t\t\t\t\t\t\t\tonChange={ () => this.props.setAttributes( { showDescription: ! showDescription } ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Show View Posts', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tchecked={ showViewPosts }\n\t\t\t\t\t\t\t\t\tonChange={ () => this.props.setAttributes( { showViewPosts: ! showViewPosts } ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t\t</InspectorControls>\n\t\t\t\t\t\t<BlockControls key=\"controls\">\n\t\t\t\t\t\t\t<AlignmentToolbar\n\t\t\t\t\t\t\t\tvalue={ profileAlignment }\n\t\t\t\t\t\t\t\tonChange={ ( value ) => setAttributes( { profileAlignment: value } ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</BlockControls>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\tclassnames(\n\t\t\t\t\t\t\t\t\t'mpp-profile-wrap',\n\t\t\t\t\t\t\t\t\t'legacy',\n\t\t\t\t\t\t\t\t\tprofileAlignment,\n\t\t\t\t\t\t\t\t\tprofileAvatarShape,\n\t\t\t\t\t\t\t\t\t'mt-font-size-' + profileFontSize,\n\t\t\t\t\t\t\t\t\t'mpp-block-profile'\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tbackgroundColor: profileBackgroundColor,\n\t\t\t\t\t\t\t\tcolor: profileTextColor,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className={\n\t\t\t\t\t\t\t\tclassnames(\n\t\t\t\t\t\t\t\t\t'mpp-profile-gutenberg-wrap',\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"mpp-profile-image-wrapper\">\n\t\t\t\t\t\t\t\t\t<div className=\"mpp-profile-image-square\">\n\t\t\t\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\t\t\t\tbuttonProps={ {\n\t\t\t\t\t\t\t\t\t\t\t\tclassName: 'change-image'\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tonSelect={ ( img ) => { this.handleImageChange( img.id, img.url ); setAttributes( { profileImgID: img.id, profileImgURL: img.url } ); } }\n\t\t\t\t\t\t\t\t\t\t\ttype=\"image\"\n\t\t\t\t\t\t\t\t\t\t\tvalue={ profileImgID }\n\t\t\t\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button onClick={ open }>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ ! profileImgID ? <img src={profileImgURL} alt=\"placeholder\" /> : <img\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"profile-avatar\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={ profileImgURL }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"avatar\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t/> }\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t</MediaUpload>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"mpp-content-wrap\">\n\t\t\t\t\t\t\t\t\t{showName &&\n\t\t\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\t\t\ttagName=\"h2\"\n\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Add name', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ profileName }\n\t\t\t\t\t\t\t\t\t\tclassName='mpp-profile-name'\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\tcolor: profileTextColor\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.onChangeName(value); setAttributes( { profileName: value } ) } }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t{showTitle &&\n\t\t\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\t\t\ttagName=\"p\"\n\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Add title', 'atomic-blocks' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ profileTitle }\n\t\t\t\t\t\t\t\t\t\tclassName='mpp-profile-title'\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\tcolor: profileTextColor\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {this.onChangeTitle(value); setAttributes( { profileTitle: value } ) } }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t{showDescription &&\n\t\t\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\t\t\ttagName=\"div\"\n\t\t\t\t\t\t\t\t\t\tclassName='mpp-profile-text'\n\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Add profile text...', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ profileContent }\n\t\t\t\t\t\t\t\t\t\tformattingControls={ [ 'bold', 'italic', 'strikethrough', 'link' ] }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {this.onChangeProfileText(value); setAttributes( { profileContent: value } ) } }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{profileURL && !! profileURL.length &&\n\t\t\t\t\t\t\t<div className=\"mpp-gutenberg-view-posts\">\n\t\t\t\t\t\t\t{showViewPosts &&\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName=\"mpp-profile-view-posts\"\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: profileViewPostsBackgroundColor,\n\t\t\t\t\t\t\t\t\t\tcolor: profileViewPostsTextColor,\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref={profileURL}\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: profileViewPostsBackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\tcolor: profileViewPostsTextColor,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>{__('View Posts', 'metronet-profile-picture')}</a>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Fragment>\n\t\t\t\t}\n\t\t\t</Fragment>\n\t\t);\n\t}\n}\n\nexport default MPP_Gutenberg;\n","/**\n * External dependencies\n */\nimport axios from 'axios';\nconst { Component, Fragment } = wp.element;\n\nconst { __ } = wp.i18n;\n\nconst {\n\tPanelBody,\n\tPlaceholder,\n\tQueryControls,\n\tRangeControl,\n\tSelectControl,\n\tSpinner,\n\tTextControl,\n\tToggleControl,\n\tToolbar,\n\twithAPIData,\n\tColorPalette,\n\tButton,\n} = wp.components;\n\nconst {\n\tInspectorControls,\n\tBlockControls,\n\tMediaUpload,\n\tRichText,\n\tAlignmentToolbar,\n\tPanelColorSettings,\n} = wp.editor;\n\n// Import block dependencies and components\nimport classnames from 'classnames';\n\n\nclass MPP_Gutenberg_Enhanced extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tlet theme_list = Array();\n\t\ttheme_list.push( { value: 'regular', label: __( 'Regular', 'metronet-profile-picture' )});\n\t\ttheme_list.push( { value: 'profile', label: __( 'Profile', 'metronet-profile-picture' )});\n\t\ttheme_list.push( { value: 'tabbed', label: __( 'Tabbed', 'metronet-profile-picture' )});\n\t\ttheme_list.push( { value: 'compact', label: __( 'Compact', 'metronet-profile-picture' )});\n\t\tthis.state = {\n\t\t\tloading: true,\n\t\t\tusers: false,\n\t\t\tuser_list: false,\n\t\t\tprofile_picture: this.props.attributes.profileImgURL,\n\t\t\tprofile_picture_id: this.props.attributes.profileImgID,\n\t\t\tactive_user: false,\n\t\t\tprofile_description: '',\n\t\t\tprofile_name: '',\n\t\t\tprofile_name_unfiltered: '',\n\t\t\tprofile_title: '',\n\t\t\tshow_website: this.props.attributes.showWebsite,\n\t\t\tprofileViewPosts: this.props.attributes.profileViewPosts,\n\t\t\tprofileViewWebsite: this.props.attributes.profileViewWebsite,\n\t\t\ttheme: this.props.attributes.theme,\n\t\t\tthemes: theme_list,\n\t\t\tsocialFacebook: this.props.attributes.socialFacebook,\n\t\t\tsocialGitHub: this.props.attributes.socialGitHub,\n\t\t\tsocialLinkedIn: this.props.attributes.socialLinkedIn,\n\t\t\tsocialPinterest: this.props.attributes.socialPinterest,\n\t\t\tsocialTwitter: this.props.attributes.socialTwitter,\n\t\t\tsocialWordPress: this.props.attributes.socialWordPress,\n\t\t\tsocialYouTube: this.props.attributes.socialYouTube,\n\t\t\tsocialInstagram: this.props.attributes.socialInstagram,\n\t\t\twebsite: this.props.attributes.website,\n\t\t\tshowSocialMedia: true,\n\t\t\tsocialMediaOptions: this.props.attributes.socialMediaOptions,\n\t\t\tsocialMediaColors: this.props.attributes.socialMediaColors,\n\t\t\ttabbedAuthorProfile: this.props.attributes.tabbedAuthorProfile,\n\t\t\ttabbedAuthorLatestPosts: this.props.attributes.tabbedAuthorLatestPosts,\n\t\t\ttabbedAuthorSubHeading: this.props.attributes.tabbedAuthorSubHeading,\n\t\t\ttabbedAuthorProfileHeading: this.props.attributes.tabbedAuthorProfileHeading,\n\t\t\tactiveTab: 'profile',\n\t\t\tloadingLatestPosts: true,\n\t\t\tlatestPosts: {},\n\t\t\tprofileTabColor: this.props.attributes.profileTabColor,\n\t\t\tprofileTabHeadlineColor: this.props.attributes.profileTabHeadlineColor,\n\t\t\tprofileTabPostsColor: this.props.attributes.profileTabPostsColor,\n\t\t\tprofileTabHeadlineTextColor: this.props.attributes.profileTabHeadlineTextColor,\n\t\t\tprofileTabTextColor: this.props.attributes.profileTabTextColor,\n\t\t\tprofileTabPostsTextColor: this.props.attributes.profileTabPostsTextColor,\n\t\t\tprofileLatestPostsOptionsValue: this.props.attributes.profileLatestPostsOptionsValue,\n\t\t\tprofileCompactAlignment: this.props.attributes.profileCompactAlignment,\n\t\t};\n\t}\n\tget_users = () => {\n\t\taxios.post(mpp_gutenberg.rest_url + `/get_users`, {}, { 'headers': { 'X-WP-Nonce': mpp_gutenberg.nonce } } ).then( (response) => {\n\t\t\tlet users = Array();\n\t\t\tlet user_list = Array();\n\t\t\tlet active_user = 0;\n\t\t\tlet profile_picture = '';\n\t\t\tlet profile_picture_id = 0;\n\t\t\tlet profile_name = '';\n\t\t\tlet profile_description = '';\n\t\t\tlet profile_title = '';\n\t\t\tlet profile_url = '';\n\t\t\tlet show_website = '';\n\t\t\tjQuery.each( response.data, function( key, value ) {\n\t\t\t\tusers[value.ID] = {\n\t\t\t\t\tprofile_pictures: value.profile_pictures,\n\t\t\t\t\thas_profile_picture: value.has_profile_picture,\n\t\t\t\t\tdisplay_name: value.display_name,\n\t\t\t\t\tdescription: value.description,\n\t\t\t\t\tis_user_logged_in: value.is_user_logged_in,\n\t\t\t\t\tprofile_picture_id: value.profile_picture_id,\n\t\t\t\t\tdefault_image: value.default_image,\n\t\t\t\t\tpermalink: value.permalink,\n\t\t\t\t};\n\t\t\t\tif ( value.is_user_logged_in ) {\n\t\t\t\t\tactive_user = value.ID;\n\t\t\t\t}\n\t\t\t\tuser_list.push( { value: value.ID, label: value.display_name });\n\t\t\t} );\n\t\t\tif( this.props.attributes.user_id !== 0 ) {\n\t\t\t\tactive_user = this.props.attributes.user_id;\n\t\t\t}\n\t\t\tlet active_user_profile = users[active_user];\n\t\t\tif( active_user_profile.has_profile_picture ) {\n\t\t\t\tprofile_picture = this.props.attributes.profileImgURL.length > 0 ? this.props.attributes.profileImgURL : active_user_profile.profile_pictures['thumbnail'];\n\t\t\t\tprofile_picture_id = this.props.attributes.profileImgID.length > 0 ? this.props.attributes.profileImgID : active_user_profile.profile_picture_id;\n\t\t\t\tprofile_name = this.props.attributes.profileName.length > 0 ? this.props.attributes.profileName : active_user_profile.display_name;\n\t\t\t\tprofile_title = this.props.attributes.profileTitle.length > 0 ? this.props.attributes.profileTitle : '';\n\t\t\t\tprofile_url = active_user_profile.permalink;\n\t\t\t\tprofile_description = this.props.attributes.profileContent.length > 0 ? this.props.attributes.profileContent : active_user_profile.description;\n\t\t\t\tshow_website = this.props.attributes.showWebsite;\n\t\t\t} else {\n\t\t\t\tprofile_name = this.props.attributes.profileName.length > 0 ? this.props.attributes.profileName : active_user_profile.display_name;\n\t\t\t\tprofile_title = this.props.attributes.profileTitle.length > 0 ? this.props.attributes.profileTitle : '';\n\t\t\t\tprofile_description = this.props.attributes.profileContent.length > 0 ? this.props.attributes.profileContent : active_user_profile.description;\n\t\t\t\tprofile_picture = this.props.attributes.profileImgURL.length > 0 ? this.props.attributes.profileImgURL : active_user_profile.default_image;\n\t\t\t\tprofile_picture_id = this.props.attributes.profileImgID.length > 0 ? this.props.attributes.profileImgID : 0;\n\t\t\t\tprofile_url = active_user_profile.permalink;\n\t\t\t\tshow_website = this.props.attributes.showWebsite;\n\t\t\t}\n\t\t\tif( undefined == profile_description ) {\n\t\t\t\tprofile_description = '';\n\t\t\t}\n\t\t\tthis.setState(\n\t\t\t\t{\n\t\t\t\t\tloading: false,\n\t\t\t\t\tusers: users,\n\t\t\t\t\tactive_user: active_user,\n\t\t\t\t\tuser_list: user_list,\n\t\t\t\t\tprofile_picture: profile_picture,\n\t\t\t\t\tprofile_picture_id: profile_picture_id,\n\t\t\t\t\tactive_user: active_user,\n\t\t\t\t\tprofile_name: profile_name,\n\t\t\t\t\tprofile_name_unfiltered: active_user_profile.display_name,\n\t\t\t\t\tprofile_title: profile_title,\n\t\t\t\t\tprofile_description: profile_description,\n\t\t\t\t\tprofile_url: profile_url,\n\t\t\t\t\tshow_website: show_website,\n\t\t\t\t}\n\t\t\t);\n\t\t\tthis.props.setAttributes( {\n\t\t\t\tprofileContent: profile_description,\n\t\t\t\tprofileName: profile_name,\n\t\t\t\tprofileTitle: profile_title,\n\t\t\t\tprofileURL: profile_url,\n\t\t\t\tprofileImgID: profile_picture_id,\n\t\t\t\tprofileImgURL: profile_picture,\n\t\t\t\tshowWebsite: show_website,\n\t\t\t\tshowSocialMedia: true,\n\t\t\t\tprofileName: active_user_profile.display_name\n\t\t\t});\n\t\t});\n\t}\n\ton_user_change = ( user_id ) => {\n\t\tlet user = this.state.users[user_id];\n\t\tlet profile_picture = '';\n\t\tlet profile_picture_id = 0;\n\t\tlet profile_name = '';\n\t\tif( !user.has_profile_picture ) {\n\t\t\tprofile_picture = mpp_gutenberg.mystery_man;\n\t\t\tprofile_picture_id = 0;\n\t\t} else {\n\t\t\tprofile_picture = this.state.users[user_id]['profile_pictures']['thumbnail']\n\t\t\tprofile_picture_id = this.state.users[user_id]['profile_picture_id'];\n\t\t}\n\t\tlet description = this.state.users[user_id].description;\n\t\tif( undefined === description ) {\n\t\t\tdescription = '';\n\t\t}\n\t\tprofile_name = this.state.users[user_id].display_name;\n\t\tthis.props.setAttributes( {\n\t\t\tprofileName: profile_name,\n\t\t\tprofileContent: description,\n\t\t\tprofileTitle: '',\n\t\t\tprofileURL: this.state.users[user_id].permalink,\n\t\t\tprofileImgURL: profile_picture,\n\t\t\ttabbedAuthorSubHeading: '',\n\t\t\ttabbedAuthorProfileTitle: '',\n\t\t\tsocialFacebook: '',\n\t\t\tsocialGitHub: '',\n\t\t\tsocialInstagram: '',\n\t\t\tsocialLinkedIn: '',\n\t\t\tsocialPinterest: '',\n\t\t\tsocialTwitter: '',\n\t\t\tsocialWordPress: '',\n\t\t\tsocialYouTube: '',\n\t\t\tprofileName: this.state.users[user_id].display_name\n\t\t} );\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tprofile_name_unfiltered: this.state.users[user_id].display_name,\n\t\t\t\tprofile_name: profile_name,\n\t\t\t\tprofile_description: description,\n\t\t\t\tprofile_title: '',\n\t\t\t\tprofile_picture: profile_picture,\n\t\t\t\tprofile_picture_id: profile_picture_id,\n\t\t\t\tactive_user: user_id,\n\t\t\t\tprofile_url: this.state.users[user_id].permalink,\n\t\t\t\tsocialFacebook: '',\n\t\t\t\tsocialGitHub: '',\n\t\t\t\tsocialInstagram: '',\n\t\t\t\tsocialLinkedIn: '',\n\t\t\t\tsocialPinterest: '',\n\t\t\t\tsocialTwitter: '',\n\t\t\t\tsocialWordPress: '',\n\t\t\t\tsocialYouTube: '',\n\t\t\t}\n\t\t);\n\t\tthis.getLatestPosts();\n\t}\n\tgetLatestPosts = () => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tloadingLatestPosts: true\n\t\t\t}\n\t\t);\n\t\tlet classRef = this;\n\t\taxios.post(mpp_gutenberg.rest_url + `/get_posts`, {user_id: this.state.active_user }, { 'headers': { 'X-WP-Nonce': mpp_gutenberg.nonce } } ).then( (response) => {\n\t\t\tconst latestPosts = response.data;\n\t\t\tlet postJSX = latestPosts.map( function(data) {\n\t\t\t\treturn (\n\t\t\t\t\t<li key={data.ID}><a href={data.permalink}>{data.post_title}</a></li>\n\t\t\t\t)\n\t\t\t});\n\n\t\t\tthis.setState( {\n\t\t\t\tloadingLatestPosts: false,\n\t\t\t\tlatestPosts: postJSX\n\t\t\t\t}\n\t\t\t)\n\t\t} );\n\t}\n\tcomponentDidMount = () => {\n\t\tthis.get_users();\n\t}\n\thandleImageChange = ( image_id, image_url ) => {\n\t\tthis.setState( {\n\t\t\tprofile_picture: image_url,\n\t\t\tprofile_picture_id: image_id,\n\t\t} );\n\t}\n\tonChangeName = (value) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tprofile_name: value\n\t\t\t}\n\t\t);\n\t}\n\tonChangeTitle = (value) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tprofile_title: value\n\t\t\t}\n\t\t);\n\t}\n\tonChangeProfileText = (value) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tprofile_description: value\n\t\t\t}\n\t\t);\n\t}\n\tonThemeChange = ( value ) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\ttheme: value\n\t\t\t}\n\t\t);\n\t}\n\thandleFacebookChange = ( value ) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tsocialFacebook: value\n\t\t\t}\n\t\t);\n\t}\n\thandleYouTubeChange = ( value ) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tsocialYouTube: value\n\t\t\t}\n\t\t);\n\t}\n\thandleGitHubChange = ( value ) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tsocialGitHub: value\n\t\t\t}\n\t\t);\n\t}\n\thandleLinkedInChange = ( value ) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tsocialLinkedIn: value\n\t\t\t}\n\t\t);\n\t}\n\thandleTwitterChange = ( value ) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tsocialTwitter: value\n\t\t\t}\n\t\t);\n\t}\n\thandleWordPressChange = ( value ) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tsocialWordPress: value\n\t\t\t}\n\t\t);\n\t}\n\thandleWebsiteChange = ( value ) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\twebsite: value\n\t\t\t}\n\t\t);\n\t\tif( '' !== value ) {\n\t\t\tthis.props.setAttributes( {\n\t\t\t\tshowWebsite: true\n\t\t\t});\n\t\t}\n\n\t}\n\thandleInstagramChange = ( value ) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tsocialInstagram: value\n\t\t\t}\n\t\t);\n\t}\n\thandlePinterestChange = ( value ) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tsocialPinterest: value\n\t\t\t}\n\t\t);\n\t}\n\thandleSocialMediaChange = ( value ) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tshowSocialMedia: value\n\t\t\t}\n\t\t);\n\t\tthis.props.setAttributes( { showSocialMedia: value } );\n\t}\n\thandleSocialMediaOptionChange = ( value ) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tsocialMediaOptions: value\n\t\t\t}\n\t\t);\n\t}\n\tonChangeTabbedProfileText = ( value ) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\ttabbedAuthorProfile: value\n\t\t\t}\n\t\t);\n\t}\n\tonChangeTabbedSubHeading = ( value ) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\ttabbedAuthorSubHeading: value\n\t\t\t}\n\t\t);\n\t}\n\tonChangeActiveProfileTab = () => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tactiveTab: 'profile'\n\t\t\t}\n\t\t);\n\t}\n\tonChangeActivePostTab = () => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tactiveTab: 'latest',\n\t\t\t\tloadingLatestPosts: true\n\t\t\t}\n\t\t);\n\t\tthis.getLatestPosts();\n\t}\n\tonChangetabbedAuthorProfile = ( value ) => {\n\t\tthis.setState( {\n\t\t\ttabbedAuthorProfile: value\n\t\t});\n\t}\n\tonChangetabbedAuthorProfileHeading = ( value ) => {\n\t\tthis.setState( {\n\t\t\ttabbedAuthorProfileHeading: value\n\t\t});\n\t}\n\tonChangetabbedAuthorLatestPosts = ( value ) => {\n\t\tthis.setState( {\n\t\t\ttabbedAuthorLatestPosts: value\n\t\t});\n\t}\n\tonChangeProfileTabColor = ( value ) => {\n\t\tthis.setState( {\n\t\t\tprofileTabColor: value\n\t\t});\n\t\tthis.props.setAttributes( { profileTabColor: value } );\n\t}\n\tonChangePostsTabColor = ( value ) => {\n\t\tthis.setState( {\n\t\t\tprofileTabPostsColor: value\n\t\t});\n\t\tthis.props.setAttributes( { profileTabPostsColor: value } );\n\n\t}\n\tonChangePostsTabHeadlineColor = ( value ) => {\n\t\tthis.setState( {\n\t\t\tprofileTabHeadlineColor: value\n\t\t});\n\t\tthis.props.setAttributes( { profileTabHeadlineColor: value } );\n\t}\n\tonChangeProfileTabPostColorText = ( value ) => {\n\t\tthis.setState( {\n\t\t\tprofileTabPostsTextColor: value\n\t\t});\n\t\tthis.props.setAttributes( { profileTabPostsTextColor: value } );\n\t}\n\tonChangeProfileTabHeadlineColorText = ( value ) => {\n\t\tthis.setState( {\n\t\t\tprofileTabHeadlineTextColor: value\n\t\t});\n\t\tthis.props.setAttributes( { profileTabHeadlineTextColor: value } );\n\t}\n\tonChangeProfileTabColorText = ( value ) => {\n\t\tthis.setState( {\n\t\t\tprofileTabTextColor: value\n\t\t});\n\t\tthis.props.setAttributes( { profileTabTextColor: value } );\n\t}\n\tonLatestPostsChange = ( value ) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tprofileLatestPostsOptionsValue: value,\n\t\t\t}\n\t\t);\n\t}\n\tonCompactAlignmentChange = ( value ) => {\n\t\tthis.setState(\n\t\t\t{\n\t\t\t\tprofileCompactAlignment: value,\n\t\t\t}\n\t\t);\n\t}\n\trender() {\n\t\t// Setup the attributes\n\t\tlet {\n\t\t\tattributes: {\n\t\t\t\tprofileName,\n\t\t\t\tprofileTitle,\n\t\t\t\tprofileContent,\n\t\t\t\tprofileAlignment,\n\t\t\t\tprofileImgURL,\n\t\t\t\tprofileImgID,\n\t\t\t\tprofileURL,\n\t\t\t\tprofileFontSize,\n\t\t\t\tbuttonFontSize,\n\t\t\t\theaderFontSize,\n\t\t\t\tprofileBackgroundColor,\n\t\t\t\tprofileTextColor,\n\t\t\t\tprofileAvatarShape,\n\t\t\t\tprofileViewPostsBackgroundColor,\n\t\t\t\tprofileViewPostsTextColor,\n\t\t\t\tprofileViewPosts,\n\t\t\t\tprofileViewWebsite,\n\t\t\t\tshowTitle,\n\t\t\t\tshowName,\n\t\t\t\tshowDescription,\n\t\t\t\tshowViewPosts,\n\t\t\t\tshowPostsWidth,\n\t\t\t\tshowSocialMedia,\n\t\t\t\tshowWebsite,\n\t\t\t\ttheme,\n\t\t\t\ttheme_list,\n\t\t\t\tsocialFacebook,\n\t\t\t\tsocialGitHub,\n\t\t\t\tsocialLinkedIn,\n\t\t\t\tsocialPinterest,\n\t\t\t\tsocialTwitter,\n\t\t\t\tsocialWordPress,\n\t\t\t\tsocialYouTube,\n\t\t\t\tsocialMediaColors,\n\t\t\t\tprofileWebsiteBackgroundColor,\n\t\t\t\tprofileWebsiteTextColor,\n\t\t\t\tpadding,\n\t\t\t\tborder,\n\t\t\t\tborderRounded,\n\t\t\t\tborderColor,\n\t\t\t\tprofileLinkColor,\n\t\t\t\ttabbedAuthorProfile,\n\t\t\t\ttabbedAuthorSubHeading,\n\t\t\t\ttabbedAuthorProfileTitle,\n\t\t\t\tprofileLatestPostsOptionsValue,\n\n\t\t\t},\n\t\t\tattributes,\n\t\t\tisSelected,\n\t\t\teditable,\n\t\t\tclassName,\n\t\t\tsetAttributes\n\t\t} = this.props;\n\t\tlet profile_pictures = this.state.profile_pictures;\n\t\tprofileImgID = this.state.profile_picture_id;\n\t\tprofileImgURL = this.state.profile_picture;\n\t\tprofileName = this.state.profile_name;\n\t\tprofileContent = this.state.profile_description;\n\t\tprofileTitle = this.state.profile_title;\n\t\tprofileURL = this.state.profile_url;\n\t\tshowPostsWidth = this.state.website === '' || !this.props.attributes.showWebsite ? '100%' : '';\n\t\tsetAttributes({showPostsWidth: showPostsWidth });\n\n\t\tconst onChangeBackgroundColor = value => setAttributes( { profileBackgroundColor: value } );\n\t\tconst onChangeProfileTextColor = value => setAttributes( { profileTextColor: value } );\n\t\tconst onChangeViewPostsBackgroundColor = value => setAttributes( { profileViewPostsBackgroundColor: value } );\n\t\tconst onChangeViewPostsTextColor = value => setAttributes( { profileViewPostsTextColor: value } );\n\t\tconst onChangeWebsitesBackgroundColor = value => setAttributes( { profileWebsiteBackgroundColor: value } );\n\t\tconst onChangeWebsiteTextColor = value => setAttributes( { profileWebsiteTextColor: value } );\n\t\tconst onChangeSocialMediaColor = value => setAttributes( { socialMediaColors: value } );\n\t\tconst onChangeBorderColor = value => setAttributes( { borderColor: value } );\n\t\tconst onChangeProfileLinkColor = value => setAttributes( { profileLinkColor: value } );\n\n\t\t// Avatar shape options\n\t\tconst profileAvatarShapeOptions = [\n\t\t\t{ value: 'square', label: __( 'Square', 'metronet-profile-picture' ) },\n\t\t\t{ value: 'round', label: __( 'Round', 'metronet-profile-picture' ) },\n\t\t];\n\n\t\t// Social Media Options\n\t\tconst profileSocialMediaOptions = [\n\t\t\t{ value: 'colors', label: __( 'Brand Colors', 'metronet-profile-picture' ) },\n\t\t\t{ value: 'custom', label: __( 'Custom', 'metronet-profile-picture' ) },\n\t\t];\n\n\t\t// Latest Posts Theme Options\n\t\tconst profileLatestPostsOptions = [\n\t\t\t{ value: 'none', label: __( 'None', 'metronet-profile-picture' ) },\n\t\t\t{ value: 'white', label: __( 'White', 'metronet-profile-picture' ) },\n\t\t\t{ value: 'light', label: __( 'Light', 'metronet-profile-picture' ) },\n\t\t\t{ value: 'black', label: __( 'Black', 'metronet-profile-picture' ) },\n\t\t\t{ value: 'magenta', label: __( 'Magenta', 'metronet-profile-picture' ) },\n\t\t\t{ value: 'blue', label: __( 'Blue', 'metronet-profile-picture' ) },\n\t\t\t{ value: 'green', label: __( 'Green', 'metronet-profile-picture' ) },\n\t\t];\n\n\t\t// Profile Comptact Alignment Options\n\t\tconst profileCompactOptions = [\n\t\t\t{ value: 'left', label: __( 'Left', 'metronet-profile-picture' ) },\n\t\t\t{ value: 'center', label: __( 'Center', 'metronet-profile-picture' ) },\n\t\t\t{ value: 'right', label: __( 'Right', 'metronet-profile-picture' ) },\n\t\t];\n\t\tlet profileFloat = 'none';\n\t\tlet profileMargin = '';\n\t\tif( this.state.profileCompactAlignment === 'center' ) {\n\t\t\tprofileFloat = 'none';\n\t\t\tprofileMargin = '0 auto';\n\t\t}\n\t\tif( this.state.profileCompactAlignment === 'left' ) {\n\t\t\tprofileFloat = 'left';\n\t\t\tprofileMargin = '0';\n\t\t}\n\t\tif( this.state.profileCompactAlignment === 'right' ) {\n\t\t\tprofileFloat = 'right';\n\t\t\tprofileMargin = '0';\n\t\t}\n\t\treturn(\n\t\t\t<Fragment>\n\t\t\t\t{this.state.loading &&\n\t\t\t\t<Fragment>\n\t\t\t\t\t<Placeholder>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" width=\"125px\" height=\"125px\" viewBox=\"0 0 753.53 979.74\"><title>upp</title><path d=\"M806.37,185.9c0,40.27-30.49,72.9-68.11,72.9s-68.17-32.63-68.17-72.9S700.62,113,738.26,113,806.37,145.64,806.37,185.9Z\" transform=\"translate(-123.47 -11)\" fill=\"#4063ad\"/><path d=\"M330.36,183.8c0,40.27-30.49,72.9-68.12,72.9s-68.17-32.63-68.17-72.9,30.52-72.87,68.17-72.87S330.36,143.56,330.36,183.8Z\" transform=\"translate(-123.47 -11)\" fill=\"#a34d9c\"/><path d=\"M331.3,888.13V698.21H329c-31.64,0-57.28-27.45-57.28-61.29V336.5a118.37,118.37,0,0,1,5.43-34.79H179.84c-31.94,0-56.37,31.57-56.37,56.34V601.46h48.32V888.13Z\" transform=\"translate(-123.47 -11)\" fill=\"#a34d9c\"/><path d=\"M388.59,636.92V990.74H611.88V636.92H671.5V336.5c0-30.63-27.64-69.57-69.6-69.57H398.56c-39.44,0-69.61,38.94-69.61,69.57V636.92Z\" transform=\"translate(-123.47 -11)\" fill=\"#f4831f\"/><path d=\"M584.3,101c0,49.69-37.63,90-84,90S416.12,150.67,416.12,101s37.66-90,84.14-90S584.3,51.27,584.3,101Z\" transform=\"translate(-123.47 -11)\" fill=\"#f4831f\"/><path d=\"M820.61,303.79H724.08a121.69,121.69,0,0,1,4.7,32.71V636.92c0,33.84-25.64,61.29-57.28,61.29h-2.33v192H828.7V603.54H877V360.16C877,335.36,854.62,303.79,820.61,303.79Z\" transform=\"translate(-123.47 -11)\" fill=\"#4063ad\"/></svg>\n\t\t\t\t\t\t\t<div className=\"mpp-spinner\"><Spinner /></div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Placeholder>\n\t\t\t\t</Fragment>\n\t\t\t\t}\n\t\t\t\t{!this.state.loading &&\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<InspectorControls>\n\t\t\t\t\t\t\t<PanelBody title={ __( 'User Profile Settings', 'metronet-profile-picture' ) }>\n\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Select a user', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={this.state.active_user}\n\t\t\t\t\t\t\t\t\t\toptions={ this.state.user_list }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.on_user_change(value); setAttributes({user_id: Number(value)}); } }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Select a theme', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={this.state.theme}\n\t\t\t\t\t\t\t\t\t\toptions={ this.state.themes }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.onThemeChange(value); setAttributes({theme: value}); } }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ this.state.theme === 'compact' &&\n\n\t\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Select an alignment', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={this.state.profileCompactAlignment}\n\t\t\t\t\t\t\t\t\t\toptions={ profileCompactOptions }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.onCompactAlignmentChange(value); setAttributes({profileCompactAlignment: value}); } }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Avatar Shape', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tdescription={ __( 'Choose between a round or square avatar shape.', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\toptions={ profileAvatarShapeOptions }\n\t\t\t\t\t\t\t\t\tvalue={ profileAvatarShape }\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => this.props.setAttributes( { profileAvatarShape: value } ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ this.state.theme !== 'tabbed' &&\n\t\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t\tlabel={__('Website', 'metronet-profile-picture')}\n\t\t\t\t\t\t\t\t\tvalue={this.state.website}\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.props.setAttributes( { website: value }); this.handleWebsiteChange(value); } }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Show Name', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tchecked={ showName }\n\t\t\t\t\t\t\t\t\tonChange={ () => this.props.setAttributes( { showName: ! showName } ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Show Title', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tchecked={ showTitle }\n\t\t\t\t\t\t\t\t\tonChange={ () => this.props.setAttributes( { showTitle: ! showTitle } ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Show Description', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tchecked={ showDescription }\n\t\t\t\t\t\t\t\t\tonChange={ () => this.props.setAttributes( { showDescription: ! showDescription } ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ this.state.theme !== 'tabbed' &&\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Show View Posts', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tchecked={ showViewPosts }\n\t\t\t\t\t\t\t\t\t\tonChange={ () => this.props.setAttributes( { showViewPosts: ! showViewPosts } ) }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{ showViewPosts &&\n\t\t\t\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t\t\t\tlabel={__('View Posts Text', 'metronet-profile-picture')}\n\t\t\t\t\t\t\t\t\t\t\tvalue={profileViewPosts}\n\t\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.props.setAttributes( { profileViewPosts: value }); } }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Show Website', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tchecked={ this.state.show_website }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.props.setAttributes( { showWebsite: value } ); this.setState({show_website: value}); } }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{ this.state.show_website &&\n\t\t\t\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t\t\t\tlabel={__('View Website Text', 'metronet-profile-picture')}\n\t\t\t\t\t\t\t\t\t\t\tvalue={profileViewWebsite}\n\t\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.props.setAttributes( { profileViewWebsite: value }); } }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Show Social Media', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tchecked={ this.state.showSocialMedia }\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {this.props.setAttributes( { showSocialMedia: value } ); this.handleSocialMediaChange( value ); } }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t\t\t{this.state.theme === 'tabbed' &&\n\t\t\t\t\t\t\t<PanelBody title={ __( 'User Profile Settings', 'metronet-profile-picture' ) }>\n\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Select a theme', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={this.state.latestPostsTheme}\n\t\t\t\t\t\t\t\t\t\toptions={ {\n\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.on_user_change(value); setAttributes({user_id: Number(value)}); } }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<PanelBody title={ __( 'Colors', 'metronet-profile-picture' ) } initialOpen={false}>\n\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\ttitle={ __( 'Background Color', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\tvalue: profileBackgroundColor,\n\t\t\t\t\t\t\t\t\tonChange: onChangeBackgroundColor,\n\t\t\t\t\t\t\t\t\tlabel: __( 'Background Color', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\ttitle={ __( 'Text Color', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\tvalue: profileTextColor,\n\t\t\t\t\t\t\t\t\tonChange: onChangeProfileTextColor,\n\t\t\t\t\t\t\t\t\tlabel: __( 'Text Color', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t\t\t\t\t{ this.state.theme === 'profile' &&\n\t\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\t\ttitle={ __( 'Link Color', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\t\tvalue: profileLinkColor,\n\t\t\t\t\t\t\t\t\t\tonChange: onChangeProfileLinkColor,\n\t\t\t\t\t\t\t\t\t\tlabel: __( 'Link Color', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t{this.state.theme === 'tabbed' &&\n\t\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\t\t\ttitle={ __( 'Profile Tab Color', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\t\t\tvalue: this.state.profileTabColor,\n\t\t\t\t\t\t\t\t\t\t\tonChange: this.onChangeProfileTabColor,\n\t\t\t\t\t\t\t\t\t\t\tlabel: __( 'Color', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\t\t\ttitle={ __( 'Profile Tab Color Text', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\t\t\tvalue: this.state.profileTabTextColor,\n\t\t\t\t\t\t\t\t\t\t\tonChange: this.onChangeProfileTabColorText,\n\t\t\t\t\t\t\t\t\t\t\tlabel: __( 'Color', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\t\t\ttitle={ __( 'Profile Posts Color', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\t\t\tvalue: this.state.profileTabPostsColor,\n\t\t\t\t\t\t\t\t\t\t\tonChange: this.onChangePostsTabColor,\n\t\t\t\t\t\t\t\t\t\t\tlabel: __( 'Color', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\t\t\ttitle={ __( 'Profile Post Color Text', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\t\t\tvalue: this.state.profileTabPostsTextColor,\n\t\t\t\t\t\t\t\t\t\t\tonChange: this.onChangeProfileTabPostColorText,\n\t\t\t\t\t\t\t\t\t\t\tlabel: __( 'Color', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\t\t\ttitle={ __( 'Profile Headline Color', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\t\t\tvalue: this.state.profileTabHeadlineColor,\n\t\t\t\t\t\t\t\t\t\t\tonChange: this.onChangePostsTabHeadlineColor,\n\t\t\t\t\t\t\t\t\t\t\tlabel: __( 'Color', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t\t\t></PanelColorSettings>\n\t\t\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\t\t\ttitle={ __( 'Profile Headline Color Text', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\t\t\tvalue: this.state.profileTabHeadlineColorText,\n\t\t\t\t\t\t\t\t\t\t\tonChange: this.onChangeProfileTabHeadlineColorText,\n\t\t\t\t\t\t\t\t\t\t\tlabel: __( 'Color', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Select a Post Theme', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={this.state.profileLatestPostsOptionsValue}\n\t\t\t\t\t\t\t\t\t\t\t\toptions={profileLatestPostsOptions}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.onLatestPostsChange(value); setAttributes({profileLatestPostsOptionsValue: value}); } }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t{this.state.theme !== 'tabbed' && this.state.theme !== 'profile' &&\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\t\ttitle={ __( 'View Posts Background Color', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\t\tvalue: profileViewPostsBackgroundColor,\n\t\t\t\t\t\t\t\t\t\tonChange: onChangeViewPostsBackgroundColor,\n\t\t\t\t\t\t\t\t\t\tlabel: __( 'View Posts Background', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\t\ttitle={ __( 'View Posts Text Color', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\t\tvalue: profileViewPostsTextColor,\n\t\t\t\t\t\t\t\t\t\tonChange: onChangeViewPostsTextColor,\n\t\t\t\t\t\t\t\t\t\tlabel: __( 'View Posts Text Color', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\t\ttitle={ __( 'Website Background Color', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\t\tvalue: profileWebsiteBackgroundColor,\n\t\t\t\t\t\t\t\t\t\tonChange: onChangeWebsitesBackgroundColor,\n\t\t\t\t\t\t\t\t\t\tlabel: __( 'View Website Background', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\t\ttitle={ __( 'View Website Text Color', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\t\tvalue: profileWebsiteTextColor,\n\t\t\t\t\t\t\t\t\t\tonChange: onChangeWebsiteTextColor,\n\t\t\t\t\t\t\t\t\t\tlabel: __( 'View Website Text Color', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t\t\t<PanelBody title={ __( 'Spacing and Font Settings', 'metronet-profile-picture' ) } initialOpen={false}>\n\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Header Font Size', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tvalue={ headerFontSize }\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => this.props.setAttributes( { headerFontSize: value } ) }\n\t\t\t\t\t\t\t\t\tmin={ 14 }\n\t\t\t\t\t\t\t\t\tmax={ 32 }\n\t\t\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Font Size', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tvalue={ profileFontSize }\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => this.props.setAttributes( { profileFontSize: value } ) }\n\t\t\t\t\t\t\t\t\tmin={ 14 }\n\t\t\t\t\t\t\t\t\tmax={ 24 }\n\t\t\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{this.state.theme !== 'tabbed' &&\n\t\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Button Size', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tvalue={ buttonFontSize }\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => this.props.setAttributes( { buttonFontSize: value } ) }\n\t\t\t\t\t\t\t\t\tmin={ 10 }\n\t\t\t\t\t\t\t\t\tmax={ 24 }\n\t\t\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Padding', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tvalue={ padding }\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => this.props.setAttributes( { padding: value } ) }\n\t\t\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\t\t\tmax={ 60 }\n\t\t\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Border', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tvalue={ border }\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => this.props.setAttributes( { border: value } ) }\n\t\t\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\t\t\tmax={ 10 }\n\t\t\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Border Rounded', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\tvalue={ borderRounded }\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => this.props.setAttributes( { borderRounded: value } ) }\n\t\t\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\t\t\tmax={ 10 }\n\t\t\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\ttitle={ __( 'Border Color', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\tvalue: borderColor,\n\t\t\t\t\t\t\t\t\tonChange: onChangeBorderColor,\n\t\t\t\t\t\t\t\t\tlabel: __( 'Border Color', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t></PanelColorSettings>\n\t\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t\t\t<PanelBody title={ __( 'Social Media Settings', 'metronet-profile-picture' ) } initialOpen={false}>\n\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Social Media Colors', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={this.state.socialMediaOptions}\n\t\t\t\t\t\t\t\t\t\toptions={ profileSocialMediaOptions }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { setAttributes({socialMediaOptions: value}); this.handleSocialMediaOptionChange(value); } }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ this.state.socialMediaOptions === 'custom' &&\n\t\t\t\t\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\t\t\t\t\ttitle={ __( 'Social Media Color', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\t\t\t\t\tcolorSettings={ [ {\n\t\t\t\t\t\t\t\t\t\t\tvalue: socialMediaColors,\n\t\t\t\t\t\t\t\t\t\t\tonChange: onChangeSocialMediaColor,\n\t\t\t\t\t\t\t\t\t\t\tlabel: __( 'Social Media Color', 'metronet-profile-picture' ),\n\t\t\t\t\t\t\t\t\t\t} ] }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t\tlabel={__('Facebook', 'metronet-profile-picture')}\n\t\t\t\t\t\t\t\t\tvalue={this.state.socialFacebook}\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.props.setAttributes( { socialFacebook: value }); this.handleFacebookChange(value); } }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t\tlabel={__('Twitter', 'metronet-profile-picture')}\n\t\t\t\t\t\t\t\t\tvalue={this.state.socialTwitter}\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.props.setAttributes( { socialTwitter: value }); this.handleTwitterChange(value); } }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t\tlabel={__('Instagram', 'metronet-profile-picture')}\n\t\t\t\t\t\t\t\t\tvalue={this.state.socialInstagram}\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.props.setAttributes( { socialInstagram: value }); this.handleInstagramChange(value); } }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t\tlabel={__('LinkedIn', 'metronet-profile-picture')}\n\t\t\t\t\t\t\t\t\tvalue={this.state.socialLinkedIn}\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.props.setAttributes( { socialLinkedIn: value }); this.handleLinkedInChange(value); } }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t\tlabel={__('YouTube', 'metronet-profile-picture')}\n\t\t\t\t\t\t\t\t\tvalue={this.state.socialYouTube}\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.props.setAttributes( { socialYouTube: value }); this.handleYouTubeChange(value); } }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t\tlabel={__('GitHub', 'metronet-profile-picture')}\n\t\t\t\t\t\t\t\t\tvalue={this.state.socialGitHub}\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.props.setAttributes( { socialGitHub: value }); this.handleGitHubChange(value); } }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t\tlabel={__('Pinterest', 'metronet-profile-picture')}\n\t\t\t\t\t\t\t\t\tvalue={this.state.socialPinterest}\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.props.setAttributes( { socialPinterest: value }); this.handlePinterestChange(value); } }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t\tlabel={__('WordPress', 'metronet-profile-picture')}\n\t\t\t\t\t\t\t\t\tvalue={this.state.socialWordPress}\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.props.setAttributes( { socialWordPress: value }); this.handleWordPressChange(value); } }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t\t</InspectorControls>\n\t\t\t\t\t\t{ this.state.theme !== 'tabbed' &&\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\tclassnames(\n\t\t\t\t\t\t\t\t\t\t'mpp-enhanced-profile-wrap',\n\t\t\t\t\t\t\t\t\t\tthis.state.theme,\n\t\t\t\t\t\t\t\t\t\tprofileAlignment,\n\t\t\t\t\t\t\t\t\t\tprofileAvatarShape,\n\t\t\t\t\t\t\t\t\t\t'mpp-block-profile'\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tpadding: padding + 'px',\n\t\t\t\t\t\t\t\t\tborder: border + 'px solid ' + borderColor,\n\t\t\t\t\t\t\t\t\tborderRadius: borderRounded + 'px',\n\t\t\t\t\t\t\t\t\tbackgroundColor: profileBackgroundColor,\n\t\t\t\t\t\t\t\t\tcolor: profileTextColor,\n\t\t\t\t\t\t\t\t\tfloat: profileFloat,\n\t\t\t\t\t\t\t\t\tmargin: profileMargin\n\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t{ this.state.theme === 'regular' &&\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<div className={\n\t\t\t\t\t\t\t\tclassnames(\n\t\t\t\t\t\t\t\t\t'mpp-profile-gutenberg-wrap',\n\t\t\t\t\t\t\t\t\t'mt-font-size-' + profileFontSize,\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"mpp-profile-image-wrapper\">\n\t\t\t\t\t\t\t\t\t<div className=\"mpp-profile-image-square\">\n\t\t\t\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\t\t\t\tbuttonProps={ {\n\t\t\t\t\t\t\t\t\t\t\t\tclassName: 'change-image'\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tonSelect={ ( img ) => { this.handleImageChange( img.id, img.url ); setAttributes( { profileImgID: img.id, profileImgURL: img.url } ); } }\n\t\t\t\t\t\t\t\t\t\t\ttype=\"image\"\n\t\t\t\t\t\t\t\t\t\t\tvalue={ profileImgID }\n\t\t\t\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button \n\t\t\t\t\t\t\t\t\t\t\t\tonClick={ open }>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ ! profileImgID ? <img src={profileImgURL} alt=\"placeholder\" /> : <img\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"profile-avatar\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={ profileImgURL }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"avatar\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t/> }\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t</MediaUpload>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"mpp-content-wrap\">\n\t\t\t\t\t\t\t\t\t{showName &&\n\t\t\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\t\t\ttagName=\"h2\"\n\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Add name', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ profileName }\n\t\t\t\t\t\t\t\t\t\tclassName='mpp-profile-name'\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\tcolor: profileTextColor,\n\t\t\t\t\t\t\t\t\t\t\tfontSize: headerFontSize + 'px'\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.onChangeName(value); setAttributes( { profileName: value } ) } }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t{showTitle &&\n\t\t\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\t\t\ttagName=\"p\"\n\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Add title', 'atomic-blocks' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ profileTitle }\n\t\t\t\t\t\t\t\t\t\tclassName='mpp-profile-title'\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\tcolor: profileTextColor\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {this.onChangeTitle(value); setAttributes( { profileTitle: value } ) } }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t{showDescription &&\n\t\t\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\t\t\ttagName=\"div\"\n\t\t\t\t\t\t\t\t\t\tclassName='mpp-profile-text'\n\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Add profile text...', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ profileContent }\n\t\t\t\t\t\t\t\t\t\tformattingControls={ [ 'bold', 'italic', 'strikethrough', 'link' ] }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {this.onChangeProfileText(value); setAttributes( { profileContent: value } ) } }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{profileURL && !! profileURL.length &&\n\t\t\t\t\t\t\t<div className=\"mpp-gutenberg-view-posts\" style={{width: showPostsWidth}}>\n\t\t\t\t\t\t\t{showViewPosts &&\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName=\"mpp-profile-view-posts\"\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: profileViewPostsBackgroundColor,\n\t\t\t\t\t\t\t\t\t\tcolor: profileViewPostsTextColor,\n\t\t\t\t\t\t\t\t\t\twidth: showPostsWidth,\n\t\t\t\t\t\t\t\t\t\tfontSize: buttonFontSize + 'px'\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref={profileURL}\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: profileViewPostsBackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\tcolor: profileViewPostsTextColor,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>{profileViewPosts}</a>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{ this.state.website != '' && showWebsite &&\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"mpp-profile-view-website\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tbackgroundColor: profileWebsiteBackgroundColor,\n\t\t\t\t\t\t\t\t\tcolor: profileWebsiteTextColor,\n\t\t\t\t\t\t\t\t\tfontSize: buttonFontSize + 'px'\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\thref={this.state.website}\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: profileWebsiteBackgroundColor,\n\t\t\t\t\t\t\t\t\t\tcolor: profileWebsiteTextColor,\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>{profileViewWebsite}</a>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{ this.state.theme === 'profile' &&\n\t\t\t\t\t\t\t<div className={\n\t\t\t\t\t\t\t\tclassnames(\n\t\t\t\t\t\t\t\t\t'mpp-profile-gutenberg-wrap',\n\t\t\t\t\t\t\t\t\t'mt-font-size-' + profileFontSize,\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{showName &&\n\t\t\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\t\t\ttagName=\"h2\"\n\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Add name', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ profileName }\n\t\t\t\t\t\t\t\t\t\tclassName='mpp-profile-name'\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\tcolor: profileTextColor,\n\t\t\t\t\t\t\t\t\t\t\tfontSize: headerFontSize + 'px'\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.onChangeName(value); setAttributes( { profileName: value } ) } }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t<div className=\"mpp-profile-image-wrapper\">\n\t\t\t\t\t\t\t\t\t<div className=\"mpp-profile-image-square\">\n\t\t\t\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\t\t\t\tbuttonProps={ {\n\t\t\t\t\t\t\t\t\t\t\t\tclassName: 'change-image'\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tonSelect={ ( img ) => { this.handleImageChange( img.id, img.url ); setAttributes( { profileImgID: img.id, profileImgURL: img.url } ); } }\n\t\t\t\t\t\t\t\t\t\t\ttype=\"image\"\n\t\t\t\t\t\t\t\t\t\t\tvalue={ profileImgID }\n\t\t\t\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button onClick={ open }>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ ! profileImgID ? <img src={profileImgURL} alt=\"placeholder\" /> : <img\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"profile-avatar\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={ profileImgURL }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"avatar\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t/> }\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t</MediaUpload>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{showDescription &&\n\t\t\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\t\t\ttagName=\"div\"\n\t\t\t\t\t\t\t\t\t\tclassName='mpp-profile-text'\n\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Add profile text...', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ profileContent }\n\t\t\t\t\t\t\t\t\t\tformattingControls={ [ 'bold', 'italic', 'strikethrough', 'link' ] }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {this.onChangeProfileText(value); setAttributes( { profileContent: value } ) } }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t<div className=\"mpp-profile-meta\" style={{fontSize: buttonFontSize + 'px'}}>\n\t\t\t\t\t\t\t\t\t{showViewPosts &&\n\t\t\t\t\t\t\t\t\t<div className=\"mpp-profile-link alignleft\">\n\t\t\t\t\t\t\t\t\t\t<a href={this.state.profile_url}\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\tcolor: profileLinkColor,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>{__( 'View all posts by', 'metronet-profile-picture' )} {this.state.profile_name_unfiltered}</a>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t{this.state.website != '' && showWebsite &&\n\t\t\t\t\t\t\t\t\t<div className=\"mpp-profile-link alignright\">\n\t\t\t\t\t\t\t\t\t\t<a href={this.state.website}\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\tcolor: profileLinkColor,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>{__( 'Website', 'metronet-profile-picture' )}</a>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{ this.state.theme === 'compact' &&\n\t\t\t\t\t\t\t<div className={\n\t\t\t\t\t\t\t\tclassnames(\n\t\t\t\t\t\t\t\t\t'mpp-profile-gutenberg-wrap',\n\t\t\t\t\t\t\t\t\t'mt-font-size-' + profileFontSize,\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{showName &&\n\t\t\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\t\t\ttagName=\"h2\"\n\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Add name', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ profileName }\n\t\t\t\t\t\t\t\t\t\tclassName='mpp-profile-name'\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\tcolor: profileTextColor,\n\t\t\t\t\t\t\t\t\t\t\tfontSize: headerFontSize + 'px'\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.onChangeName(value); setAttributes( { profileName: value } ) } }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t<div className=\"mpp-profile-image-wrapper\">\n\t\t\t\t\t\t\t\t\t<div className=\"mpp-profile-image-square\">\n\t\t\t\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\t\t\t\tbuttonProps={ {\n\t\t\t\t\t\t\t\t\t\t\t\tclassName: 'change-image'\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tonSelect={ ( img ) => { this.handleImageChange( img.id, img.url ); setAttributes( { profileImgID: img.id, profileImgURL: img.url } ); } }\n\t\t\t\t\t\t\t\t\t\t\ttype=\"image\"\n\t\t\t\t\t\t\t\t\t\t\tvalue={ profileImgID }\n\t\t\t\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button onClick={ open }>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ ! profileImgID ? <img src={profileImgURL} alt=\"placeholder\" /> : <img\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"profile-avatar\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={ profileImgURL }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"avatar\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t/> }\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t</MediaUpload>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{showDescription &&\n\t\t\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\t\t\ttagName=\"div\"\n\t\t\t\t\t\t\t\t\t\tclassName='mpp-profile-text'\n\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Add profile text...', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ profileContent }\n\t\t\t\t\t\t\t\t\t\tformattingControls={ [ 'bold', 'italic', 'strikethrough', 'link' ] }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {this.onChangeProfileText(value); setAttributes( { profileContent: value } ) } }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t<div className=\"mpp-compact-meta\">\n\t\t\t\t\t\t\t\t\t{showViewPosts &&\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName=\"mpp-profile-view-posts\"\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: profileViewPostsBackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\tcolor: profileViewPostsTextColor,\n\t\t\t\t\t\t\t\t\t\t\twidth: '90%',\n\t\t\t\t\t\t\t\t\t\t\tmargin: '0 auto 10px auto',\n\t\t\t\t\t\t\t\t\t\t\tfontSize: buttonFontSize + 'px'\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\thref={profileURL}\n\t\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: profileViewPostsBackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: profileViewPostsTextColor,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>{__('View Posts', 'metronet-profile-picture')}</a>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t{ this.state.website != '' && showWebsite &&\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName=\"mpp-profile-view-website\"\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: profileWebsiteBackgroundColor,\n\t\t\t\t\t\t\t\t\t\tcolor: profileWebsiteTextColor,\n\t\t\t\t\t\t\t\t\t\tfontSize: buttonFontSize + 'px',\n\t\t\t\t\t\t\t\t\t\twidth: '90%',\n\t\t\t\t\t\t\t\t\t\tmargin: '0 auto',\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\thref={this.state.website}\n\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: profileWebsiteBackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\tcolor: profileWebsiteTextColor,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>{__('View Website', 'metronet-profile-picture')}</a>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{ this.state.showSocialMedia == true && ( this.state.theme === 'regular' || this.state.theme === 'compact' || this.state.theme === 'profile' ) &&\n\t\t\t\t\t\t\t<div className=\"mpp-social\">\n\t\t\t\t\t\t\t\t{ this.state.socialFacebook != '' &&\n\t\t\t\t\t\t\t\t\t<a href={this.state.socialFacebook}>\n\t\t\t\t\t\t\t\t\t\t<svg className=\"icon icon-facebook\" role=\"img\" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>\n\t\t\t\t\t\t\t\t\t\t\t<use href=\"#facebook\"></use>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t{ this.state.socialTwitter != '' &&\n\t\t\t\t\t\t\t\t\t<a href={this.state.socialTwitter}>\n\t\t\t\t\t\t\t\t\t\t<svg className=\"icon icon-twitter\" role=\"img\" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>\n\t\t\t\t\t\t\t\t\t\t\t<use href=\"#twitter\"></use>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t{ this.state.socialInstagram != '' &&\n\t\t\t\t\t\t\t\t\t<a href={this.state.socialInstagram}>\n\t\t\t\t\t\t\t\t\t\t<svg className=\"icon icon-instagram\" role=\"img\" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>\n\t\t\t\t\t\t\t\t\t\t\t<use href=\"#instagram\"></use>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t{ this.state.socialPinterest != '' &&\n\t\t\t\t\t\t\t\t\t<a href={this.state.socialPinterest}>\n\t\t\t\t\t\t\t\t\t\t<svg className=\"icon icon-pinterest\" role=\"img\" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>\n\t\t\t\t\t\t\t\t\t\t\t<use href=\"#pinterest\"></use>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t{ this.state.socialLinkedIn != '' &&\n\t\t\t\t\t\t\t\t\t<a href={this.state.socialLinkedIn}>\n\t\t\t\t\t\t\t\t\t\t<svg className=\"icon icon-linkedin\" role=\"img\" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>\n\t\t\t\t\t\t\t\t\t\t\t<use href=\"#linkedin\"></use>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t{ this.state.socialYouTube != '' &&\n\t\t\t\t\t\t\t\t\t<a href={this.state.socialYouTube}>\n\t\t\t\t\t\t\t\t\t\t<svg className=\"icon icon-youtube\" role=\"img\" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>\n\t\t\t\t\t\t\t\t\t\t\t<use href=\"#youtube\"></use>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t{ this.state.socialGitHub != '' &&\n\t\t\t\t\t\t\t\t\t<a href={this.state.socialGitHub}>\n\t\t\t\t\t\t\t\t\t\t<svg className=\"icon icon-github\" role=\"img\" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>\n\t\t\t\t\t\t\t\t\t\t\t<use href=\"#github\"></use>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t{ this.state.socialWordPress != '' &&\n\t\t\t\t\t\t\t\t\t<a href={this.state.socialWordPress}>\n\t\t\t\t\t\t\t\t\t\t<svg className=\"icon icon-wordpress\" role=\"img\" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>\n\t\t\t\t\t\t\t\t\t\t\t<use href=\"#wordpress\"></use>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{ this.state.theme === 'tabbed' &&\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\tclassnames(\n\t\t\t\t\t\t\t\t\t\t'mpp-author-tabbed',\n\t\t\t\t\t\t\t\t\t\tthis.state.theme,\n\t\t\t\t\t\t\t\t\t\tprofileAlignment,\n\t\t\t\t\t\t\t\t\t\tprofileAvatarShape,\n\t\t\t\t\t\t\t\t\t\t'mpp-block-profile'\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ul className=\"mpp-author-tabs\">\n\t\t\t\t\t\t\t\t\t<li className={\n\t\t\t\t\t\t\t\t\t\tclassnames(\n\t\t\t\t\t\t\t\t\t\t\t'mpp-tab-profile',\n\t\t\t\t\t\t\t\t\t\t\tthis.state.activeTab === 'profile' ? 'active' : ''\n\t\t\t\t\t\t\t\t\t\t)\n\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonClick={this.onChangeActiveProfileTab}\n\t\t\t\t\t\t\t\t\tstyle={{backgroundColor: this.state.profileTabColor, color: this.state.profileTabTextColor}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\t\t\t\ttagName=\"span\"\n\t\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Add tab name.', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\t\tvalue={this.state.tabbedAuthorProfile}\n\t\t\t\t\t\t\t\t\t\t\tformattingControls={[]}\n\t\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {this.onChangetabbedAuthorProfile(value); setAttributes( { tabbedAuthorProfile: value } ) } }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t<li className={\n\t\t\t\t\t\t\t\t\t\tclassnames(\n\t\t\t\t\t\t\t\t\t\t\t'mpp-tab-posts',\n\t\t\t\t\t\t\t\t\t\t\tthis.state.activeTab === 'latest' ? 'active' : ''\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\tonClick={this.onChangeActivePostTab}\n\t\t\t\t\t\t\t\t\t\tstyle={{backgroundColor: this.state.profileTabPostsColor, color: this.state.profileTabPostsTextColor}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\t\t\t\ttagName=\"span\"\n\t\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Add tab name.', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\t\tvalue={this.state.tabbedAuthorLatestPosts}\n\t\t\t\t\t\t\t\t\t\t\tformattingControls={[]}\n\t\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {this.onChangetabbedAuthorLatestPosts(value); setAttributes( { tabbedAuthorLatestPosts: value } ) } }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t\t<div className=\"mpp-tab-wrapper\"\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\tpadding: padding + 'px',\n\t\t\t\t\t\t\t\t\t\tborder: border + 'px solid ' + borderColor,\n\t\t\t\t\t\t\t\t\t\tborderRadius: borderRounded + 'px',\n\t\t\t\t\t\t\t\t\t\tbackgroundColor: profileBackgroundColor,\n\t\t\t\t\t\t\t\t\t\tcolor: profileTextColor,\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ this.state.activeTab === 'profile' &&\n\t\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t<div className=\"mpp-author-social-wrapper\">\n\t\t\t\t\t\t\t\t\t<div className=\"mpp-author-heading\">\n\t\t\t\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\t\t\t\t\ttagName=\"div\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"mpp-author-profile-heading\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={ this.state.tabbedAuthorProfileHeading }\n\t\t\t\t\t\t\t\t\t\t\t\tformattingControls={[]}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {this.onChangetabbedAuthorProfileHeading(value); setAttributes( { profileTabHeadlineTextColor: value } ) } }\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{backgroundColor: this.state.profileTabHeadlineColor, color: this.state.profileTabHeadlineTextColor}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t{this.state.showSocialMedia &&\n\t\t\t\t\t\t\t\t\t\t<div className=\"mpp-author-social\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"mpp-social\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ this.state.socialFacebook != '' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href={this.state.socialFacebook}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg className=\"icon icon-facebook\" role=\"img\" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<use href=\"#facebook\"></use>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t{ this.state.socialTwitter != '' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href={this.state.socialTwitter}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg className=\"icon icon-twitter\" role=\"img\" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<use href=\"#twitter\"></use>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t{ this.state.socialInstagram != '' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href={this.state.socialInstagram}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg className=\"icon icon-instagram\" role=\"img\" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<use href=\"#instagram\"></use>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t{ this.state.socialPinterest != '' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href={this.state.socialPinterest}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg className=\"icon icon-pinterest\" role=\"img\" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<use href=\"#pinterest\"></use>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t{ this.state.socialLinkedIn != '' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href={this.state.socialLinkedIn}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg className=\"icon icon-linkedin\" role=\"img\" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<use href=\"#linkedin\"></use>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t{ this.state.socialYouTube != '' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href={this.state.socialYouTube}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg className=\"icon icon-youtube\" role=\"img\" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<use href=\"#youtube\"></use>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t{ this.state.socialGitHub != '' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href={this.state.socialGitHub}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg className=\"icon icon-github\" role=\"img\" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<use href=\"#github\"></use>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t{ this.state.socialWordPress != '' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href={this.state.socialWordPress}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg className=\"icon icon-wordpress\" role=\"img\" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<use href=\"#wordpress\"></use>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"mpp-profile-image-wrapper\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"mpp-profile-image-square\">\n\t\t\t\t\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonProps={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName: 'change-image'\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\tonSelect={ ( img ) => { this.handleImageChange( img.id, img.url ); setAttributes( { profileImgID: img.id, profileImgURL: img.url } ); } }\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"image\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={ profileImgID }\n\t\t\t\t\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Button onClick={ open }>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ ! profileImgID ? <img src={profileImgURL} alt=\"placeholder\" /> : <img\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"profile-avatar\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={ profileImgURL }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"avatar\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/> }\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t</MediaUpload>\n\t\t\t\t\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\t\t\t\t\ttagName=\"div\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"mpp-author-profile-sub-heading\"\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Add profile description...', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={ this.state.tabbedAuthorSubHeading }\n\t\t\t\t\t\t\t\t\t\t\t\tformattingControls={ [ 'bold', 'italic', 'strikethrough', 'link' ] }\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {this.onChangeTabbedSubHeading(value); setAttributes( { tabbedAuthorSubHeading: value } ) } }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"mpp-tabbed-profile-information\">\n\t\t\t\t\t\t\t\t\t\t{ showTitle &&\n\t\t\t\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\t\t\t\t\ttagName=\"div\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"mpp-author-profile-title\"\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Add profile title...', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={ tabbedAuthorProfileTitle }\n\t\t\t\t\t\t\t\t\t\t\t\tformattingControls={ [ 'bold', 'italic', 'strikethrough', 'link' ] }\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { setAttributes( { tabbedAuthorProfileTitle: value } ) } }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t{ showName &&\n\t\t\t\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\t\t\t\ttagName=\"h2\"\n\t\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Add name', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\t\tvalue={ profileName }\n\t\t\t\t\t\t\t\t\t\t\tclassName='mpp-profile-name'\n\t\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: profileTextColor,\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize: headerFontSize + 'px'\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => { this.onChangeName(value); setAttributes( { profileName: value } ) } }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t{ showDescription &&\n\t\t\t\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\t\t\t\ttagName=\"div\"\n\t\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\t\tclassnames(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'mpp-profile-text',\n\t\t\t\t\t\t\t\t\t\t\t\t\t'mt-font-size-' + profileFontSize,\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Add profile text...', 'metronet-profile-picture' ) }\n\t\t\t\t\t\t\t\t\t\t\tvalue={ profileContent }\n\t\t\t\t\t\t\t\t\t\t\tformattingControls={ [ 'bold', 'italic', 'strikethrough', 'link' ] }\n\t\t\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {this.onChangeProfileText(value); setAttributes( { profileContent: value } ) } }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t{this.state.activeTab === 'latest' &&\n\t\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t\t{this.state.loadingLatestPosts &&\n\t\t\t\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"mpp-spinner\"><Spinner /></div>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t{!this.state.loadingLatestPosts &&\n\t\t\t\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t\t\t\t<ul\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassnames(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'mpp-author-tab-content',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.state.profileLatestPostsOptionsValue\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t\t\t\t\t{this.state.latestPosts}\n\t\t\t\t\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t}\n\t\t\t\t\t</Fragment>\n\n\t\t\t\t}\n\t\t\t</Fragment>\n\t\t);\n\t}\n}\n\nexport default MPP_Gutenberg_Enhanced;\n","/*!\n Copyright (c) 2017 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg) && arg.length) {\n\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\tif (inner) {\n\t\t\t\t\tclasses.push(inner);\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tif(__webpack_module_cache__[moduleId]) {\n\t\treturn __webpack_module_cache__[moduleId].exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => module['default'] :\n\t\t() => module;\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// startup\n// Load entry module\n__webpack_require__(\"./src/blocks.js\");\n// This entry module used 'exports' so it can't be inlined\n"],"sourceRoot":""}
dist/blocks.editor.build.css CHANGED
@@ -1 +1,986 @@
1
- .mpp-spinner span{display:block;text-align:center;float:none;margin:0 auto}.editor-styles-wrapper .mpp-profile-wrap{margin:0 auto;padding:3%;border-radius:5px;margin-bottom:1.2em;margin-bottom:20px;line-height:1.1}.editor-styles-wrapper .mpp-profile-wrap.round .mpp-profile-image-wrapper{border-radius:50%;overflow:hidden}.editor-styles-wrapper .mpp-profile-wrap.round .mpp-profile-image-wrapper img{border-radius:50%}.editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper button{height:auto}.editor-styles-wrapper .mpp-profile-wrap h1,.editor-styles-wrapper .mpp-profile-wrap h2,.editor-styles-wrapper .mpp-profile-wrap h3,.editor-styles-wrapper .mpp-profile-wrap h4,.editor-styles-wrapper .mpp-profile-wrap h5,.editor-styles-wrapper .mpp-profile-wrap h6{clear:none}.editor-styles-wrapper .mpp-profile-wrap h2:before{display:none}.editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper{position:relative;float:left;line-height:1.1;z-index:1000;background:#ddd;position:relative;min-width:150px;min-height:150px;max-width:150px;max-height:150px;width:100%;margin-right:20px}.editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper button.components-button,.editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper button{position:relative;min-width:150px;min-height:150px;max-width:150px;max-height:150px;z-index:1000}.editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-profile-image-square{position:relative;top:0;left:0;height:100%;width:100%;z-index:5}.editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-profile-image-square img{height:100%;width:100%;position:relative;z-index:5}.editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-content-wrap{display:block;padding:0 15px 0 15px;-ms-flex:3 0 0px;flex:3 0 0}.editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-profile-name{font:1.4em;line-height:1.2}@media only screen and (max-width: 600px){.editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper{-ms-flex:auto;flex:auto}}.editor-styles-wrapper .mpp-profile-wrap .mpp-profile-view-posts{display:block;width:100%;text-align:center;padding:10px 20px;margin-top:20px;background-color:#cf6d38;color:#FFF}.editor-styles-wrapper .mpp-profile-wrap .mpp-profile-view-posts a,.editor-styles-wrapper .mpp-profile-wrap .mpp-profile-view-posts a:hover,.editor-styles-wrapper .mpp-profile-wrap .mpp-profile-view-posts a:visited{display:block;width:100%;height:100%;color:#FFF;text-decoration:none}.mpp-profile-image-wrapper button{position:relative;min-width:150px;min-height:150px;max-width:150px;max-height:150px;z-index:1000}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular{position:relative;margin:0 auto;line-height:1.1}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular.round .mpp-profile-image-wrapper{border-radius:50%;overflow:hidden}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular.round .mpp-profile-image-wrapper img{border-radius:50%}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular h2:before{display:none}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper{position:relative;float:left;line-height:1.1;z-index:1000;background:#ddd;position:relative;min-width:150px;min-height:150px;max-width:150px;max-height:150px;width:100%;margin-right:20px}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper button{position:relative;min-width:150px;min-height:150px;max-width:150px;max-height:150px;z-index:1000}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-profile-image-square{position:relative;top:0;left:0;height:100%;width:100%;z-index:5}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-profile-image-square img{height:100%;width:100%;position:relative;z-index:5}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-content-wrap{display:block;padding:0 15px 0 15px;-ms-flex:3 0 0px;flex:3 0 0}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-profile-name{font:1.4em;line-height:1.2}@media only screen and (max-width: 600px){.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper{-ms-flex:auto;flex:auto}}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-gutenberg-view-posts{clear:both}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-gutenberg-view-posts:after{content:"";display:table;clear:both}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts{clear:both;display:block;float:left;text-align:center;padding:10px 20px;margin-top:20px;margin-right:20px;background-color:#cf6d38;color:#FFF}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts a,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts a:hover,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts a:visited{display:block;width:100%;height:100%;color:#FFF;text-decoration:none}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts:after{content:"";display:table;clear:both}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website{display:block;float:left;text-align:center;padding:10px 20px;margin-top:20px;background-color:#333;color:#FFF}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website a,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website a:hover,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website a:visited{display:block;width:100%;height:100%;color:#FFF;text-decoration:none}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular.right .mpp-profile-view-posts{float:right;margin-left:20px}.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular.center .mpp-profile-view-posts{display:inline-block;float:none;margin-left:20px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-10,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-10,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-10,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-10,.editor-styles-wrapper .mpp-profile-text.mt-font-size-10{font-size:10px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-10 p,.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-10 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-10 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-10 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-10 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-10 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-10 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-10 div,.editor-styles-wrapper .mpp-profile-text.mt-font-size-10 p,.editor-styles-wrapper .mpp-profile-text.mt-font-size-10 div{font-size:10px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-11,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-11,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-11,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-11,.editor-styles-wrapper .mpp-profile-text.mt-font-size-11{font-size:11px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-11 p,.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-11 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-11 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-11 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-11 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-11 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-11 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-11 div,.editor-styles-wrapper .mpp-profile-text.mt-font-size-11 p,.editor-styles-wrapper .mpp-profile-text.mt-font-size-11 div{font-size:11px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-12,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-12,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-12,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-12,.editor-styles-wrapper .mpp-profile-text.mt-font-size-12{font-size:12px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-12 p,.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-12 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-12 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-12 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-12 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-12 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-12 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-12 div,.editor-styles-wrapper .mpp-profile-text.mt-font-size-12 p,.editor-styles-wrapper .mpp-profile-text.mt-font-size-12 div{font-size:12px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-13,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-13,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-13,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-13,.editor-styles-wrapper .mpp-profile-text.mt-font-size-13{font-size:13px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-13 p,.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-13 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-13 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-13 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-13 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-13 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-13 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-13 div,.editor-styles-wrapper .mpp-profile-text.mt-font-size-13 p,.editor-styles-wrapper .mpp-profile-text.mt-font-size-13 div{font-size:13px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-14,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-14,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-14,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-14,.editor-styles-wrapper .mpp-profile-text.mt-font-size-14{font-size:14px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-14 p,.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-14 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-14 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-14 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-14 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-14 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-14 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-14 div,.editor-styles-wrapper .mpp-profile-text.mt-font-size-14 p,.editor-styles-wrapper .mpp-profile-text.mt-font-size-14 div{font-size:14px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-15,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-15,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-15,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-15,.editor-styles-wrapper .mpp-profile-text.mt-font-size-15{font-size:15px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-15 p,.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-15 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-15 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-15 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-15 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-15 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-15 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-15 div,.editor-styles-wrapper .mpp-profile-text.mt-font-size-15 p,.editor-styles-wrapper .mpp-profile-text.mt-font-size-15 div{font-size:15px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-16,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-16,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-16,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-16,.editor-styles-wrapper .mpp-profile-text.mt-font-size-16{font-size:16px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-16 p,.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-16 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-16 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-16 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-16 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-16 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-16 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-16 div,.editor-styles-wrapper .mpp-profile-text.mt-font-size-16 p,.editor-styles-wrapper .mpp-profile-text.mt-font-size-16 div{font-size:16px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-17,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-17,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-17,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-17,.editor-styles-wrapper .mpp-profile-text.mt-font-size-17{font-size:17px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-17 p,.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-17 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-17 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-17 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-17 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-17 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-17 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-17 div,.editor-styles-wrapper .mpp-profile-text.mt-font-size-17 p,.editor-styles-wrapper .mpp-profile-text.mt-font-size-17 div{font-size:17px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-18,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-18,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-18,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-18,.editor-styles-wrapper .mpp-profile-text.mt-font-size-18{font-size:18px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-18 p,.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-18 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-18 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-18 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-18 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-18 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-18 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-18 div,.editor-styles-wrapper .mpp-profile-text.mt-font-size-18 p,.editor-styles-wrapper .mpp-profile-text.mt-font-size-18 div{font-size:18px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-19,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-19,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-19,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-19,.editor-styles-wrapper .mpp-profile-text.mt-font-size-19{font-size:19px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-19 p,.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-19 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-19 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-19 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-19 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-19 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-19 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-19 div,.editor-styles-wrapper .mpp-profile-text.mt-font-size-19 p,.editor-styles-wrapper .mpp-profile-text.mt-font-size-19 div{font-size:19px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-20,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-20,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-20,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-20,.editor-styles-wrapper .mpp-profile-text.mt-font-size-20{font-size:20px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-20 p,.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-20 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-20 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-20 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-20 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-20 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-20 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-20 div,.editor-styles-wrapper .mpp-profile-text.mt-font-size-20 p,.editor-styles-wrapper .mpp-profile-text.mt-font-size-20 div{font-size:20px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-21,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-21,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-21,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-21,.editor-styles-wrapper .mpp-profile-text.mt-font-size-21{font-size:21px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-21 p,.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-21 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-21 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-21 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-21 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-21 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-21 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-21 div,.editor-styles-wrapper .mpp-profile-text.mt-font-size-21 p,.editor-styles-wrapper .mpp-profile-text.mt-font-size-21 div{font-size:21px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-22,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-22,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-22,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-22,.editor-styles-wrapper .mpp-profile-text.mt-font-size-22{font-size:22px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-22 p,.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-22 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-22 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-22 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-22 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-22 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-22 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-22 div,.editor-styles-wrapper .mpp-profile-text.mt-font-size-22 p,.editor-styles-wrapper .mpp-profile-text.mt-font-size-22 div{font-size:22px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-23,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-23,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-23,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-23,.editor-styles-wrapper .mpp-profile-text.mt-font-size-23{font-size:23px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-23 p,.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-23 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-23 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-23 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-23 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-23 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-23 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-23 div,.editor-styles-wrapper .mpp-profile-text.mt-font-size-23 p,.editor-styles-wrapper .mpp-profile-text.mt-font-size-23 div{font-size:23px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-24,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-24,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-24,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-24,.editor-styles-wrapper .mpp-profile-text.mt-font-size-24{font-size:24px}.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-24 p,.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-24 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-24 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-24 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-24 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-24 div,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-24 p,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-24 div,.editor-styles-wrapper .mpp-profile-text.mt-font-size-24 p,.editor-styles-wrapper .mpp-profile-text.mt-font-size-24 div{font-size:24px}.mpp-social{margin-top:15px}.mpp-social svg{max-width:32px;max-height:32px;margin-right:10px}.mpp-social{clear:both}.mpp-social svg.icon-twitter{fill:#00aced}.mpp-social svg.icon-amazon{fill:#000}.mpp-social svg.icon-behance{fill:#0692e9}.mpp-social svg.icon-blogger{fill:#fb8f3d}.mpp-social svg.icon-codepen{fill:#000}.mpp-social svg.icon-dribble{fill:#F46899}.mpp-social svg.icon-dropbox{fill:#018BD3}.mpp-social svg.icon-eventbrite{fill:#f6682F}.mpp-social svg.icon-facebook{fill:#3b5998}.mpp-social svg.icon-flickr{fill:#ff0084}.mpp-social svg.icon-foursquare{fill:#0072b1}.mpp-social svg.icon-ghost{fill:#000}.mpp-social svg.icon-github{fill:#070709}.mpp-social svg.icon-google-plus{fill:#CF3D2E}.mpp-social svg.icon-instagram{fill:#A1755C}.mpp-social svg.icon-linkedin{fill:#0085AE}.mpp-social svg.icon-feed{fill:#f26522}.mpp-social svg.icon-medium{fill:#000}.mpp-social svg.icon-path{fill:#000}.mpp-social svg.icon-pinterest{fill:#CC2127}.mpp-social svg.icon-pocket{fill:#000}.mpp-social svg.icon-polldaddy{fill:#bc0b0b}.mpp-social svg.icon-reddit{fill:#000}.mpp-social svg.icon-skype{fill:#01AEF2}.mpp-social svg.icon-spotify{fill:#1ed760}.mpp-social svg.icon-squarespace{fill:#000}.mpp-social svg.icon-stumbleupon{fill:#EB4823}.mpp-social svg.icon-telegram{fill:#000}.mpp-social svg.icon-tumblr-alt{fill:#314E6C}.mpp-social svg.icon-twitch{fill:#4b367c}.mpp-social svg.icon-twitter-alt{fill:#00aced}.mpp-social svg.icon-vimeo{fill:#1ab7ea}.mpp-social svg.icon-wordpress{fill:#21759b}.mpp-social svg.icon-youtube{fill:#b00}.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile{padding:10px}.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile h2{font-size:0.8em;font-weight:normal;margin-bottom:5px}.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile h2:before{display:none}.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile.round .profile-avatar{border-radius:50%}.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mpp-profile-image-wrapper{position:relative;float:left;line-height:1.0;z-index:1000;min-width:150px;min-height:150px;max-width:150px;max-height:150px;margin-right:15px}.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mpp-profile-meta{clear:both;margin:10px 0}.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mpp-profile-meta:after{content:"";display:table;clear:both}.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .alignleft{max-width:none;float:left}.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .alignright{max-width:none;float:right}.editor-styles-wrapper .mpp-author-tabbed{padding:10px}.editor-styles-wrapper .mpp-author-tabbed:after{content:"";display:table;clear:both}.editor-styles-wrapper .mpp-author-tabbed .mpp-social{margin-top:0}.editor-styles-wrapper .mpp-author-tabbed .mpp-author-social-wrapper{margin-bottom:10px}.editor-styles-wrapper .mpp-author-tabbed .mpp-author-social-wrapper:after{content:"";display:table;clear:both}.editor-styles-wrapper .mpp-author-tabbed h2{font-size:0.8em;font-weight:normal;margin-bottom:5px}.editor-styles-wrapper .mpp-author-tabbed h2:before{display:none}.editor-styles-wrapper .mpp-author-tabbed .mpp-tab-wrapper{clear:both}.editor-styles-wrapper .mpp-author-tabbed .mpp-author-heading{float:left}.editor-styles-wrapper .mpp-author-tabbed .mpp-author-social{float:right}.editor-styles-wrapper .mpp-author-tabbed .mpp-author-heading .mpp-author-profile-heading{display:inline-block;background:#42737b;color:#FFF;padding:10px 20px;font-size:14px;text-transform:uppercase}.editor-styles-wrapper .mpp-author-tabbed .mpp-author-profile-sub-heading{font-size:14px;line-height:1.1;max-width:150px;text-align:center}.editor-styles-wrapper .mpp-author-tabbed.round .profile-avatar{border-radius:50%}.editor-styles-wrapper .mpp-author-tabbed .mpp-profile-image-wrapper{clear:both;position:relative;float:left;line-height:1.0;z-index:1000;margin-right:30px}.editor-styles-wrapper .mpp-author-tabbed .mpp-profile-image-wrapper img{min-width:150px;min-height:150px;max-height:150px;max-width:150px}.editor-styles-wrapper .mpp-author-tabbed .mpp-profile-meta{clear:both;margin:10px 0}.editor-styles-wrapper .mpp-author-tabbed .mpp-profile-meta:after{content:"";display:table;clear:both}.editor-styles-wrapper .mpp-author-tabbed .mpp-author-profile-title{color:gray;text-transform:uppercase;font-size:12px}.editor-styles-wrapper .mpp-author-tabbed .mpp-tabbed-profile-information:after{content:"";display:table;clear:both}.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tabs{position:relative;list-style-type:none;margin:0;padding:0;text-align:center}.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tabs li{cursor:pointer;position:relative;display:inline-block;min-width:200px;background:#42737b;margin:0 5px 0 0;text-align:center;margin-right:10px;color:#FFF;padding:10px 20px;font-size:16px}.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tabs li:last-child{margin-right:0}.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tabs li.mpp-tab-posts{background:#30424b}.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content{list-style-type:none;margin:0}.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content li{margin:0}.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.white a,.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.white a:hover,.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.white a:visited{display:block;background:#FFFFFF;border:1px solid #f2f2f2;padding:10px 20px;text-decoration:none;color:#333}.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.white a:hover{background:#f2f2f2}.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.light a,.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.light a:hover,.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.light a:visited{display:block;background:#f7f7f7;border:1px solid #dedede;padding:10px 20px;text-decoration:none;color:#333}.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.light a:hover{background:#dedede}.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.black a,.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.black a:hover,.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.black a:visited{display:block;background:#333;color:#FFF;border:1px solid #1a1a1a;padding:10px 20px;text-decoration:none}.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.black a:hover{background:#1a1a1a}.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.magenta a,.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.magenta a:hover,.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.magenta a:visited{display:block;background:#FF00FF;color:#FFF;border:1px solid #c0c;padding:10px 20px;text-decoration:none}.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.magenta a:hover{background:#c0c}.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.blue a,.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.blue a:hover,.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.blue a:visited{display:block;background:#0009c1;color:#FFF;border:1px solid #00078e;padding:10px 20px;text-decoration:none}.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.blue a:hover{background:#00078e}.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.green a,.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.green a:hover,.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.green a:visited{display:block;background:#03ac27;color:#FFF;border:1px solid #027a1c;padding:10px 20px;text-decoration:none}.editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.green a:hover{background:#027a1c}.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact{text-align:center;padding:10px;max-width:400px;margin:0 auto;line-height:1.1}.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact h2{font-size:0.8em;font-weight:normal;margin-bottom:5px}.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact h2:before{display:none}.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact.round .profile-avatar{border-radius:50%}.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-image-wrapper{position:relative;text-align:center;line-height:1.0;z-index:1000;min-width:150px;min-height:150px;max-width:150px;max-height:150px;margin:0 auto}.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-text{line-height:1.1}.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-compact-meta{clear:both;margin:10px 0}.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-compact-meta:after{content:"";display:table;clear:both}.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts{clear:both;display:block;text-align:center;padding:10px 20px;margin-top:20px;margin-right:20px;background-color:#cf6d38;color:#FFF;margin-bottom:10px}.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts a,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts a:hover,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts a:visited{display:block;width:100%;height:100%;color:#FFF;text-decoration:none}.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts:after{content:"";display:table;clear:both}.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website{display:block;text-align:center;padding:10px 20px;margin-top:20px;background-color:#333;color:#FFF}.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website a,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website a:hover,.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website a:visited{display:block;width:100%;height:100%;color:#FFF;text-decoration:none}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .mpp-spinner span {
2
+ display: block;
3
+ text-align: center;
4
+ float: none;
5
+ margin: 0 auto;
6
+ }
7
+
8
+ .editor-styles-wrapper .mpp-profile-wrap {
9
+ margin: 0 auto;
10
+ padding: 3%;
11
+ border-radius: 5px;
12
+ margin-bottom: 1.2em;
13
+ margin-bottom: 20px;
14
+ line-height: 1.1;
15
+ }
16
+ .editor-styles-wrapper .mpp-profile-wrap.round .mpp-profile-image-wrapper {
17
+ border-radius: 50%;
18
+ overflow: hidden;
19
+ }
20
+ .editor-styles-wrapper .mpp-profile-wrap.round .mpp-profile-image-wrapper img {
21
+ border-radius: 50%;
22
+ }
23
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper button {
24
+ height: auto;
25
+ }
26
+ .editor-styles-wrapper .mpp-profile-wrap h1, .editor-styles-wrapper .mpp-profile-wrap h2, .editor-styles-wrapper .mpp-profile-wrap h3, .editor-styles-wrapper .mpp-profile-wrap h4, .editor-styles-wrapper .mpp-profile-wrap h5, .editor-styles-wrapper .mpp-profile-wrap h6 {
27
+ clear: none;
28
+ }
29
+ .editor-styles-wrapper .mpp-profile-wrap h2:before {
30
+ display: none;
31
+ }
32
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper {
33
+ position: relative;
34
+ float: left;
35
+ line-height: 1.1;
36
+ z-index: 1000;
37
+ background: #ddd;
38
+ position: relative;
39
+ min-width: 150px;
40
+ min-height: 150px;
41
+ max-width: 150px;
42
+ max-height: 150px;
43
+ width: 100%;
44
+ margin-right: 20px;
45
+ }
46
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper button.components-button,
47
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper button {
48
+ position: relative;
49
+ min-width: 150px;
50
+ min-height: 150px;
51
+ max-width: 150px;
52
+ max-height: 150px;
53
+ z-index: 1000;
54
+ }
55
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-profile-image-square {
56
+ position: relative;
57
+ top: 0;
58
+ left: 0;
59
+ height: 100%;
60
+ width: 100%;
61
+ z-index: 5;
62
+ }
63
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-profile-image-square img {
64
+ height: 100%;
65
+ width: 100%;
66
+ position: relative;
67
+ z-index: 5;
68
+ }
69
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-content-wrap {
70
+ display: block;
71
+ padding: 0 15px 0 15px;
72
+ -ms-flex: 3 0 0px;
73
+ flex: 3 0 0;
74
+ }
75
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-profile-name {
76
+ font: 1.4em;
77
+ line-height: 1.2;
78
+ }
79
+ @media only screen and (max-width: 600px) {
80
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-image-wrapper {
81
+ flex: auto;
82
+ }
83
+ }
84
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-view-posts {
85
+ display: block;
86
+ width: 100%;
87
+ text-align: center;
88
+ padding: 10px 20px;
89
+ margin-top: 20px;
90
+ background-color: #cf6d38;
91
+ color: #FFF;
92
+ }
93
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-view-posts a,
94
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-view-posts a:hover,
95
+ .editor-styles-wrapper .mpp-profile-wrap .mpp-profile-view-posts a:visited {
96
+ display: block;
97
+ width: 100%;
98
+ height: 100%;
99
+ color: #FFF;
100
+ text-decoration: none;
101
+ }
102
+
103
+ .mpp-profile-image-wrapper button {
104
+ position: relative;
105
+ min-width: 150px;
106
+ min-height: 150px;
107
+ max-width: 150px;
108
+ max-height: 150px;
109
+ z-index: 1000;
110
+ }
111
+
112
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular {
113
+ position: relative;
114
+ margin: 0 auto;
115
+ line-height: 1.1;
116
+ }
117
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular.round .mpp-profile-image-wrapper {
118
+ border-radius: 50%;
119
+ overflow: hidden;
120
+ }
121
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular.round .mpp-profile-image-wrapper img {
122
+ border-radius: 50%;
123
+ }
124
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular h2:before {
125
+ display: none;
126
+ }
127
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper {
128
+ position: relative;
129
+ float: left;
130
+ line-height: 1.1;
131
+ z-index: 1000;
132
+ background: #ddd;
133
+ position: relative;
134
+ min-width: 150px;
135
+ min-height: 150px;
136
+ max-width: 150px;
137
+ max-height: 150px;
138
+ width: 100%;
139
+ margin-right: 20px;
140
+ }
141
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper button {
142
+ position: relative;
143
+ min-width: 150px;
144
+ min-height: 150px;
145
+ max-width: 150px;
146
+ max-height: 150px;
147
+ z-index: 1000;
148
+ }
149
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-profile-image-square {
150
+ position: relative;
151
+ top: 0;
152
+ left: 0;
153
+ height: 100%;
154
+ width: 100%;
155
+ z-index: 5;
156
+ }
157
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-profile-image-square img {
158
+ height: 100%;
159
+ width: 100%;
160
+ position: relative;
161
+ z-index: 5;
162
+ }
163
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-content-wrap {
164
+ display: block;
165
+ padding: 0 15px 0 15px;
166
+ -ms-flex: 3 0 0px;
167
+ flex: 3 0 0;
168
+ }
169
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-profile-name {
170
+ font: 1.4em;
171
+ line-height: 1.2;
172
+ }
173
+ @media only screen and (max-width: 600px) {
174
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper {
175
+ flex: auto;
176
+ }
177
+ }
178
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-gutenberg-view-posts {
179
+ clear: both;
180
+ }
181
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-gutenberg-view-posts:after {
182
+ content: "";
183
+ display: table;
184
+ clear: both;
185
+ }
186
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts {
187
+ clear: both;
188
+ display: block;
189
+ float: left;
190
+ text-align: center;
191
+ padding: 10px 20px;
192
+ margin-top: 20px;
193
+ margin-right: 20px;
194
+ background-color: #cf6d38;
195
+ color: #FFF;
196
+ }
197
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts a,
198
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts a:hover,
199
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts a:visited {
200
+ display: block;
201
+ width: 100%;
202
+ height: 100%;
203
+ color: #FFF;
204
+ text-decoration: none;
205
+ }
206
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts:after {
207
+ content: "";
208
+ display: table;
209
+ clear: both;
210
+ }
211
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website {
212
+ display: block;
213
+ float: left;
214
+ text-align: center;
215
+ padding: 10px 20px;
216
+ margin-top: 20px;
217
+ background-color: #333;
218
+ color: #FFF;
219
+ }
220
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website a,
221
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website a:hover,
222
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website a:visited {
223
+ display: block;
224
+ width: 100%;
225
+ height: 100%;
226
+ color: #FFF;
227
+ text-decoration: none;
228
+ }
229
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular.right .mpp-profile-view-posts {
230
+ float: right;
231
+ margin-left: 20px;
232
+ }
233
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular.center .mpp-profile-view-posts {
234
+ display: inline-block;
235
+ float: none;
236
+ margin-left: 20px;
237
+ }
238
+
239
+ /* Icon Sizes */
240
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-10,
241
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-10,
242
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-10,
243
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-10,
244
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-10 {
245
+ font-size: 10px;
246
+ }
247
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-10 p,
248
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-10 div,
249
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-10 p,
250
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-10 div,
251
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-10 p,
252
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-10 div,
253
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-10 p,
254
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-10 div,
255
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-10 p,
256
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-10 div {
257
+ font-size: 10px;
258
+ }
259
+
260
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-11,
261
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-11,
262
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-11,
263
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-11,
264
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-11 {
265
+ font-size: 11px;
266
+ }
267
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-11 p,
268
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-11 div,
269
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-11 p,
270
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-11 div,
271
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-11 p,
272
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-11 div,
273
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-11 p,
274
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-11 div,
275
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-11 p,
276
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-11 div {
277
+ font-size: 11px;
278
+ }
279
+
280
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-12,
281
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-12,
282
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-12,
283
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-12,
284
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-12 {
285
+ font-size: 12px;
286
+ }
287
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-12 p,
288
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-12 div,
289
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-12 p,
290
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-12 div,
291
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-12 p,
292
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-12 div,
293
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-12 p,
294
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-12 div,
295
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-12 p,
296
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-12 div {
297
+ font-size: 12px;
298
+ }
299
+
300
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-13,
301
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-13,
302
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-13,
303
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-13,
304
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-13 {
305
+ font-size: 13px;
306
+ }
307
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-13 p,
308
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-13 div,
309
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-13 p,
310
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-13 div,
311
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-13 p,
312
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-13 div,
313
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-13 p,
314
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-13 div,
315
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-13 p,
316
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-13 div {
317
+ font-size: 13px;
318
+ }
319
+
320
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-14,
321
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-14,
322
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-14,
323
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-14,
324
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-14 {
325
+ font-size: 14px;
326
+ }
327
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-14 p,
328
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-14 div,
329
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-14 p,
330
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-14 div,
331
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-14 p,
332
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-14 div,
333
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-14 p,
334
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-14 div,
335
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-14 p,
336
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-14 div {
337
+ font-size: 14px;
338
+ }
339
+
340
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-15,
341
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-15,
342
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-15,
343
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-15,
344
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-15 {
345
+ font-size: 15px;
346
+ }
347
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-15 p,
348
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-15 div,
349
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-15 p,
350
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-15 div,
351
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-15 p,
352
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-15 div,
353
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-15 p,
354
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-15 div,
355
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-15 p,
356
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-15 div {
357
+ font-size: 15px;
358
+ }
359
+
360
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-16,
361
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-16,
362
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-16,
363
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-16,
364
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-16 {
365
+ font-size: 16px;
366
+ }
367
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-16 p,
368
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-16 div,
369
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-16 p,
370
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-16 div,
371
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-16 p,
372
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-16 div,
373
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-16 p,
374
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-16 div,
375
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-16 p,
376
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-16 div {
377
+ font-size: 16px;
378
+ }
379
+
380
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-17,
381
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-17,
382
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-17,
383
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-17,
384
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-17 {
385
+ font-size: 17px;
386
+ }
387
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-17 p,
388
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-17 div,
389
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-17 p,
390
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-17 div,
391
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-17 p,
392
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-17 div,
393
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-17 p,
394
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-17 div,
395
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-17 p,
396
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-17 div {
397
+ font-size: 17px;
398
+ }
399
+
400
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-18,
401
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-18,
402
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-18,
403
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-18,
404
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-18 {
405
+ font-size: 18px;
406
+ }
407
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-18 p,
408
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-18 div,
409
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-18 p,
410
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-18 div,
411
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-18 p,
412
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-18 div,
413
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-18 p,
414
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-18 div,
415
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-18 p,
416
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-18 div {
417
+ font-size: 18px;
418
+ }
419
+
420
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-19,
421
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-19,
422
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-19,
423
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-19,
424
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-19 {
425
+ font-size: 19px;
426
+ }
427
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-19 p,
428
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-19 div,
429
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-19 p,
430
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-19 div,
431
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-19 p,
432
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-19 div,
433
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-19 p,
434
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-19 div,
435
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-19 p,
436
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-19 div {
437
+ font-size: 19px;
438
+ }
439
+
440
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-20,
441
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-20,
442
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-20,
443
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-20,
444
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-20 {
445
+ font-size: 20px;
446
+ }
447
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-20 p,
448
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-20 div,
449
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-20 p,
450
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-20 div,
451
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-20 p,
452
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-20 div,
453
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-20 p,
454
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-20 div,
455
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-20 p,
456
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-20 div {
457
+ font-size: 20px;
458
+ }
459
+
460
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-21,
461
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-21,
462
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-21,
463
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-21,
464
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-21 {
465
+ font-size: 21px;
466
+ }
467
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-21 p,
468
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-21 div,
469
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-21 p,
470
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-21 div,
471
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-21 p,
472
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-21 div,
473
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-21 p,
474
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-21 div,
475
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-21 p,
476
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-21 div {
477
+ font-size: 21px;
478
+ }
479
+
480
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-22,
481
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-22,
482
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-22,
483
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-22,
484
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-22 {
485
+ font-size: 22px;
486
+ }
487
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-22 p,
488
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-22 div,
489
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-22 p,
490
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-22 div,
491
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-22 p,
492
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-22 div,
493
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-22 p,
494
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-22 div,
495
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-22 p,
496
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-22 div {
497
+ font-size: 22px;
498
+ }
499
+
500
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-23,
501
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-23,
502
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-23,
503
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-23,
504
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-23 {
505
+ font-size: 23px;
506
+ }
507
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-23 p,
508
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-23 div,
509
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-23 p,
510
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-23 div,
511
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-23 p,
512
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-23 div,
513
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-23 p,
514
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-23 div,
515
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-23 p,
516
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-23 div {
517
+ font-size: 23px;
518
+ }
519
+
520
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-24,
521
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-24,
522
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-24,
523
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-24,
524
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-24 {
525
+ font-size: 24px;
526
+ }
527
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-24 p,
528
+ .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-24 div,
529
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-24 p,
530
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-24 div,
531
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-24 p,
532
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-24 div,
533
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-24 p,
534
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-24 div,
535
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-24 p,
536
+ .editor-styles-wrapper .mpp-profile-text.mt-font-size-24 div {
537
+ font-size: 24px;
538
+ }
539
+
540
+ /* For Social Media */
541
+ .mpp-social {
542
+ margin-top: 15px;
543
+ }
544
+ .mpp-social svg {
545
+ max-width: 32px;
546
+ max-height: 32px;
547
+ margin-right: 10px;
548
+ }
549
+
550
+ /* Social Media Colors */
551
+ .mpp-social {
552
+ clear: both;
553
+ }
554
+
555
+ .mpp-social svg.icon-twitter {
556
+ fill: #00aced;
557
+ }
558
+ .mpp-social svg.icon-amazon {
559
+ fill: #000000;
560
+ }
561
+ .mpp-social svg.icon-behance {
562
+ fill: #0692e9;
563
+ }
564
+ .mpp-social svg.icon-blogger {
565
+ fill: #fb8f3d;
566
+ }
567
+ .mpp-social svg.icon-codepen {
568
+ fill: #000000;
569
+ }
570
+ .mpp-social svg.icon-dribble {
571
+ fill: #F46899;
572
+ }
573
+ .mpp-social svg.icon-dropbox {
574
+ fill: #018BD3;
575
+ }
576
+ .mpp-social svg.icon-eventbrite {
577
+ fill: #f6682F;
578
+ }
579
+ .mpp-social svg.icon-facebook {
580
+ fill: #3b5998;
581
+ }
582
+ .mpp-social svg.icon-flickr {
583
+ fill: #ff0084;
584
+ }
585
+ .mpp-social svg.icon-foursquare {
586
+ fill: #0072b1;
587
+ }
588
+ .mpp-social svg.icon-ghost {
589
+ fill: #000000;
590
+ }
591
+ .mpp-social svg.icon-github {
592
+ fill: #070709;
593
+ }
594
+ .mpp-social svg.icon-google-plus {
595
+ fill: #CF3D2E;
596
+ }
597
+ .mpp-social svg.icon-instagram {
598
+ fill: #A1755C;
599
+ }
600
+ .mpp-social svg.icon-linkedin {
601
+ fill: #0085AE;
602
+ }
603
+ .mpp-social svg.icon-feed {
604
+ fill: #f26522;
605
+ }
606
+ .mpp-social svg.icon-medium {
607
+ fill: #000000;
608
+ }
609
+ .mpp-social svg.icon-path {
610
+ fill: #000000;
611
+ }
612
+ .mpp-social svg.icon-pinterest {
613
+ fill: #CC2127;
614
+ }
615
+ .mpp-social svg.icon-pocket {
616
+ fill: #000000;
617
+ }
618
+ .mpp-social svg.icon-polldaddy {
619
+ fill: #bc0b0b;
620
+ }
621
+ .mpp-social svg.icon-reddit {
622
+ fill: #000000;
623
+ }
624
+ .mpp-social svg.icon-skype {
625
+ fill: #01AEF2;
626
+ }
627
+ .mpp-social svg.icon-spotify {
628
+ fill: #1ed760;
629
+ }
630
+ .mpp-social svg.icon-squarespace {
631
+ fill: #000000;
632
+ }
633
+ .mpp-social svg.icon-stumbleupon {
634
+ fill: #EB4823;
635
+ }
636
+ .mpp-social svg.icon-telegram {
637
+ fill: #000000;
638
+ }
639
+ .mpp-social svg.icon-tumblr-alt {
640
+ fill: #314E6C;
641
+ }
642
+ .mpp-social svg.icon-twitch {
643
+ fill: #4b367c;
644
+ }
645
+ .mpp-social svg.icon-twitter-alt {
646
+ fill: #00aced;
647
+ }
648
+ .mpp-social svg.icon-vimeo {
649
+ fill: #1ab7ea;
650
+ }
651
+ .mpp-social svg.icon-wordpress {
652
+ fill: #21759b;
653
+ }
654
+ .mpp-social svg.icon-youtube {
655
+ fill: #bb0000;
656
+ }
657
+
658
+ /* For Profile Theme */
659
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile {
660
+ padding: 10px;
661
+ }
662
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile h2 {
663
+ font-size: 0.8em;
664
+ font-weight: normal;
665
+ margin-bottom: 5px;
666
+ }
667
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile h2:before {
668
+ display: none;
669
+ }
670
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile.round .profile-avatar {
671
+ border-radius: 50%;
672
+ }
673
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mpp-profile-image-wrapper {
674
+ position: relative;
675
+ float: left;
676
+ line-height: 1;
677
+ z-index: 1000;
678
+ min-width: 150px;
679
+ min-height: 150px;
680
+ max-width: 150px;
681
+ max-height: 150px;
682
+ margin-right: 15px;
683
+ }
684
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mpp-profile-meta {
685
+ clear: both;
686
+ margin: 10px 0;
687
+ }
688
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mpp-profile-meta:after {
689
+ content: "";
690
+ display: table;
691
+ clear: both;
692
+ }
693
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .alignleft {
694
+ max-width: none;
695
+ float: left;
696
+ }
697
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .alignright {
698
+ max-width: none;
699
+ float: right;
700
+ }
701
+
702
+ /* For Tabbed Theme */
703
+ .editor-styles-wrapper .mpp-author-tabbed {
704
+ padding: 10px;
705
+ }
706
+ .editor-styles-wrapper .mpp-author-tabbed:after {
707
+ content: "";
708
+ display: table;
709
+ clear: both;
710
+ }
711
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-social {
712
+ margin-top: 0;
713
+ }
714
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-author-social-wrapper {
715
+ margin-bottom: 10px;
716
+ }
717
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-author-social-wrapper:after {
718
+ content: "";
719
+ display: table;
720
+ clear: both;
721
+ }
722
+ .editor-styles-wrapper .mpp-author-tabbed h2 {
723
+ font-size: 0.8em;
724
+ font-weight: normal;
725
+ margin-bottom: 5px;
726
+ }
727
+ .editor-styles-wrapper .mpp-author-tabbed h2:before {
728
+ display: none;
729
+ }
730
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-tab-wrapper {
731
+ clear: both;
732
+ }
733
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-author-heading {
734
+ float: left;
735
+ }
736
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-author-social {
737
+ float: right;
738
+ }
739
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-author-heading .mpp-author-profile-heading {
740
+ display: inline-block;
741
+ background: #42737b;
742
+ color: #FFF;
743
+ padding: 10px 20px;
744
+ font-size: 14px;
745
+ text-transform: uppercase;
746
+ }
747
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-author-profile-sub-heading {
748
+ font-size: 14px;
749
+ line-height: 1.1;
750
+ max-width: 150px;
751
+ text-align: center;
752
+ }
753
+ .editor-styles-wrapper .mpp-author-tabbed.round .profile-avatar {
754
+ border-radius: 50%;
755
+ }
756
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-profile-image-wrapper {
757
+ clear: both;
758
+ position: relative;
759
+ float: left;
760
+ line-height: 1;
761
+ z-index: 1000;
762
+ margin-right: 30px;
763
+ }
764
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-profile-image-wrapper img {
765
+ min-width: 150px;
766
+ min-height: 150px;
767
+ max-height: 150px;
768
+ max-width: 150px;
769
+ }
770
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-profile-meta {
771
+ clear: both;
772
+ margin: 10px 0;
773
+ }
774
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-profile-meta:after {
775
+ content: "";
776
+ display: table;
777
+ clear: both;
778
+ }
779
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-author-profile-title {
780
+ color: gray;
781
+ text-transform: uppercase;
782
+ font-size: 12px;
783
+ }
784
+ .editor-styles-wrapper .mpp-author-tabbed .mpp-tabbed-profile-information:after {
785
+ content: "";
786
+ display: table;
787
+ clear: both;
788
+ }
789
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tabs {
790
+ position: relative;
791
+ list-style-type: none;
792
+ margin: 0;
793
+ padding: 0;
794
+ text-align: center;
795
+ }
796
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tabs li {
797
+ cursor: pointer;
798
+ position: relative;
799
+ display: inline-block;
800
+ min-width: 200px;
801
+ background: #42737b;
802
+ margin: 0 5px 0 0;
803
+ text-align: center;
804
+ margin-right: 10px;
805
+ color: #FFF;
806
+ padding: 10px 20px;
807
+ font-size: 16px;
808
+ }
809
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tabs li:last-child {
810
+ margin-right: 0;
811
+ }
812
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tabs li.mpp-tab-posts {
813
+ background: #30424b;
814
+ }
815
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content {
816
+ list-style-type: none;
817
+ margin: 0;
818
+ }
819
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content li {
820
+ margin: 0;
821
+ }
822
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.white a,
823
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.white a:hover,
824
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.white a:visited {
825
+ display: block;
826
+ background: #FFFFFF;
827
+ border: 1px solid #f2f2f2;
828
+ padding: 10px 20px;
829
+ text-decoration: none;
830
+ color: #333;
831
+ }
832
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.white a:hover {
833
+ background: #f2f2f2;
834
+ }
835
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.light a,
836
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.light a:hover,
837
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.light a:visited {
838
+ display: block;
839
+ background: #f7f7f7;
840
+ border: 1px solid #dedede;
841
+ padding: 10px 20px;
842
+ text-decoration: none;
843
+ color: #333;
844
+ }
845
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.light a:hover {
846
+ background: #dedede;
847
+ }
848
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.black a,
849
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.black a:hover,
850
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.black a:visited {
851
+ display: block;
852
+ background: #333;
853
+ color: #FFF;
854
+ border: 1px solid #1a1a1a;
855
+ padding: 10px 20px;
856
+ text-decoration: none;
857
+ }
858
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.black a:hover {
859
+ background: #1a1a1a;
860
+ }
861
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.magenta a,
862
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.magenta a:hover,
863
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.magenta a:visited {
864
+ display: block;
865
+ background: #FF00FF;
866
+ color: #FFF;
867
+ border: 1px solid #cc00cc;
868
+ padding: 10px 20px;
869
+ text-decoration: none;
870
+ }
871
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.magenta a:hover {
872
+ background: #cc00cc;
873
+ }
874
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.blue a,
875
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.blue a:hover,
876
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.blue a:visited {
877
+ display: block;
878
+ background: #0009c1;
879
+ color: #FFF;
880
+ border: 1px solid #00078e;
881
+ padding: 10px 20px;
882
+ text-decoration: none;
883
+ }
884
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.blue a:hover {
885
+ background: #00078e;
886
+ }
887
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.green a,
888
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.green a:hover,
889
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.green a:visited {
890
+ display: block;
891
+ background: #03ac27;
892
+ color: #FFF;
893
+ border: 1px solid #027a1c;
894
+ padding: 10px 20px;
895
+ text-decoration: none;
896
+ }
897
+ .editor-styles-wrapper .mpp-author-tabbed ul.mpp-author-tab-content.green a:hover {
898
+ background: #027a1c;
899
+ }
900
+
901
+ /* For Compact Theme */
902
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact {
903
+ text-align: center;
904
+ padding: 10px;
905
+ max-width: 400px;
906
+ margin: 0 auto;
907
+ line-height: 1.1;
908
+ }
909
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact h2 {
910
+ font-size: 0.8em;
911
+ font-weight: normal;
912
+ margin-bottom: 5px;
913
+ }
914
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact h2:before {
915
+ display: none;
916
+ }
917
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact.round .profile-avatar {
918
+ border-radius: 50%;
919
+ }
920
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-image-wrapper {
921
+ position: relative;
922
+ text-align: center;
923
+ line-height: 1;
924
+ z-index: 1000;
925
+ min-width: 150px;
926
+ min-height: 150px;
927
+ max-width: 150px;
928
+ max-height: 150px;
929
+ margin: 0 auto;
930
+ }
931
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-text {
932
+ line-height: 1.1;
933
+ }
934
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-compact-meta {
935
+ clear: both;
936
+ margin: 10px 0;
937
+ }
938
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-compact-meta:after {
939
+ content: "";
940
+ display: table;
941
+ clear: both;
942
+ }
943
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts {
944
+ clear: both;
945
+ display: block;
946
+ text-align: center;
947
+ padding: 10px 20px;
948
+ margin-top: 20px;
949
+ margin-right: 20px;
950
+ background-color: #cf6d38;
951
+ color: #FFF;
952
+ margin-bottom: 10px;
953
+ }
954
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts a,
955
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts a:hover,
956
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts a:visited {
957
+ display: block;
958
+ width: 100%;
959
+ height: 100%;
960
+ color: #FFF;
961
+ text-decoration: none;
962
+ }
963
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts:after {
964
+ content: "";
965
+ display: table;
966
+ clear: both;
967
+ }
968
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website {
969
+ display: block;
970
+ text-align: center;
971
+ padding: 10px 20px;
972
+ margin-top: 20px;
973
+ background-color: #333;
974
+ color: #FFF;
975
+ }
976
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website a,
977
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website a:hover,
978
+ .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website a:visited {
979
+ display: block;
980
+ width: 100%;
981
+ height: 100%;
982
+ color: #FFF;
983
+ text-decoration: none;
984
+ }
985
+
986
+ /*# sourceMappingURL=blocks.editor.build.css.map*/
dist/blocks.editor.build.css.map ADDED
@@ -0,0 +1 @@
 
1
+ {"version":3,"sources":["webpack://user-profile-picture/./src/block/editor.scss"],"names":[],"mappings":"AACC;EACC;EACA;EACA;EACA;CAAD;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;CAAA;AACA;EACC;EACA;CACD;AACA;EACC;CACD;AACA;EACC;CACD;AACA;EACC;CACD;AACA;EACC;CACD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD;AAAC;;EAEC;EACA;EACA;EACA;EACA;EACA;CAEF;AAAC;EACC;EACA;EACA;EACA;EACA;EACA;CAEF;AAAC;EACC;EACA;EACA;EACA;CAEF;AAAC;EACC;EACA;EACA;EACA;CAEF;AAAC;EACC;EACA;CAEF;AAAC;EA9CD;IA+CE;GAGA;CACF;AADA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;CAGD;AAFC;;;EAGC;EACA;EACA;EACA;EACA;CAIF;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;CAED;;AACD;EACC;EACA;EACA;CAEA;AADA;EACC;EACA;CAGD;AADA;EACC;CAGD;AADA;EACC;CAGD;AADA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAGD;AAFC;EACC;EACA;EACA;EACA;EACA;EACA;CAIF;AAFC;EACC;EACA;EACA;EACA;EACA;EACA;CAIF;AAFC;EACC;EACA;EACA;EACA;CAIF;AAFC;EACC;EACA;EACA;EACA;CAIF;AAFC;EACC;EACA;CAIF;AAFC;EA7CD;IA8CE;GAKA;CACF;AAHA;EACC;CAKD;AAJC;EACC;EACA;EACA;CAMF;AAFA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAID;AAHC;;;EAGC;EACA;EACA;EACA;EACA;CAKF;AAHC;EACC;EACA;EACA;CAKF;AADA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;CAGD;AAFC;;;EAGC;EACA;EACA;EACA;EACA;CAIF;AADA;EACC;EACA;CAGD;AADA;EACC;EACA;EACA;CAGD;;AAED;AAGC;;;;;EAKC;CADD;AAEC;;;;;;;;;;EAEC;CAQF;;AAhBA;;;;;EAKC;CAmBD;AAlBC;;;;;;;;;;EAEC;CA4BF;;AApCA;;;;;EAKC;CAuCD;AAtCC;;;;;;;;;;EAEC;CAgDF;;AAxDA;;;;;EAKC;CA2DD;AA1DC;;;;;;;;;;EAEC;CAoEF;;AA5EA;;;;;EAKC;CA+ED;AA9EC;;;;;;;;;;EAEC;CAwFF;;AAhGA;;;;;EAKC;CAmGD;AAlGC;;;;;;;;;;EAEC;CA4GF;;AApHA;;;;;EAKC;CAuHD;AAtHC;;;;;;;;;;EAEC;CAgIF;;AAxIA;;;;;EAKC;CA2ID;AA1IC;;;;;;;;;;EAEC;CAoJF;;AA5JA;;;;;EAKC;CA+JD;AA9JC;;;;;;;;;;EAEC;CAwKF;;AAhLA;;;;;EAKC;CAmLD;AAlLC;;;;;;;;;;EAEC;CA4LF;;AApMA;;;;;EAKC;CAuMD;AAtMC;;;;;;;;;;EAEC;CAgNF;;AAxNA;;;;;EAKC;CA2ND;AA1NC;;;;;;;;;;EAEC;CAoOF;;AA5OA;;;;;EAKC;CA+OD;AA9OC;;;;;;;;;;EAEC;CAwPF;;AAhQA;;;;;EAKC;CAmQD;AAlQC;;;;;;;;;;EAEC;CA4QF;;AApRA;;;;;EAKC;CAuRD;AAtRC;;;;;;;;;;EAEC;CAgSF;;AA1RD;AACA;EACC;CA6RA;AA5RA;EACC;EACA;EACA;CA8RD;;AA3RD;AAoCA;EACC;CA2PA;;AAvPC;EACC;CA0PF;AA3PC;EACC;CA6PF;AA9PC;EACC;CAgQF;AAjQC;EACC;CAmQF;AApQC;EACC;CAsQF;AAvQC;EACC;CAyQF;AA1QC;EACC;CA4QF;AA7QC;EACC;CA+QF;AAhRC;EACC;CAkRF;AAnRC;EACC;CAqRF;AAtRC;EACC;CAwRF;AAzRC;EACC;CA2RF;AA5RC;EACC;CA8RF;AA/RC;EACC;CAiSF;AAlSC;EACC;CAoSF;AArSC;EACC;CAuSF;AAxSC;EACC;CA0SF;AA3SC;EACC;CA6SF;AA9SC;EACC;CAgTF;AAjTC;EACC;CAmTF;AApTC;EACC;CAsTF;AAvTC;EACC;CAyTF;AA1TC;EACC;CA4TF;AA7TC;EACC;CA+TF;AAhUC;EACC;CAkUF;AAnUC;EACC;CAqUF;AAtUC;EACC;CAwUF;AAzUC;EACC;CA2UF;AA5UC;EACC;CA8UF;AA/UC;EACC;CAiVF;AAlVC;EACC;CAoVF;AArVC;EACC;CAuVF;AAxVC;EACC;CA0VF;AA3VC;EACC;CA6VF;;AAxVD;AACA;EACC;CA2VA;AA1VA;EACC;EACA;EACA;CA4VD;AA3VC;EACC;CA6VF;AA1VA;EACC;CA4VD;AA1VA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CA4VD;AA1VA;EACC;EACA;CA4VD;AA3VC;EACC;EACA;EACA;CA6VF;AA1VA;EACC;EACA;CA4VD;AA1VA;EACC;EACA;CA4VD;;AAxVD;AACA;EACC;CA2VA;AA1VA;EACC;EACA;EACA;CA4VD;AA1VA;EACC;CA4VD;AA1VA;EAMC;CAuVD;AA5VC;EACC;EACA;EACA;CA8VF;AA1VA;EACC;EACA;EACA;CA4VD;AA3VC;EACC;CA6VF;AA1VA;EACC;CA4VD;AA1VA;EACC;CA4VD;AA1VA;EACC;CA4VD;AA1VA;EACC;EACA;EACA;EACA;EACA;EACA;CA4VD;AA1VA;EACC;EACA;EACA;EACA;CA4VD;AA1VA;EACC;CA4VD;AA1VA;EACC;EACA;EACA;EACA;EACA;EACA;CA4VD;AA3VC;EACC;EACA;EACA;EACA;CA6VF;AAzVA;EACC;EACA;CA2VD;AA1VC;EACC;EACA;EACA;CA4VF;AAzVA;EACC;EACA;EACA;CA2VD;AAxVC;EACC;EACA;EACA;CA0VF;AAvVA;EACC;EACA;EACA;EACA;EACA;CAyVD;AAvVC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAyVF;AAvVC;EACC;CAyVF;AAvVC;EACC;CAyVF;AAtVA;EACC;EACA;CAwVD;AAvVC;EACC;CAyVF;AAtVE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CAwVH;AAtVE;EACC;CAwVH;AApVE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CAsVH;AApVE;EACC;CAsVH;AAlVE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CAoVH;AAlVE;EACC;CAoVH;AAhVE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CAkVH;AAhVE;EACC;CAkVH;AA9UE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CAgVH;AA9UE;EACC;CAgVH;AA5UE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CA8UH;AA5UE;EACC;CA8UH;;AAxUD;AACA;EACC;EACA;EACA;EACA;EACA;CA2UA;AA1UA;EACC;EACA;EACA;CA4UD;AA3UC;EACC;CA6UF;AA1UA;EACC;CA4UD;AA1UA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CA4UD;AA1UA;EACC;CA4UD;AA1UA;EACC;EACA;CA4UD;AA3UC;EACC;EACA;EACA;CA6UF;AA1UA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CA4UD;AA3UC;;;EAGC;EACA;EACA;EACA;EACA;CA6UF;AA3UC;EACC;EACA;EACA;CA6UF;AAzUA;EACC;EACA;EACA;EACA;EACA;EACA;CA2UD;AA1UC;;;EAGC;EACA;EACA;EACA;EACA","file":"blocks.editor.build.css","sourcesContent":[".mpp-spinner {\n\tspan {\n\t\tdisplay: block;\n\t\ttext-align: center;\n\t\tfloat: none;\n\t\tmargin: 0 auto;\n\t}\n}\n.editor-styles-wrapper .mpp-profile-wrap {\n\tmargin: 0 auto;\n\tpadding: 3%;\n\tborder-radius: 5px;\n\tmargin-bottom: 1.2em;\n\tmargin-bottom: 20px;\n\tline-height: 1.1;\n\t&.round .mpp-profile-image-wrapper {\n\t\tborder-radius: 50%;\n\t\toverflow: hidden;\n\t}\n\t&.round .mpp-profile-image-wrapper img {\n\t\tborder-radius: 50%;\n\t}\n\t.mpp-profile-image-wrapper button {\n\t\theight: auto;\n\t}\n\th1,h2,h3,h4,h5,h6 {\n\t\tclear: none;\n\t}\n\th2:before {\n\t\tdisplay: none;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tposition: relative;\n\t\tfloat: left;\n\t\tline-height: 1.1;\n\t\tz-index: 1000;\n\t\tbackground: #ddd;\n\t\tposition: relative;\n\t\tmin-width: 150px;\n\t\tmin-height: 150px;\n\t\tmax-width: 150px;\n\t\tmax-height: 150px;\n\t\twidth: 100%;\n\t\tmargin-right: 20px;\n\t\tbutton.components-button,\n\t\tbutton {\n\t\t\tposition: relative;\n\t\t\tmin-width: 150px;\n\t\t\tmin-height: 150px;\n\t\t\tmax-width: 150px;\n\t\t\tmax-height: 150px;\n\t\t\tz-index: 1000;\n\t\t}\n\t\t.mpp-profile-image-square {\n\t\t\tposition: relative;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tz-index: 5;\n\t\t}\n\t\t.mpp-profile-image-square img {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tposition: relative;\n\t\t\tz-index: 5;\n\t\t}\n\t\t.mpp-content-wrap {\n\t\t\tdisplay: block;\n\t\t\tpadding: 0 15px 0 15px;\n\t\t\t-ms-flex: 3 0 0px;\n\t\t\tflex: 3 0 0;\n\t\t}\n\t\t.mpp-profile-name {\n\t\t\tfont: 1.4em;\n\t\t\tline-height: 1.2;\n\t\t}\n\t\t@media only screen and (max-width: 600px) {\n\t\t\tflex: auto;\n\t\t}\n\t}\n\t.mpp-profile-view-posts {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tmargin-top: 20px;\n\t\tbackground-color: #cf6d38;\n\t\tcolor: #FFF;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n}\n.mpp-profile-image-wrapper {\n\tbutton {\n\t\tposition: relative;\n\t\tmin-width: 150px;\n\t\tmin-height: 150px;\n\t\tmax-width: 150px;\n\t\tmax-height: 150px;\n\t\tz-index: 1000;\n\t}\n}\n.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular {\n\tposition: relative;\n\tmargin: 0 auto;\n\tline-height: 1.1;\n\t&.round .mpp-profile-image-wrapper {\n\t\tborder-radius: 50%;\n\t\toverflow: hidden;\n\t}\n\t&.round .mpp-profile-image-wrapper img {\n\t\tborder-radius: 50%;\n\t}\n\th2:before {\n\t\tdisplay: none;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tposition: relative;\n\t\tfloat: left;\n\t\tline-height: 1.1;\n\t\tz-index: 1000;\n\t\tbackground: #ddd;\n\t\tposition: relative;\n\t\tmin-width: 150px;\n\t\tmin-height: 150px;\n\t\tmax-width: 150px;\n\t\tmax-height: 150px;\n\t\twidth: 100%;\n\t\tmargin-right: 20px;\n\t\tbutton {\n\t\t\tposition: relative;\n\t\t\tmin-width: 150px;\n\t\t\tmin-height: 150px;\n\t\t\tmax-width: 150px;\n\t\t\tmax-height: 150px;\n\t\t\tz-index: 1000;\n\t\t}\n\t\t.mpp-profile-image-square {\n\t\t\tposition: relative;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tz-index: 5;\n\t\t}\n\t\t.mpp-profile-image-square img {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tposition: relative;\n\t\t\tz-index: 5;\n\t\t}\n\t\t.mpp-content-wrap {\n\t\t\tdisplay: block;\n\t\t\tpadding: 0 15px 0 15px;\n\t\t\t-ms-flex: 3 0 0px;\n\t\t\tflex: 3 0 0;\n\t\t}\n\t\t.mpp-profile-name {\n\t\t\tfont: 1.4em;\n\t\t\tline-height: 1.2;\n\t\t}\n\t\t@media only screen and (max-width: 600px) {\n\t\t\tflex: auto;\n\t\t}\n\t}\n\t.mpp-gutenberg-view-posts {\n\t\tclear: both;\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\n\t.mpp-profile-view-posts {\n\t\tclear: both;\n\t\tdisplay: block;\n\t\tfloat: left;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tmargin-top: 20px;\n\t\tmargin-right: 20px;\n\t\tbackground-color: #cf6d38;\n\t\tcolor: #FFF;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\n\t.mpp-profile-view-website {\n\t\tdisplay: block;\n\t\tfloat: left;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tmargin-top: 20px;\n\t\tbackground-color: #333;\n\t\tcolor: #FFF;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n\t&.right .mpp-profile-view-posts {\n\t\tfloat: right;\n\t\tmargin-left: 20px;\n\t}\n\t&.center .mpp-profile-view-posts {\n\t\tdisplay: inline-block;\n\t\tfloat: none;\n\t\tmargin-left: 20px;\n\t}\n}\n\n\n/* Icon Sizes */\n$sizes: 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24;\n@each $size in $sizes {\n\t.editor-styles-wrapper .mpp-profile-wrap.mt-font-size-#{$size},\n\t.editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-#{$size},\n\t.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-#{$size},\n\t.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-#{$size},\n\t.editor-styles-wrapper .mpp-profile-text.mt-font-size-#{$size} {\n\t\tfont-size: #{$size}px;\n\t\tp,\n\t\tdiv {\n\t\t\tfont-size: #{$size}px;\n\t\t}\n\n\t}\n}\n\n/* For Social Media */\n.mpp-social {\n\tmargin-top: 15px;\n\tsvg {\n\t\tmax-width: 32px;\n\t\tmax-height: 32px;\n\t\tmargin-right: 10px;\n\t}\n}\n/* Social Media Colors */\n$colors: twitter #00aced,\n\tamazon #000000,\n\tbehance #0692e9,\n\tblogger #fb8f3d,\n\tcodepen #000000,\n\tdribble #F46899,\n\tdropbox #018BD3,\n\teventbrite #f6682F,\n\tfacebook #3b5998,\n\tflickr #ff0084,\n\tfoursquare #0072b1,\n\tghost #000000,\n\tgithub #070709,\n\tgoogle-plus #CF3D2E,\n\tinstagram #A1755C,\n\tlinkedin #0085AE,\n\tfeed #f26522,\n\tmedium #000000,\n\tpath #000000,\n\tpinterest #CC2127,\n\tpocket #000000,\n\tpolldaddy #bc0b0b,\n\treddit #000000,\n\tskype #01AEF2,\n\tspotify #1ed760,\n\tsquarespace #000000,\n\tstumbleupon #EB4823,\n\ttelegram #000000,\n\ttumblr-alt #314E6C,\n\ttwitch #4b367c,\n\ttwitter-alt #00aced,\n\tvimeo #1ab7ea,\n\twordpress #21759b,\n\tyoutube #bb0000\n;\n.mpp-social {\n\tclear: both;\n}\n.mpp-social svg {\n\t@each $color in $colors {\n\t\t&.icon-#{nth($color,1)} {\n\t\t\tfill: #{nth($color,2)};\n\t\t}\n\t}\n}\n\n/* For Profile Theme */\n.editor-styles-wrapper .mpp-enhanced-profile-wrap.profile {\n\tpadding: 10px;\n\th2 {\n\t\tfont-size: 0.8em;\n\t\tfont-weight: normal;\n\t\tmargin-bottom: 5px;\n\t\t&:before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t&.round .profile-avatar {\n\t\tborder-radius: 50%;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tposition: relative;\n\t\tfloat: left;\n\t\tline-height: 1.0;\n\t\tz-index: 1000;\n\t\tmin-width: 150px;\n\t\tmin-height: 150px;\n\t\tmax-width: 150px;\n\t\tmax-height: 150px;\n\t\tmargin-right: 15px;\n\t}\n\t.mpp-profile-meta {\n\t\tclear: both;\n\t\tmargin: 10px 0;\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\t.alignleft {\n\t\tmax-width: none;\n\t\tfloat: left;\n\t}\n\t.alignright {\n\t\tmax-width: none;\n\t\tfloat: right;\n\t}\n}\n\n/* For Tabbed Theme */\n.editor-styles-wrapper .mpp-author-tabbed {\n\tpadding: 10px;\n\t&:after {\n\t\tcontent: \"\";\n\t\tdisplay: table;\n\t\tclear: both;\n\t}\n\t.mpp-social {\n\t\tmargin-top: 0;\n\t}\n\t.mpp-author-social-wrapper {\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t\tmargin-bottom: 10px;\n\t}\n\th2 {\n\t\tfont-size: 0.8em;\n\t\tfont-weight: normal;\n\t\tmargin-bottom: 5px;\n\t\t&:before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t.mpp-tab-wrapper {\n\t\tclear: both;\n\t}\n\t.mpp-author-heading {\n\t\tfloat: left;\n\t}\n\t.mpp-author-social {\n\t\tfloat: right;\n\t}\n\t.mpp-author-heading .mpp-author-profile-heading {\n\t\tdisplay: inline-block;\n\t\tbackground: #42737b;\n\t\tcolor: #FFF;\n\t\tpadding: 10px 20px;\n\t\tfont-size: 14px;\n\t\ttext-transform: uppercase;\n\t}\n\t.mpp-author-profile-sub-heading {\n\t\tfont-size: 14px;\n\t\tline-height: 1.1;\n\t\tmax-width: 150px;\n\t\ttext-align: center;\n\t}\n\t&.round .profile-avatar {\n\t\tborder-radius: 50%;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tclear: both;\n\t\tposition: relative;\n\t\tfloat: left;\n\t\tline-height: 1.0;\n\t\tz-index: 1000;\n\t\tmargin-right: 30px;\n\t\timg {\n\t\t\tmin-width: 150px;\n\t\t\tmin-height: 150px;\n\t\t\tmax-height: 150px;\n\t\t\tmax-width: 150px;\n\t\t}\n\n\t}\n\t.mpp-profile-meta {\n\t\tclear: both;\n\t\tmargin: 10px 0;\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\t.mpp-author-profile-title {\n\t\tcolor: gray;\n\t\ttext-transform: uppercase;\n\t\tfont-size: 12px;\n\t}\n\t.mpp-tabbed-profile-information {\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\tul.mpp-author-tabs {\n\t\tposition:relative;\n\t\tlist-style-type: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\ttext-align: center;\n\n\t\tli {\n\t\t\tcursor: pointer;\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-block;\n\t\t\tmin-width: 200px;\n\t\t\tbackground: #42737b;\n\t\t\tmargin: 0 5px 0 0;\n\t\t\ttext-align: center;\n\t\t\tmargin-right: 10px;\n\t\t\tcolor: #FFF;\n\t\t\tpadding: 10px 20px;\n\t\t\tfont-size: 16px;\n\t\t}\n\t\tli:last-child {\n\t\t\tmargin-right: 0;\n\t\t}\n\t\tli.mpp-tab-posts {\n\t\t\tbackground: #30424b;\n\t\t}\n\t}\n\tul.mpp-author-tab-content {\n\t\tlist-style-type: none;\n\t\tmargin: 0;\n\t\tli {\n\t\t\tmargin: 0;\n\t\t}\n\t\t&.white {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #FFFFFF;\n\t\t\t\tborder: 1px solid darken(#FFFFFF, 5%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t\tcolor: #333;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#FFFFFF, 5%);\n\t\t\t}\n\t\t}\n\t\t&.light {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #f7f7f7;\n\t\t\t\tborder: 1px solid darken(#f7f7f7, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t\tcolor: #333;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#f7f7f7, 10%);\n\t\t\t}\n\t\t}\n\t\t&.black {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #333;\n\t\t\t\tcolor: #FFF;\n\t\t\t\tborder: 1px solid darken(#333, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#333, 10%);\n\t\t\t}\n\t\t}\n\t\t&.magenta {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #FF00FF;\n\t\t\t\tcolor: #FFF;\n\t\t\t\tborder: 1px solid darken(#FF00FF, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#FF00FF, 10%);\n\t\t\t}\n\t\t}\n\t\t&.blue {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #0009c1;\n\t\t\t\tcolor: #FFF;\n\t\t\t\tborder: 1px solid darken(#0009c1, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#0009c1, 10%);\n\t\t\t}\n\t\t}\n\t\t&.green {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #03ac27;\n\t\t\t\tcolor: #FFF;\n\t\t\t\tborder: 1px solid darken(#03ac27, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#03ac27, 10%);\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* For Compact Theme */\n.editor-styles-wrapper .mpp-enhanced-profile-wrap.compact {\n\ttext-align: center;\n\tpadding: 10px;\n\tmax-width: 400px;\n\tmargin: 0 auto;\n\tline-height: 1.1;\n\th2 {\n\t\tfont-size: 0.8em;\n\t\tfont-weight: normal;\n\t\tmargin-bottom: 5px;\n\t\t&:before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t&.round .profile-avatar {\n\t\tborder-radius: 50%;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tposition: relative;\n\t\ttext-align: center;\n\t\tline-height: 1.0;\n\t\tz-index: 1000;\n\t\tmin-width: 150px;\n\t\tmin-height: 150px;\n\t\tmax-width: 150px;\n\t\tmax-height: 150px;\n\t\tmargin: 0 auto;\n\t}\n\t.mpp-profile-text {\n\t\tline-height: 1.1;\n\t}\n\t.mpp-compact-meta {\n\t\tclear: both;\n\t\tmargin: 10px 0;\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\t.mpp-profile-view-posts {\n\t\tclear: both;\n\t\tdisplay: block;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tmargin-top: 20px;\n\t\tmargin-right: 20px;\n\t\tbackground-color: #cf6d38;\n\t\tcolor: #FFF;\n\t\tmargin-bottom: 10px;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\n\t.mpp-profile-view-website {\n\t\tdisplay: block;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tmargin-top: 20px;\n\t\tbackground-color: #333;\n\t\tcolor: #FFF;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n}"],"sourceRoot":""}
dist/blocks.style.build.css CHANGED
@@ -1 +1,1127 @@
1
- .post-content .mpp-profile-wrap h1,.post-content .mpp-profile-wrap h2,.post-content .mpp-profile-wrap h3,.post-content .mpp-profile-wrap h4,.post-content .mpp-profile-wrap h5,.post-content .mpp-profile-wrap h6,.post-content .mpp-enhanced-profile-wrap h1,.post-content .mpp-enhanced-profile-wrap h2,.post-content .mpp-enhanced-profile-wrap h3,.post-content .mpp-enhanced-profile-wrap h4,.post-content .mpp-enhanced-profile-wrap h5,.post-content .mpp-enhanced-profile-wrap h6{clear:none}.post-content .mpp-profile-wrap h2,.post-content .mpp-enhanced-profile-wrap h2{margin:0;margin-bottom:10px}.post-content .mpp-profile-wrap p,.post-content .mpp-enhanced-profile-wrap p{margin-bottom:10px}.mpp-profile-wrap{margin:0 auto;padding:3%;border-radius:5px;margin-bottom:1.2em;margin-bottom:20px;line-height:1.3}.mpp-profile-wrap.round .mpp-profile-image-wrapper{border-radius:50%;overflow:hidden}.mpp-profile-wrap.round .mpp-profile-image-wrapper img{border-radius:50%}.mpp-profile-wrap h1,.mpp-profile-wrap h2,.mpp-profile-wrap h3,.mpp-profile-wrap h4,.mpp-profile-wrap h5,.mpp-profile-wrap h6{clear:none}.mpp-profile-wrap h2{margin-top:0;margin-bottom:10px}.mpp-profile-wrap h2:before{display:none}.mpp-profile-wrap .mpp-profile-image-wrapper{position:relative;float:left;line-height:1.1;z-index:1000;background:#ddd;position:relative;min-width:150px;min-height:150px;max-width:150px;max-height:150px;width:100%;margin-right:20px;margin-bottom:20px}.mpp-profile-wrap .mpp-profile-image-wrapper button{position:relative;min-width:150px;min-height:150px;max-width:150px;max-height:150px;z-index:1000}.mpp-profile-wrap .mpp-profile-image-wrapper .mpp-profile-image-square{position:relative;top:0;left:0;height:100%;width:100%;z-index:5}.mpp-profile-wrap .mpp-profile-image-wrapper .mpp-profile-image-square img{height:100%;width:100%;position:relative;z-index:5}.mpp-profile-wrap .mpp-profile-image-wrapper .mpp-content-wrap{display:block;padding:0 15px 0 15px;-ms-flex:3 0 0px;flex:3 0 0}.mpp-profile-wrap .mpp-profile-image-wrapper .mpp-profile-name{font:1.4em;line-height:1.2}@media only screen and (max-width: 600px){.mpp-profile-wrap .mpp-profile-image-wrapper{-ms-flex:auto;flex:auto}}.mpp-profile-wrap .mpp-gutenberg-view-posts{clear:both;padding-top:20px}.mpp-profile-wrap .mpp-profile-view-posts{clear:both;display:block;width:100%;text-align:center;padding:10px 20px;background-color:#cf6d38;color:#FFF}.mpp-profile-wrap .mpp-profile-view-posts a,.mpp-profile-wrap .mpp-profile-view-posts a:hover,.mpp-profile-wrap .mpp-profile-view-posts a:visited{display:block;width:100%;height:100%;color:#FFF;text-decoration:none}.mpp-enhanced-profile-wrap.regular{position:relative;margin:0 auto;line-height:1.5}.mpp-enhanced-profile-wrap.regular.round .mpp-profile-image-wrapper{border-radius:50%;overflow:hidden}.mpp-enhanced-profile-wrap.regular.round .mpp-profile-image-wrapper img{border-radius:50%}.mpp-enhanced-profile-wrap.regular h1,.mpp-enhanced-profile-wrap.regular h2,.mpp-enhanced-profile-wrap.regular h3,.mpp-enhanced-profile-wrap.regular h4,.mpp-enhanced-profile-wrap.regular h5,.mpp-enhanced-profile-wrap.regular h6{clear:none}.mpp-enhanced-profile-wrap.regular h2:before{display:none}.mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper{position:relative;float:left;line-height:1.1;z-index:1000;background:#ddd;position:relative;min-width:150px;min-height:150px;max-width:150px;max-height:150px;width:100%;margin-right:20px;margin-bottom:20px}@media only screen and (max-width: 400px){.mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper{float:none;text-align:center;margin:0 auto}}.mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper button{position:relative;min-width:150px;min-height:150px;max-width:150px;max-height:150px;z-index:1000}.mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-profile-image-square{position:relative;top:0;left:0;height:100%;width:100%;z-index:5}.mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-profile-image-square img{height:100%;width:100%;position:relative;z-index:5}.mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-content-wrap{display:block;padding:0 15px 0 15px;-ms-flex:3 0 0px;flex:3 0 0}@media only screen and (max-width: 400px){.mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-content-wrap{display:block;text-align:center;margin:0 auto}}.mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-profile-name{font:1.4em;line-height:1.2}@media only screen and (max-width: 600px){.mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper{-ms-flex:auto;flex:auto}}@media only screen and (max-width: 400px){.mpp-enhanced-profile-wrap.regular .mpp-content-wrap{display:block;text-align:center;margin:0 auto}}.mpp-enhanced-profile-wrap.regular .mpp-gutenberg-view-posts{clear:both}.mpp-enhanced-profile-wrap.regular .mpp-gutenberg-view-posts:after{content:"";display:table;clear:both}.mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts{clear:both;display:block;float:left;text-align:center;padding:10px 20px;margin-top:20px;margin-right:20px;background-color:#cf6d38;color:#FFF}.mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts a,.mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts a:hover,.mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts a:visited{display:block;width:100%;height:100%;color:#FFF;text-decoration:none}.mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts:after{content:"";display:table;clear:both}@media only screen and (max-width: 400px){.mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts{display:block;width:90%;margin:0 auto;text-align:center;margin-bottom:10px}}.mpp-enhanced-profile-wrap.regular .mpp-profile-view-website{display:block;float:left;text-align:center;padding:10px 20px;margin-top:20px;background-color:#333;color:#FFF}.mpp-enhanced-profile-wrap.regular .mpp-profile-view-website a,.mpp-enhanced-profile-wrap.regular .mpp-profile-view-website a:hover,.mpp-enhanced-profile-wrap.regular .mpp-profile-view-website a:visited{display:block;width:100%;height:100%;color:#FFF;text-decoration:none}@media only screen and (max-width: 400px){.mpp-enhanced-profile-wrap.regular .mpp-profile-view-website{display:block;width:90%;margin:0 auto;text-align:center;margin-bottom:10px}}.mpp-profile-wrap.mt-font-size-10,.mpp-enhanced-profile-wrap.regular .mt-font-size-10,.mpp-enhanced-profile-wrap.profile .mt-font-size-10,.mpp-enhanced-profile-wrap.compact .mt-font-size-10,.mpp-profile-text.mt-font-size-10{font-size:10px}.mpp-profile-wrap.mt-font-size-10 p,.mpp-profile-wrap.mt-font-size-10 div,.mpp-enhanced-profile-wrap.regular .mt-font-size-10 p,.mpp-enhanced-profile-wrap.regular .mt-font-size-10 div,.mpp-enhanced-profile-wrap.profile .mt-font-size-10 p,.mpp-enhanced-profile-wrap.profile .mt-font-size-10 div,.mpp-enhanced-profile-wrap.compact .mt-font-size-10 p,.mpp-enhanced-profile-wrap.compact .mt-font-size-10 div,.mpp-profile-text.mt-font-size-10 p,.mpp-profile-text.mt-font-size-10 div{font-size:10px}.mpp-profile-wrap.mt-font-size-11,.mpp-enhanced-profile-wrap.regular .mt-font-size-11,.mpp-enhanced-profile-wrap.profile .mt-font-size-11,.mpp-enhanced-profile-wrap.compact .mt-font-size-11,.mpp-profile-text.mt-font-size-11{font-size:11px}.mpp-profile-wrap.mt-font-size-11 p,.mpp-profile-wrap.mt-font-size-11 div,.mpp-enhanced-profile-wrap.regular .mt-font-size-11 p,.mpp-enhanced-profile-wrap.regular .mt-font-size-11 div,.mpp-enhanced-profile-wrap.profile .mt-font-size-11 p,.mpp-enhanced-profile-wrap.profile .mt-font-size-11 div,.mpp-enhanced-profile-wrap.compact .mt-font-size-11 p,.mpp-enhanced-profile-wrap.compact .mt-font-size-11 div,.mpp-profile-text.mt-font-size-11 p,.mpp-profile-text.mt-font-size-11 div{font-size:11px}.mpp-profile-wrap.mt-font-size-12,.mpp-enhanced-profile-wrap.regular .mt-font-size-12,.mpp-enhanced-profile-wrap.profile .mt-font-size-12,.mpp-enhanced-profile-wrap.compact .mt-font-size-12,.mpp-profile-text.mt-font-size-12{font-size:12px}.mpp-profile-wrap.mt-font-size-12 p,.mpp-profile-wrap.mt-font-size-12 div,.mpp-enhanced-profile-wrap.regular .mt-font-size-12 p,.mpp-enhanced-profile-wrap.regular .mt-font-size-12 div,.mpp-enhanced-profile-wrap.profile .mt-font-size-12 p,.mpp-enhanced-profile-wrap.profile .mt-font-size-12 div,.mpp-enhanced-profile-wrap.compact .mt-font-size-12 p,.mpp-enhanced-profile-wrap.compact .mt-font-size-12 div,.mpp-profile-text.mt-font-size-12 p,.mpp-profile-text.mt-font-size-12 div{font-size:12px}.mpp-profile-wrap.mt-font-size-13,.mpp-enhanced-profile-wrap.regular .mt-font-size-13,.mpp-enhanced-profile-wrap.profile .mt-font-size-13,.mpp-enhanced-profile-wrap.compact .mt-font-size-13,.mpp-profile-text.mt-font-size-13{font-size:13px}.mpp-profile-wrap.mt-font-size-13 p,.mpp-profile-wrap.mt-font-size-13 div,.mpp-enhanced-profile-wrap.regular .mt-font-size-13 p,.mpp-enhanced-profile-wrap.regular .mt-font-size-13 div,.mpp-enhanced-profile-wrap.profile .mt-font-size-13 p,.mpp-enhanced-profile-wrap.profile .mt-font-size-13 div,.mpp-enhanced-profile-wrap.compact .mt-font-size-13 p,.mpp-enhanced-profile-wrap.compact .mt-font-size-13 div,.mpp-profile-text.mt-font-size-13 p,.mpp-profile-text.mt-font-size-13 div{font-size:13px}.mpp-profile-wrap.mt-font-size-14,.mpp-enhanced-profile-wrap.regular .mt-font-size-14,.mpp-enhanced-profile-wrap.profile .mt-font-size-14,.mpp-enhanced-profile-wrap.compact .mt-font-size-14,.mpp-profile-text.mt-font-size-14{font-size:14px}.mpp-profile-wrap.mt-font-size-14 p,.mpp-profile-wrap.mt-font-size-14 div,.mpp-enhanced-profile-wrap.regular .mt-font-size-14 p,.mpp-enhanced-profile-wrap.regular .mt-font-size-14 div,.mpp-enhanced-profile-wrap.profile .mt-font-size-14 p,.mpp-enhanced-profile-wrap.profile .mt-font-size-14 div,.mpp-enhanced-profile-wrap.compact .mt-font-size-14 p,.mpp-enhanced-profile-wrap.compact .mt-font-size-14 div,.mpp-profile-text.mt-font-size-14 p,.mpp-profile-text.mt-font-size-14 div{font-size:14px}.mpp-profile-wrap.mt-font-size-15,.mpp-enhanced-profile-wrap.regular .mt-font-size-15,.mpp-enhanced-profile-wrap.profile .mt-font-size-15,.mpp-enhanced-profile-wrap.compact .mt-font-size-15,.mpp-profile-text.mt-font-size-15{font-size:15px}.mpp-profile-wrap.mt-font-size-15 p,.mpp-profile-wrap.mt-font-size-15 div,.mpp-enhanced-profile-wrap.regular .mt-font-size-15 p,.mpp-enhanced-profile-wrap.regular .mt-font-size-15 div,.mpp-enhanced-profile-wrap.profile .mt-font-size-15 p,.mpp-enhanced-profile-wrap.profile .mt-font-size-15 div,.mpp-enhanced-profile-wrap.compact .mt-font-size-15 p,.mpp-enhanced-profile-wrap.compact .mt-font-size-15 div,.mpp-profile-text.mt-font-size-15 p,.mpp-profile-text.mt-font-size-15 div{font-size:15px}.mpp-profile-wrap.mt-font-size-16,.mpp-enhanced-profile-wrap.regular .mt-font-size-16,.mpp-enhanced-profile-wrap.profile .mt-font-size-16,.mpp-enhanced-profile-wrap.compact .mt-font-size-16,.mpp-profile-text.mt-font-size-16{font-size:16px}.mpp-profile-wrap.mt-font-size-16 p,.mpp-profile-wrap.mt-font-size-16 div,.mpp-enhanced-profile-wrap.regular .mt-font-size-16 p,.mpp-enhanced-profile-wrap.regular .mt-font-size-16 div,.mpp-enhanced-profile-wrap.profile .mt-font-size-16 p,.mpp-enhanced-profile-wrap.profile .mt-font-size-16 div,.mpp-enhanced-profile-wrap.compact .mt-font-size-16 p,.mpp-enhanced-profile-wrap.compact .mt-font-size-16 div,.mpp-profile-text.mt-font-size-16 p,.mpp-profile-text.mt-font-size-16 div{font-size:16px}.mpp-profile-wrap.mt-font-size-17,.mpp-enhanced-profile-wrap.regular .mt-font-size-17,.mpp-enhanced-profile-wrap.profile .mt-font-size-17,.mpp-enhanced-profile-wrap.compact .mt-font-size-17,.mpp-profile-text.mt-font-size-17{font-size:17px}.mpp-profile-wrap.mt-font-size-17 p,.mpp-profile-wrap.mt-font-size-17 div,.mpp-enhanced-profile-wrap.regular .mt-font-size-17 p,.mpp-enhanced-profile-wrap.regular .mt-font-size-17 div,.mpp-enhanced-profile-wrap.profile .mt-font-size-17 p,.mpp-enhanced-profile-wrap.profile .mt-font-size-17 div,.mpp-enhanced-profile-wrap.compact .mt-font-size-17 p,.mpp-enhanced-profile-wrap.compact .mt-font-size-17 div,.mpp-profile-text.mt-font-size-17 p,.mpp-profile-text.mt-font-size-17 div{font-size:17px}.mpp-profile-wrap.mt-font-size-18,.mpp-enhanced-profile-wrap.regular .mt-font-size-18,.mpp-enhanced-profile-wrap.profile .mt-font-size-18,.mpp-enhanced-profile-wrap.compact .mt-font-size-18,.mpp-profile-text.mt-font-size-18{font-size:18px}.mpp-profile-wrap.mt-font-size-18 p,.mpp-profile-wrap.mt-font-size-18 div,.mpp-enhanced-profile-wrap.regular .mt-font-size-18 p,.mpp-enhanced-profile-wrap.regular .mt-font-size-18 div,.mpp-enhanced-profile-wrap.profile .mt-font-size-18 p,.mpp-enhanced-profile-wrap.profile .mt-font-size-18 div,.mpp-enhanced-profile-wrap.compact .mt-font-size-18 p,.mpp-enhanced-profile-wrap.compact .mt-font-size-18 div,.mpp-profile-text.mt-font-size-18 p,.mpp-profile-text.mt-font-size-18 div{font-size:18px}.mpp-profile-wrap.mt-font-size-19,.mpp-enhanced-profile-wrap.regular .mt-font-size-19,.mpp-enhanced-profile-wrap.profile .mt-font-size-19,.mpp-enhanced-profile-wrap.compact .mt-font-size-19,.mpp-profile-text.mt-font-size-19{font-size:19px}.mpp-profile-wrap.mt-font-size-19 p,.mpp-profile-wrap.mt-font-size-19 div,.mpp-enhanced-profile-wrap.regular .mt-font-size-19 p,.mpp-enhanced-profile-wrap.regular .mt-font-size-19 div,.mpp-enhanced-profile-wrap.profile .mt-font-size-19 p,.mpp-enhanced-profile-wrap.profile .mt-font-size-19 div,.mpp-enhanced-profile-wrap.compact .mt-font-size-19 p,.mpp-enhanced-profile-wrap.compact .mt-font-size-19 div,.mpp-profile-text.mt-font-size-19 p,.mpp-profile-text.mt-font-size-19 div{font-size:19px}.mpp-profile-wrap.mt-font-size-20,.mpp-enhanced-profile-wrap.regular .mt-font-size-20,.mpp-enhanced-profile-wrap.profile .mt-font-size-20,.mpp-enhanced-profile-wrap.compact .mt-font-size-20,.mpp-profile-text.mt-font-size-20{font-size:20px}.mpp-profile-wrap.mt-font-size-20 p,.mpp-profile-wrap.mt-font-size-20 div,.mpp-enhanced-profile-wrap.regular .mt-font-size-20 p,.mpp-enhanced-profile-wrap.regular .mt-font-size-20 div,.mpp-enhanced-profile-wrap.profile .mt-font-size-20 p,.mpp-enhanced-profile-wrap.profile .mt-font-size-20 div,.mpp-enhanced-profile-wrap.compact .mt-font-size-20 p,.mpp-enhanced-profile-wrap.compact .mt-font-size-20 div,.mpp-profile-text.mt-font-size-20 p,.mpp-profile-text.mt-font-size-20 div{font-size:20px}.mpp-profile-wrap.mt-font-size-21,.mpp-enhanced-profile-wrap.regular .mt-font-size-21,.mpp-enhanced-profile-wrap.profile .mt-font-size-21,.mpp-enhanced-profile-wrap.compact .mt-font-size-21,.mpp-profile-text.mt-font-size-21{font-size:21px}.mpp-profile-wrap.mt-font-size-21 p,.mpp-profile-wrap.mt-font-size-21 div,.mpp-enhanced-profile-wrap.regular .mt-font-size-21 p,.mpp-enhanced-profile-wrap.regular .mt-font-size-21 div,.mpp-enhanced-profile-wrap.profile .mt-font-size-21 p,.mpp-enhanced-profile-wrap.profile .mt-font-size-21 div,.mpp-enhanced-profile-wrap.compact .mt-font-size-21 p,.mpp-enhanced-profile-wrap.compact .mt-font-size-21 div,.mpp-profile-text.mt-font-size-21 p,.mpp-profile-text.mt-font-size-21 div{font-size:21px}.mpp-profile-wrap.mt-font-size-22,.mpp-enhanced-profile-wrap.regular .mt-font-size-22,.mpp-enhanced-profile-wrap.profile .mt-font-size-22,.mpp-enhanced-profile-wrap.compact .mt-font-size-22,.mpp-profile-text.mt-font-size-22{font-size:22px}.mpp-profile-wrap.mt-font-size-22 p,.mpp-profile-wrap.mt-font-size-22 div,.mpp-enhanced-profile-wrap.regular .mt-font-size-22 p,.mpp-enhanced-profile-wrap.regular .mt-font-size-22 div,.mpp-enhanced-profile-wrap.profile .mt-font-size-22 p,.mpp-enhanced-profile-wrap.profile .mt-font-size-22 div,.mpp-enhanced-profile-wrap.compact .mt-font-size-22 p,.mpp-enhanced-profile-wrap.compact .mt-font-size-22 div,.mpp-profile-text.mt-font-size-22 p,.mpp-profile-text.mt-font-size-22 div{font-size:22px}.mpp-profile-wrap.mt-font-size-23,.mpp-enhanced-profile-wrap.regular .mt-font-size-23,.mpp-enhanced-profile-wrap.profile .mt-font-size-23,.mpp-enhanced-profile-wrap.compact .mt-font-size-23,.mpp-profile-text.mt-font-size-23{font-size:23px}.mpp-profile-wrap.mt-font-size-23 p,.mpp-profile-wrap.mt-font-size-23 div,.mpp-enhanced-profile-wrap.regular .mt-font-size-23 p,.mpp-enhanced-profile-wrap.regular .mt-font-size-23 div,.mpp-enhanced-profile-wrap.profile .mt-font-size-23 p,.mpp-enhanced-profile-wrap.profile .mt-font-size-23 div,.mpp-enhanced-profile-wrap.compact .mt-font-size-23 p,.mpp-enhanced-profile-wrap.compact .mt-font-size-23 div,.mpp-profile-text.mt-font-size-23 p,.mpp-profile-text.mt-font-size-23 div{font-size:23px}.mpp-profile-wrap.mt-font-size-24,.mpp-enhanced-profile-wrap.regular .mt-font-size-24,.mpp-enhanced-profile-wrap.profile .mt-font-size-24,.mpp-enhanced-profile-wrap.compact .mt-font-size-24,.mpp-profile-text.mt-font-size-24{font-size:24px}.mpp-profile-wrap.mt-font-size-24 p,.mpp-profile-wrap.mt-font-size-24 div,.mpp-enhanced-profile-wrap.regular .mt-font-size-24 p,.mpp-enhanced-profile-wrap.regular .mt-font-size-24 div,.mpp-enhanced-profile-wrap.profile .mt-font-size-24 p,.mpp-enhanced-profile-wrap.profile .mt-font-size-24 div,.mpp-enhanced-profile-wrap.compact .mt-font-size-24 p,.mpp-enhanced-profile-wrap.compact .mt-font-size-24 div,.mpp-profile-text.mt-font-size-24 p,.mpp-profile-text.mt-font-size-24 div{font-size:24px}.mpp-social{margin-top:15px}.mpp-social svg{max-width:32px;max-height:32px;margin-right:10px}.mpp-social a,.mpp-social a:hover,.mpp-social a:visited{text-decoration:none !important}.mpp-social{clear:both}.mpp-social svg.icon-twitter{fill:#00aced}.mpp-social svg.icon-amazon{fill:#000}.mpp-social svg.icon-behance{fill:#0692e9}.mpp-social svg.icon-blogger{fill:#fb8f3d}.mpp-social svg.icon-codepen{fill:#000}.mpp-social svg.icon-dribble{fill:#F46899}.mpp-social svg.icon-dropbox{fill:#018BD3}.mpp-social svg.icon-eventbrite{fill:#f6682F}.mpp-social svg.icon-facebook{fill:#3b5998}.mpp-social svg.icon-flickr{fill:#ff0084}.mpp-social svg.icon-foursquare{fill:#0072b1}.mpp-social svg.icon-ghost{fill:#000}.mpp-social svg.icon-github{fill:#070709}.mpp-social svg.icon-google-plus{fill:#CF3D2E}.mpp-social svg.icon-instagram{fill:#A1755C}.mpp-social svg.icon-linkedin{fill:#0085AE}.mpp-social svg.icon-feed{fill:#f26522}.mpp-social svg.icon-medium{fill:#000}.mpp-social svg.icon-path{fill:#000}.mpp-social svg.icon-pinterest{fill:#CC2127}.mpp-social svg.icon-pocket{fill:#000}.mpp-social svg.icon-polldaddy{fill:#bc0b0b}.mpp-social svg.icon-reddit{fill:#000}.mpp-social svg.icon-skype{fill:#01AEF2}.mpp-social svg.icon-spotify{fill:#1ed760}.mpp-social svg.icon-squarespace{fill:#000}.mpp-social svg.icon-stumbleupon{fill:#EB4823}.mpp-social svg.icon-telegram{fill:#000}.mpp-social svg.icon-tumblr-alt{fill:#314E6C}.mpp-social svg.icon-twitch{fill:#4b367c}.mpp-social svg.icon-twitter-alt{fill:#00aced}.mpp-social svg.icon-vimeo{fill:#1ab7ea}.mpp-social svg.icon-wordpress{fill:#21759b}.mpp-social svg.icon-youtube{fill:#b00}.mpp-enhanced-profile-wrap.profile{padding:10px}.mpp-enhanced-profile-wrap.profile h2{margin:0;font-size:0.8em;font-weight:normal;margin-bottom:5px}.mpp-enhanced-profile-wrap.profile h2:before{display:none}@media only screen and (max-width: 400px){.mpp-enhanced-profile-wrap.profile h2{text-align:center}}.mpp-enhanced-profile-wrap.profile.round .profile-avatar{border-radius:50%}.mpp-enhanced-profile-wrap.profile .mpp-profile-image-wrapper{position:relative;float:left;line-height:1.0;z-index:1000;min-width:150px;min-height:150px;max-width:150px;max-height:150px;margin-right:15px}@media only screen and (max-width: 400px){.mpp-enhanced-profile-wrap.profile .mpp-profile-image-wrapper{float:none;text-align:center;margin:0 auto}}.mpp-enhanced-profile-wrap.profile .mpp-profile-meta{clear:both;margin:10px 0}.mpp-enhanced-profile-wrap.profile .mpp-profile-meta:after{content:"";display:table;clear:both}.mpp-enhanced-profile-wrap.profile .alignleft{max-width:none;float:left}@media only screen and (max-width: 400px){.mpp-enhanced-profile-wrap.profile .alignleft{float:none;text-align:center;margin:0 auto}}.mpp-enhanced-profile-wrap.profile .alignright{max-width:none}@media only screen and (max-width: 400px){.mpp-enhanced-profile-wrap.profile .alignright{float:none;text-align:center;margin:0 auto}}.mpp-author-tabbed{padding:10px}.mpp-author-tabbed:after{content:"";display:table;clear:both}.mpp-author-tabbed .mpp-social{margin-top:0}.mpp-author-tabbed .mpp-author-social-wrapper{margin-bottom:10px}.mpp-author-tabbed .mpp-author-social-wrapper:after{content:"";display:table;clear:both}.mpp-author-tabbed h1,.mpp-author-tabbed h2,.mpp-author-tabbed h3,.mpp-author-tabbed h4,.mpp-author-tabbed h5,.mpp-author-tabbed h6{clear:none}.mpp-author-tabbed h2{font-size:0.8em;font-weight:normal;margin-bottom:5px}.mpp-author-tabbed h2:before{display:none}.mpp-author-tabbed .mpp-tab-wrapper{clear:both}.mpp-author-tabbed .mpp-author-heading{float:left}@media only screen and (max-width: 600px){.mpp-author-tabbed .mpp-author-heading{float:none;text-align:center;margin:0 auto;width:90%}}.mpp-author-tabbed .mpp-author-social{float:right}@media only screen and (max-width: 600px){.mpp-author-tabbed .mpp-author-social{float:none;text-align:center;margin:0 auto}}.mpp-author-tabbed .mpp-author-heading .mpp-author-profile-heading{display:inline-block;background:#42737b;color:#FFF;padding:10px 20px;font-size:14px;text-transform:uppercase}@media only screen and (max-width: 600px){.mpp-author-tabbed .mpp-author-heading .mpp-author-profile-heading{display:block;margin-bottom:10px}}.mpp-author-tabbed .mpp-author-profile-sub-heading{font-size:14px;line-height:1.1;max-width:150px;text-align:center}.mpp-author-tabbed.round .profile-avatar{border-radius:50%}.mpp-author-tabbed .mpp-profile-image-wrapper{clear:both;position:relative;float:left;line-height:1.0;z-index:1000;margin-right:30px}.mpp-author-tabbed .mpp-profile-image-wrapper img{min-width:150px;min-height:150px;max-height:150px;max-width:150px}.mpp-author-tabbed .mpp-profile-meta{clear:both;margin:10px 0}.mpp-author-tabbed .mpp-profile-meta:after{content:"";display:table;clear:both}.mpp-author-tabbed .mpp-author-profile-title{color:gray;text-transform:uppercase;font-size:12px}.mpp-author-tabbed .mpp-tabbed-profile-information:after{content:"";display:table;clear:both}.mpp-author-tabbed .mpp-tab{display:none}.mpp-author-tabbed .mpp-tab-active{display:block}.mpp-author-tabbed ul.mpp-author-tabs{position:relative;list-style-type:none;margin:0;padding:0;text-align:center}.mpp-author-tabbed ul.mpp-author-tabs li{cursor:pointer;position:relative;display:inline-block;min-width:200px;background:#42737b;margin:0 5px 0 0;text-align:center;margin-right:10px;color:#FFF;padding:10px 20px;font-size:16px}@media only screen and (max-width: 500px){.mpp-author-tabbed ul.mpp-author-tabs li{width:100%;display:block}}.mpp-author-tabbed ul.mpp-author-tabs li.active:after{content:"";display:block;position:absolute;bottom:-10px;left:calc(50% - 10px);border-top:10px solid #42737b;border-top-color:#42737b;border-left:10px solid transparent;border-right:10px solid transparent}@media only screen and (max-width: 500px){.mpp-author-tabbed ul.mpp-author-tabs li.active:after{display:none}}.mpp-author-tabbed ul.mpp-author-tabs li:last-child{margin-right:0}.mpp-author-tabbed ul.mpp-author-tabs li.mpp-tab-posts{background:#30424b}.mpp-author-tabbed ul.mpp-author-tabs li.mpp-tab-posts.active:after{border-top:10px solid #30424b;border-top-color:#30424b}.mpp-author-tabbed ul.mpp-author-tab-content{list-style-type:none;margin:0;padding:0}.mpp-author-tabbed ul.mpp-author-tab-content li{margin:0}.mpp-author-tabbed ul.mpp-author-tab-content.white a,.mpp-author-tabbed ul.mpp-author-tab-content.white a:hover,.mpp-author-tabbed ul.mpp-author-tab-content.white a:visited{display:block;background:#FFFFFF;border:1px solid #f2f2f2;padding:10px 20px;text-decoration:none;color:#333}.mpp-author-tabbed ul.mpp-author-tab-content.white a:hover{background:#f2f2f2}.mpp-author-tabbed ul.mpp-author-tab-content.light a,.mpp-author-tabbed ul.mpp-author-tab-content.light a:hover,.mpp-author-tabbed ul.mpp-author-tab-content.light a:visited{display:block;background:#f7f7f7;border:1px solid #dedede;padding:10px 20px;text-decoration:none;color:#333}.mpp-author-tabbed ul.mpp-author-tab-content.light a:hover{background:#dedede}.mpp-author-tabbed ul.mpp-author-tab-content.black a,.mpp-author-tabbed ul.mpp-author-tab-content.black a:hover,.mpp-author-tabbed ul.mpp-author-tab-content.black a:visited{display:block;background:#333;color:#FFF;border:1px solid #1a1a1a;padding:10px 20px;text-decoration:none}.mpp-author-tabbed ul.mpp-author-tab-content.black a:hover{background:#1a1a1a}.mpp-author-tabbed ul.mpp-author-tab-content.magenta a,.mpp-author-tabbed ul.mpp-author-tab-content.magenta a:hover,.mpp-author-tabbed ul.mpp-author-tab-content.magenta a:visited{display:block;background:#FF00FF;color:#FFF;border:1px solid #c0c;padding:10px 20px;text-decoration:none}.mpp-author-tabbed ul.mpp-author-tab-content.magenta a:hover{background:#c0c}.mpp-author-tabbed ul.mpp-author-tab-content.blue a,.mpp-author-tabbed ul.mpp-author-tab-content.blue a:hover,.mpp-author-tabbed ul.mpp-author-tab-content.blue a:visited{display:block;background:#0009c1;color:#FFF;border:1px solid #00078e;padding:10px 20px;text-decoration:none}.mpp-author-tabbed ul.mpp-author-tab-content.blue a:hover{background:#00078e}.mpp-author-tabbed ul.mpp-author-tab-content.green a,.mpp-author-tabbed ul.mpp-author-tab-content.green a:hover,.mpp-author-tabbed ul.mpp-author-tab-content.green a:visited{display:block;background:#03ac27;color:#FFF;border:1px solid #027a1c;padding:10px 20px;text-decoration:none}.mpp-author-tabbed ul.mpp-author-tab-content.green a:hover{background:#027a1c}.mpp-enhanced-profile-wrap.compact{text-align:center;padding:10px;max-width:400px;margin:0 auto;line-height:1.1}.mpp-enhanced-profile-wrap.compact.center{margin:0 auto}.mpp-enhanced-profile-wrap.compact.left{margin-left:0}.mpp-enhanced-profile-wrap.compact.right{margin-right:0}.mpp-enhanced-profile-wrap.compact .mpp-social svg{margin-right:0}.mpp-enhanced-profile-wrap.compact h2{font-size:0.8em;font-weight:normal;margin-bottom:5px}.mpp-enhanced-profile-wrap.compact h2:before{display:none}.mpp-enhanced-profile-wrap.compact.round .profile-avatar{border-radius:50%}.mpp-enhanced-profile-wrap.compact .mpp-profile-image-wrapper{position:relative;text-align:center;line-height:1.0;z-index:1000;min-width:150px;min-height:150px;max-width:150px;max-height:150px;margin:0 auto}.mpp-enhanced-profile-wrap.compact .mpp-profile-text{line-height:1.1}.mpp-enhanced-profile-wrap.compact .mpp-compact-meta{clear:both;margin:10px 0}.mpp-enhanced-profile-wrap.compact .mpp-compact-meta:after{content:"";display:table;clear:both}.mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts{clear:both;display:block;text-align:center;padding:10px 20px;margin-top:20px;margin-right:20px;background-color:#cf6d38;color:#FFF;margin-bottom:10px}.mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts a,.mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts a:hover,.mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts a:visited{display:block;width:100%;height:100%;color:#FFF;text-decoration:none}.mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts:after{content:"";display:table;clear:both}.mpp-enhanced-profile-wrap.compact .mpp-profile-view-website{display:block;text-align:center;padding:10px 20px;margin-top:20px;background-color:#333;color:#FFF}.mpp-enhanced-profile-wrap.compact .mpp-profile-view-website a,.mpp-enhanced-profile-wrap.compact .mpp-profile-view-website a:hover,.mpp-enhanced-profile-wrap.compact .mpp-profile-view-website a:visited{display:block;width:100%;height:100%;color:#FFF;text-decoration:none}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .post-content .mpp-profile-wrap h1, .post-content .mpp-profile-wrap h2, .post-content .mpp-profile-wrap h3, .post-content .mpp-profile-wrap h4, .post-content .mpp-profile-wrap h5, .post-content .mpp-profile-wrap h6,
2
+ .post-content .mpp-enhanced-profile-wrap h1,
3
+ .post-content .mpp-enhanced-profile-wrap h2,
4
+ .post-content .mpp-enhanced-profile-wrap h3,
5
+ .post-content .mpp-enhanced-profile-wrap h4,
6
+ .post-content .mpp-enhanced-profile-wrap h5,
7
+ .post-content .mpp-enhanced-profile-wrap h6 {
8
+ clear: none;
9
+ }
10
+ .post-content .mpp-profile-wrap h2,
11
+ .post-content .mpp-enhanced-profile-wrap h2 {
12
+ margin: 0;
13
+ margin-bottom: 10px;
14
+ }
15
+ .post-content .mpp-profile-wrap p,
16
+ .post-content .mpp-enhanced-profile-wrap p {
17
+ margin-bottom: 10px;
18
+ }
19
+
20
+ .mpp-profile-wrap {
21
+ margin: 0 auto;
22
+ padding: 3%;
23
+ border-radius: 5px;
24
+ margin-bottom: 1.2em;
25
+ margin-bottom: 20px;
26
+ line-height: 1.3;
27
+ }
28
+ .mpp-profile-wrap.round .mpp-profile-image-wrapper {
29
+ border-radius: 50%;
30
+ overflow: hidden;
31
+ }
32
+ .mpp-profile-wrap.round .mpp-profile-image-wrapper img {
33
+ border-radius: 50%;
34
+ }
35
+ .mpp-profile-wrap h1, .mpp-profile-wrap h2, .mpp-profile-wrap h3, .mpp-profile-wrap h4, .mpp-profile-wrap h5, .mpp-profile-wrap h6 {
36
+ clear: none;
37
+ }
38
+ .mpp-profile-wrap h2 {
39
+ margin-top: 0;
40
+ margin-bottom: 10px;
41
+ }
42
+ .mpp-profile-wrap h2:before {
43
+ display: none;
44
+ }
45
+ .mpp-profile-wrap .mpp-profile-image-wrapper {
46
+ position: relative;
47
+ float: left;
48
+ line-height: 1.1;
49
+ z-index: 1000;
50
+ background: #ddd;
51
+ position: relative;
52
+ min-width: 150px;
53
+ min-height: 150px;
54
+ max-width: 150px;
55
+ max-height: 150px;
56
+ width: 100%;
57
+ margin-right: 20px;
58
+ margin-bottom: 20px;
59
+ }
60
+ .mpp-profile-wrap .mpp-profile-image-wrapper button {
61
+ position: relative;
62
+ min-width: 150px;
63
+ min-height: 150px;
64
+ max-width: 150px;
65
+ max-height: 150px;
66
+ z-index: 1000;
67
+ }
68
+ .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-profile-image-square {
69
+ position: relative;
70
+ top: 0;
71
+ left: 0;
72
+ height: 100%;
73
+ width: 100%;
74
+ z-index: 5;
75
+ }
76
+ .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-profile-image-square img {
77
+ height: 100%;
78
+ width: 100%;
79
+ position: relative;
80
+ z-index: 5;
81
+ }
82
+ .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-content-wrap {
83
+ display: block;
84
+ padding: 0 15px 0 15px;
85
+ -ms-flex: 3 0 0px;
86
+ flex: 3 0 0;
87
+ }
88
+ .mpp-profile-wrap .mpp-profile-image-wrapper .mpp-profile-name {
89
+ font: 1.4em;
90
+ line-height: 1.2;
91
+ }
92
+ @media only screen and (max-width: 600px) {
93
+ .mpp-profile-wrap .mpp-profile-image-wrapper {
94
+ flex: auto;
95
+ }
96
+ }
97
+ .mpp-profile-wrap .mpp-gutenberg-view-posts {
98
+ clear: both;
99
+ padding-top: 20px;
100
+ }
101
+ .mpp-profile-wrap .mpp-profile-view-posts {
102
+ clear: both;
103
+ display: block;
104
+ width: 100%;
105
+ text-align: center;
106
+ padding: 10px 20px;
107
+ background-color: #cf6d38;
108
+ color: #FFF;
109
+ }
110
+ .mpp-profile-wrap .mpp-profile-view-posts a,
111
+ .mpp-profile-wrap .mpp-profile-view-posts a:hover,
112
+ .mpp-profile-wrap .mpp-profile-view-posts a:visited {
113
+ display: block;
114
+ width: 100%;
115
+ height: 100%;
116
+ color: #FFF;
117
+ text-decoration: none;
118
+ }
119
+
120
+ .mpp-enhanced-profile-wrap.regular {
121
+ position: relative;
122
+ margin: 0 auto;
123
+ line-height: 1.5;
124
+ }
125
+ .mpp-enhanced-profile-wrap.regular.round .mpp-profile-image-wrapper {
126
+ border-radius: 50%;
127
+ overflow: hidden;
128
+ }
129
+ .mpp-enhanced-profile-wrap.regular.round .mpp-profile-image-wrapper img {
130
+ border-radius: 50%;
131
+ }
132
+ .mpp-enhanced-profile-wrap.regular h1, .mpp-enhanced-profile-wrap.regular h2, .mpp-enhanced-profile-wrap.regular h3, .mpp-enhanced-profile-wrap.regular h4, .mpp-enhanced-profile-wrap.regular h5, .mpp-enhanced-profile-wrap.regular h6 {
133
+ clear: none;
134
+ }
135
+ .mpp-enhanced-profile-wrap.regular h2:before {
136
+ display: none;
137
+ }
138
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper {
139
+ position: relative;
140
+ float: left;
141
+ line-height: 1.1;
142
+ z-index: 1000;
143
+ background: #ddd;
144
+ position: relative;
145
+ min-width: 150px;
146
+ min-height: 150px;
147
+ max-width: 150px;
148
+ max-height: 150px;
149
+ width: 100%;
150
+ margin-right: 20px;
151
+ margin-bottom: 20px;
152
+ }
153
+ @media only screen and (max-width: 400px) {
154
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper {
155
+ float: none;
156
+ text-align: center;
157
+ margin: 0 auto;
158
+ }
159
+ }
160
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper button {
161
+ position: relative;
162
+ min-width: 150px;
163
+ min-height: 150px;
164
+ max-width: 150px;
165
+ max-height: 150px;
166
+ z-index: 1000;
167
+ }
168
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-profile-image-square {
169
+ position: relative;
170
+ top: 0;
171
+ left: 0;
172
+ height: 100%;
173
+ width: 100%;
174
+ z-index: 5;
175
+ }
176
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-profile-image-square img {
177
+ height: 100%;
178
+ width: 100%;
179
+ position: relative;
180
+ z-index: 5;
181
+ }
182
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-content-wrap {
183
+ display: block;
184
+ padding: 0 15px 0 15px;
185
+ -ms-flex: 3 0 0px;
186
+ flex: 3 0 0;
187
+ }
188
+ @media only screen and (max-width: 400px) {
189
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-content-wrap {
190
+ display: block;
191
+ text-align: center;
192
+ margin: 0 auto;
193
+ }
194
+ }
195
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper .mpp-profile-name {
196
+ font: 1.4em;
197
+ line-height: 1.2;
198
+ }
199
+ @media only screen and (max-width: 600px) {
200
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-image-wrapper {
201
+ flex: auto;
202
+ }
203
+ }
204
+ @media only screen and (max-width: 400px) {
205
+ .mpp-enhanced-profile-wrap.regular .mpp-content-wrap {
206
+ display: block;
207
+ text-align: center;
208
+ margin: 0 auto;
209
+ }
210
+ }
211
+ .mpp-enhanced-profile-wrap.regular .mpp-gutenberg-view-posts {
212
+ clear: both;
213
+ }
214
+ .mpp-enhanced-profile-wrap.regular .mpp-gutenberg-view-posts:after {
215
+ content: "";
216
+ display: table;
217
+ clear: both;
218
+ }
219
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts {
220
+ clear: both;
221
+ display: block;
222
+ float: left;
223
+ text-align: center;
224
+ padding: 10px 20px;
225
+ margin-top: 20px;
226
+ margin-right: 20px;
227
+ background-color: #cf6d38;
228
+ color: #FFF;
229
+ }
230
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts a,
231
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts a:hover,
232
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts a:visited {
233
+ display: block;
234
+ width: 100%;
235
+ height: 100%;
236
+ color: #FFF;
237
+ text-decoration: none;
238
+ }
239
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts:after {
240
+ content: "";
241
+ display: table;
242
+ clear: both;
243
+ }
244
+ @media only screen and (max-width: 400px) {
245
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-posts {
246
+ display: block;
247
+ width: 90%;
248
+ margin: 0 auto;
249
+ text-align: center;
250
+ margin-bottom: 10px;
251
+ }
252
+ }
253
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website {
254
+ display: block;
255
+ float: left;
256
+ text-align: center;
257
+ padding: 10px 20px;
258
+ margin-top: 20px;
259
+ background-color: #333;
260
+ color: #FFF;
261
+ }
262
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website a,
263
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website a:hover,
264
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website a:visited {
265
+ display: block;
266
+ width: 100%;
267
+ height: 100%;
268
+ color: #FFF;
269
+ text-decoration: none;
270
+ }
271
+ @media only screen and (max-width: 400px) {
272
+ .mpp-enhanced-profile-wrap.regular .mpp-profile-view-website {
273
+ display: block;
274
+ width: 90%;
275
+ margin: 0 auto;
276
+ text-align: center;
277
+ margin-bottom: 10px;
278
+ }
279
+ }
280
+
281
+ /* Icon Sizes */
282
+ .mpp-profile-wrap.mt-font-size-10,
283
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-10,
284
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-10,
285
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-10,
286
+ .mpp-profile-text.mt-font-size-10 {
287
+ font-size: 10px;
288
+ }
289
+ .mpp-profile-wrap.mt-font-size-10 p,
290
+ .mpp-profile-wrap.mt-font-size-10 div,
291
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-10 p,
292
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-10 div,
293
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-10 p,
294
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-10 div,
295
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-10 p,
296
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-10 div,
297
+ .mpp-profile-text.mt-font-size-10 p,
298
+ .mpp-profile-text.mt-font-size-10 div {
299
+ font-size: 10px;
300
+ }
301
+
302
+ .mpp-profile-wrap.mt-font-size-11,
303
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-11,
304
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-11,
305
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-11,
306
+ .mpp-profile-text.mt-font-size-11 {
307
+ font-size: 11px;
308
+ }
309
+ .mpp-profile-wrap.mt-font-size-11 p,
310
+ .mpp-profile-wrap.mt-font-size-11 div,
311
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-11 p,
312
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-11 div,
313
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-11 p,
314
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-11 div,
315
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-11 p,
316
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-11 div,
317
+ .mpp-profile-text.mt-font-size-11 p,
318
+ .mpp-profile-text.mt-font-size-11 div {
319
+ font-size: 11px;
320
+ }
321
+
322
+ .mpp-profile-wrap.mt-font-size-12,
323
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-12,
324
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-12,
325
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-12,
326
+ .mpp-profile-text.mt-font-size-12 {
327
+ font-size: 12px;
328
+ }
329
+ .mpp-profile-wrap.mt-font-size-12 p,
330
+ .mpp-profile-wrap.mt-font-size-12 div,
331
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-12 p,
332
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-12 div,
333
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-12 p,
334
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-12 div,
335
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-12 p,
336
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-12 div,
337
+ .mpp-profile-text.mt-font-size-12 p,
338
+ .mpp-profile-text.mt-font-size-12 div {
339
+ font-size: 12px;
340
+ }
341
+
342
+ .mpp-profile-wrap.mt-font-size-13,
343
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-13,
344
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-13,
345
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-13,
346
+ .mpp-profile-text.mt-font-size-13 {
347
+ font-size: 13px;
348
+ }
349
+ .mpp-profile-wrap.mt-font-size-13 p,
350
+ .mpp-profile-wrap.mt-font-size-13 div,
351
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-13 p,
352
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-13 div,
353
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-13 p,
354
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-13 div,
355
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-13 p,
356
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-13 div,
357
+ .mpp-profile-text.mt-font-size-13 p,
358
+ .mpp-profile-text.mt-font-size-13 div {
359
+ font-size: 13px;
360
+ }
361
+
362
+ .mpp-profile-wrap.mt-font-size-14,
363
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-14,
364
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-14,
365
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-14,
366
+ .mpp-profile-text.mt-font-size-14 {
367
+ font-size: 14px;
368
+ }
369
+ .mpp-profile-wrap.mt-font-size-14 p,
370
+ .mpp-profile-wrap.mt-font-size-14 div,
371
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-14 p,
372
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-14 div,
373
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-14 p,
374
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-14 div,
375
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-14 p,
376
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-14 div,
377
+ .mpp-profile-text.mt-font-size-14 p,
378
+ .mpp-profile-text.mt-font-size-14 div {
379
+ font-size: 14px;
380
+ }
381
+
382
+ .mpp-profile-wrap.mt-font-size-15,
383
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-15,
384
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-15,
385
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-15,
386
+ .mpp-profile-text.mt-font-size-15 {
387
+ font-size: 15px;
388
+ }
389
+ .mpp-profile-wrap.mt-font-size-15 p,
390
+ .mpp-profile-wrap.mt-font-size-15 div,
391
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-15 p,
392
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-15 div,
393
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-15 p,
394
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-15 div,
395
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-15 p,
396
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-15 div,
397
+ .mpp-profile-text.mt-font-size-15 p,
398
+ .mpp-profile-text.mt-font-size-15 div {
399
+ font-size: 15px;
400
+ }
401
+
402
+ .mpp-profile-wrap.mt-font-size-16,
403
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-16,
404
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-16,
405
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-16,
406
+ .mpp-profile-text.mt-font-size-16 {
407
+ font-size: 16px;
408
+ }
409
+ .mpp-profile-wrap.mt-font-size-16 p,
410
+ .mpp-profile-wrap.mt-font-size-16 div,
411
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-16 p,
412
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-16 div,
413
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-16 p,
414
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-16 div,
415
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-16 p,
416
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-16 div,
417
+ .mpp-profile-text.mt-font-size-16 p,
418
+ .mpp-profile-text.mt-font-size-16 div {
419
+ font-size: 16px;
420
+ }
421
+
422
+ .mpp-profile-wrap.mt-font-size-17,
423
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-17,
424
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-17,
425
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-17,
426
+ .mpp-profile-text.mt-font-size-17 {
427
+ font-size: 17px;
428
+ }
429
+ .mpp-profile-wrap.mt-font-size-17 p,
430
+ .mpp-profile-wrap.mt-font-size-17 div,
431
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-17 p,
432
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-17 div,
433
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-17 p,
434
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-17 div,
435
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-17 p,
436
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-17 div,
437
+ .mpp-profile-text.mt-font-size-17 p,
438
+ .mpp-profile-text.mt-font-size-17 div {
439
+ font-size: 17px;
440
+ }
441
+
442
+ .mpp-profile-wrap.mt-font-size-18,
443
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-18,
444
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-18,
445
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-18,
446
+ .mpp-profile-text.mt-font-size-18 {
447
+ font-size: 18px;
448
+ }
449
+ .mpp-profile-wrap.mt-font-size-18 p,
450
+ .mpp-profile-wrap.mt-font-size-18 div,
451
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-18 p,
452
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-18 div,
453
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-18 p,
454
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-18 div,
455
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-18 p,
456
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-18 div,
457
+ .mpp-profile-text.mt-font-size-18 p,
458
+ .mpp-profile-text.mt-font-size-18 div {
459
+ font-size: 18px;
460
+ }
461
+
462
+ .mpp-profile-wrap.mt-font-size-19,
463
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-19,
464
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-19,
465
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-19,
466
+ .mpp-profile-text.mt-font-size-19 {
467
+ font-size: 19px;
468
+ }
469
+ .mpp-profile-wrap.mt-font-size-19 p,
470
+ .mpp-profile-wrap.mt-font-size-19 div,
471
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-19 p,
472
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-19 div,
473
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-19 p,
474
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-19 div,
475
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-19 p,
476
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-19 div,
477
+ .mpp-profile-text.mt-font-size-19 p,
478
+ .mpp-profile-text.mt-font-size-19 div {
479
+ font-size: 19px;
480
+ }
481
+
482
+ .mpp-profile-wrap.mt-font-size-20,
483
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-20,
484
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-20,
485
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-20,
486
+ .mpp-profile-text.mt-font-size-20 {
487
+ font-size: 20px;
488
+ }
489
+ .mpp-profile-wrap.mt-font-size-20 p,
490
+ .mpp-profile-wrap.mt-font-size-20 div,
491
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-20 p,
492
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-20 div,
493
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-20 p,
494
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-20 div,
495
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-20 p,
496
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-20 div,
497
+ .mpp-profile-text.mt-font-size-20 p,
498
+ .mpp-profile-text.mt-font-size-20 div {
499
+ font-size: 20px;
500
+ }
501
+
502
+ .mpp-profile-wrap.mt-font-size-21,
503
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-21,
504
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-21,
505
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-21,
506
+ .mpp-profile-text.mt-font-size-21 {
507
+ font-size: 21px;
508
+ }
509
+ .mpp-profile-wrap.mt-font-size-21 p,
510
+ .mpp-profile-wrap.mt-font-size-21 div,
511
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-21 p,
512
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-21 div,
513
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-21 p,
514
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-21 div,
515
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-21 p,
516
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-21 div,
517
+ .mpp-profile-text.mt-font-size-21 p,
518
+ .mpp-profile-text.mt-font-size-21 div {
519
+ font-size: 21px;
520
+ }
521
+
522
+ .mpp-profile-wrap.mt-font-size-22,
523
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-22,
524
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-22,
525
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-22,
526
+ .mpp-profile-text.mt-font-size-22 {
527
+ font-size: 22px;
528
+ }
529
+ .mpp-profile-wrap.mt-font-size-22 p,
530
+ .mpp-profile-wrap.mt-font-size-22 div,
531
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-22 p,
532
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-22 div,
533
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-22 p,
534
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-22 div,
535
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-22 p,
536
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-22 div,
537
+ .mpp-profile-text.mt-font-size-22 p,
538
+ .mpp-profile-text.mt-font-size-22 div {
539
+ font-size: 22px;
540
+ }
541
+
542
+ .mpp-profile-wrap.mt-font-size-23,
543
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-23,
544
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-23,
545
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-23,
546
+ .mpp-profile-text.mt-font-size-23 {
547
+ font-size: 23px;
548
+ }
549
+ .mpp-profile-wrap.mt-font-size-23 p,
550
+ .mpp-profile-wrap.mt-font-size-23 div,
551
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-23 p,
552
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-23 div,
553
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-23 p,
554
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-23 div,
555
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-23 p,
556
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-23 div,
557
+ .mpp-profile-text.mt-font-size-23 p,
558
+ .mpp-profile-text.mt-font-size-23 div {
559
+ font-size: 23px;
560
+ }
561
+
562
+ .mpp-profile-wrap.mt-font-size-24,
563
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-24,
564
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-24,
565
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-24,
566
+ .mpp-profile-text.mt-font-size-24 {
567
+ font-size: 24px;
568
+ }
569
+ .mpp-profile-wrap.mt-font-size-24 p,
570
+ .mpp-profile-wrap.mt-font-size-24 div,
571
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-24 p,
572
+ .mpp-enhanced-profile-wrap.regular .mt-font-size-24 div,
573
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-24 p,
574
+ .mpp-enhanced-profile-wrap.profile .mt-font-size-24 div,
575
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-24 p,
576
+ .mpp-enhanced-profile-wrap.compact .mt-font-size-24 div,
577
+ .mpp-profile-text.mt-font-size-24 p,
578
+ .mpp-profile-text.mt-font-size-24 div {
579
+ font-size: 24px;
580
+ }
581
+
582
+ /* For Social Media */
583
+ .mpp-social {
584
+ margin-top: 15px;
585
+ }
586
+ .mpp-social svg {
587
+ max-width: 32px;
588
+ max-height: 32px;
589
+ margin-right: 10px;
590
+ }
591
+ .mpp-social a,
592
+ .mpp-social a:hover,
593
+ .mpp-social a:visited {
594
+ text-decoration: none !important;
595
+ }
596
+
597
+ /* Social Media Colors */
598
+ .mpp-social {
599
+ clear: both;
600
+ }
601
+
602
+ .mpp-social svg.icon-twitter {
603
+ fill: #00aced;
604
+ }
605
+ .mpp-social svg.icon-amazon {
606
+ fill: #000000;
607
+ }
608
+ .mpp-social svg.icon-behance {
609
+ fill: #0692e9;
610
+ }
611
+ .mpp-social svg.icon-blogger {
612
+ fill: #fb8f3d;
613
+ }
614
+ .mpp-social svg.icon-codepen {
615
+ fill: #000000;
616
+ }
617
+ .mpp-social svg.icon-dribble {
618
+ fill: #F46899;
619
+ }
620
+ .mpp-social svg.icon-dropbox {
621
+ fill: #018BD3;
622
+ }
623
+ .mpp-social svg.icon-eventbrite {
624
+ fill: #f6682F;
625
+ }
626
+ .mpp-social svg.icon-facebook {
627
+ fill: #3b5998;
628
+ }
629
+ .mpp-social svg.icon-flickr {
630
+ fill: #ff0084;
631
+ }
632
+ .mpp-social svg.icon-foursquare {
633
+ fill: #0072b1;
634
+ }
635
+ .mpp-social svg.icon-ghost {
636
+ fill: #000000;
637
+ }
638
+ .mpp-social svg.icon-github {
639
+ fill: #070709;
640
+ }
641
+ .mpp-social svg.icon-google-plus {
642
+ fill: #CF3D2E;
643
+ }
644
+ .mpp-social svg.icon-instagram {
645
+ fill: #A1755C;
646
+ }
647
+ .mpp-social svg.icon-linkedin {
648
+ fill: #0085AE;
649
+ }
650
+ .mpp-social svg.icon-feed {
651
+ fill: #f26522;
652
+ }
653
+ .mpp-social svg.icon-medium {
654
+ fill: #000000;
655
+ }
656
+ .mpp-social svg.icon-path {
657
+ fill: #000000;
658
+ }
659
+ .mpp-social svg.icon-pinterest {
660
+ fill: #CC2127;
661
+ }
662
+ .mpp-social svg.icon-pocket {
663
+ fill: #000000;
664
+ }
665
+ .mpp-social svg.icon-polldaddy {
666
+ fill: #bc0b0b;
667
+ }
668
+ .mpp-social svg.icon-reddit {
669
+ fill: #000000;
670
+ }
671
+ .mpp-social svg.icon-skype {
672
+ fill: #01AEF2;
673
+ }
674
+ .mpp-social svg.icon-spotify {
675
+ fill: #1ed760;
676
+ }
677
+ .mpp-social svg.icon-squarespace {
678
+ fill: #000000;
679
+ }
680
+ .mpp-social svg.icon-stumbleupon {
681
+ fill: #EB4823;
682
+ }
683
+ .mpp-social svg.icon-telegram {
684
+ fill: #000000;
685
+ }
686
+ .mpp-social svg.icon-tumblr-alt {
687
+ fill: #314E6C;
688
+ }
689
+ .mpp-social svg.icon-twitch {
690
+ fill: #4b367c;
691
+ }
692
+ .mpp-social svg.icon-twitter-alt {
693
+ fill: #00aced;
694
+ }
695
+ .mpp-social svg.icon-vimeo {
696
+ fill: #1ab7ea;
697
+ }
698
+ .mpp-social svg.icon-wordpress {
699
+ fill: #21759b;
700
+ }
701
+ .mpp-social svg.icon-youtube {
702
+ fill: #bb0000;
703
+ }
704
+
705
+ .mpp-enhanced-profile-wrap.profile {
706
+ padding: 10px;
707
+ }
708
+ .mpp-enhanced-profile-wrap.profile h2 {
709
+ margin: 0;
710
+ font-size: 0.8em;
711
+ font-weight: normal;
712
+ margin-bottom: 5px;
713
+ }
714
+ .mpp-enhanced-profile-wrap.profile h2:before {
715
+ display: none;
716
+ }
717
+ @media only screen and (max-width: 400px) {
718
+ .mpp-enhanced-profile-wrap.profile h2 {
719
+ text-align: center;
720
+ }
721
+ }
722
+ .mpp-enhanced-profile-wrap.profile.round .profile-avatar {
723
+ border-radius: 50%;
724
+ }
725
+ .mpp-enhanced-profile-wrap.profile .mpp-profile-image-wrapper {
726
+ position: relative;
727
+ float: left;
728
+ line-height: 1;
729
+ z-index: 1000;
730
+ min-width: 150px;
731
+ min-height: 150px;
732
+ max-width: 150px;
733
+ max-height: 150px;
734
+ margin-right: 15px;
735
+ }
736
+ @media only screen and (max-width: 400px) {
737
+ .mpp-enhanced-profile-wrap.profile .mpp-profile-image-wrapper {
738
+ float: none;
739
+ text-align: center;
740
+ margin: 0 auto;
741
+ }
742
+ }
743
+ .mpp-enhanced-profile-wrap.profile .mpp-profile-meta {
744
+ clear: both;
745
+ margin: 10px 0;
746
+ }
747
+ .mpp-enhanced-profile-wrap.profile .mpp-profile-meta:after {
748
+ content: "";
749
+ display: table;
750
+ clear: both;
751
+ }
752
+ .mpp-enhanced-profile-wrap.profile .alignleft {
753
+ max-width: none;
754
+ float: left;
755
+ }
756
+ @media only screen and (max-width: 400px) {
757
+ .mpp-enhanced-profile-wrap.profile .alignleft {
758
+ float: none;
759
+ text-align: center;
760
+ margin: 0 auto;
761
+ }
762
+ }
763
+ .mpp-enhanced-profile-wrap.profile .alignright {
764
+ max-width: none;
765
+ }
766
+ @media only screen and (max-width: 400px) {
767
+ .mpp-enhanced-profile-wrap.profile .alignright {
768
+ float: none;
769
+ text-align: center;
770
+ margin: 0 auto;
771
+ }
772
+ }
773
+
774
+ /* For Tabbed Theme */
775
+ .mpp-author-tabbed {
776
+ padding: 10px;
777
+ }
778
+ .mpp-author-tabbed:after {
779
+ content: "";
780
+ display: table;
781
+ clear: both;
782
+ }
783
+ .mpp-author-tabbed .mpp-social {
784
+ margin-top: 0;
785
+ }
786
+ .mpp-author-tabbed .mpp-author-social-wrapper {
787
+ margin-bottom: 10px;
788
+ }
789
+ .mpp-author-tabbed .mpp-author-social-wrapper:after {
790
+ content: "";
791
+ display: table;
792
+ clear: both;
793
+ }
794
+ .mpp-author-tabbed h1, .mpp-author-tabbed h2, .mpp-author-tabbed h3, .mpp-author-tabbed h4, .mpp-author-tabbed h5, .mpp-author-tabbed h6 {
795
+ clear: none;
796
+ }
797
+ .mpp-author-tabbed h2 {
798
+ font-size: 0.8em;
799
+ font-weight: normal;
800
+ margin-bottom: 5px;
801
+ }
802
+ .mpp-author-tabbed h2:before {
803
+ display: none;
804
+ }
805
+ .mpp-author-tabbed .mpp-tab-wrapper {
806
+ clear: both;
807
+ }
808
+ .mpp-author-tabbed .mpp-author-heading {
809
+ float: left;
810
+ }
811
+ @media only screen and (max-width: 600px) {
812
+ .mpp-author-tabbed .mpp-author-heading {
813
+ float: none;
814
+ text-align: center;
815
+ margin: 0 auto;
816
+ width: 90%;
817
+ }
818
+ }
819
+ .mpp-author-tabbed .mpp-author-social {
820
+ float: right;
821
+ }
822
+ @media only screen and (max-width: 600px) {
823
+ .mpp-author-tabbed .mpp-author-social {
824
+ float: none;
825
+ text-align: center;
826
+ margin: 0 auto;
827
+ }
828
+ }
829
+ .mpp-author-tabbed .mpp-author-heading .mpp-author-profile-heading {
830
+ display: inline-block;
831
+ background: #42737b;
832
+ color: #FFF;
833
+ padding: 10px 20px;
834
+ font-size: 14px;
835
+ text-transform: uppercase;
836
+ }
837
+ @media only screen and (max-width: 600px) {
838
+ .mpp-author-tabbed .mpp-author-heading .mpp-author-profile-heading {
839
+ display: block;
840
+ margin-bottom: 10px;
841
+ }
842
+ }
843
+ .mpp-author-tabbed .mpp-author-profile-sub-heading {
844
+ font-size: 14px;
845
+ line-height: 1.1;
846
+ max-width: 150px;
847
+ text-align: center;
848
+ }
849
+ .mpp-author-tabbed.round .profile-avatar {
850
+ border-radius: 50%;
851
+ }
852
+ .mpp-author-tabbed .mpp-profile-image-wrapper {
853
+ clear: both;
854
+ position: relative;
855
+ float: left;
856
+ line-height: 1;
857
+ z-index: 1000;
858
+ margin-right: 30px;
859
+ }
860
+ .mpp-author-tabbed .mpp-profile-image-wrapper img {
861
+ min-width: 150px;
862
+ min-height: 150px;
863
+ max-height: 150px;
864
+ max-width: 150px;
865
+ }
866
+ .mpp-author-tabbed .mpp-profile-meta {
867
+ clear: both;
868
+ margin: 10px 0;
869
+ }
870
+ .mpp-author-tabbed .mpp-profile-meta:after {
871
+ content: "";
872
+ display: table;
873
+ clear: both;
874
+ }
875
+ .mpp-author-tabbed .mpp-author-profile-title {
876
+ color: gray;
877
+ text-transform: uppercase;
878
+ font-size: 12px;
879
+ }
880
+ .mpp-author-tabbed .mpp-tabbed-profile-information:after {
881
+ content: "";
882
+ display: table;
883
+ clear: both;
884
+ }
885
+ .mpp-author-tabbed .mpp-tab {
886
+ display: none;
887
+ }
888
+ .mpp-author-tabbed .mpp-tab-active {
889
+ display: block;
890
+ }
891
+ .mpp-author-tabbed ul.mpp-author-tabs {
892
+ position: relative;
893
+ list-style-type: none;
894
+ margin: 0;
895
+ padding: 0;
896
+ text-align: center;
897
+ }
898
+ .mpp-author-tabbed ul.mpp-author-tabs li {
899
+ cursor: pointer;
900
+ position: relative;
901
+ display: inline-block;
902
+ min-width: 200px;
903
+ background: #42737b;
904
+ margin: 0 5px 0 0;
905
+ text-align: center;
906
+ margin-right: 10px;
907
+ color: #FFF;
908
+ padding: 10px 20px;
909
+ font-size: 16px;
910
+ }
911
+ @media only screen and (max-width: 500px) {
912
+ .mpp-author-tabbed ul.mpp-author-tabs li {
913
+ width: 100%;
914
+ display: block;
915
+ }
916
+ }
917
+ .mpp-author-tabbed ul.mpp-author-tabs li.active:after {
918
+ content: "";
919
+ display: block;
920
+ position: absolute;
921
+ bottom: -10px;
922
+ left: calc(50% - 10px);
923
+ border-top: 10px solid #42737b;
924
+ border-top-color: #42737b;
925
+ border-left: 10px solid transparent;
926
+ border-right: 10px solid transparent;
927
+ }
928
+ @media only screen and (max-width: 500px) {
929
+ .mpp-author-tabbed ul.mpp-author-tabs li.active:after {
930
+ display: none;
931
+ }
932
+ }
933
+ .mpp-author-tabbed ul.mpp-author-tabs li:last-child {
934
+ margin-right: 0;
935
+ }
936
+ .mpp-author-tabbed ul.mpp-author-tabs li.mpp-tab-posts {
937
+ background: #30424b;
938
+ }
939
+ .mpp-author-tabbed ul.mpp-author-tabs li.mpp-tab-posts.active:after {
940
+ border-top: 10px solid #30424b;
941
+ border-top-color: #30424b;
942
+ }
943
+ .mpp-author-tabbed ul.mpp-author-tab-content {
944
+ list-style-type: none;
945
+ margin: 0;
946
+ padding: 0;
947
+ }
948
+ .mpp-author-tabbed ul.mpp-author-tab-content li {
949
+ margin: 0;
950
+ }
951
+ .mpp-author-tabbed ul.mpp-author-tab-content.white a,
952
+ .mpp-author-tabbed ul.mpp-author-tab-content.white a:hover,
953
+ .mpp-author-tabbed ul.mpp-author-tab-content.white a:visited {
954
+ display: block;
955
+ background: #FFFFFF;
956
+ border: 1px solid #f2f2f2;
957
+ padding: 10px 20px;
958
+ text-decoration: none;
959
+ color: #333;
960
+ }
961
+ .mpp-author-tabbed ul.mpp-author-tab-content.white a:hover {
962
+ background: #f2f2f2;
963
+ }
964
+ .mpp-author-tabbed ul.mpp-author-tab-content.light a,
965
+ .mpp-author-tabbed ul.mpp-author-tab-content.light a:hover,
966
+ .mpp-author-tabbed ul.mpp-author-tab-content.light a:visited {
967
+ display: block;
968
+ background: #f7f7f7;
969
+ border: 1px solid #dedede;
970
+ padding: 10px 20px;
971
+ text-decoration: none;
972
+ color: #333;
973
+ }
974
+ .mpp-author-tabbed ul.mpp-author-tab-content.light a:hover {
975
+ background: #dedede;
976
+ }
977
+ .mpp-author-tabbed ul.mpp-author-tab-content.black a,
978
+ .mpp-author-tabbed ul.mpp-author-tab-content.black a:hover,
979
+ .mpp-author-tabbed ul.mpp-author-tab-content.black a:visited {
980
+ display: block;
981
+ background: #333;
982
+ color: #FFF;
983
+ border: 1px solid #1a1a1a;
984
+ padding: 10px 20px;
985
+ text-decoration: none;
986
+ }
987
+ .mpp-author-tabbed ul.mpp-author-tab-content.black a:hover {
988
+ background: #1a1a1a;
989
+ }
990
+ .mpp-author-tabbed ul.mpp-author-tab-content.magenta a,
991
+ .mpp-author-tabbed ul.mpp-author-tab-content.magenta a:hover,
992
+ .mpp-author-tabbed ul.mpp-author-tab-content.magenta a:visited {
993
+ display: block;
994
+ background: #FF00FF;
995
+ color: #FFF;
996
+ border: 1px solid #cc00cc;
997
+ padding: 10px 20px;
998
+ text-decoration: none;
999
+ }
1000
+ .mpp-author-tabbed ul.mpp-author-tab-content.magenta a:hover {
1001
+ background: #cc00cc;
1002
+ }
1003
+ .mpp-author-tabbed ul.mpp-author-tab-content.blue a,
1004
+ .mpp-author-tabbed ul.mpp-author-tab-content.blue a:hover,
1005
+ .mpp-author-tabbed ul.mpp-author-tab-content.blue a:visited {
1006
+ display: block;
1007
+ background: #0009c1;
1008
+ color: #FFF;
1009
+ border: 1px solid #00078e;
1010
+ padding: 10px 20px;
1011
+ text-decoration: none;
1012
+ }
1013
+ .mpp-author-tabbed ul.mpp-author-tab-content.blue a:hover {
1014
+ background: #00078e;
1015
+ }
1016
+ .mpp-author-tabbed ul.mpp-author-tab-content.green a,
1017
+ .mpp-author-tabbed ul.mpp-author-tab-content.green a:hover,
1018
+ .mpp-author-tabbed ul.mpp-author-tab-content.green a:visited {
1019
+ display: block;
1020
+ background: #03ac27;
1021
+ color: #FFF;
1022
+ border: 1px solid #027a1c;
1023
+ padding: 10px 20px;
1024
+ text-decoration: none;
1025
+ }
1026
+ .mpp-author-tabbed ul.mpp-author-tab-content.green a:hover {
1027
+ background: #027a1c;
1028
+ }
1029
+
1030
+ /* For Compact Theme */
1031
+ .mpp-enhanced-profile-wrap.compact {
1032
+ text-align: center;
1033
+ padding: 10px;
1034
+ max-width: 400px;
1035
+ margin: 0 auto;
1036
+ line-height: 1.1;
1037
+ }
1038
+ .mpp-enhanced-profile-wrap.compact.center {
1039
+ margin: 0 auto;
1040
+ }
1041
+ .mpp-enhanced-profile-wrap.compact.left {
1042
+ margin-left: 0;
1043
+ }
1044
+ .mpp-enhanced-profile-wrap.compact.right {
1045
+ margin-right: 0;
1046
+ }
1047
+ .mpp-enhanced-profile-wrap.compact .mpp-social svg {
1048
+ margin-right: 0;
1049
+ }
1050
+ .mpp-enhanced-profile-wrap.compact h2 {
1051
+ font-size: 0.8em;
1052
+ font-weight: normal;
1053
+ margin-bottom: 5px;
1054
+ }
1055
+ .mpp-enhanced-profile-wrap.compact h2:before {
1056
+ display: none;
1057
+ }
1058
+ .mpp-enhanced-profile-wrap.compact.round .profile-avatar {
1059
+ border-radius: 50%;
1060
+ }
1061
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-image-wrapper {
1062
+ position: relative;
1063
+ text-align: center;
1064
+ line-height: 1;
1065
+ z-index: 1000;
1066
+ min-width: 150px;
1067
+ min-height: 150px;
1068
+ max-width: 150px;
1069
+ max-height: 150px;
1070
+ margin: 0 auto;
1071
+ }
1072
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-text {
1073
+ line-height: 1.1;
1074
+ }
1075
+ .mpp-enhanced-profile-wrap.compact .mpp-compact-meta {
1076
+ clear: both;
1077
+ margin: 10px 0;
1078
+ }
1079
+ .mpp-enhanced-profile-wrap.compact .mpp-compact-meta:after {
1080
+ content: "";
1081
+ display: table;
1082
+ clear: both;
1083
+ }
1084
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts {
1085
+ clear: both;
1086
+ display: block;
1087
+ text-align: center;
1088
+ padding: 10px 20px;
1089
+ margin-top: 20px;
1090
+ margin-right: 20px;
1091
+ background-color: #cf6d38;
1092
+ color: #FFF;
1093
+ margin-bottom: 10px;
1094
+ }
1095
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts a,
1096
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts a:hover,
1097
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts a:visited {
1098
+ display: block;
1099
+ width: 100%;
1100
+ height: 100%;
1101
+ color: #FFF;
1102
+ text-decoration: none;
1103
+ }
1104
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-view-posts:after {
1105
+ content: "";
1106
+ display: table;
1107
+ clear: both;
1108
+ }
1109
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website {
1110
+ display: block;
1111
+ text-align: center;
1112
+ padding: 10px 20px;
1113
+ margin-top: 20px;
1114
+ background-color: #333;
1115
+ color: #FFF;
1116
+ }
1117
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website a,
1118
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website a:hover,
1119
+ .mpp-enhanced-profile-wrap.compact .mpp-profile-view-website a:visited {
1120
+ display: block;
1121
+ width: 100%;
1122
+ height: 100%;
1123
+ color: #FFF;
1124
+ text-decoration: none;
1125
+ }
1126
+
1127
+ /*# sourceMappingURL=blocks.style.build.css.map*/
dist/blocks.style.build.css.map ADDED
@@ -0,0 +1 @@
 
1
+ {"version":3,"sources":["webpack://user-profile-picture/./src/block/style.scss"],"names":[],"mappings":"AAEC;;;;;;;EACC;CAKD;AAHA;;EACC;EACA;CAMD;AAJA;;EACC;CAOD;;AAJD;EACC;EACA;EACA;EACA;EACA;EACA;CAOA;AANA;EACC;EACA;CAQD;AANA;EACC;CAQD;AANA;EACC;CAQD;AANA;EACC;EACA;CAQD;AANA;EACC;CAQD;AANA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAQD;AAPC;EACC;EACA;EACA;EACA;EACA;EACA;CASF;AAPC;EACC;EACA;EACA;EACA;EACA;EACA;CASF;AAPC;EACC;EACA;EACA;EACA;CASF;AAPC;EACC;EACA;EACA;EACA;CASF;AAPC;EACC;EACA;CASF;AAPC;EA9CD;IA+CE;GAUA;CACF;AARA;EACC;EACA;CAUD;AARA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;CAUD;AATC;;;EAGC;EACA;EACA;EACA;EACA;CAWF;;AAND;EACC;EACA;EACA;CASA;AARA;EACC;EACA;CAUD;AARA;EACC;CAUD;AARA;EACC;CAUD;AARA;EACC;CAUD;AARA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAUD;AATC;EAdD;IAeE;IACA;IACA;GAYA;CACF;AAXC;EACC;EACA;EACA;EACA;EACA;EACA;CAaF;AAXC;EACC;EACA;EACA;EACA;EACA;EACA;CAaF;AAVC;EACC;EACA;EACA;EACA;CAYF;AAVC;EACC;EACA;EACA;EACA;CAYF;AAXE;EALD;IAME;IACA;IACA;GAcD;CACF;AAZC;EACC;EACA;CAcF;AAZC;EAzDD;IA0DE;GAeA;CACF;AAZC;EADD;IAEE;IACA;IACA;GAeA;CACF;AAbA;EACC;CAeD;AAdC;EACC;EACA;EACA;CAgBF;AAZA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAcD;AAbC;;;EAGC;EACA;EACA;EACA;EACA;CAeF;AAbC;EACC;EACA;EACA;CAeF;AAbC;EAxBD;IAyBE;IACA;IACA;IACA;IACA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XF;AAnXA;EACC;EACA;CAqXD;AApXC;EACC;EACA;EACA;CAsXF;AAnXA;EACC;EACA;EACA;CAqXD;AAlXC;EACC;EACA;EACA;CAoXF;AAjXA;EACC;CAmXD;AAjXA;EACC;CAmXD;AAjXA;EACC;EACA;EACA;EACA;EACA;CAmXD;AAjXC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAmXF;AAlXE;EAZD;IAaE;IACA;GAqXD;CACF;AAnXE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAqXH;AApXG;EAVD;IAWE;GAuXF;CACF;AApXC;EACC;CAsXF;AApXC;EACC;CAsXF;AArXE;EACC;EACA;CAuXH;AAnXA;EACC;EACA;EACA;CAqXD;AApXC;EACC;CAsXF;AAnXE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CAqXH;AAnXE;EACC;CAqXH;AAjXE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CAmXH;AAjXE;EACC;CAmXH;AA/WE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CAiXH;AA/WE;EACC;CAiXH;AA7WE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CA+WH;AA7WE;EACC;CA+WH;AA3WE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CA6WH;AA3WE;EACC;CA6WH;AAzWE;;;EAGC;EACA;EACA;EACA;EACA;EACA;CA2WH;AAzWE;EACC;CA2WH;;AArWD;AACA;EACC;EACA;EACA;EACA;EACA;CAwWA;AAvWA;EACC;CAyWD;AAvWA;EACC;CAyWD;AAvWA;EACC;CAyWD;AAvWA;EACC;CAyWD;AAvWA;EACC;EACA;EACA;CAyWD;AAxWC;EACC;CA0WF;AAvWA;EACC;CAyWD;AAvWA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAyWD;AAvWA;EACC;CAyWD;AAvWA;EACC;EACA;CAyWD;AAxWC;EACC;EACA;EACA;CA0WF;AAvWA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAyWD;AAxWC;;;EAGC;EACA;EACA;EACA;EACA;CA0WF;AAxWC;EACC;EACA;EACA;CA0WF;AAtWA;EACC;EACA;EACA;EACA;EACA;EACA;CAwWD;AAvWC;;;EAGC;EACA;EACA;EACA;EACA","file":"blocks.style.build.css","sourcesContent":[".post-content .mpp-profile-wrap,\n.post-content .mpp-enhanced-profile-wrap {\n\th1, h2 , h3, h4 , h5, h6 {\n\t\tclear: none;\n\t}\n\th2 {\n\t\tmargin: 0;\n\t\tmargin-bottom: 10px;\n\t}\n\tp {\n\t\tmargin-bottom: 10px;\n\t}\n}\n.mpp-profile-wrap {\n\tmargin: 0 auto;\n\tpadding: 3%;\n\tborder-radius: 5px;\n\tmargin-bottom: 1.2em;\n\tmargin-bottom: 20px;\n\tline-height: 1.3;\n\t&.round .mpp-profile-image-wrapper {\n\t\tborder-radius: 50%;\n\t\toverflow: hidden;\n\t}\n\t&.round .mpp-profile-image-wrapper img {\n\t\tborder-radius: 50%;\n\t}\n\th1,h2,h3,h4,h5,h6 {\n\t\tclear: none;\n\t}\n\th2 {\n\t\tmargin-top: 0;\n\t\tmargin-bottom: 10px;\n\t}\n\th2:before {\n\t\tdisplay: none;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tposition: relative;\n\t\tfloat: left;\n\t\tline-height: 1.1;\n\t\tz-index: 1000;\n\t\tbackground: #ddd;\n\t\tposition: relative;\n\t\tmin-width: 150px;\n\t\tmin-height: 150px;\n\t\tmax-width: 150px;\n\t\tmax-height: 150px;\n\t\twidth: 100%;\n\t\tmargin-right: 20px;\n\t\tmargin-bottom: 20px;\n\t\tbutton {\n\t\t\tposition: relative;\n\t\t\tmin-width: 150px;\n\t\t\tmin-height: 150px;\n\t\t\tmax-width: 150px;\n\t\t\tmax-height: 150px;\n\t\t\tz-index: 1000;\n\t\t}\n\t\t.mpp-profile-image-square {\n\t\t\tposition: relative;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tz-index: 5;\n\t\t}\n\t\t.mpp-profile-image-square img {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tposition: relative;\n\t\t\tz-index: 5;\n\t\t}\n\t\t.mpp-content-wrap {\n\t\t\tdisplay: block;\n\t\t\tpadding: 0 15px 0 15px;\n\t\t\t-ms-flex: 3 0 0px;\n\t\t\tflex: 3 0 0;\n\t\t}\n\t\t.mpp-profile-name {\n\t\t\tfont: 1.4em;\n\t\t\tline-height: 1.2;\n\t\t}\n\t\t@media only screen and (max-width: 600px) {\n\t\t\tflex: auto;\n\t\t}\n\t}\n\t.mpp-gutenberg-view-posts {\n\t\tclear: both;\n\t\tpadding-top: 20px;\n\t}\n\t.mpp-profile-view-posts {\n\t\tclear: both;\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tbackground-color: #cf6d38;\n\t\tcolor: #FFF;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n}\n\n.mpp-enhanced-profile-wrap.regular {\n\tposition: relative;\n\tmargin: 0 auto;\n\tline-height: 1.5;\n\t&.round .mpp-profile-image-wrapper {\n\t\tborder-radius: 50%;\n\t\toverflow: hidden;\n\t}\n\t&.round .mpp-profile-image-wrapper img {\n\t\tborder-radius: 50%;\n\t}\n\th1,h2,h3,h4,h5,h6 {\n\t\tclear: none;\n\t}\n\th2:before {\n\t\tdisplay: none;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tposition: relative;\n\t\tfloat: left;\n\t\tline-height: 1.1;\n\t\tz-index: 1000;\n\t\tbackground: #ddd;\n\t\tposition: relative;\n\t\tmin-width: 150px;\n\t\tmin-height: 150px;\n\t\tmax-width: 150px;\n\t\tmax-height: 150px;\n\t\twidth: 100%;\n\t\tmargin-right: 20px;\n\t\tmargin-bottom: 20px;\n\t\t@media only screen and (max-width: 400px) {\n\t\t\tfloat: none;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t\tbutton {\n\t\t\tposition: relative;\n\t\t\tmin-width: 150px;\n\t\t\tmin-height: 150px;\n\t\t\tmax-width: 150px;\n\t\t\tmax-height: 150px;\n\t\t\tz-index: 1000;\n\t\t}\n\t\t.mpp-profile-image-square {\n\t\t\tposition: relative;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tz-index: 5;\n\n\t\t}\n\t\t.mpp-profile-image-square img {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tposition: relative;\n\t\t\tz-index: 5;\n\t\t}\n\t\t.mpp-content-wrap {\n\t\t\tdisplay: block;\n\t\t\tpadding: 0 15px 0 15px;\n\t\t\t-ms-flex: 3 0 0px;\n\t\t\tflex: 3 0 0;\n\t\t\t@media only screen and (max-width: 400px) {\n\t\t\t\tdisplay: block;\n\t\t\t\ttext-align: center;\n\t\t\t\tmargin: 0 auto;\n\t\t\t}\n\t\t}\n\t\t.mpp-profile-name {\n\t\t\tfont: 1.4em;\n\t\t\tline-height: 1.2;\n\t\t}\n\t\t@media only screen and (max-width: 600px) {\n\t\t\tflex: auto;\n\t\t}\n\t}\n\t.mpp-content-wrap {\n\t\t@media only screen and (max-width: 400px) {\n\t\t\tdisplay: block;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t}\n\t.mpp-gutenberg-view-posts {\n\t\tclear: both;\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\n\t.mpp-profile-view-posts {\n\t\tclear: both;\n\t\tdisplay: block;\n\t\tfloat: left;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tmargin-top: 20px;\n\t\tmargin-right: 20px;\n\t\tbackground-color: #cf6d38;\n\t\tcolor: #FFF;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t\t@media only screen and (max-width: 400px) {\n\t\t\tdisplay: block;\n\t\t\twidth: 90%;\n\t\t\tmargin: 0 auto;\n\t\t\ttext-align: center;\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\t}\n\n\t.mpp-profile-view-website {\n\t\tdisplay: block;\n\t\tfloat: left;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tmargin-top: 20px;\n\t\tbackground-color: #333;\n\t\tcolor: #FFF;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t@media only screen and (max-width: 400px) {\n\t\t\tdisplay: block;\n\t\t\twidth: 90%;\n\t\t\tmargin: 0 auto;\n\t\t\ttext-align: center;\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\t}\n}\n\n\n/* Icon Sizes */\n$sizes: 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24;\n@each $size in $sizes {\n\t.mpp-profile-wrap.mt-font-size-#{$size},\n\t.mpp-enhanced-profile-wrap.regular .mt-font-size-#{$size},\n\t.mpp-enhanced-profile-wrap.profile .mt-font-size-#{$size},\n\t.mpp-enhanced-profile-wrap.compact .mt-font-size-#{$size},\n\t.mpp-profile-text.mt-font-size-#{$size} {\n\t\tfont-size: #{$size}px;\n\t\tp,\n\t\tdiv {\n\t\t\tfont-size: #{$size}px;\n\t\t}\n\n\t}\n}\n\n/* For Social Media */\n.mpp-social {\n\tmargin-top: 15px;\n\tsvg {\n\t\tmax-width: 32px;\n\t\tmax-height: 32px;\n\t\tmargin-right: 10px;\n\t}\n\ta,\n\ta:hover,\n\ta:visited {\n\t\ttext-decoration: none !important;\n\t}\n}\n/* Social Media Colors */\n$colors: twitter #00aced,\n\tamazon #000000,\n\tbehance #0692e9,\n\tblogger #fb8f3d,\n\tcodepen #000000,\n\tdribble #F46899,\n\tdropbox #018BD3,\n\teventbrite #f6682F,\n\tfacebook #3b5998,\n\tflickr #ff0084,\n\tfoursquare #0072b1,\n\tghost #000000,\n\tgithub #070709,\n\tgoogle-plus #CF3D2E,\n\tinstagram #A1755C,\n\tlinkedin #0085AE,\n\tfeed #f26522,\n\tmedium #000000,\n\tpath #000000,\n\tpinterest #CC2127,\n\tpocket #000000,\n\tpolldaddy #bc0b0b,\n\treddit #000000,\n\tskype #01AEF2,\n\tspotify #1ed760,\n\tsquarespace #000000,\n\tstumbleupon #EB4823,\n\ttelegram #000000,\n\ttumblr-alt #314E6C,\n\ttwitch #4b367c,\n\ttwitter-alt #00aced,\n\tvimeo #1ab7ea,\n\twordpress #21759b,\n\tyoutube #bb0000\n;\n.mpp-social {\n\tclear: both;\n}\n.mpp-social svg {\n\t@each $color in $colors {\n\t\t&.icon-#{nth($color,1)} {\n\t\t\tfill: #{nth($color,2)};\n\t\t}\n\t}\n}\n\n.mpp-enhanced-profile-wrap.profile {\n\tpadding: 10px;\n\th2 {\n\t\tmargin: 0;\n\t\tfont-size: 0.8em;\n\t\tfont-weight: normal;\n\t\tmargin-bottom: 5px;\n\t\t&:before {\n\t\t\tdisplay: none;\n\t\t}\n\t\t@media only screen and (max-width: 400px) {\n\t\t\ttext-align: center;\n\t\t}\n\t}\n\t&.round .profile-avatar {\n\t\tborder-radius: 50%;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tposition: relative;\n\t\tfloat: left;\n\t\tline-height: 1.0;\n\t\tz-index: 1000;\n\t\tmin-width: 150px;\n\t\tmin-height: 150px;\n\t\tmax-width: 150px;\n\t\tmax-height: 150px;\n\t\tmargin-right: 15px;\n\n\t\t@media only screen and (max-width: 400px) {\n\t\t\tfloat: none;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t}\n\t.mpp-profile-meta {\n\t\tclear: both;\n\t\tmargin: 10px 0;\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\t.alignleft {\n\t\tmax-width: none;\n\t\tfloat: left;\n\t\t@media only screen and (max-width: 400px) {\n\t\t\tfloat: none;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t}\n\t.alignright {\n\t\tmax-width: none;\n\t\t@media only screen and (max-width: 400px) {\n\t\t\tfloat: none;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t}\n}\n\n/* For Tabbed Theme */\n.mpp-author-tabbed {\n\tpadding: 10px;\n\t&:after {\n\t\tcontent: \"\";\n\t\tdisplay: table;\n\t\tclear: both;\n\t}\n\t.mpp-social {\n\t\tmargin-top: 0;\n\t}\n\t.mpp-author-social-wrapper {\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t\tmargin-bottom: 10px;\n\t}\n\th1, h2, h3, h4, h5 , h6 {\n\t\tclear: none;\n\t}\n\th2 {\n\t\tfont-size: 0.8em;\n\t\tfont-weight: normal;\n\t\tmargin-bottom: 5px;\n\t\t&:before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t.mpp-tab-wrapper {\n\t\tclear: both;\n\t}\n\t.mpp-author-heading {\n\t\tfloat: left;\n\t\t@media only screen and (max-width: 600px) {\n\t\t\tfloat: none;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0 auto;\n\t\t\twidth: 90%;\n\t\t}\n\t}\n\t.mpp-author-social {\n\t\tfloat: right;\n\t\t@media only screen and (max-width: 600px) {\n\t\t\tfloat: none;\n\t\t\ttext-align: center;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t}\n\t.mpp-author-heading .mpp-author-profile-heading {\n\t\tdisplay: inline-block;\n\t\tbackground: #42737b;\n\t\tcolor: #FFF;\n\t\tpadding: 10px 20px;\n\t\tfont-size: 14px;\n\t\ttext-transform: uppercase;\n\t\t@media only screen and (max-width: 600px) {\n\t\t\tdisplay: block;\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\t}\n\t.mpp-author-profile-sub-heading {\n\t\tfont-size: 14px;\n\t\tline-height: 1.1;\n\t\tmax-width: 150px;\n\t\ttext-align: center;\n\t}\n\t&.round .profile-avatar {\n\t\tborder-radius: 50%;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tclear: both;\n\t\tposition: relative;\n\t\tfloat: left;\n\t\tline-height: 1.0;\n\t\tz-index: 1000;\n\t\tmargin-right: 30px;\n\t\timg {\n\t\t\tmin-width: 150px;\n\t\t\tmin-height: 150px;\n\t\t\tmax-height: 150px;\n\t\t\tmax-width: 150px;\n\t\t}\n\n\n\t}\n\t.mpp-profile-meta {\n\t\tclear: both;\n\t\tmargin: 10px 0;\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\t.mpp-author-profile-title {\n\t\tcolor: gray;\n\t\ttext-transform: uppercase;\n\t\tfont-size: 12px;\n\t}\n\t.mpp-tabbed-profile-information {\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\t.mpp-tab {\n\t\tdisplay: none;\n\t}\n\t.mpp-tab-active {\n\t\tdisplay: block;\n\t}\n\tul.mpp-author-tabs {\n\t\tposition:relative;\n\t\tlist-style-type: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\ttext-align: center;\n\n\t\tli {\n\t\t\tcursor: pointer;\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-block;\n\t\t\tmin-width: 200px;\n\t\t\tbackground: #42737b;\n\t\t\tmargin: 0 5px 0 0;\n\t\t\ttext-align: center;\n\t\t\tmargin-right: 10px;\n\t\t\tcolor: #FFF;\n\t\t\tpadding: 10px 20px;\n\t\t\tfont-size: 16px;\n\t\t\t@media only screen and (max-width: 500px) {\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t&.active:after {\n\t\t\t\tcontent: \"\";\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: -10px;\n\t\t\t\tleft: calc(50% - 10px);\n\t\t\t\tborder-top: 10px solid #42737b;\n\t\t\t\tborder-top-color: #42737b;\n\t\t\t\tborder-left: 10px solid transparent;\n\t\t\t\tborder-right: 10px solid transparent;\n\t\t\t\t@media only screen and (max-width: 500px) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tli:last-child {\n\t\t\tmargin-right: 0;\n\t\t}\n\t\tli.mpp-tab-posts {\n\t\t\tbackground: #30424b;\n\t\t\t&.active:after {\n\t\t\t\tborder-top: 10px solid #30424b;\n\t\t\t\tborder-top-color: #30424b;\n\t\t\t}\n\t\t}\n\t}\n\tul.mpp-author-tab-content {\n\t\tlist-style-type: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tli {\n\t\t\tmargin: 0;\n\t\t}\n\t\t&.white {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #FFFFFF;\n\t\t\t\tborder: 1px solid darken(#FFFFFF, 5%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t\tcolor: #333;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#FFFFFF, 5%);\n\t\t\t}\n\t\t}\n\t\t&.light {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #f7f7f7;\n\t\t\t\tborder: 1px solid darken(#f7f7f7, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t\tcolor: #333;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#f7f7f7, 10%);\n\t\t\t}\n\t\t}\n\t\t&.black {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #333;\n\t\t\t\tcolor: #FFF;\n\t\t\t\tborder: 1px solid darken(#333, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#333, 10%);\n\t\t\t}\n\t\t}\n\t\t&.magenta {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #FF00FF;\n\t\t\t\tcolor: #FFF;\n\t\t\t\tborder: 1px solid darken(#FF00FF, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#FF00FF, 10%);\n\t\t\t}\n\t\t}\n\t\t&.blue {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #0009c1;\n\t\t\t\tcolor: #FFF;\n\t\t\t\tborder: 1px solid darken(#0009c1, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#0009c1, 10%);\n\t\t\t}\n\t\t}\n\t\t&.green {\n\t\t\ta,\n\t\t\ta:hover,\n\t\t\ta:visited {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: #03ac27;\n\t\t\t\tcolor: #FFF;\n\t\t\t\tborder: 1px solid darken(#03ac27, 10%);\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t\ta:hover {\n\t\t\t\tbackground: darken(#03ac27, 10%);\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* For Compact Theme */\n.mpp-enhanced-profile-wrap.compact {\n\ttext-align: center;\n\tpadding: 10px;\n\tmax-width: 400px;\n\tmargin: 0 auto;\n\tline-height: 1.1;\n\t&.center {\n\t\tmargin: 0 auto;\n\t}\n\t&.left {\n\t\tmargin-left: 0;\n\t}\n\t&.right {\n\t\tmargin-right: 0;\n\t}\n\t.mpp-social svg {\n\t\tmargin-right: 0;\n\t}\n\th2 {\n\t\tfont-size: 0.8em;\n\t\tfont-weight: normal;\n\t\tmargin-bottom: 5px;\n\t\t&:before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t&.round .profile-avatar {\n\t\tborder-radius: 50%;\n\t}\n\t.mpp-profile-image-wrapper {\n\t\tposition: relative;\n\t\ttext-align: center;\n\t\tline-height: 1.0;\n\t\tz-index: 1000;\n\t\tmin-width: 150px;\n\t\tmin-height: 150px;\n\t\tmax-width: 150px;\n\t\tmax-height: 150px;\n\t\tmargin: 0 auto;\n\t}\n\t.mpp-profile-text {\n\t\tline-height: 1.1;\n\t}\n\t.mpp-compact-meta {\n\t\tclear: both;\n\t\tmargin: 10px 0;\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\t.mpp-profile-view-posts {\n\t\tclear: both;\n\t\tdisplay: block;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tmargin-top: 20px;\n\t\tmargin-right: 20px;\n\t\tbackground-color: #cf6d38;\n\t\tcolor: #FFF;\n\t\tmargin-bottom: 10px;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\n\t.mpp-profile-view-website {\n\t\tdisplay: block;\n\t\ttext-align: center;\n\t\tpadding: 10px 20px;\n\t\tmargin-top: 20px;\n\t\tbackground-color: #333;\n\t\tcolor: #FFF;\n\t\ta,\n\t\ta:hover,\n\t\ta:visited {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tcolor: #FFF;\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n}"],"sourceRoot":""}
gutenberg/class-gutenberg.php CHANGED
@@ -78,7 +78,7 @@ class Metronet_Profile_Picture_Gutenberg {
78
  'default' => '',
79
  ),
80
  'profileImgID' => array(
81
- 'type' => 'int',
82
  'default' => '',
83
  ),
84
  'profileURL' => array(
@@ -86,15 +86,15 @@ class Metronet_Profile_Picture_Gutenberg {
86
  'default' => '',
87
  ),
88
  'padding' => array(
89
- 'type' => 'int',
90
  'default' => 0,
91
  ),
92
  'border' => array(
93
- 'type' => 'int',
94
  'default' => 0,
95
  ),
96
  'borderRounded' => array(
97
- 'type' => 'int',
98
  'default' => 0,
99
  ),
100
  'borderColor' => array(
@@ -130,15 +130,15 @@ class Metronet_Profile_Picture_Gutenberg {
130
  'default' => 'inherit',
131
  ),
132
  'headerFontSize' => array(
133
- 'type' => 'int',
134
  'default' => 24,
135
  ),
136
  'buttonFontSize' => array(
137
- 'type' => 'int',
138
  'default' => 16,
139
  ),
140
  'profileFontSize' => array(
141
- 'type' => 'int',
142
  'default' => 18,
143
  ),
144
  'profileAvatarShape' => array(
@@ -146,27 +146,27 @@ class Metronet_Profile_Picture_Gutenberg {
146
  'default' => 'square',
147
  ),
148
  'showName' => array(
149
- 'type' => 'bool',
150
  'default' => true,
151
  ),
152
  'showTitle' => array(
153
- 'type' => 'bool',
154
  'default' => true,
155
  ),
156
  'showDescription' => array(
157
- 'type' => 'bool',
158
  'default' => true,
159
  ),
160
  'showViewPosts' => array(
161
- 'type' => 'bool',
162
  'default' => true,
163
  ),
164
  'showWebsite' => array(
165
- 'type' => 'bool',
166
  'default' => true,
167
  ),
168
  'user_id' => array(
169
- 'type' => 'int',
170
  'default' => 0,
171
  ),
172
  'socialFacebook' => array(
@@ -270,7 +270,7 @@ class Metronet_Profile_Picture_Gutenberg {
270
  'default' => '',
271
  ),
272
  'showSocialMedia' => array(
273
- 'type' => 'bool',
274
  'default' => true,
275
  ),
276
  'profileName' => array(
78
  'default' => '',
79
  ),
80
  'profileImgID' => array(
81
+ 'type' => 'number',
82
  'default' => '',
83
  ),
84
  'profileURL' => array(
86
  'default' => '',
87
  ),
88
  'padding' => array(
89
+ 'type' => 'number',
90
  'default' => 0,
91
  ),
92
  'border' => array(
93
+ 'type' => 'number',
94
  'default' => 0,
95
  ),
96
  'borderRounded' => array(
97
+ 'type' => 'number',
98
  'default' => 0,
99
  ),
100
  'borderColor' => array(
130
  'default' => 'inherit',
131
  ),
132
  'headerFontSize' => array(
133
+ 'type' => 'number',
134
  'default' => 24,
135
  ),
136
  'buttonFontSize' => array(
137
+ 'type' => 'number',
138
  'default' => 16,
139
  ),
140
  'profileFontSize' => array(
141
+ 'type' => 'number',
142
  'default' => 18,
143
  ),
144
  'profileAvatarShape' => array(
146
  'default' => 'square',
147
  ),
148
  'showName' => array(
149
+ 'type' => 'boolean',
150
  'default' => true,
151
  ),
152
  'showTitle' => array(
153
+ 'type' => 'boolean',
154
  'default' => true,
155
  ),
156
  'showDescription' => array(
157
+ 'type' => 'boolean',
158
  'default' => true,
159
  ),
160
  'showViewPosts' => array(
161
+ 'type' => 'boolean',
162
  'default' => true,
163
  ),
164
  'showWebsite' => array(
165
+ 'type' => 'boolean',
166
  'default' => true,
167
  ),
168
  'user_id' => array(
169
+ 'type' => 'number',
170
  'default' => 0,
171
  ),
172
  'socialFacebook' => array(
270
  'default' => '',
271
  ),
272
  'showSocialMedia' => array(
273
+ 'type' => 'boolean',
274
  'default' => true,
275
  ),
276
  'profileName' => array(
metronet-profile-picture.php CHANGED
@@ -4,7 +4,7 @@ Plugin Name: User Profile Picture
4
  Plugin URI: http://wordpress.org/plugins/metronet-profile-picture/
5
  Description: Use the native WP uploader on your user profile page.
6
  Author: Cozmoslabs
7
- Version: 2.3.11
8
  Requires at least: 4.6
9
  Author URI: https://www.cozmoslabs.com
10
  Contributors: ronalfy
@@ -12,7 +12,7 @@ Text Domain: metronet-profile-picture
12
  Domain Path: /languages
13
  */
14
 
15
- define( 'METRONET_PROFILE_PICTURE_VERSION', '2.3.11' );
16
  define( 'METRONET_PROFILE_PICTURE_PLUGIN_NAME', 'User Profile Picture' );
17
  define( 'METRONET_PROFILE_PICTURE_DIR', plugin_dir_path( __FILE__ ) );
18
  define( 'METRONET_PROFILE_PICTURE_URL', plugins_url( '/', __FILE__ ) );
@@ -974,16 +974,18 @@ class Metronet_Profile_Picture {
974
  'mpp/v2',
975
  '/profile-image/me',
976
  array(
977
- 'methods' => 'POST',
978
- 'callback' => array( $this, 'rest_api_put_profile' ),
 
979
  )
980
  );
981
  register_rest_route(
982
  'mpp/v2',
983
  '/profile-image/change',
984
  array(
985
- 'methods' => 'POST',
986
- 'callback' => array( $this, 'rest_api_change_profile_image' ),
 
987
  )
988
  );
989
  register_rest_route(
@@ -1009,9 +1011,10 @@ class Metronet_Profile_Picture {
1009
  'mpp/v1',
1010
  '/user/(?P<id>\d+)',
1011
  array(
1012
- 'methods' => 'GET',
1013
- 'callback' => array( $this, 'rest_api_get_profile' ),
1014
- 'args' => array(
 
1015
  'id' => array(
1016
  'validate_callback' => array( $this, 'rest_api_validate' ),
1017
  'sanitize_callback' => array( $this, 'rest_api_sanitize' ),
4
  Plugin URI: http://wordpress.org/plugins/metronet-profile-picture/
5
  Description: Use the native WP uploader on your user profile page.
6
  Author: Cozmoslabs
7
+ Version: 2.4.0
8
  Requires at least: 4.6
9
  Author URI: https://www.cozmoslabs.com
10
  Contributors: ronalfy
12
  Domain Path: /languages
13
  */
14
 
15
+ define( 'METRONET_PROFILE_PICTURE_VERSION', '2.4.0' );
16
  define( 'METRONET_PROFILE_PICTURE_PLUGIN_NAME', 'User Profile Picture' );
17
  define( 'METRONET_PROFILE_PICTURE_DIR', plugin_dir_path( __FILE__ ) );
18
  define( 'METRONET_PROFILE_PICTURE_URL', plugins_url( '/', __FILE__ ) );
974
  'mpp/v2',
975
  '/profile-image/me',
976
  array(
977
+ 'methods' => 'POST',
978
+ 'callback' => array( $this, 'rest_api_put_profile' ),
979
+ 'permission_callback' => '__return_true',
980
  )
981
  );
982
  register_rest_route(
983
  'mpp/v2',
984
  '/profile-image/change',
985
  array(
986
+ 'methods' => 'POST',
987
+ 'callback' => array( $this, 'rest_api_change_profile_image' ),
988
+ 'permission_callback' => '__return_true',
989
  )
990
  );
991
  register_rest_route(
1011
  'mpp/v1',
1012
  '/user/(?P<id>\d+)',
1013
  array(
1014
+ 'methods' => 'GET',
1015
+ 'callback' => array( $this, 'rest_api_get_profile' ),
1016
+ 'permission_callback' => '__return_true',
1017
+ 'args' => array(
1018
  'id' => array(
1019
  'validate_callback' => array( $this, 'rest_api_validate' ),
1020
  'sanitize_callback' => array( $this, 'rest_api_sanitize' ),
readme.txt CHANGED
@@ -2,8 +2,8 @@
2
  Contributors: cozmoslabs, ronalfy, Alaadiaa
3
  Tags: users, user profile, gravatar, avatar, blocks, block
4
  Requires at least: 3.5
5
- Tested up to: 5.4
6
- Stable tag: 2.3.11
7
  Requires PHP: 5.6
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -22,14 +22,6 @@ Users must have the ability to upload images (typically author role or greater).
22
 
23
  A template tag is supplied for outputting to a theme and the option to override a user's default avatar is also available.
24
 
25
- == Gutenberg Compatibility ==
26
-
27
- As of version 2.0.0, there is a Gutenberg block for outputting to a post.
28
-
29
- As of version 2.1.0, the old block is deprecated but still supported. A new block supports themes, more output control, and better style support. You can see an overview in the video below. Sorry about the audio quality.
30
-
31
- https://www.youtube.com/watch?v=k9bDmgunXvM&rel=0
32
-
33
  == Documentation and Feedback ==
34
 
35
  See the documentation on <a href="https://github.com/madalinungureanu/user-profile-picture">GitHub</a>.
@@ -107,10 +99,6 @@ Author or greater.
107
 
108
  As of 1.5, three image sizes are created: profile_24, profile_48, and profile_96. You are not limited to these sizes, however.
109
 
110
- = The image is cropped wrong. How do I fix this? =
111
-
112
- We highly recommend the <a href='http://wordpress.org/extend/plugins/post-thumbnail-editor/'>Post Thumbnail Editor</a> plugin for cropping thumbnails, as you can custom-crop various image sizes without affecting other images.
113
-
114
  = Does the plugin work with Multisite? =
115
 
116
  Yes, but you'll have to set a new profile image per site. This is currently a limitation of the way the plugin stores its data. Ideas to overcome this are welcome.
@@ -124,6 +112,12 @@ Yes, but you'll have to set a new profile image per site. This is currently a l
124
 
125
  == Changelog ==
126
 
 
 
 
 
 
 
127
  = 2.3.11 =
128
  * Released 2020-02-29
129
  * Added option to disable image sizes.
@@ -351,6 +345,9 @@ Yes, but you'll have to set a new profile image per site. This is currently a l
351
 
352
  == Upgrade Notice ==
353
 
 
 
 
354
  = 2.3.11 =
355
  Added option to disable image sizes.
356
 
2
  Contributors: cozmoslabs, ronalfy, Alaadiaa
3
  Tags: users, user profile, gravatar, avatar, blocks, block
4
  Requires at least: 3.5
5
+ Tested up to: 5.6
6
+ Stable tag: 2.4.0
7
  Requires PHP: 5.6
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
22
 
23
  A template tag is supplied for outputting to a theme and the option to override a user's default avatar is also available.
24
 
 
 
 
 
 
 
 
 
25
  == Documentation and Feedback ==
26
 
27
  See the documentation on <a href="https://github.com/madalinungureanu/user-profile-picture">GitHub</a>.
99
 
100
  As of 1.5, three image sizes are created: profile_24, profile_48, and profile_96. You are not limited to these sizes, however.
101
 
 
 
 
 
102
  = Does the plugin work with Multisite? =
103
 
104
  Yes, but you'll have to set a new profile image per site. This is currently a limitation of the way the plugin stores its data. Ideas to overcome this are welcome.
112
 
113
  == Changelog ==
114
 
115
+ = 2.4.0 =
116
+ * Released 2020-11-17
117
+ * Fixing REST issues.
118
+ * Cleaning up dist scripts.
119
+ * General code cleanup.
120
+
121
  = 2.3.11 =
122
  * Released 2020-02-29
123
  * Added option to disable image sizes.
345
 
346
  == Upgrade Notice ==
347
 
348
+ = 2.4.0 =
349
+ Fixing REST issues. Cleaning up dist scripts. General code cleanup.
350
+
351
  = 2.3.11 =
352
  Added option to disable image sizes.
353
 
src/block/block.js DELETED
@@ -1,254 +0,0 @@
1
- /**
2
- * BLOCK: wp-plugin-info-card
3
- *
4
- * Registering a basic block with Gutenberg.
5
- * Simple block, renders and saves the same content without any interactivity.
6
- */
7
-
8
- // Import CSS.
9
- import './style.scss';
10
- import './editor.scss';
11
- /**
12
- * BLOCK: Basic with ESNext
13
- *
14
- * Registering a basic block with Gutenberg.
15
- * Simple block, renders and saves the same content without any interactivity.
16
- *
17
- * Using inline styles - no external stylesheet needed. Not recommended!
18
- * because all of these styles will appear in `post_content`.
19
- */
20
-
21
- const { __ } = wp.i18n; // Import __() from wp.i18n
22
- const { registerBlockType } = wp.blocks; // Import registerBlockType() from wp.blocks
23
-
24
- // Import JS
25
- import edit from './profile';
26
- import legacyEdit from './profile-legacy';
27
-
28
- // Extend component
29
- const { Component, Fragment } = wp.element;
30
-
31
- export const legacy_name = 'mpp/user-profile';
32
- export const name = 'mpp/user-profile-enhanced';
33
-
34
-
35
- // Import block dependencies and components
36
- import classnames from 'classnames';
37
-
38
- const {
39
- RichText,
40
- } = wp.editor;
41
-
42
- const blockAttributes = {
43
- profileName: {
44
- type: 'string',
45
- default: ''
46
- },
47
- profileTitle: {
48
- type: 'string',
49
- default: ''
50
- },
51
- profileContent: {
52
- type: 'string',
53
- default: ''
54
- },
55
- profileAlignment: {
56
- type: 'string',
57
- },
58
- profileImgURL: {
59
- type: 'string',
60
- source: 'attribute',
61
- attribute: 'src',
62
- selector: 'img',
63
- default: '',
64
- },
65
- profileImgID: {
66
- type: 'number',
67
- default: '',
68
- },
69
- profileURL: {
70
- type: 'string',
71
- default: '',
72
- },
73
- profileBackgroundColor: {
74
- type: 'string',
75
- default: '#f2f2f2'
76
- },
77
- profileTextColor: {
78
- type: 'string',
79
- default: '#32373c'
80
- },
81
- profileViewPostsBackgroundColor: {
82
- type: 'string',
83
- default: '#cf6d38'
84
- },
85
- profileViewPostsTextColor: {
86
- type: 'string',
87
- default: '#FFFFFF'
88
- },
89
- profileViewPostsWidth: {
90
- type: 'number',
91
- default: 100
92
- },
93
- profileFontSize: {
94
- type: 'number',
95
- default: 18
96
- },
97
- profileAvatarShape: {
98
- type: 'string',
99
- default: 'square',
100
- },
101
- showName: {
102
- type: 'bool',
103
- default: true,
104
- },
105
- showTitle: {
106
- type: 'bool',
107
- default: true,
108
- },
109
- showDescription: {
110
- type: 'bool',
111
- default: true,
112
- },
113
- showViewPosts: {
114
- type: 'bool',
115
- default: true,
116
- },
117
- user_id: {
118
- type: 'number',
119
- default: 0
120
- }
121
- };
122
-
123
- registerBlockType( 'mpp/user-profile', { // Block name. Block names must be string that contains a namespace prefix. Example: my-plugin/my-custom-block.
124
- title: __( 'User Profile Legacy', 'metronet-profile-picture' ), // Block title.
125
- icon: <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 753.53 979.74"><title>upp</title><path d="M806.37,185.9c0,40.27-30.49,72.9-68.11,72.9s-68.17-32.63-68.17-72.9S700.62,113,738.26,113,806.37,145.64,806.37,185.9Z" transform="translate(-123.47 -11)" fill="#4063ad"/><path d="M330.36,183.8c0,40.27-30.49,72.9-68.12,72.9s-68.17-32.63-68.17-72.9,30.52-72.87,68.17-72.87S330.36,143.56,330.36,183.8Z" transform="translate(-123.47 -11)" fill="#a34d9c"/><path d="M331.3,888.13V698.21H329c-31.64,0-57.28-27.45-57.28-61.29V336.5a118.37,118.37,0,0,1,5.43-34.79H179.84c-31.94,0-56.37,31.57-56.37,56.34V601.46h48.32V888.13Z" transform="translate(-123.47 -11)" fill="#a34d9c"/><path d="M388.59,636.92V990.74H611.88V636.92H671.5V336.5c0-30.63-27.64-69.57-69.6-69.57H398.56c-39.44,0-69.61,38.94-69.61,69.57V636.92Z" transform="translate(-123.47 -11)" fill="#f4831f"/><path d="M584.3,101c0,49.69-37.63,90-84,90S416.12,150.67,416.12,101s37.66-90,84.14-90S584.3,51.27,584.3,101Z" transform="translate(-123.47 -11)" fill="#f4831f"/><path d="M820.61,303.79H724.08a121.69,121.69,0,0,1,4.7,32.71V636.92c0,33.84-25.64,61.29-57.28,61.29h-2.33v192H828.7V603.54H877V360.16C877,335.36,854.62,303.79,820.61,303.79Z" transform="translate(-123.47 -11)" fill="#4063ad"/></svg>,
126
- category: 'mpp', // Block category — Group blocks together based on common traits E.g. common, formatting, layout widgets, embed.
127
- // Setup the block attributes
128
- attributes: blockAttributes,
129
-
130
- edit: legacyEdit,
131
-
132
- save( props ) {
133
- const { profileName, profileTitle, profileContent, profileAlignment, profileImgURL, profileImgID, profileFontSize, profileBackgroundColor, profileTextColor, profileLinkColor, profileAvatarShape, profileViewPostsBackgroundColor, profileViewPostsTextColor, profileURL, showTitle, showName, showDescription, showViewPosts } = props.attributes;
134
-
135
- return(
136
- <Fragment>
137
- <div
138
- className={
139
- classnames(
140
- 'mpp-profile-wrap',
141
- profileAlignment,
142
- profileAvatarShape,
143
- 'mt-font-size-' + profileFontSize,
144
- 'mpp-block-profile'
145
- )
146
- }
147
- style={ {
148
- backgroundColor: profileBackgroundColor,
149
- color: profileTextColor,
150
- } }
151
- >
152
- <div className={
153
- classnames(
154
- 'mpp-profile-gutenberg-wrap',
155
- 'mpp-block-profile'
156
- )
157
- }
158
- style={ {
159
- backgroundColor: profileBackgroundColor,
160
- color: profileTextColor,
161
- } }
162
- >
163
- <div className="mpp-profile-image-wrapper">
164
- <div className="mpp-profile-image-square">
165
- <img
166
- className="mpp-profile-avatar"
167
- src={profileImgURL}
168
- alt="avatar"
169
- />
170
- </div>
171
- </div>
172
- <div className="mpp-content-wrap">
173
- { profileName && !! profileName.length && showName && (
174
- <RichText.Content
175
- tagName="h2"
176
- className="mpp-profile-name"
177
- style={ {
178
- color: profileTextColor
179
- } }
180
- value={ profileName }
181
- />
182
- ) }
183
-
184
- { profileTitle && !! profileTitle.length && showTitle && (
185
- <RichText.Content
186
- tagName="p"
187
- className="mpp-profile-title"
188
- style={ {
189
- color: profileTextColor
190
- } }
191
- value={ profileTitle }
192
- />
193
- ) }
194
-
195
- { profileContent && !! profileContent.length && showDescription && (
196
- <RichText.Content
197
- tagName="div"
198
- className="mpp-profile-text"
199
- value={ profileContent }
200
- />
201
- ) }
202
- </div>
203
- </div>
204
- {profileURL && !! profileURL.length &&
205
- <div className="mpp-gutenberg-view-posts">
206
- {showViewPosts &&
207
- <div
208
- className="mpp-profile-view-posts"
209
- style={ {
210
- backgroundColor: profileViewPostsBackgroundColor,
211
- color: profileViewPostsTextColor,
212
- } }
213
- >
214
- <a
215
- href={profileURL}
216
- style={ {
217
- backgroundColor: profileViewPostsBackgroundColor,
218
- color: profileViewPostsTextColor,
219
- } }
220
- >{__('View Posts', 'metronet-profile-picture')}</a>
221
- </div>
222
- }
223
- </div>
224
- }
225
- </div>
226
- </Fragment>
227
- )
228
- },
229
- } );
230
-
231
- /**
232
- * Register Basic Block.
233
- *
234
- * Registers a new block provided a unique name and an object defining its
235
- * behavior. Once registered, the block is made available as an option to any
236
- * editor interface where blocks are implemented.
237
- *
238
- * @param {string} name Block name.
239
- * @param {Object} settings Block settings.
240
- * @return {?WPBlock} The block, if it has been successfully
241
- * registered; otherwise `undefined`.
242
- */
243
- registerBlockType( 'mpp/user-profile-enhanced', { // Block name. Block names must be string that contains a namespace prefix. Example: my-plugin/my-custom-block.
244
- title: __( 'User Profile', 'metronet-profile-picture' ), // Block title.
245
- icon: <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 753.53 979.74"><title>upp</title><path d="M806.37,185.9c0,40.27-30.49,72.9-68.11,72.9s-68.17-32.63-68.17-72.9S700.62,113,738.26,113,806.37,145.64,806.37,185.9Z" transform="translate(-123.47 -11)" fill="#4063ad"/><path d="M330.36,183.8c0,40.27-30.49,72.9-68.12,72.9s-68.17-32.63-68.17-72.9,30.52-72.87,68.17-72.87S330.36,143.56,330.36,183.8Z" transform="translate(-123.47 -11)" fill="#a34d9c"/><path d="M331.3,888.13V698.21H329c-31.64,0-57.28-27.45-57.28-61.29V336.5a118.37,118.37,0,0,1,5.43-34.79H179.84c-31.94,0-56.37,31.57-56.37,56.34V601.46h48.32V888.13Z" transform="translate(-123.47 -11)" fill="#a34d9c"/><path d="M388.59,636.92V990.74H611.88V636.92H671.5V336.5c0-30.63-27.64-69.57-69.6-69.57H398.56c-39.44,0-69.61,38.94-69.61,69.57V636.92Z" transform="translate(-123.47 -11)" fill="#f4831f"/><path d="M584.3,101c0,49.69-37.63,90-84,90S416.12,150.67,416.12,101s37.66-90,84.14-90S584.3,51.27,584.3,101Z" transform="translate(-123.47 -11)" fill="#f4831f"/><path d="M820.61,303.79H724.08a121.69,121.69,0,0,1,4.7,32.71V636.92c0,33.84-25.64,61.29-57.28,61.29h-2.33v192H828.7V603.54H877V360.16C877,335.36,854.62,303.79,820.61,303.79Z" transform="translate(-123.47 -11)" fill="#4063ad"/></svg>,
246
- category: 'mpp', // Block category — Group blocks together based on common traits E.g. common, formatting, layout widgets, embed.
247
- // Setup the block attributes
248
- getEditWrapperProps( attributes ) {
249
-
250
- },
251
- edit: edit,
252
-
253
- save() {return null }
254
- } );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
src/block/editor.scss DELETED
@@ -1,642 +0,0 @@
1
- .mpp-spinner {
2
- span {
3
- display: block;
4
- text-align: center;
5
- float: none;
6
- margin: 0 auto;
7
- }
8
- }
9
- .editor-styles-wrapper .mpp-profile-wrap {
10
- margin: 0 auto;
11
- padding: 3%;
12
- border-radius: 5px;
13
- margin-bottom: 1.2em;
14
- margin-bottom: 20px;
15
- line-height: 1.1;
16
- &.round .mpp-profile-image-wrapper {
17
- border-radius: 50%;
18
- overflow: hidden;
19
- }
20
- &.round .mpp-profile-image-wrapper img {
21
- border-radius: 50%;
22
- }
23
- h1,h2,h3,h4,h5,h6 {
24
- clear: none;
25
- }
26
- h2:before {
27
- display: none;
28
- }
29
- .mpp-profile-image-wrapper {
30
- position: relative;
31
- float: left;
32
- line-height: 1.1;
33
- z-index: 1000;
34
- background: #ddd;
35
- position: relative;
36
- min-width: 150px;
37
- min-height: 150px;
38
- max-width: 150px;
39
- max-height: 150px;
40
- width: 100%;
41
- margin-right: 20px;
42
- button {
43
- position: relative;
44
- min-width: 150px;
45
- min-height: 150px;
46
- max-width: 150px;
47
- max-height: 150px;
48
- z-index: 1000;
49
- }
50
- .mpp-profile-image-square {
51
- position: relative;
52
- top: 0;
53
- left: 0;
54
- height: 100%;
55
- width: 100%;
56
- z-index: 5;
57
- }
58
- .mpp-profile-image-square img {
59
- height: 100%;
60
- width: 100%;
61
- position: relative;
62
- z-index: 5;
63
- }
64
- .mpp-content-wrap {
65
- display: block;
66
- padding: 0 15px 0 15px;
67
- -ms-flex: 3 0 0px;
68
- flex: 3 0 0;
69
- }
70
- .mpp-profile-name {
71
- font: 1.4em;
72
- line-height: 1.2;
73
- }
74
- @media only screen and (max-width: 600px) {
75
- flex: auto;
76
- }
77
- }
78
- .mpp-profile-view-posts {
79
- display: block;
80
- width: 100%;
81
- text-align: center;
82
- padding: 10px 20px;
83
- margin-top: 20px;
84
- background-color: #cf6d38;
85
- color: #FFF;
86
- a,
87
- a:hover,
88
- a:visited {
89
- display: block;
90
- width: 100%;
91
- height: 100%;
92
- color: #FFF;
93
- text-decoration: none;
94
- }
95
- }
96
- }
97
-
98
- .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular {
99
- position: relative;
100
- margin: 0 auto;
101
- line-height: 1.1;
102
- &.round .mpp-profile-image-wrapper {
103
- border-radius: 50%;
104
- overflow: hidden;
105
- }
106
- &.round .mpp-profile-image-wrapper img {
107
- border-radius: 50%;
108
- }
109
- h2:before {
110
- display: none;
111
- }
112
- .mpp-profile-image-wrapper {
113
- position: relative;
114
- float: left;
115
- line-height: 1.1;
116
- z-index: 1000;
117
- background: #ddd;
118
- position: relative;
119
- min-width: 150px;
120
- min-height: 150px;
121
- max-width: 150px;
122
- max-height: 150px;
123
- width: 100%;
124
- margin-right: 20px;
125
- button {
126
- position: relative;
127
- min-width: 150px;
128
- min-height: 150px;
129
- max-width: 150px;
130
- max-height: 150px;
131
- z-index: 1000;
132
- }
133
- .mpp-profile-image-square {
134
- position: relative;
135
- top: 0;
136
- left: 0;
137
- height: 100%;
138
- width: 100%;
139
- z-index: 5;
140
- }
141
- .mpp-profile-image-square img {
142
- height: 100%;
143
- width: 100%;
144
- position: relative;
145
- z-index: 5;
146
- }
147
- .mpp-content-wrap {
148
- display: block;
149
- padding: 0 15px 0 15px;
150
- -ms-flex: 3 0 0px;
151
- flex: 3 0 0;
152
- }
153
- .mpp-profile-name {
154
- font: 1.4em;
155
- line-height: 1.2;
156
- }
157
- @media only screen and (max-width: 600px) {
158
- flex: auto;
159
- }
160
- }
161
- .mpp-gutenberg-view-posts {
162
- clear: both;
163
- &:after {
164
- content: "";
165
- display: table;
166
- clear: both;
167
- }
168
- }
169
-
170
- .mpp-profile-view-posts {
171
- clear: both;
172
- display: block;
173
- float: left;
174
- text-align: center;
175
- padding: 10px 20px;
176
- margin-top: 20px;
177
- margin-right: 20px;
178
- background-color: #cf6d38;
179
- color: #FFF;
180
- a,
181
- a:hover,
182
- a:visited {
183
- display: block;
184
- width: 100%;
185
- height: 100%;
186
- color: #FFF;
187
- text-decoration: none;
188
- }
189
- &:after {
190
- content: "";
191
- display: table;
192
- clear: both;
193
- }
194
- }
195
-
196
- .mpp-profile-view-website {
197
- display: block;
198
- float: left;
199
- text-align: center;
200
- padding: 10px 20px;
201
- margin-top: 20px;
202
- background-color: #333;
203
- color: #FFF;
204
- a,
205
- a:hover,
206
- a:visited {
207
- display: block;
208
- width: 100%;
209
- height: 100%;
210
- color: #FFF;
211
- text-decoration: none;
212
- }
213
- }
214
- &.right .mpp-profile-view-posts {
215
- float: right;
216
- margin-left: 20px;
217
- }
218
- &.center .mpp-profile-view-posts {
219
- display: inline-block;
220
- float: none;
221
- margin-left: 20px;
222
- }
223
- }
224
-
225
-
226
- /* Icon Sizes */
227
- $sizes: 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24;
228
- @each $size in $sizes {
229
- .editor-styles-wrapper .mpp-profile-wrap.mt-font-size-#{$size},
230
- .editor-styles-wrapper .mpp-enhanced-profile-wrap.regular .mt-font-size-#{$size},
231
- .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile .mt-font-size-#{$size},
232
- .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact .mt-font-size-#{$size},
233
- .editor-styles-wrapper .mpp-profile-text.mt-font-size-#{$size} {
234
- font-size: #{$size}px;
235
- p,
236
- div {
237
- font-size: #{$size}px;
238
- }
239
-
240
- }
241
- }
242
-
243
- /* For Social Media */
244
- .mpp-social {
245
- margin-top: 15px;
246
- svg {
247
- max-width: 32px;
248
- max-height: 32px;
249
- margin-right: 10px;
250
- }
251
- }
252
- /* Social Media Colors */
253
- $colors: twitter #00aced,
254
- amazon #000000,
255
- behance #0692e9,
256
- blogger #fb8f3d,
257
- codepen #000000,
258
- dribble #F46899,
259
- dropbox #018BD3,
260
- eventbrite #f6682F,
261
- facebook #3b5998,
262
- flickr #ff0084,
263
- foursquare #0072b1,
264
- ghost #000000,
265
- github #070709,
266
- google-plus #CF3D2E,
267
- instagram #A1755C,
268
- linkedin #0085AE,
269
- feed #f26522,
270
- medium #000000,
271
- path #000000,
272
- pinterest #CC2127,
273
- pocket #000000,
274
- polldaddy #bc0b0b,
275
- reddit #000000,
276
- skype #01AEF2,
277
- spotify #1ed760,
278
- squarespace #000000,
279
- stumbleupon #EB4823,
280
- telegram #000000,
281
- tumblr-alt #314E6C,
282
- twitch #4b367c,
283
- twitter-alt #00aced,
284
- vimeo #1ab7ea,
285
- wordpress #21759b,
286
- youtube #bb0000
287
- ;
288
- .mpp-social {
289
- clear: both;
290
- }
291
- .mpp-social svg {
292
- @each $color in $colors {
293
- &.icon-#{nth($color,1)} {
294
- fill: #{nth($color,2)};
295
- }
296
- }
297
- }
298
-
299
- /* For Profile Theme */
300
- .editor-styles-wrapper .mpp-enhanced-profile-wrap.profile {
301
- padding: 10px;
302
- h2 {
303
- font-size: 0.8em;
304
- font-weight: normal;
305
- margin-bottom: 5px;
306
- &:before {
307
- display: none;
308
- }
309
- }
310
- &.round .profile-avatar {
311
- border-radius: 50%;
312
- }
313
- .mpp-profile-image-wrapper {
314
- position: relative;
315
- float: left;
316
- line-height: 1.0;
317
- z-index: 1000;
318
- min-width: 150px;
319
- min-height: 150px;
320
- max-width: 150px;
321
- max-height: 150px;
322
- margin-right: 15px;
323
- }
324
- .mpp-profile-meta {
325
- clear: both;
326
- margin: 10px 0;
327
- &:after {
328
- content: "";
329
- display: table;
330
- clear: both;
331
- }
332
- }
333
- .alignleft {
334
- max-width: none;
335
- float: left;
336
- }
337
- .alignright {
338
- max-width: none;
339
- float: right;
340
- }
341
- }
342
-
343
- /* For Tabbed Theme */
344
- .editor-styles-wrapper .mpp-author-tabbed {
345
- padding: 10px;
346
- &:after {
347
- content: "";
348
- display: table;
349
- clear: both;
350
- }
351
- .mpp-social {
352
- margin-top: 0;
353
- }
354
- .mpp-author-social-wrapper {
355
- &:after {
356
- content: "";
357
- display: table;
358
- clear: both;
359
- }
360
- margin-bottom: 10px;
361
- }
362
- h2 {
363
- font-size: 0.8em;
364
- font-weight: normal;
365
- margin-bottom: 5px;
366
- &:before {
367
- display: none;
368
- }
369
- }
370
- .mpp-tab-wrapper {
371
- clear: both;
372
- }
373
- .mpp-author-heading {
374
- float: left;
375
- }
376
- .mpp-author-social {
377
- float: right;
378
- }
379
- .mpp-author-heading .mpp-author-profile-heading {
380
- display: inline-block;
381
- background: #42737b;
382
- color: #FFF;
383
- padding: 10px 20px;
384
- font-size: 14px;
385
- text-transform: uppercase;
386
- }
387
- .mpp-author-profile-sub-heading {
388
- font-size: 14px;
389
- line-height: 1.1;
390
- max-width: 150px;
391
- text-align: center;
392
- }
393
- &.round .profile-avatar {
394
- border-radius: 50%;
395
- }
396
- .mpp-profile-image-wrapper {
397
- clear: both;
398
- position: relative;
399
- float: left;
400
- line-height: 1.0;
401
- z-index: 1000;
402
- margin-right: 30px;
403
- img {
404
- min-width: 150px;
405
- min-height: 150px;
406
- max-height: 150px;
407
- max-width: 150px;
408
- }
409
-
410
- }
411
- .mpp-profile-meta {
412
- clear: both;
413
- margin: 10px 0;
414
- &:after {
415
- content: "";
416
- display: table;
417
- clear: both;
418
- }
419
- }
420
- .mpp-author-profile-title {
421
- color: gray;
422
- text-transform: uppercase;
423
- font-size: 12px;
424
- }
425
- .mpp-tabbed-profile-information {
426
- &:after {
427
- content: "";
428
- display: table;
429
- clear: both;
430
- }
431
- }
432
- ul.mpp-author-tabs {
433
- position:relative;
434
- list-style-type: none;
435
- margin: 0;
436
- padding: 0;
437
- text-align: center;
438
-
439
- li {
440
- cursor: pointer;
441
- position: relative;
442
- display: inline-block;
443
- min-width: 200px;
444
- background: #42737b;
445
- margin: 0 5px 0 0;
446
- text-align: center;
447
- margin-right: 10px;
448
- color: #FFF;
449
- padding: 10px 20px;
450
- font-size: 16px;
451
- }
452
- li:last-child {
453
- margin-right: 0;
454
- }
455
- li.mpp-tab-posts {
456
- background: #30424b;
457
- }
458
- }
459
- ul.mpp-author-tab-content {
460
- list-style-type: none;
461
- margin: 0;
462
- li {
463
- margin: 0;
464
- }
465
- &.white {
466
- a,
467
- a:hover,
468
- a:visited {
469
- display: block;
470
- background: #FFFFFF;
471
- border: 1px solid darken(#FFFFFF, 5%);
472
- padding: 10px 20px;
473
- text-decoration: none;
474
- color: #333;
475
- }
476
- a:hover {
477
- background: darken(#FFFFFF, 5%);
478
- }
479
- }
480
- &.light {
481
- a,
482
- a:hover,
483
- a:visited {
484
- display: block;
485
- background: #f7f7f7;
486
- border: 1px solid darken(#f7f7f7, 10%);
487
- padding: 10px 20px;
488
- text-decoration: none;
489
- color: #333;
490
- }
491
- a:hover {
492
- background: darken(#f7f7f7, 10%);
493
- }
494
- }
495
- &.black {
496
- a,
497
- a:hover,
498
- a:visited {
499
- display: block;
500
- background: #333;
501
- color: #FFF;
502
- border: 1px solid darken(#333, 10%);
503
- padding: 10px 20px;
504
- text-decoration: none;
505
- }
506
- a:hover {
507
- background: darken(#333, 10%);
508
- }
509
- }
510
- &.magenta {
511
- a,
512
- a:hover,
513
- a:visited {
514
- display: block;
515
- background: #FF00FF;
516
- color: #FFF;
517
- border: 1px solid darken(#FF00FF, 10%);
518
- padding: 10px 20px;
519
- text-decoration: none;
520
- }
521
- a:hover {
522
- background: darken(#FF00FF, 10%);
523
- }
524
- }
525
- &.blue {
526
- a,
527
- a:hover,
528
- a:visited {
529
- display: block;
530
- background: #0009c1;
531
- color: #FFF;
532
- border: 1px solid darken(#0009c1, 10%);
533
- padding: 10px 20px;
534
- text-decoration: none;
535
- }
536
- a:hover {
537
- background: darken(#0009c1, 10%);
538
- }
539
- }
540
- &.green {
541
- a,
542
- a:hover,
543
- a:visited {
544
- display: block;
545
- background: #03ac27;
546
- color: #FFF;
547
- border: 1px solid darken(#03ac27, 10%);
548
- padding: 10px 20px;
549
- text-decoration: none;
550
- }
551
- a:hover {
552
- background: darken(#03ac27, 10%);
553
- }
554
- }
555
- }
556
- }
557
-
558
- /* For Compact Theme */
559
- .editor-styles-wrapper .mpp-enhanced-profile-wrap.compact {
560
- text-align: center;
561
- padding: 10px;
562
- max-width: 400px;
563
- margin: 0 auto;
564
- line-height: 1.1;
565
- h2 {
566
- font-size: 0.8em;
567
- font-weight: normal;
568
- margin-bottom: 5px;
569
- &:before {
570
- display: none;
571
- }
572
- }
573
- &.round .profile-avatar {
574
- border-radius: 50%;
575
- }
576
- .mpp-profile-image-wrapper {
577
- position: relative;
578
- text-align: center;
579
- line-height: 1.0;
580
- z-index: 1000;
581
- min-width: 150px;
582
- min-height: 150px;
583
- max-width: 150px;
584
- max-height: 150px;
585
- margin: 0 auto;
586
- }
587
- .mpp-profile-text {
588
- line-height: 1.1;
589
- }
590
- .mpp-compact-meta {
591
- clear: both;
592
- margin: 10px 0;
593
- &:after {
594
- content: "";
595
- display: table;
596
- clear: both;
597
- }
598
- }
599
- .mpp-profile-view-posts {
600
- clear: both;
601
- display: block;
602
- text-align: center;
603
- padding: 10px 20px;
604
- margin-top: 20px;
605
- margin-right: 20px;
606
- background-color: #cf6d38;
607
- color: #FFF;
608
- margin-bottom: 10px;
609
- a,
610
- a:hover,
611
- a:visited {
612
- display: block;
613
- width: 100%;
614
- height: 100%;
615
- color: #FFF;
616
- text-decoration: none;
617
- }
618
- &:after {
619
- content: "";
620
- display: table;
621
- clear: both;
622
- }
623
- }
624
-
625
- .mpp-profile-view-website {
626
- display: block;
627
- text-align: center;
628
- padding: 10px 20px;
629
- margin-top: 20px;
630
- background-color: #333;
631
- color: #FFF;
632
- a,
633
- a:hover,
634
- a:visited {
635
- display: block;
636
- width: 100%;
637
- height: 100%;
638
- color: #FFF;
639
- text-decoration: none;
640
- }
641
- }
642
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
src/block/profile-legacy.js DELETED
@@ -1,451 +0,0 @@
1
- /**
2
- * External dependencies
3
- */
4
- import axios from 'axios';
5
- const { Component, Fragment } = wp.element;
6
-
7
- const { __ } = wp.i18n;
8
-
9
- const {
10
- PanelBody,
11
- Placeholder,
12
- QueryControls,
13
- RangeControl,
14
- SelectControl,
15
- Spinner,
16
- TextControl,
17
- ToggleControl,
18
- Toolbar,
19
- withAPIData,
20
- ColorPalette,
21
- Button,
22
- } = wp.components;
23
-
24
- const {
25
- InspectorControls,
26
- BlockControls,
27
- MediaUpload,
28
- RichText,
29
- AlignmentToolbar,
30
- PanelColorSettings,
31
- } = wp.editor;
32
-
33
- // Import block dependencies and components
34
- import classnames from 'classnames';
35
-
36
-
37
- class MPP_Gutenberg extends Component {
38
- constructor() {
39
- super( ...arguments );
40
-
41
- this.state = {
42
- loading: true,
43
- users: false,
44
- user_list: false,
45
- profile_picture: false,
46
- profile_picture_id: 0,
47
- active_user: false,
48
- profile_description: '',
49
- profile_name: '',
50
- profile_title: '',
51
- };
52
- }
53
- get_users = () => {
54
- axios.post(mpp_gutenberg.rest_url + `/get_users`, {}, { 'headers': { 'X-WP-Nonce': mpp_gutenberg.nonce } } ).then( (response) => {
55
- let users = Array();
56
- let user_list = Array();
57
- let active_user = 0;
58
- let profile_picture = '';
59
- let profile_picture_id = 0;
60
- let profile_name = '';
61
- let profile_description = '';
62
- let profile_title = '';
63
- let profile_url = '';
64
- $.each( response.data, function( key, value ) {
65
- users[value.ID] = {
66
- profile_pictures: value.profile_pictures,
67
- has_profile_picture: value.has_profile_picture,
68
- display_name: value.display_name,
69
- description: value.description,
70
- is_user_logged_in: value.is_user_logged_in,
71
- profile_picture_id: value.profile_picture_id,
72
- default_image: value.default_image,
73
- permalink: value.permalink,
74
- };
75
- if ( value.is_user_logged_in ) {
76
- active_user = value.ID;
77
- }
78
- user_list.push( { value: value.ID, label: value.display_name });
79
- } );
80
- if( this.props.attributes.user_id !== 0 ) {
81
- active_user = this.props.attributes.user_id;
82
- }
83
- let active_user_profile = users[active_user];
84
- if( active_user_profile.has_profile_picture ) {
85
- profile_picture = this.props.attributes.profileImgURL.length > 0 ? this.props.attributes.profileImgURL : active_user_profile.profile_pictures['thumbnail'];
86
- profile_picture_id = this.props.attributes.profileImgID.length > 0 ? this.props.attributes.profileImgID : active_user_profile.profile_picture_id;
87
- profile_name = this.props.attributes.profileName.length > 0 ? this.props.attributes.profileName : active_user_profile.display_name;
88
- profile_title = this.props.attributes.profileTitle.length > 0 ? this.props.attributes.profileTitle : '';
89
- profile_url = active_user_profile.permalink;
90
- profile_description = this.props.attributes.profileContent.length > 0 ? this.props.attributes.profileContent : active_user_profile.description;
91
- } else {
92
- profile_name = this.props.attributes.profileName.length > 0 ? this.props.attributes.profileName : active_user_profile.display_name;
93
- profile_title = this.props.attributes.profileTitle.length > 0 ? this.props.attributes.profileTitle : '';
94
- profile_description = this.props.attributes.profileContent.length > 0 ? this.props.attributes.profileContent : active_user_profile.description;
95
- profile_picture = this.props.attributes.profileImgURL.length > 0 ? this.props.attributes.profileImgURL : active_user_profile.default_image;
96
- profile_picture_id = this.props.attributes.profileImgID.length > 0 ? this.props.attributes.profileImgID : 0;
97
- profile_url = active_user_profile.permalink;
98
- }
99
- if( undefined == profile_description ) {
100
- profile_description = '';
101
- }
102
- this.setState(
103
- {
104
- loading: false,
105
- users: users,
106
- active_user: active_user,
107
- user_list: user_list,
108
- profile_picture: profile_picture,
109
- profile_picture_id: profile_picture_id,
110
- active_user: active_user,
111
- profile_name: profile_name,
112
- profile_title: profile_title,
113
- profile_description: profile_description,
114
- profile_url: profile_url,
115
- }
116
- );
117
- this.props.setAttributes( {
118
- profileContent: profile_description,
119
- profileName: profile_name,
120
- profileTitle: profile_title,
121
- profileURL: profile_url,
122
- profileImgID: profile_picture_id,
123
- profileImgURL: profile_picture,
124
- });
125
- });
126
- }
127
- on_user_change = ( user_id ) => {
128
- let user = this.state.users[user_id];
129
- let profile_picture = '';
130
- let profile_picture_id = 0;
131
- if( !user.has_profile_picture ) {
132
- profile_picture = mpp_gutenberg.mystery_man;
133
- profile_picture_id = 0;
134
- } else {
135
- profile_picture = this.state.users[user_id]['profile_pictures']['thumbnail']
136
- profile_picture_id = this.state.users[user_id]['profile_picture_id'];
137
- }
138
- let description = this.state.users[user_id].description;
139
- if( undefined === description ) {
140
- description = '';
141
- }
142
- this.props.setAttributes( {
143
- profileName: this.state.users[user_id].display_name,
144
- profileContent: description,
145
- profileTitle: '',
146
- profileURL: this.state.users[user_id].permalink,
147
- profileImgURL: profile_picture
148
- } );
149
- this.setState(
150
- {
151
- profile_name: this.state.users[user_id].display_name,
152
- profile_description: description,
153
- profile_title: '',
154
- profile_picture: profile_picture,
155
- profile_picture_id: profile_picture_id,
156
- active_user: user_id,
157
- profile_url: this.state.users[user_id].permalink
158
- }
159
- );
160
- }
161
- componentDidMount = () => {
162
- this.get_users();
163
- }
164
- handleImageChange = ( image_id, image_url ) => {
165
- this.setState( {
166
- profile_picture: image_url,
167
- profile_picture_id: image_id,
168
- } );
169
- }
170
- onChangeName = (value) => {
171
- this.setState(
172
- {
173
- profile_name: value
174
- }
175
- );
176
- }
177
- onChangeTitle = (value) => {
178
- this.setState(
179
- {
180
- profile_title: value
181
- }
182
- );
183
- }
184
- onChangeProfileText = (value) => {
185
- this.setState(
186
- {
187
- profile_description: value
188
- }
189
- );
190
- }
191
- render() {
192
- // Setup the attributes
193
- let {
194
- attributes: {
195
- profileName,
196
- profileTitle,
197
- profileContent,
198
- profileAlignment,
199
- profileImgURL,
200
- profileImgID,
201
- profileURL,
202
- profileFontSize,
203
- profileBackgroundColor,
204
- profileTextColor,
205
- profileAvatarShape,
206
- profileViewPostsBackgroundColor,
207
- profileViewPostsTextColor,
208
- showTitle,
209
- showName,
210
- showDescription,
211
- showViewPosts,
212
- },
213
- attributes,
214
- isSelected,
215
- editable,
216
- className,
217
- setAttributes
218
- } = this.props;
219
- let profile_pictures = this.state.profile_pictures;
220
- profileImgID = this.state.profile_picture_id;
221
- profileImgURL = this.state.profile_picture;
222
- profileName = this.state.profile_name;
223
- profileContent = this.state.profile_description;
224
- profileTitle = this.state.profile_title;
225
- profileURL = this.state.profile_url;
226
-
227
- const onChangeBackgroundColor = value => setAttributes( { profileBackgroundColor: value } );
228
- const onChangeProfileTextColor = value => setAttributes( { profileTextColor: value } );
229
- const onChangeViewPostsBackgroundColor = value => setAttributes( { profileViewPostsBackgroundColor: value } );
230
- const onChangeViewPostsTextColor = value => setAttributes( { profileViewPostsTextColor: value } );
231
-
232
- // Avatar shape options
233
- const profileAvatarShapeOptions = [
234
- { value: 'square', label: __( 'Square', 'metronet-profile-picture' ) },
235
- { value: 'round', label: __( 'Round', 'metronet-profile-picture' ) },
236
- ];
237
- return(
238
- <Fragment>
239
- {this.state.loading &&
240
- <Fragment>
241
- <Placeholder>
242
- {__('Loading...', 'metronet-profile-picture')}
243
- <Spinner />
244
- </Placeholder>
245
- </Fragment>
246
- }
247
- {!this.state.loading &&
248
- <Fragment>
249
- <InspectorControls>
250
- <PanelBody title={ __( 'User Profile Settings', 'metronet-profile-picture' ) }>
251
- <SelectControl
252
- label={ __( 'Select a user', 'metronet-profile-picture' ) }
253
- value={this.state.active_user}
254
- options={ this.state.user_list }
255
- onChange={ ( value ) => { this.on_user_change(value); setAttributes({user_id: Number(value)}); } }
256
- />
257
- <RangeControl
258
- label={ __( 'Font Size', 'metronet-profile-picture' ) }
259
- value={ profileFontSize }
260
- onChange={ ( value ) => this.props.setAttributes( { profileFontSize: value } ) }
261
- min={ 14 }
262
- max={ 24 }
263
- step={ 1 }
264
- />
265
- <SelectControl
266
- label={ __( 'Avatar Shape', 'metronet-profile-picture' ) }
267
- description={ __( 'Choose between a round or square avatar shape.', 'metronet-profile-picture' ) }
268
- options={ profileAvatarShapeOptions }
269
- value={ profileAvatarShape }
270
- onChange={ ( value ) => this.props.setAttributes( { profileAvatarShape: value } ) }
271
- />
272
- <PanelColorSettings
273
- title={ __( 'Background Color', 'metronet-profile-picture' ) }
274
- initialOpen={ false }
275
- colorSettings={ [ {
276
- value: profileBackgroundColor,
277
- onChange: onChangeBackgroundColor,
278
- label: __( 'Background Color', 'metronet-profile-picture' ),
279
- } ] }
280
- >
281
- </PanelColorSettings>
282
- <PanelColorSettings
283
- title={ __( 'Text Color', 'metronet-profile-picture' ) }
284
- initialOpen={ false }
285
- colorSettings={ [ {
286
- value: profileTextColor,
287
- onChange: onChangeProfileTextColor,
288
- label: __( 'Text Color', 'metronet-profile-picture' ),
289
- } ] }
290
- >
291
- </PanelColorSettings>
292
- <PanelColorSettings
293
- title={ __( 'View Posts Background Color', 'metronet-profile-picture' ) }
294
- initialOpen={ false }
295
- colorSettings={ [ {
296
- value: profileViewPostsBackgroundColor,
297
- onChange: onChangeViewPostsBackgroundColor,
298
- label: __( 'View Posts Background', 'metronet-profile-picture' ),
299
- } ] }
300
- >
301
- </PanelColorSettings>
302
- <PanelColorSettings
303
- title={ __( 'View Posts Text Color', 'metronet-profile-picture' ) }
304
- initialOpen={ false }
305
- colorSettings={ [ {
306
- value: profileViewPostsTextColor,
307
- onChange: onChangeViewPostsTextColor,
308
- label: __( 'View Posts Text Color', 'metronet-profile-picture' ),
309
- } ] }
310
- >
311
- </PanelColorSettings>
312
-
313
- <ToggleControl
314
- label={ __( 'Show Name', 'metronet-profile-picture' ) }
315
- checked={ showName }
316
- onChange={ () => this.props.setAttributes( { showName: ! showName } ) }
317
- />
318
- <ToggleControl
319
- label={ __( 'Show Title', 'metronet-profile-picture' ) }
320
- checked={ showTitle }
321
- onChange={ () => this.props.setAttributes( { showTitle: ! showTitle } ) }
322
- />
323
- <ToggleControl
324
- label={ __( 'Show Description', 'metronet-profile-picture' ) }
325
- checked={ showDescription }
326
- onChange={ () => this.props.setAttributes( { showDescription: ! showDescription } ) }
327
- />
328
- <ToggleControl
329
- label={ __( 'Show View Posts', 'metronet-profile-picture' ) }
330
- checked={ showViewPosts }
331
- onChange={ () => this.props.setAttributes( { showViewPosts: ! showViewPosts } ) }
332
- />
333
- </PanelBody>
334
- </InspectorControls>
335
- <BlockControls key="controls">
336
- <AlignmentToolbar
337
- value={ profileAlignment }
338
- onChange={ ( value ) => setAttributes( { profileAlignment: value } ) }
339
- />
340
- </BlockControls>
341
- <div
342
- className={
343
- classnames(
344
- 'mpp-profile-wrap',
345
- 'legacy',
346
- profileAlignment,
347
- profileAvatarShape,
348
- 'mt-font-size-' + profileFontSize,
349
- 'mpp-block-profile'
350
- )
351
- }
352
- style={ {
353
- backgroundColor: profileBackgroundColor,
354
- color: profileTextColor,
355
- } }
356
- >
357
- <div className={
358
- classnames(
359
- 'mpp-profile-gutenberg-wrap',
360
- )
361
- }
362
- >
363
- <div className="mpp-profile-image-wrapper">
364
- <div className="mpp-profile-image-square">
365
- <MediaUpload
366
- buttonProps={ {
367
- className: 'change-image'
368
- } }
369
- onSelect={ ( img ) => { this.handleImageChange( img.id, img.url ); setAttributes( { profileImgID: img.id, profileImgURL: img.url } ); } }
370
- type="image"
371
- value={ profileImgID }
372
- render={ ( { open } ) => (
373
- <Button onClick={ open }>
374
- { ! profileImgID ? <img src={profileImgURL} alt="placeholder" /> : <img
375
- class="profile-avatar"
376
- src={ profileImgURL }
377
- alt="avatar"
378
- /> }
379
- </Button>
380
- ) }
381
- >
382
- </MediaUpload>
383
- </div>
384
- </div>
385
- <div className="mpp-content-wrap">
386
- {showName &&
387
- <RichText
388
- tagName="h2"
389
- placeholder={ __( 'Add name', 'metronet-profile-picture' ) }
390
- value={ profileName }
391
- className='mpp-profile-name'
392
- style={ {
393
- color: profileTextColor
394
- } }
395
- onChange={ ( value ) => { this.onChangeName(value); setAttributes( { profileName: value } ) } }
396
- />
397
- }
398
- {showTitle &&
399
- <RichText
400
- tagName="p"
401
- placeholder={ __( 'Add title', 'atomic-blocks' ) }
402
- value={ profileTitle }
403
- className='mpp-profile-title'
404
- style={ {
405
- color: profileTextColor
406
- } }
407
- onChange={ ( value ) => {this.onChangeTitle(value); setAttributes( { profileTitle: value } ) } }
408
- />
409
- }
410
- {showDescription &&
411
- <RichText
412
- tagName="div"
413
- className='mpp-profile-text'
414
- placeholder={ __( 'Add profile text...', 'metronet-profile-picture' ) }
415
- value={ profileContent }
416
- formattingControls={ [ 'bold', 'italic', 'strikethrough', 'link' ] }
417
- onChange={ ( value ) => {this.onChangeProfileText(value); setAttributes( { profileContent: value } ) } }
418
- />
419
- }
420
- </div>
421
- </div>
422
- {profileURL && !! profileURL.length &&
423
- <div className="mpp-gutenberg-view-posts">
424
- {showViewPosts &&
425
- <div
426
- className="mpp-profile-view-posts"
427
- style={ {
428
- backgroundColor: profileViewPostsBackgroundColor,
429
- color: profileViewPostsTextColor,
430
- } }
431
- >
432
- <a
433
- href={profileURL}
434
- style={ {
435
- backgroundColor: profileViewPostsBackgroundColor,
436
- color: profileViewPostsTextColor,
437
- } }
438
- >{__('View Posts', 'metronet-profile-picture')}</a>
439
- </div>
440
- }
441
- </div>
442
- }
443
- </div>
444
- </Fragment>
445
- }
446
- </Fragment>
447
- );
448
- }
449
- }
450
-
451
- export default MPP_Gutenberg;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
src/block/profile.js DELETED
@@ -1,1584 +0,0 @@
1
- /**
2
- * External dependencies
3
- */
4
- import axios from 'axios';
5
- const { Component, Fragment } = wp.element;
6
-
7
- const { __ } = wp.i18n;
8
-
9
- const {
10
- PanelBody,
11
- Placeholder,
12
- QueryControls,
13
- RangeControl,
14
- SelectControl,
15
- Spinner,
16
- TextControl,
17
- ToggleControl,
18
- Toolbar,
19
- withAPIData,
20
- ColorPalette,
21
- Button,
22
- } = wp.components;
23
-
24
- const {
25
- InspectorControls,
26
- BlockControls,
27
- MediaUpload,
28
- RichText,
29
- AlignmentToolbar,
30
- PanelColorSettings,
31
- } = wp.editor;
32
-
33
- // Import block dependencies and components
34
- import classnames from 'classnames';
35
-
36
-
37
- class MPP_Gutenberg_Enhanced extends Component {
38
- constructor() {
39
- super( ...arguments );
40
-
41
- let theme_list = Array();
42
- theme_list.push( { value: 'regular', label: __( 'Regular', 'metronet-profile-picture' )});
43
- theme_list.push( { value: 'profile', label: __( 'Profile', 'metronet-profile-picture' )});
44
- theme_list.push( { value: 'tabbed', label: __( 'Tabbed', 'metronet-profile-picture' )});
45
- theme_list.push( { value: 'compact', label: __( 'Compact', 'metronet-profile-picture' )});
46
- this.state = {
47
- loading: true,
48
- users: false,
49
- user_list: false,
50
- profile_picture: this.props.attributes.profileImgURL,
51
- profile_picture_id: this.props.attributes.profileImgID,
52
- active_user: false,
53
- profile_description: '',
54
- profile_name: '',
55
- profile_name_unfiltered: '',
56
- profile_title: '',
57
- show_website: this.props.attributes.showWebsite,
58
- profileViewPosts: this.props.attributes.profileViewPosts,
59
- profileViewWebsite: this.props.attributes.profileViewWebsite,
60
- theme: this.props.attributes.theme,
61
- themes: theme_list,
62
- socialFacebook: this.props.attributes.socialFacebook,
63
- socialGitHub: this.props.attributes.socialGitHub,
64
- socialLinkedIn: this.props.attributes.socialLinkedIn,
65
- socialPinterest: this.props.attributes.socialPinterest,
66
- socialTwitter: this.props.attributes.socialTwitter,
67
- socialWordPress: this.props.attributes.socialWordPress,
68
- socialYouTube: this.props.attributes.socialYouTube,
69
- socialInstagram: this.props.attributes.socialInstagram,
70
- website: this.props.attributes.website,
71
- showSocialMedia: true,
72
- socialMediaOptions: this.props.attributes.socialMediaOptions,
73
- socialMediaColors: this.props.attributes.socialMediaColors,
74
- tabbedAuthorProfile: this.props.attributes.tabbedAuthorProfile,
75
- tabbedAuthorLatestPosts: this.props.attributes.tabbedAuthorLatestPosts,
76
- tabbedAuthorSubHeading: this.props.attributes.tabbedAuthorSubHeading,
77
- tabbedAuthorProfileHeading: this.props.attributes.tabbedAuthorProfileHeading,
78
- activeTab: 'profile',
79
- loadingLatestPosts: true,
80
- latestPosts: {},
81
- profileTabColor: this.props.attributes.profileTabColor,
82
- profileTabHeadlineColor: this.props.attributes.profileTabHeadlineColor,
83
- profileTabPostsColor: this.props.attributes.profileTabPostsColor,
84
- profileTabHeadlineTextColor: this.props.attributes.profileTabHeadlineTextColor,
85
- profileTabTextColor: this.props.attributes.profileTabTextColor,
86
- profileTabPostsTextColor: this.props.attributes.profileTabPostsTextColor,
87
- profileLatestPostsOptionsValue: this.props.attributes.profileLatestPostsOptionsValue,
88
- profileCompactAlignment: this.props.attributes.profileCompactAlignment,
89
- };
90
- }
91
- get_users = () => {
92
- axios.post(mpp_gutenberg.rest_url + `/get_users`, {}, { 'headers': { 'X-WP-Nonce': mpp_gutenberg.nonce } } ).then( (response) => {
93
- let users = Array();
94
- let user_list = Array();
95
- let active_user = 0;
96
- let profile_picture = '';
97
- let profile_picture_id = 0;
98
- let profile_name = '';
99
- let profile_description = '';
100
- let profile_title = '';
101
- let profile_url = '';
102
- let show_website = '';
103
- jQuery.each( response.data, function( key, value ) {
104
- users[value.ID] = {
105
- profile_pictures: value.profile_pictures,
106
- has_profile_picture: value.has_profile_picture,
107
- display_name: value.display_name,
108
- description: value.description,
109
- is_user_logged_in: value.is_user_logged_in,
110
- profile_picture_id: value.profile_picture_id,
111
- default_image: value.default_image,
112
- permalink: value.permalink,
113
- };
114
- if ( value.is_user_logged_in ) {
115
- active_user = value.ID;
116
- }
117
- user_list.push( { value: value.ID, label: value.display_name });
118
- } );
119
- if( this.props.attributes.user_id !== 0 ) {
120
- active_user = this.props.attributes.user_id;
121
- }
122
- let active_user_profile = users[active_user];
123
- if( active_user_profile.has_profile_picture ) {
124
- profile_picture = this.props.attributes.profileImgURL.length > 0 ? this.props.attributes.profileImgURL : active_user_profile.profile_pictures['thumbnail'];
125
- profile_picture_id = this.props.attributes.profileImgID.length > 0 ? this.props.attributes.profileImgID : active_user_profile.profile_picture_id;
126
- profile_name = this.props.attributes.profileName.length > 0 ? this.props.attributes.profileName : active_user_profile.display_name;
127
- profile_title = this.props.attributes.profileTitle.length > 0 ? this.props.attributes.profileTitle : '';
128
- profile_url = active_user_profile.permalink;
129
- profile_description = this.props.attributes.profileContent.length > 0 ? this.props.attributes.profileContent : active_user_profile.description;
130
- show_website = this.props.attributes.showWebsite;
131
- } else {
132
- profile_name = this.props.attributes.profileName.length > 0 ? this.props.attributes.profileName : active_user_profile.display_name;
133
- profile_title = this.props.attributes.profileTitle.length > 0 ? this.props.attributes.profileTitle : '';
134
- profile_description = this.props.attributes.profileContent.length > 0 ? this.props.attributes.profileContent : active_user_profile.description;
135
- profile_picture = this.props.attributes.profileImgURL.length > 0 ? this.props.attributes.profileImgURL : active_user_profile.default_image;
136
- profile_picture_id = this.props.attributes.profileImgID.length > 0 ? this.props.attributes.profileImgID : 0;
137
- profile_url = active_user_profile.permalink;
138
- show_website = this.props.attributes.showWebsite;
139
- }
140
- if( undefined == profile_description ) {
141
- profile_description = '';
142
- }
143
- this.setState(
144
- {
145
- loading: false,
146
- users: users,
147
- active_user: active_user,
148
- user_list: user_list,
149
- profile_picture: profile_picture,
150
- profile_picture_id: profile_picture_id,
151
- active_user: active_user,
152
- profile_name: profile_name,
153
- profile_name_unfiltered: active_user_profile.display_name,
154
- profile_title: profile_title,
155
- profile_description: profile_description,
156
- profile_url: profile_url,
157
- show_website: show_website,
158
- }
159
- );
160
- this.props.setAttributes( {
161
- profileContent: profile_description,
162
- profileName: profile_name,
163
- profileTitle: profile_title,
164
- profileURL: profile_url,
165
- profileImgID: profile_picture_id,
166
- profileImgURL: profile_picture,
167
- showWebsite: show_website,
168
- showSocialMedia: true,
169
- profileName: active_user_profile.display_name
170
- });
171
- });
172
- }
173
- on_user_change = ( user_id ) => {
174
- let user = this.state.users[user_id];
175
- let profile_picture = '';
176
- let profile_picture_id = 0;
177
- let profile_name = '';
178
- if( !user.has_profile_picture ) {
179
- profile_picture = mpp_gutenberg.mystery_man;
180
- profile_picture_id = 0;
181
- } else {
182
- profile_picture = this.state.users[user_id]['profile_pictures']['thumbnail']
183
- profile_picture_id = this.state.users[user_id]['profile_picture_id'];
184
- }
185
- let description = this.state.users[user_id].description;
186
- if( undefined === description ) {
187
- description = '';
188
- }
189
- profile_name = this.state.users[user_id].display_name;
190
- this.props.setAttributes( {
191
- profileName: profile_name,
192
- profileContent: description,
193
- profileTitle: '',
194
- profileURL: this.state.users[user_id].permalink,
195
- profileImgURL: profile_picture,
196
- tabbedAuthorSubHeading: '',
197
- tabbedAuthorProfileTitle: '',
198
- socialFacebook: '',
199
- socialGitHub: '',
200
- socialInstagram: '',
201
- socialLinkedIn: '',
202
- socialPinterest: '',
203
- socialTwitter: '',
204
- socialWordPress: '',
205
- socialYouTube: '',
206
- profileName: this.state.users[user_id].display_name
207
- } );
208
- this.setState(
209
- {
210
- profile_name_unfiltered: this.state.users[user_id].display_name,
211
- profile_name: profile_name,
212
- profile_description: description,
213
- profile_title: '',
214
- profile_picture: profile_picture,
215
- profile_picture_id: profile_picture_id,
216
- active_user: user_id,
217
- profile_url: this.state.users[user_id].permalink,
218
- socialFacebook: '',
219
- socialGitHub: '',
220
- socialInstagram: '',
221
- socialLinkedIn: '',
222
- socialPinterest: '',
223
- socialTwitter: '',
224
- socialWordPress: '',
225
- socialYouTube: '',
226
- }
227
- );
228
- this.getLatestPosts();
229
- }
230
- getLatestPosts = () => {
231
- this.setState(
232
- {
233
- loadingLatestPosts: true
234
- }
235
- );
236
- let classRef = this;
237
- axios.post(mpp_gutenberg.rest_url + `/get_posts`, {user_id: this.state.active_user }, { 'headers': { 'X-WP-Nonce': mpp_gutenberg.nonce } } ).then( (response) => {
238
- const latestPosts = response.data;
239
- let postJSX = latestPosts.map( function(data) {
240
- return (
241
- <li key={data.ID}><a href={data.permalink}>{data.post_title}</a></li>
242
- )
243
- });
244
-
245
- this.setState( {
246
- loadingLatestPosts: false,
247
- latestPosts: postJSX
248
- }
249
- )
250
- } );
251
- }
252
- componentDidMount = () => {
253
- this.get_users();
254
- }
255
- handleImageChange = ( image_id, image_url ) => {
256
- this.setState( {
257
- profile_picture: image_url,
258
- profile_picture_id: image_id,
259
- } );
260
- }
261
- onChangeName = (value) => {
262
- this.setState(
263
- {
264
- profile_name: value
265
- }
266
- );
267
- }
268
- onChangeTitle = (value) => {
269
- this.setState(
270
- {
271
- profile_title: value
272
- }
273
- );
274
- }
275
- onChangeProfileText = (value) => {
276
- this.setState(
277
- {
278
- profile_description: value
279
- }
280
- );
281
- }
282
- onThemeChange = ( value ) => {
283
- this.setState(
284
- {
285
- theme: value
286
- }
287
- );
288
- }
289
- handleFacebookChange = ( value ) => {
290
- this.setState(
291
- {
292
- socialFacebook: value
293
- }
294
- );
295
- }
296
- handleYouTubeChange = ( value ) => {
297
- this.setState(
298
- {
299
- socialYouTube: value
300
- }
301
- );
302
- }
303
- handleGitHubChange = ( value ) => {
304
- this.setState(
305
- {
306
- socialGitHub: value
307
- }
308
- );
309
- }
310
- handleLinkedInChange = ( value ) => {
311
- this.setState(
312
- {
313
- socialLinkedIn: value
314
- }
315
- );
316
- }
317
- handleTwitterChange = ( value ) => {
318
- this.setState(
319
- {
320
- socialTwitter: value
321
- }
322
- );
323
- }
324
- handleWordPressChange = ( value ) => {
325
- this.setState(
326
- {
327
- socialWordPress: value
328
- }
329
- );
330
- }
331
- handleWebsiteChange = ( value ) => {
332
- this.setState(
333
- {
334
- website: value
335
- }
336
- );
337
- if( '' !== value ) {
338
- this.props.setAttributes( {
339
- showWebsite: true
340
- });
341
- }
342
-
343
- }
344
- handleInstagramChange = ( value ) => {
345
- this.setState(
346
- {
347
- socialInstagram: value
348
- }
349
- );
350
- }
351
- handlePinterestChange = ( value ) => {
352
- this.setState(
353
- {
354
- socialPinterest: value
355
- }
356
- );
357
- }
358
- handleSocialMediaChange = ( value ) => {
359
- this.setState(
360
- {
361
- showSocialMedia: value
362
- }
363
- );
364
- this.props.setAttributes( { showSocialMedia: value } );
365
- }
366
- handleSocialMediaOptionChange = ( value ) => {
367
- this.setState(
368
- {
369
- socialMediaOptions: value
370
- }
371
- );
372
- }
373
- onChangeTabbedProfileText = ( value ) => {
374
- this.setState(
375
- {
376
- tabbedAuthorProfile: value
377
- }
378
- );
379
- }
380
- onChangeTabbedSubHeading = ( value ) => {
381
- this.setState(
382
- {
383
- tabbedAuthorSubHeading: value
384
- }
385
- );
386
- }
387
- onChangeActiveProfileTab = () => {
388
- this.setState(
389
- {
390
- activeTab: 'profile'
391
- }
392
- );
393
- }
394
- onChangeActivePostTab = () => {
395
- this.setState(
396
- {
397
- activeTab: 'latest',
398
- loadingLatestPosts: true
399
- }
400
- );
401
- this.getLatestPosts();
402
- }
403
- onChangetabbedAuthorProfile = ( value ) => {
404
- this.setState( {
405
- tabbedAuthorProfile: value
406
- });
407
- }
408
- onChangetabbedAuthorProfileHeading = ( value ) => {
409
- this.setState( {
410
- tabbedAuthorProfileHeading: value
411
- });
412
- }
413
- onChangetabbedAuthorLatestPosts = ( value ) => {
414
- this.setState( {
415
- tabbedAuthorLatestPosts: value
416
- });
417
- }
418
- onChangeProfileTabColor = ( value ) => {
419
- this.setState( {
420
- profileTabColor: value
421
- });
422
- this.props.setAttributes( { profileTabColor: value } );
423
- }
424
- onChangePostsTabColor = ( value ) => {
425
- this.setState( {
426
- profileTabPostsColor: value
427
- });
428
- this.props.setAttributes( { profileTabPostsColor: value } );
429
-
430
- }
431
- onChangePostsTabHeadlineColor = ( value ) => {
432
- this.setState( {
433
- profileTabHeadlineColor: value
434
- });
435
- this.props.setAttributes( { profileTabHeadlineColor: value } );
436
- }
437
- onChangeProfileTabPostColorText = ( value ) => {
438
- this.setState( {
439
- profileTabPostsTextColor: value
440
- });
441
- this.props.setAttributes( { profileTabPostsTextColor: value } );
442
- }
443
- onChangeProfileTabHeadlineColorText = ( value ) => {
444
- this.setState( {
445
- profileTabHeadlineTextColor: value
446
- });
447
- this.props.setAttributes( { profileTabHeadlineTextColor: value } );
448
- }
449
- onChangeProfileTabColorText = ( value ) => {
450
- this.setState( {
451
- profileTabTextColor: value
452
- });
453
- this.props.setAttributes( { profileTabTextColor: value } );
454
- }
455
- onLatestPostsChange = ( value ) => {
456
- this.setState(
457
- {
458
- profileLatestPostsOptionsValue: value,
459
- }
460
- );
461
- }
462
- onCompactAlignmentChange = ( value ) => {
463
- this.setState(
464
- {
465
- profileCompactAlignment: value,
466
- }
467
- );
468
- }
469
- render() {
470
- // Setup the attributes
471
- let {
472
- attributes: {
473
- profileName,
474
- profileTitle,
475
- profileContent,
476
- profileAlignment,
477
- profileImgURL,
478
- profileImgID,
479
- profileURL,
480
- profileFontSize,
481
- buttonFontSize,
482
- headerFontSize,
483
- profileBackgroundColor,
484
- profileTextColor,
485
- profileAvatarShape,
486
- profileViewPostsBackgroundColor,
487
- profileViewPostsTextColor,
488
- profileViewPosts,
489
- profileViewWebsite,
490
- showTitle,
491
- showName,
492
- showDescription,
493
- showViewPosts,
494
- showPostsWidth,
495
- showSocialMedia,
496
- showWebsite,
497
- theme,
498
- theme_list,
499
- socialFacebook,
500
- socialGitHub,
501
- socialLinkedIn,
502
- socialPinterest,
503
- socialTwitter,
504
- socialWordPress,
505
- socialYouTube,
506
- socialMediaColors,
507
- profileWebsiteBackgroundColor,
508
- profileWebsiteTextColor,
509
- padding,
510
- border,
511
- borderRounded,
512
- borderColor,
513
- profileLinkColor,
514
- tabbedAuthorProfile,
515
- tabbedAuthorSubHeading,
516
- tabbedAuthorProfileTitle,
517
- profileLatestPostsOptionsValue,
518
-
519
- },
520
- attributes,
521
- isSelected,
522
- editable,
523
- className,
524
- setAttributes
525
- } = this.props;
526
- let profile_pictures = this.state.profile_pictures;
527
- profileImgID = this.state.profile_picture_id;
528
- profileImgURL = this.state.profile_picture;
529
- profileName = this.state.profile_name;
530
- profileContent = this.state.profile_description;
531
- profileTitle = this.state.profile_title;
532
- profileURL = this.state.profile_url;
533
- showPostsWidth = this.state.website === '' || !this.props.attributes.showWebsite ? '100%' : '';
534
- setAttributes({showPostsWidth: showPostsWidth });
535
-
536
- const onChangeBackgroundColor = value => setAttributes( { profileBackgroundColor: value } );
537
- const onChangeProfileTextColor = value => setAttributes( { profileTextColor: value } );
538
- const onChangeViewPostsBackgroundColor = value => setAttributes( { profileViewPostsBackgroundColor: value } );
539
- const onChangeViewPostsTextColor = value => setAttributes( { profileViewPostsTextColor: value } );
540
- const onChangeWebsitesBackgroundColor = value => setAttributes( { profileWebsiteBackgroundColor: value } );
541
- const onChangeWebsiteTextColor = value => setAttributes( { profileWebsiteTextColor: value } );
542
- const onChangeSocialMediaColor = value => setAttributes( { socialMediaColors: value } );
543
- const onChangeBorderColor = value => setAttributes( { borderColor: value } );
544
- const onChangeProfileLinkColor = value => setAttributes( { profileLinkColor: value } );
545
-
546
- // Avatar shape options
547
- const profileAvatarShapeOptions = [
548
- { value: 'square', label: __( 'Square', 'metronet-profile-picture' ) },
549
- { value: 'round', label: __( 'Round', 'metronet-profile-picture' ) },
550
- ];
551
-
552
- // Social Media Options
553
- const profileSocialMediaOptions = [
554
- { value: 'colors', label: __( 'Brand Colors', 'metronet-profile-picture' ) },
555
- { value: 'custom', label: __( 'Custom', 'metronet-profile-picture' ) },
556
- ];
557
-
558
- // Latest Posts Theme Options
559
- const profileLatestPostsOptions = [
560
- { value: 'none', label: __( 'None', 'metronet-profile-picture' ) },
561
- { value: 'white', label: __( 'White', 'metronet-profile-picture' ) },
562
- { value: 'light', label: __( 'Light', 'metronet-profile-picture' ) },
563
- { value: 'black', label: __( 'Black', 'metronet-profile-picture' ) },
564
- { value: 'magenta', label: __( 'Magenta', 'metronet-profile-picture' ) },
565
- { value: 'blue', label: __( 'Blue', 'metronet-profile-picture' ) },
566
- { value: 'green', label: __( 'Green', 'metronet-profile-picture' ) },
567
- ];
568
-
569
- // Profile Comptact Alignment Options
570
- const profileCompactOptions = [
571
- { value: 'left', label: __( 'Left', 'metronet-profile-picture' ) },
572
- { value: 'center', label: __( 'Center', 'metronet-profile-picture' ) },
573
- { value: 'right', label: __( 'Right', 'metronet-profile-picture' ) },
574
- ];
575
- let profileFloat = 'none';
576
- let profileMargin = '';
577
- if( this.state.profileCompactAlignment === 'center' ) {
578
- profileFloat = 'none';
579
- profileMargin = '0 auto';
580
- }
581
- if( this.state.profileCompactAlignment === 'left' ) {
582
- profileFloat = 'left';
583
- profileMargin = '0';
584
- }
585
- if( this.state.profileCompactAlignment === 'right' ) {
586
- profileFloat = 'right';
587
- profileMargin = '0';
588
- }
589
- return(
590
- <Fragment>
591
- {this.state.loading &&
592
- <Fragment>
593
- <Placeholder>
594
- <div>
595
- <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="125px" height="125px" viewBox="0 0 753.53 979.74"><title>upp</title><path d="M806.37,185.9c0,40.27-30.49,72.9-68.11,72.9s-68.17-32.63-68.17-72.9S700.62,113,738.26,113,806.37,145.64,806.37,185.9Z" transform="translate(-123.47 -11)" fill="#4063ad"/><path d="M330.36,183.8c0,40.27-30.49,72.9-68.12,72.9s-68.17-32.63-68.17-72.9,30.52-72.87,68.17-72.87S330.36,143.56,330.36,183.8Z" transform="translate(-123.47 -11)" fill="#a34d9c"/><path d="M331.3,888.13V698.21H329c-31.64,0-57.28-27.45-57.28-61.29V336.5a118.37,118.37,0,0,1,5.43-34.79H179.84c-31.94,0-56.37,31.57-56.37,56.34V601.46h48.32V888.13Z" transform="translate(-123.47 -11)" fill="#a34d9c"/><path d="M388.59,636.92V990.74H611.88V636.92H671.5V336.5c0-30.63-27.64-69.57-69.6-69.57H398.56c-39.44,0-69.61,38.94-69.61,69.57V636.92Z" transform="translate(-123.47 -11)" fill="#f4831f"/><path d="M584.3,101c0,49.69-37.63,90-84,90S416.12,150.67,416.12,101s37.66-90,84.14-90S584.3,51.27,584.3,101Z" transform="translate(-123.47 -11)" fill="#f4831f"/><path d="M820.61,303.79H724.08a121.69,121.69,0,0,1,4.7,32.71V636.92c0,33.84-25.64,61.29-57.28,61.29h-2.33v192H828.7V603.54H877V360.16C877,335.36,854.62,303.79,820.61,303.79Z" transform="translate(-123.47 -11)" fill="#4063ad"/></svg>
596
- <div className="mpp-spinner"><Spinner /></div>
597
- </div>
598
- </Placeholder>
599
- </Fragment>
600
- }
601
- {!this.state.loading &&
602
- <Fragment>
603
- <InspectorControls>
604
- <PanelBody title={ __( 'User Profile Settings', 'metronet-profile-picture' ) }>
605
- <SelectControl
606
- label={ __( 'Select a user', 'metronet-profile-picture' ) }
607
- value={this.state.active_user}
608
- options={ this.state.user_list }
609
- onChange={ ( value ) => { this.on_user_change(value); setAttributes({user_id: Number(value)}); } }
610
- />
611
- <SelectControl
612
- label={ __( 'Select a theme', 'metronet-profile-picture' ) }
613
- value={this.state.theme}
614
- options={ this.state.themes }
615
- onChange={ ( value ) => { this.onThemeChange(value); setAttributes({theme: value}); } }
616
- />
617
- { this.state.theme === 'compact' &&
618
-
619
- <SelectControl
620
- label={ __( 'Select an alignment', 'metronet-profile-picture' ) }
621
- value={this.state.profileCompactAlignment}
622
- options={ profileCompactOptions }
623
- onChange={ ( value ) => { this.onCompactAlignmentChange(value); setAttributes({profileCompactAlignment: value}); } }
624
- />
625
- }
626
- <SelectControl
627
- label={ __( 'Avatar Shape', 'metronet-profile-picture' ) }
628
- description={ __( 'Choose between a round or square avatar shape.', 'metronet-profile-picture' ) }
629
- options={ profileAvatarShapeOptions }
630
- value={ profileAvatarShape }
631
- onChange={ ( value ) => this.props.setAttributes( { profileAvatarShape: value } ) }
632
- />
633
- { this.state.theme !== 'tabbed' &&
634
- <TextControl
635
- label={__('Website', 'metronet-profile-picture')}
636
- value={this.state.website}
637
- onChange={ ( value ) => { this.props.setAttributes( { website: value }); this.handleWebsiteChange(value); } }
638
- />
639
- }
640
- <ToggleControl
641
- label={ __( 'Show Name', 'metronet-profile-picture' ) }
642
- checked={ showName }
643
- onChange={ () => this.props.setAttributes( { showName: ! showName } ) }
644
- />
645
- <ToggleControl
646
- label={ __( 'Show Title', 'metronet-profile-picture' ) }
647
- checked={ showTitle }
648
- onChange={ () => this.props.setAttributes( { showTitle: ! showTitle } ) }
649
- />
650
- <ToggleControl
651
- label={ __( 'Show Description', 'metronet-profile-picture' ) }
652
- checked={ showDescription }
653
- onChange={ () => this.props.setAttributes( { showDescription: ! showDescription } ) }
654
- />
655
- { this.state.theme !== 'tabbed' &&
656
- <Fragment>
657
- <ToggleControl
658
- label={ __( 'Show View Posts', 'metronet-profile-picture' ) }
659
- checked={ showViewPosts }
660
- onChange={ () => this.props.setAttributes( { showViewPosts: ! showViewPosts } ) }
661
- />
662
- { showViewPosts &&
663
- <TextControl
664
- label={__('View Posts Text', 'metronet-profile-picture')}
665
- value={profileViewPosts}
666
- onChange={ ( value ) => { this.props.setAttributes( { profileViewPosts: value }); } }
667
- />
668
- }
669
- <ToggleControl
670
- label={ __( 'Show Website', 'metronet-profile-picture' ) }
671
- checked={ this.state.show_website }
672
- onChange={ ( value ) => { this.props.setAttributes( { showWebsite: value } ); this.setState({show_website: value}); } }
673
- />
674
- { this.state.show_website &&
675
- <TextControl
676
- label={__('View Website Text', 'metronet-profile-picture')}
677
- value={profileViewWebsite}
678
- onChange={ ( value ) => { this.props.setAttributes( { profileViewWebsite: value }); } }
679
- />
680
- }
681
- </Fragment>
682
- }
683
- <ToggleControl
684
- label={ __( 'Show Social Media', 'metronet-profile-picture' ) }
685
- checked={ this.state.showSocialMedia }
686
- onChange={ ( value ) => {this.props.setAttributes( { showSocialMedia: value } ); this.handleSocialMediaChange( value ); } }
687
- />
688
- </PanelBody>
689
- {this.state.theme === 'tabbed' &&
690
- <PanelBody title={ __( 'User Profile Settings', 'metronet-profile-picture' ) }>
691
- <SelectControl
692
- label={ __( 'Select a theme', 'metronet-profile-picture' ) }
693
- value={this.state.latestPostsTheme}
694
- options={ {
695
-
696
- } }
697
- onChange={ ( value ) => { this.on_user_change(value); setAttributes({user_id: Number(value)}); } }
698
- />
699
- </PanelBody>
700
- }
701
- <PanelBody title={ __( 'Colors', 'metronet-profile-picture' ) } initialOpen={false}>
702
- <PanelColorSettings
703
- title={ __( 'Background Color', 'metronet-profile-picture' ) }
704
- initialOpen={ false }
705
- colorSettings={ [ {
706
- value: profileBackgroundColor,
707
- onChange: onChangeBackgroundColor,
708
- label: __( 'Background Color', 'metronet-profile-picture' ),
709
- } ] }
710
- >
711
- </PanelColorSettings>
712
- <PanelColorSettings
713
- title={ __( 'Text Color', 'metronet-profile-picture' ) }
714
- initialOpen={ false }
715
- colorSettings={ [ {
716
- value: profileTextColor,
717
- onChange: onChangeProfileTextColor,
718
- label: __( 'Text Color', 'metronet-profile-picture' ),
719
- } ] }
720
- >
721
- </PanelColorSettings>
722
- { this.state.theme === 'profile' &&
723
- <PanelColorSettings
724
- title={ __( 'Link Color', 'metronet-profile-picture' ) }
725
- initialOpen={ false }
726
- colorSettings={ [ {
727
- value: profileLinkColor,
728
- onChange: onChangeProfileLinkColor,
729
- label: __( 'Link Color', 'metronet-profile-picture' ),
730
- } ] }
731
- >
732
- </PanelColorSettings>
733
- }
734
- {this.state.theme === 'tabbed' &&
735
- <Fragment>
736
- <PanelColorSettings
737
- title={ __( 'Profile Tab Color', 'metronet-profile-picture' ) }
738
- initialOpen={ false }
739
- colorSettings={ [ {
740
- value: this.state.profileTabColor,
741
- onChange: this.onChangeProfileTabColor,
742
- label: __( 'Color', 'metronet-profile-picture' ),
743
- } ] }
744
- >
745
- </PanelColorSettings>
746
- <PanelColorSettings
747
- title={ __( 'Profile Tab Color Text', 'metronet-profile-picture' ) }
748
- initialOpen={ false }
749
- colorSettings={ [ {
750
- value: this.state.profileTabTextColor,
751
- onChange: this.onChangeProfileTabColorText,
752
- label: __( 'Color', 'metronet-profile-picture' ),
753
- } ] }
754
- >
755
- </PanelColorSettings>
756
- <PanelColorSettings
757
- title={ __( 'Profile Posts Color', 'metronet-profile-picture' ) }
758
- initialOpen={ false }
759
- colorSettings={ [ {
760
- value: this.state.profileTabPostsColor,
761
- onChange: this.onChangePostsTabColor,
762
- label: __( 'Color', 'metronet-profile-picture' ),
763
- } ] }
764
- >
765
- </PanelColorSettings>
766
- <PanelColorSettings
767
- title={ __( 'Profile Post Color Text', 'metronet-profile-picture' ) }
768
- initialOpen={ false }
769
- colorSettings={ [ {
770
- value: this.state.profileTabPostsTextColor,
771
- onChange: this.onChangeProfileTabPostColorText,
772
- label: __( 'Color', 'metronet-profile-picture' ),
773
- } ] }
774
- >
775
- </PanelColorSettings>
776
- <PanelColorSettings
777
- title={ __( 'Profile Headline Color', 'metronet-profile-picture' ) }
778
- initialOpen={ false }
779
- colorSettings={ [ {
780
- value: this.state.profileTabHeadlineColor,
781
- onChange: this.onChangePostsTabHeadlineColor,
782
- label: __( 'Color', 'metronet-profile-picture' ),
783
- } ] }
784
- ></PanelColorSettings>
785
- <PanelColorSettings
786
- title={ __( 'Profile Headline Color Text', 'metronet-profile-picture' ) }
787
- initialOpen={ false }
788
- colorSettings={ [ {
789
- value: this.state.profileTabHeadlineColorText,
790
- onChange: this.onChangeProfileTabHeadlineColorText,
791
- label: __( 'Color', 'metronet-profile-picture' ),
792
- } ] }
793
- >
794
- </PanelColorSettings>
795
- <SelectControl
796
- label={ __( 'Select a Post Theme', 'metronet-profile-picture' ) }
797
- value={this.state.profileLatestPostsOptionsValue}
798
- options={profileLatestPostsOptions}
799
- onChange={ ( value ) => { this.onLatestPostsChange(value); setAttributes({profileLatestPostsOptionsValue: value}); } }
800
- />
801
- </Fragment>
802
- }
803
- {this.state.theme !== 'tabbed' && this.state.theme !== 'profile' &&
804
- <Fragment>
805
- <PanelColorSettings
806
- title={ __( 'View Posts Background Color', 'metronet-profile-picture' ) }
807
- initialOpen={ false }
808
- colorSettings={ [ {
809
- value: profileViewPostsBackgroundColor,
810
- onChange: onChangeViewPostsBackgroundColor,
811
- label: __( 'View Posts Background', 'metronet-profile-picture' ),
812
- } ] }
813
- >
814
- </PanelColorSettings>
815
- <PanelColorSettings
816
- title={ __( 'View Posts Text Color', 'metronet-profile-picture' ) }
817
- initialOpen={ false }
818
- colorSettings={ [ {
819
- value: profileViewPostsTextColor,
820
- onChange: onChangeViewPostsTextColor,
821
- label: __( 'View Posts Text Color', 'metronet-profile-picture' ),
822
- } ] }
823
- >
824
- </PanelColorSettings>
825
- <PanelColorSettings
826
- title={ __( 'Website Background Color', 'metronet-profile-picture' ) }
827
- initialOpen={ false }
828
- colorSettings={ [ {
829
- value: profileWebsiteBackgroundColor,
830
- onChange: onChangeWebsitesBackgroundColor,
831
- label: __( 'View Website Background', 'metronet-profile-picture' ),
832
- } ] }
833
- >
834
- </PanelColorSettings>
835
- <PanelColorSettings
836
- title={ __( 'View Website Text Color', 'metronet-profile-picture' ) }
837
- initialOpen={ false }
838
- colorSettings={ [ {
839
- value: profileWebsiteTextColor,
840
- onChange: onChangeWebsiteTextColor,
841
- label: __( 'View Website Text Color', 'metronet-profile-picture' ),
842
- } ] }
843
- >
844
- </PanelColorSettings>
845
- </Fragment>
846
- }
847
- </PanelBody>
848
- <PanelBody title={ __( 'Spacing and Font Settings', 'metronet-profile-picture' ) } initialOpen={false}>
849
- <RangeControl
850
- label={ __( 'Header Font Size', 'metronet-profile-picture' ) }
851
- value={ headerFontSize }
852
- onChange={ ( value ) => this.props.setAttributes( { headerFontSize: value } ) }
853
- min={ 14 }
854
- max={ 32 }
855
- step={ 1 }
856
- />
857
- <RangeControl
858
- label={ __( 'Font Size', 'metronet-profile-picture' ) }
859
- value={ profileFontSize }
860
- onChange={ ( value ) => this.props.setAttributes( { profileFontSize: value } ) }
861
- min={ 14 }
862
- max={ 24 }
863
- step={ 1 }
864
- />
865
- {this.state.theme !== 'tabbed' &&
866
- <RangeControl
867
- label={ __( 'Button Size', 'metronet-profile-picture' ) }
868
- value={ buttonFontSize }
869
- onChange={ ( value ) => this.props.setAttributes( { buttonFontSize: value } ) }
870
- min={ 10 }
871
- max={ 24 }
872
- step={ 1 }
873
- />
874
- }
875
- <RangeControl
876
- label={ __( 'Padding', 'metronet-profile-picture' ) }
877
- value={ padding }
878
- onChange={ ( value ) => this.props.setAttributes( { padding: value } ) }
879
- min={ 0 }
880
- max={ 60 }
881
- step={ 1 }
882
- />
883
- <RangeControl
884
- label={ __( 'Border', 'metronet-profile-picture' ) }
885
- value={ border }
886
- onChange={ ( value ) => this.props.setAttributes( { border: value } ) }
887
- min={ 0 }
888
- max={ 10 }
889
- step={ 1 }
890
- />
891
- <RangeControl
892
- label={ __( 'Border Rounded', 'metronet-profile-picture' ) }
893
- value={ borderRounded }
894
- onChange={ ( value ) => this.props.setAttributes( { borderRounded: value } ) }
895
- min={ 0 }
896
- max={ 10 }
897
- step={ 1 }
898
- />
899
- <PanelColorSettings
900
- title={ __( 'Border Color', 'metronet-profile-picture' ) }
901
- initialOpen={ false }
902
- colorSettings={ [ {
903
- value: borderColor,
904
- onChange: onChangeBorderColor,
905
- label: __( 'Border Color', 'metronet-profile-picture' ),
906
- } ] }
907
- ></PanelColorSettings>
908
- </PanelBody>
909
- <PanelBody title={ __( 'Social Media Settings', 'metronet-profile-picture' ) } initialOpen={false}>
910
- <SelectControl
911
- label={ __( 'Social Media Colors', 'metronet-profile-picture' ) }
912
- value={this.state.socialMediaOptions}
913
- options={ profileSocialMediaOptions }
914
- onChange={ ( value ) => { setAttributes({socialMediaOptions: value}); this.handleSocialMediaOptionChange(value); } }
915
- />
916
- { this.state.socialMediaOptions === 'custom' &&
917
- <PanelColorSettings
918
- title={ __( 'Social Media Color', 'metronet-profile-picture' ) }
919
- initialOpen={ false }
920
- colorSettings={ [ {
921
- value: socialMediaColors,
922
- onChange: onChangeSocialMediaColor,
923
- label: __( 'Social Media Color', 'metronet-profile-picture' ),
924
- } ] }
925
- >
926
- </PanelColorSettings>
927
- }
928
- <TextControl
929
- label={__('Facebook', 'metronet-profile-picture')}
930
- value={this.state.socialFacebook}
931
- onChange={ ( value ) => { this.props.setAttributes( { socialFacebook: value }); this.handleFacebookChange(value); } }
932
- />
933
- <TextControl
934
- label={__('Twitter', 'metronet-profile-picture')}
935
- value={this.state.socialTwitter}
936
- onChange={ ( value ) => { this.props.setAttributes( { socialTwitter: value }); this.handleTwitterChange(value); } }
937
- />
938
- <TextControl
939
- label={__('Instagram', 'metronet-profile-picture')}
940
- value={this.state.socialInstagram}
941
- onChange={ ( value ) => { this.props.setAttributes( { socialInstagram: value }); this.handleInstagramChange(value); } }
942
- />
943
- <TextControl
944
- label={__('LinkedIn', 'metronet-profile-picture')}
945
- value={this.state.socialLinkedIn}
946
- onChange={ ( value ) => { this.props.setAttributes( { socialLinkedIn: value }); this.handleLinkedInChange(value); } }
947
- />
948
- <TextControl
949
- label={__('YouTube', 'metronet-profile-picture')}
950
- value={this.state.socialYouTube}
951
- onChange={ ( value ) => { this.props.setAttributes( { socialYouTube: value }); this.handleYouTubeChange(value); } }
952
- />
953
- <TextControl
954
- label={__('GitHub', 'metronet-profile-picture')}
955
- value={this.state.socialGitHub}
956
- onChange={ ( value ) => { this.props.setAttributes( { socialGitHub: value }); this.handleGitHubChange(value); } }
957
- />
958
- <TextControl
959
- label={__('Pinterest', 'metronet-profile-picture')}
960
- value={this.state.socialPinterest}
961
- onChange={ ( value ) => { this.props.setAttributes( { socialPinterest: value }); this.handlePinterestChange(value); } }
962
- />
963
- <TextControl
964
- label={__('WordPress', 'metronet-profile-picture')}
965
- value={this.state.socialWordPress}
966
- onChange={ ( value ) => { this.props.setAttributes( { socialWordPress: value }); this.handleWordPressChange(value); } }
967
- />
968
- </PanelBody>
969
- </InspectorControls>
970
- { this.state.theme !== 'tabbed' &&
971
- <div
972
- className={
973
- classnames(
974
- 'mpp-enhanced-profile-wrap',
975
- this.state.theme,
976
- profileAlignment,
977
- profileAvatarShape,
978
- 'mpp-block-profile'
979
- )
980
- }
981
- style={ {
982
- padding: padding + 'px',
983
- border: border + 'px solid ' + borderColor,
984
- borderRadius: borderRounded + 'px',
985
- backgroundColor: profileBackgroundColor,
986
- color: profileTextColor,
987
- float: profileFloat,
988
- margin: profileMargin
989
-
990
- } }
991
- >
992
- { this.state.theme === 'regular' &&
993
- <Fragment>
994
- <div className={
995
- classnames(
996
- 'mpp-profile-gutenberg-wrap',
997
- 'mt-font-size-' + profileFontSize,
998
- )
999
- }
1000
- >
1001
- <div className="mpp-profile-image-wrapper">
1002
- <div className="mpp-profile-image-square">
1003
- <MediaUpload
1004
- buttonProps={ {
1005
- className: 'change-image'
1006
- } }
1007
- onSelect={ ( img ) => { this.handleImageChange( img.id, img.url ); setAttributes( { profileImgID: img.id, profileImgURL: img.url } ); } }
1008
- type="image"
1009
- value={ profileImgID }
1010
- render={ ( { open } ) => (
1011
- <Button onClick={ open }>
1012
- { ! profileImgID ? <img src={profileImgURL} alt="placeholder" /> : <img
1013
- className="profile-avatar"
1014
- src={ profileImgURL }
1015
- alt="avatar"
1016
- /> }
1017
- </Button>
1018
- ) }
1019
- >
1020
- </MediaUpload>
1021
- </div>
1022
- </div>
1023
- <div className="mpp-content-wrap">
1024
- {showName &&
1025
- <RichText
1026
- tagName="h2"
1027
- placeholder={ __( 'Add name', 'metronet-profile-picture' ) }
1028
- value={ profileName }
1029
- className='mpp-profile-name'
1030
- style={ {
1031
- color: profileTextColor,
1032
- fontSize: headerFontSize + 'px'
1033
- } }
1034
- onChange={ ( value ) => { this.onChangeName(value); setAttributes( { profileName: value } ) } }
1035
- />
1036
- }
1037
- {showTitle &&
1038
- <RichText
1039
- tagName="p"
1040
- placeholder={ __( 'Add title', 'atomic-blocks' ) }
1041
- value={ profileTitle }
1042
- className='mpp-profile-title'
1043
- style={ {
1044
- color: profileTextColor
1045
- } }
1046
- onChange={ ( value ) => {this.onChangeTitle(value); setAttributes( { profileTitle: value } ) } }
1047
- />
1048
- }
1049
- {showDescription &&
1050
- <RichText
1051
- tagName="div"
1052
- className='mpp-profile-text'
1053
- placeholder={ __( 'Add profile text...', 'metronet-profile-picture' ) }
1054
- value={ profileContent }
1055
- formattingControls={ [ 'bold', 'italic', 'strikethrough', 'link' ] }
1056
- onChange={ ( value ) => {this.onChangeProfileText(value); setAttributes( { profileContent: value } ) } }
1057
- />
1058
- }
1059
- </div>
1060
- </div>
1061
- {profileURL && !! profileURL.length &&
1062
- <div className="mpp-gutenberg-view-posts" style={{width: showPostsWidth}}>
1063
- {showViewPosts &&
1064
- <div
1065
- className="mpp-profile-view-posts"
1066
- style={ {
1067
- backgroundColor: profileViewPostsBackgroundColor,
1068
- color: profileViewPostsTextColor,
1069
- width: showPostsWidth,
1070
- fontSize: buttonFontSize + 'px'
1071
- } }
1072
- >
1073
- <a
1074
- href={profileURL}
1075
- style={ {
1076
- backgroundColor: profileViewPostsBackgroundColor,
1077
- color: profileViewPostsTextColor,
1078
- } }
1079
- >{profileViewPosts}</a>
1080
- </div>
1081
- }
1082
- { this.state.website != '' && showWebsite &&
1083
- <div
1084
- className="mpp-profile-view-website"
1085
- style={ {
1086
- backgroundColor: profileWebsiteBackgroundColor,
1087
- color: profileWebsiteTextColor,
1088
- fontSize: buttonFontSize + 'px'
1089
- } }
1090
- >
1091
- <a
1092
- href={this.state.website}
1093
- style={ {
1094
- backgroundColor: profileWebsiteBackgroundColor,
1095
- color: profileWebsiteTextColor,
1096
- } }
1097
- >{profileViewWebsite}</a>
1098
- </div>
1099
- }
1100
- </div>
1101
- }
1102
- </Fragment>
1103
- }
1104
- { this.state.theme === 'profile' &&
1105
- <div className={
1106
- classnames(
1107
- 'mpp-profile-gutenberg-wrap',
1108
- 'mt-font-size-' + profileFontSize,
1109
- )
1110
- }
1111
- >
1112
- {showName &&
1113
- <RichText
1114
- tagName="h2"
1115
- placeholder={ __( 'Add name', 'metronet-profile-picture' ) }
1116
- value={ profileName }
1117
- className='mpp-profile-name'
1118
- style={ {
1119
- color: profileTextColor,
1120
- fontSize: headerFontSize + 'px'
1121
- } }
1122
- onChange={ ( value ) => { this.onChangeName(value); setAttributes( { profileName: value } ) } }
1123
- />
1124
- }
1125
- <div className="mpp-profile-image-wrapper">
1126
- <div className="mpp-profile-image-square">
1127
- <MediaUpload
1128
- buttonProps={ {
1129
- className: 'change-image'
1130
- } }
1131
- onSelect={ ( img ) => { this.handleImageChange( img.id, img.url ); setAttributes( { profileImgID: img.id, profileImgURL: img.url } ); } }
1132
- type="image"
1133
- value={ profileImgID }
1134
- render={ ( { open } ) => (
1135
- <Button onClick={ open }>
1136
- { ! profileImgID ? <img src={profileImgURL} alt="placeholder" /> : <img
1137
- className="profile-avatar"
1138
- src={ profileImgURL }
1139
- alt="avatar"
1140
- /> }
1141
- </Button>
1142
- ) }
1143
- >
1144
- </MediaUpload>
1145
- </div>
1146
- </div>
1147
- {showDescription &&
1148
- <RichText
1149
- tagName="div"
1150
- className='mpp-profile-text'
1151
- placeholder={ __( 'Add profile text...', 'metronet-profile-picture' ) }
1152
- value={ profileContent }
1153
- formattingControls={ [ 'bold', 'italic', 'strikethrough', 'link' ] }
1154
- onChange={ ( value ) => {this.onChangeProfileText(value); setAttributes( { profileContent: value } ) } }
1155
- />
1156
- }
1157
- <div className="mpp-profile-meta" style={{fontSize: buttonFontSize + 'px'}}>
1158
- {showViewPosts &&
1159
- <div className="mpp-profile-link alignleft">
1160
- <a href={this.state.profile_url}
1161
- style={ {
1162
- color: profileLinkColor,
1163
- } }
1164
- >{__( 'View all posts by', 'metronet-profile-picture' )} {this.state.profile_name_unfiltered}</a>
1165
- </div>
1166
- }
1167
- {this.state.website != '' && showWebsite &&
1168
- <div className="mpp-profile-link alignright">
1169
- <a href={this.state.website}
1170
- style={ {
1171
- color: profileLinkColor,
1172
- } }
1173
- >{__( 'Website', 'metronet-profile-picture' )}</a>
1174
- </div>
1175
- }
1176
-
1177
- </div>
1178
-
1179
- </div>
1180
- }
1181
- { this.state.theme === 'compact' &&
1182
- <div className={
1183
- classnames(
1184
- 'mpp-profile-gutenberg-wrap',
1185
- 'mt-font-size-' + profileFontSize,
1186
- )
1187
- }
1188
- >
1189
- {showName &&
1190
- <RichText
1191
- tagName="h2"
1192
- placeholder={ __( 'Add name', 'metronet-profile-picture' ) }
1193
- value={ profileName }
1194
- className='mpp-profile-name'
1195
- style={ {
1196
- color: profileTextColor,
1197
- fontSize: headerFontSize + 'px'
1198
- } }
1199
- onChange={ ( value ) => { this.onChangeName(value); setAttributes( { profileName: value } ) } }
1200
- />
1201
- }
1202
- <div className="mpp-profile-image-wrapper">
1203
- <div className="mpp-profile-image-square">
1204
- <MediaUpload
1205
- buttonProps={ {
1206
- className: 'change-image'
1207
- } }
1208
- onSelect={ ( img ) => { this.handleImageChange( img.id, img.url ); setAttributes( { profileImgID: img.id, profileImgURL: img.url } ); } }
1209
- type="image"
1210
- value={ profileImgID }
1211
- render={ ( { open } ) => (
1212
- <Button onClick={ open }>
1213
- { ! profileImgID ? <img src={profileImgURL} alt="placeholder" /> : <img
1214
- className="profile-avatar"
1215
- src={ profileImgURL }
1216
- alt="avatar"
1217
- /> }
1218
- </Button>
1219
- ) }
1220
- >
1221
- </MediaUpload>
1222
- </div>
1223
- </div>
1224
- {showDescription &&
1225
- <RichText
1226
- tagName="div"
1227
- className='mpp-profile-text'
1228
- placeholder={ __( 'Add profile text...', 'metronet-profile-picture' ) }
1229
- value={ profileContent }
1230
- formattingControls={ [ 'bold', 'italic', 'strikethrough', 'link' ] }
1231
- onChange={ ( value ) => {this.onChangeProfileText(value); setAttributes( { profileContent: value } ) } }
1232
- />
1233
- }
1234
- <div className="mpp-compact-meta">
1235
- {showViewPosts &&
1236
- <div
1237
- className="mpp-profile-view-posts"
1238
- style={ {
1239
- backgroundColor: profileViewPostsBackgroundColor,
1240
- color: profileViewPostsTextColor,
1241
- width: '90%',
1242
- margin: '0 auto 10px auto',
1243
- fontSize: buttonFontSize + 'px'
1244
- } }
1245
- >
1246
- <a
1247
- href={profileURL}
1248
- style={ {
1249
- backgroundColor: profileViewPostsBackgroundColor,
1250
- color: profileViewPostsTextColor,
1251
- } }
1252
- >{__('View Posts', 'metronet-profile-picture')}</a>
1253
- </div>
1254
- }
1255
- { this.state.website != '' && showWebsite &&
1256
- <div
1257
- className="mpp-profile-view-website"
1258
- style={ {
1259
- backgroundColor: profileWebsiteBackgroundColor,
1260
- color: profileWebsiteTextColor,
1261
- fontSize: buttonFontSize + 'px',
1262
- width: '90%',
1263
- margin: '0 auto',
1264
- } }
1265
- >
1266
- <a
1267
- href={this.state.website}
1268
- style={ {
1269
- backgroundColor: profileWebsiteBackgroundColor,
1270
- color: profileWebsiteTextColor,
1271
- } }
1272
- >{__('View Website', 'metronet-profile-picture')}</a>
1273
- </div>
1274
- }
1275
- </div>
1276
- </div>
1277
- }
1278
- { this.state.showSocialMedia == true && ( this.state.theme === 'regular' || this.state.theme === 'compact' || this.state.theme === 'profile' ) &&
1279
- <div className="mpp-social">
1280
- { this.state.socialFacebook != '' &&
1281
- <a href={this.state.socialFacebook}>
1282
- <svg className="icon icon-facebook" role="img" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>
1283
- <use href="#facebook"></use>
1284
- </svg>
1285
- </a>
1286
- }
1287
- { this.state.socialTwitter != '' &&
1288
- <a href={this.state.socialTwitter}>
1289
- <svg className="icon icon-twitter" role="img" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>
1290
- <use href="#twitter"></use>
1291
- </svg>
1292
- </a>
1293
- }
1294
- { this.state.socialInstagram != '' &&
1295
- <a href={this.state.socialInstagram}>
1296
- <svg className="icon icon-instagram" role="img" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>
1297
- <use href="#instagram"></use>
1298
- </svg>
1299
- </a>
1300
- }
1301
- { this.state.socialPinterest != '' &&
1302
- <a href={this.state.socialPinterest}>
1303
- <svg className="icon icon-pinterest" role="img" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>
1304
- <use href="#pinterest"></use>
1305
- </svg>
1306
- </a>
1307
- }
1308
- { this.state.socialLinkedIn != '' &&
1309
- <a href={this.state.socialLinkedIn}>
1310
- <svg className="icon icon-linkedin" role="img" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>
1311
- <use href="#linkedin"></use>
1312
- </svg>
1313
- </a>
1314
- }
1315
- { this.state.socialYouTube != '' &&
1316
- <a href={this.state.socialYouTube}>
1317
- <svg className="icon icon-youtube" role="img" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>
1318
- <use href="#youtube"></use>
1319
- </svg>
1320
- </a>
1321
- }
1322
- { this.state.socialGitHub != '' &&
1323
- <a href={this.state.socialGitHub}>
1324
- <svg className="icon icon-github" role="img" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>
1325
- <use href="#github"></use>
1326
- </svg>
1327
- </a>
1328
- }
1329
- { this.state.socialWordPress != '' &&
1330
- <a href={this.state.socialWordPress}>
1331
- <svg className="icon icon-wordpress" role="img" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>
1332
- <use href="#wordpress"></use>
1333
- </svg>
1334
- </a>
1335
- }
1336
- </div>
1337
- }
1338
- </div>
1339
- }
1340
- { this.state.theme === 'tabbed' &&
1341
- <Fragment>
1342
- <div
1343
- className={
1344
- classnames(
1345
- 'mpp-author-tabbed',
1346
- this.state.theme,
1347
- profileAlignment,
1348
- profileAvatarShape,
1349
- 'mpp-block-profile'
1350
- )
1351
- }
1352
- >
1353
- <ul className="mpp-author-tabs">
1354
- <li className={
1355
- classnames(
1356
- 'mpp-tab-profile',
1357
- this.state.activeTab === 'profile' ? 'active' : ''
1358
- )
1359
-
1360
- }
1361
- onClick={this.onChangeActiveProfileTab}
1362
- style={{backgroundColor: this.state.profileTabColor, color: this.state.profileTabTextColor}}
1363
- >
1364
- <RichText
1365
- tagName="span"
1366
- placeholder={ __( 'Add tab name.', 'metronet-profile-picture' ) }
1367
- value={this.state.tabbedAuthorProfile}
1368
- formattingControls={[]}
1369
- onChange={ ( value ) => {this.onChangetabbedAuthorProfile(value); setAttributes( { tabbedAuthorProfile: value } ) } }
1370
- />
1371
- </li>
1372
- <li className={
1373
- classnames(
1374
- 'mpp-tab-posts',
1375
- this.state.activeTab === 'latest' ? 'active' : ''
1376
- )}
1377
- onClick={this.onChangeActivePostTab}
1378
- style={{backgroundColor: this.state.profileTabPostsColor, color: this.state.profileTabPostsTextColor}}
1379
- >
1380
- <RichText
1381
- tagName="span"
1382
- placeholder={ __( 'Add tab name.', 'metronet-profile-picture' ) }
1383
- value={this.state.tabbedAuthorLatestPosts}
1384
- formattingControls={[]}
1385
- onChange={ ( value ) => {this.onChangetabbedAuthorLatestPosts(value); setAttributes( { tabbedAuthorLatestPosts: value } ) } }
1386
- />
1387
- </li>
1388
- </ul>
1389
- <div className="mpp-tab-wrapper"
1390
- style={ {
1391
- padding: padding + 'px',
1392
- border: border + 'px solid ' + borderColor,
1393
- borderRadius: borderRounded + 'px',
1394
- backgroundColor: profileBackgroundColor,
1395
- color: profileTextColor,
1396
- } }
1397
- >
1398
- { this.state.activeTab === 'profile' &&
1399
- <Fragment>
1400
- <div className="mpp-author-social-wrapper">
1401
- <div className="mpp-author-heading">
1402
- <RichText
1403
- tagName="div"
1404
- className="mpp-author-profile-heading"
1405
- value={ this.state.tabbedAuthorProfileHeading }
1406
- formattingControls={[]}
1407
- onChange={ ( value ) => {this.onChangetabbedAuthorProfileHeading(value); setAttributes( { profileTabHeadlineTextColor: value } ) } }
1408
- style={{backgroundColor: this.state.profileTabHeadlineColor, color: this.state.profileTabHeadlineTextColor}}
1409
- />
1410
- </div>
1411
- {this.state.showSocialMedia &&
1412
- <div className="mpp-author-social">
1413
- <div className="mpp-social">
1414
- { this.state.socialFacebook != '' &&
1415
- <a href={this.state.socialFacebook}>
1416
- <svg className="icon icon-facebook" role="img" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>
1417
- <use href="#facebook"></use>
1418
- </svg>
1419
- </a>
1420
- }
1421
- { this.state.socialTwitter != '' &&
1422
- <a href={this.state.socialTwitter}>
1423
- <svg className="icon icon-twitter" role="img" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>
1424
- <use href="#twitter"></use>
1425
- </svg>
1426
- </a>
1427
- }
1428
- { this.state.socialInstagram != '' &&
1429
- <a href={this.state.socialInstagram}>
1430
- <svg className="icon icon-instagram" role="img" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>
1431
- <use href="#instagram"></use>
1432
- </svg>
1433
- </a>
1434
- }
1435
- { this.state.socialPinterest != '' &&
1436
- <a href={this.state.socialPinterest}>
1437
- <svg className="icon icon-pinterest" role="img" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>
1438
- <use href="#pinterest"></use>
1439
- </svg>
1440
- </a>
1441
- }
1442
- { this.state.socialLinkedIn != '' &&
1443
- <a href={this.state.socialLinkedIn}>
1444
- <svg className="icon icon-linkedin" role="img" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>
1445
- <use href="#linkedin"></use>
1446
- </svg>
1447
- </a>
1448
- }
1449
- { this.state.socialYouTube != '' &&
1450
- <a href={this.state.socialYouTube}>
1451
- <svg className="icon icon-youtube" role="img" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>
1452
- <use href="#youtube"></use>
1453
- </svg>
1454
- </a>
1455
- }
1456
- { this.state.socialGitHub != '' &&
1457
- <a href={this.state.socialGitHub}>
1458
- <svg className="icon icon-github" role="img" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>
1459
- <use href="#github"></use>
1460
- </svg>
1461
- </a>
1462
- }
1463
- { this.state.socialWordPress != '' &&
1464
- <a href={this.state.socialWordPress}>
1465
- <svg className="icon icon-wordpress" role="img" style={{fill: this.state.socialMediaOptions === 'custom' ? socialMediaColors : ''}}>
1466
- <use href="#wordpress"></use>
1467
- </svg>
1468
- </a>
1469
- }
1470
- </div>
1471
- </div>
1472
- }
1473
- </div>
1474
- <div className="mpp-profile-image-wrapper">
1475
- <div className="mpp-profile-image-square">
1476
- <MediaUpload
1477
- buttonProps={ {
1478
- className: 'change-image'
1479
- } }
1480
- onSelect={ ( img ) => { this.handleImageChange( img.id, img.url ); setAttributes( { profileImgID: img.id, profileImgURL: img.url } ); } }
1481
- type="image"
1482
- value={ profileImgID }
1483
- render={ ( { open } ) => (
1484
- <Button onClick={ open }>
1485
- { ! profileImgID ? <img src={profileImgURL} alt="placeholder" /> : <img
1486
- className="profile-avatar"
1487
- src={ profileImgURL }
1488
- alt="avatar"
1489
- /> }
1490
- </Button>
1491
- ) }
1492
- >
1493
- </MediaUpload>
1494
- <RichText
1495
- tagName="div"
1496
- className="mpp-author-profile-sub-heading"
1497
- placeholder={ __( 'Add profile description...', 'metronet-profile-picture' ) }
1498
- value={ this.state.tabbedAuthorSubHeading }
1499
- formattingControls={ [ 'bold', 'italic', 'strikethrough', 'link' ] }
1500
- onChange={ ( value ) => {this.onChangeTabbedSubHeading(value); setAttributes( { tabbedAuthorSubHeading: value } ) } }
1501
- />
1502
- </div>
1503
-
1504
- </div>
1505
- <div className="mpp-tabbed-profile-information">
1506
- { showTitle &&
1507
- <RichText
1508
- tagName="div"
1509
- className="mpp-author-profile-title"
1510
- placeholder={ __( 'Add profile title...', 'metronet-profile-picture' ) }
1511
- value={ tabbedAuthorProfileTitle }
1512
- formattingControls={ [ 'bold', 'italic', 'strikethrough', 'link' ] }
1513
- onChange={ ( value ) => { setAttributes( { tabbedAuthorProfileTitle: value } ) } }
1514
- />
1515
- }
1516
- { showName &&
1517
- <RichText
1518
- tagName="h2"
1519
- placeholder={ __( 'Add name', 'metronet-profile-picture' ) }
1520
- value={ profileName }
1521
- className='mpp-profile-name'
1522
- style={ {
1523
- color: profileTextColor,
1524
- fontSize: headerFontSize + 'px'
1525
- } }
1526
- onChange={ ( value ) => { this.onChangeName(value); setAttributes( { profileName: value } ) } }
1527
- />
1528
- }
1529
- { showDescription &&
1530
- <RichText
1531
- tagName="div"
1532
- className={
1533
- classnames(
1534
- 'mpp-profile-text',
1535
- 'mt-font-size-' + profileFontSize,
1536
- )
1537
- }
1538
- placeholder={ __( 'Add profile text...', 'metronet-profile-picture' ) }
1539
- value={ profileContent }
1540
- formattingControls={ [ 'bold', 'italic', 'strikethrough', 'link' ] }
1541
- onChange={ ( value ) => {this.onChangeProfileText(value); setAttributes( { profileContent: value } ) } }
1542
- />
1543
- }
1544
- </div>
1545
- </Fragment>
1546
- }
1547
- {this.state.activeTab === 'latest' &&
1548
- <Fragment>
1549
- {this.state.loadingLatestPosts &&
1550
- <Fragment>
1551
- <div>
1552
- <div className="mpp-spinner"><Spinner /></div>
1553
- </div>
1554
-
1555
- </Fragment>
1556
- }
1557
- {!this.state.loadingLatestPosts &&
1558
- <Fragment>
1559
- <ul
1560
- className={
1561
- classnames(
1562
- 'mpp-author-tab-content',
1563
- this.state.profileLatestPostsOptionsValue
1564
- )
1565
- }>
1566
- {this.state.latestPosts}
1567
- </ul>
1568
- </Fragment>
1569
- }
1570
- </Fragment>
1571
- }
1572
- </div>
1573
- </div>
1574
- </Fragment>
1575
- }
1576
- </Fragment>
1577
-
1578
- }
1579
- </Fragment>
1580
- );
1581
- }
1582
- }
1583
-
1584
- export default MPP_Gutenberg_Enhanced;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
src/block/style.scss DELETED
@@ -1,767 +0,0 @@
1
- .post-content .mpp-profile-wrap,
2
- .post-content .mpp-enhanced-profile-wrap {
3
- h1, h2 , h3, h4 , h5, h6 {
4
- clear: none;
5
- }
6
- h2 {
7
- margin: 0;
8
- margin-bottom: 10px;
9
- }
10
- p {
11
- margin-bottom: 10px;
12
- }
13
- }
14
- .mpp-profile-wrap {
15
- margin: 0 auto;
16
- padding: 3%;
17
- border-radius: 5px;
18
- margin-bottom: 1.2em;
19
- margin-bottom: 20px;
20
- line-height: 1.3;
21
- &.round .mpp-profile-image-wrapper {
22
- border-radius: 50%;
23
- overflow: hidden;
24
- }
25
- &.round .mpp-profile-image-wrapper img {
26
- border-radius: 50%;
27
- }
28
- h1,h2,h3,h4,h5,h6 {
29
- clear: none;
30
- }
31
- h2 {
32
- margin-top: 0;
33
- margin-bottom: 10px;
34
- }
35
- h2:before {
36
- display: none;
37
- }
38
- .mpp-profile-image-wrapper {
39
- position: relative;
40
- float: left;
41
- line-height: 1.1;
42
- z-index: 1000;
43
- background: #ddd;
44
- position: relative;
45
- min-width: 150px;
46
- min-height: 150px;
47
- max-width: 150px;
48
- max-height: 150px;
49
- width: 100%;
50
- margin-right: 20px;
51
- margin-bottom: 20px;
52
- button {
53
- position: relative;
54
- min-width: 150px;
55
- min-height: 150px;
56
- max-width: 150px;
57
- max-height: 150px;
58
- z-index: 1000;
59
- }
60
- .mpp-profile-image-square {
61
- position: relative;
62
- top: 0;
63
- left: 0;
64
- height: 100%;
65
- width: 100%;
66
- z-index: 5;
67
- }
68
- .mpp-profile-image-square img {
69
- height: 100%;
70
- width: 100%;
71
- position: relative;
72
- z-index: 5;
73
- }
74
- .mpp-content-wrap {
75
- display: block;
76
- padding: 0 15px 0 15px;
77
- -ms-flex: 3 0 0px;
78
- flex: 3 0 0;
79
- }
80
- .mpp-profile-name {
81
- font: 1.4em;
82
- line-height: 1.2;
83
- }
84
- @media only screen and (max-width: 600px) {
85
- flex: auto;
86
- }
87
- }
88
- .mpp-gutenberg-view-posts {
89
- clear: both;
90
- padding-top: 20px;
91
- }
92
- .mpp-profile-view-posts {
93
- clear: both;
94
- display: block;
95
- width: 100%;
96
- text-align: center;
97
- padding: 10px 20px;
98
- background-color: #cf6d38;
99
- color: #FFF;
100
- a,
101
- a:hover,
102
- a:visited {
103
- display: block;
104
- width: 100%;
105
- height: 100%;
106
- color: #FFF;
107
- text-decoration: none;
108
- }
109
- }
110
- }
111
-
112
- .mpp-enhanced-profile-wrap.regular {
113
- position: relative;
114
- margin: 0 auto;
115
- line-height: 1.5;
116
- &.round .mpp-profile-image-wrapper {
117
- border-radius: 50%;
118
- overflow: hidden;
119
- }
120
- &.round .mpp-profile-image-wrapper img {
121
- border-radius: 50%;
122
- }
123
- h1,h2,h3,h4,h5,h6 {
124
- clear: none;
125
- }
126
- h2:before {
127
- display: none;
128
- }
129
- .mpp-profile-image-wrapper {
130
- position: relative;
131
- float: left;
132
- line-height: 1.1;
133
- z-index: 1000;
134
- background: #ddd;
135
- position: relative;
136
- min-width: 150px;
137
- min-height: 150px;
138
- max-width: 150px;
139
- max-height: 150px;
140
- width: 100%;
141
- margin-right: 20px;
142
- margin-bottom: 20px;
143
- @media only screen and (max-width: 400px) {
144
- float: none;
145
- text-align: center;
146
- margin: 0 auto;
147
- }
148
- button {
149
- position: relative;
150
- min-width: 150px;
151
- min-height: 150px;
152
- max-width: 150px;
153
- max-height: 150px;
154
- z-index: 1000;
155
- }
156
- .mpp-profile-image-square {
157
- position: relative;
158
- top: 0;
159
- left: 0;
160
- height: 100%;
161
- width: 100%;
162
- z-index: 5;
163
-
164
- }
165
- .mpp-profile-image-square img {
166
- height: 100%;
167
- width: 100%;
168
- position: relative;
169
- z-index: 5;
170
- }
171
- .mpp-content-wrap {
172
- display: block;
173
- padding: 0 15px 0 15px;
174
- -ms-flex: 3 0 0px;
175
- flex: 3 0 0;
176
- @media only screen and (max-width: 400px) {
177
- display: block;
178
- text-align: center;
179
- margin: 0 auto;
180
- }
181
- }
182
- .mpp-profile-name {
183
- font: 1.4em;
184
- line-height: 1.2;
185
- }
186
- @media only screen and (max-width: 600px) {
187
- flex: auto;
188
- }
189
- }
190
- .mpp-content-wrap {
191
- @media only screen and (max-width: 400px) {
192
- display: block;
193
- text-align: center;
194
- margin: 0 auto;
195
- }
196
- }
197
- .mpp-gutenberg-view-posts {
198
- clear: both;
199
- &:after {
200
- content: "";
201
- display: table;
202
- clear: both;
203
- }
204
- }
205
-
206
- .mpp-profile-view-posts {
207
- clear: both;
208
- display: block;
209
- float: left;
210
- text-align: center;
211
- padding: 10px 20px;
212
- margin-top: 20px;
213
- margin-right: 20px;
214
- background-color: #cf6d38;
215
- color: #FFF;
216
- a,
217
- a:hover,
218
- a:visited {
219
- display: block;
220
- width: 100%;
221
- height: 100%;
222
- color: #FFF;
223
- text-decoration: none;
224
- }
225
- &:after {
226
- content: "";
227
- display: table;
228
- clear: both;
229
- }
230
- @media only screen and (max-width: 400px) {
231
- display: block;
232
- width: 90%;
233
- margin: 0 auto;
234
- text-align: center;
235
- margin-bottom: 10px;
236
- }
237
- }
238
-
239
- .mpp-profile-view-website {
240
- display: block;
241
- float: left;
242
- text-align: center;
243
- padding: 10px 20px;
244
- margin-top: 20px;
245
- background-color: #333;
246
- color: #FFF;
247
- a,
248
- a:hover,
249
- a:visited {
250
- display: block;
251
- width: 100%;
252
- height: 100%;
253
- color: #FFF;
254
- text-decoration: none;
255
- }
256
- @media only screen and (max-width: 400px) {
257
- display: block;
258
- width: 90%;
259
- margin: 0 auto;
260
- text-align: center;
261
- margin-bottom: 10px;
262
- }
263
- }
264
- }
265
-
266
-
267
- /* Icon Sizes */
268
- $sizes: 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24;
269
- @each $size in $sizes {
270
- .mpp-profile-wrap.mt-font-size-#{$size},
271
- .mpp-enhanced-profile-wrap.regular .mt-font-size-#{$size},
272
- .mpp-enhanced-profile-wrap.profile .mt-font-size-#{$size},
273
- .mpp-enhanced-profile-wrap.compact .mt-font-size-#{$size},
274
- .mpp-profile-text.mt-font-size-#{$size} {
275
- font-size: #{$size}px;
276
- p,
277
- div {
278
- font-size: #{$size}px;
279
- }
280
-
281
- }
282
- }
283
-
284
- /* For Social Media */
285
- .mpp-social {
286
- margin-top: 15px;
287
- svg {
288
- max-width: 32px;
289
- max-height: 32px;
290
- margin-right: 10px;
291
- }
292
- a,
293
- a:hover,
294
- a:visited {
295
- text-decoration: none !important;
296
- }
297
- }
298
- /* Social Media Colors */
299
- $colors: twitter #00aced,
300
- amazon #000000,
301
- behance #0692e9,
302
- blogger #fb8f3d,
303
- codepen #000000,
304
- dribble #F46899,
305
- dropbox #018BD3,
306
- eventbrite #f6682F,
307
- facebook #3b5998,
308
- flickr #ff0084,
309
- foursquare #0072b1,
310
- ghost #000000,
311
- github #070709,
312
- google-plus #CF3D2E,
313
- instagram #A1755C,
314
- linkedin #0085AE,
315
- feed #f26522,
316
- medium #000000,
317
- path #000000,
318
- pinterest #CC2127,
319
- pocket #000000,
320
- polldaddy #bc0b0b,
321
- reddit #000000,
322
- skype #01AEF2,
323
- spotify #1ed760,
324
- squarespace #000000,
325
- stumbleupon #EB4823,
326
- telegram #000000,
327
- tumblr-alt #314E6C,
328
- twitch #4b367c,
329
- twitter-alt #00aced,
330
- vimeo #1ab7ea,
331
- wordpress #21759b,
332
- youtube #bb0000
333
- ;
334
- .mpp-social {
335
- clear: both;
336
- }
337
- .mpp-social svg {
338
- @each $color in $colors {
339
- &.icon-#{nth($color,1)} {
340
- fill: #{nth($color,2)};
341
- }
342
- }
343
- }
344
-
345
- .mpp-enhanced-profile-wrap.profile {
346
- padding: 10px;
347
- h2 {
348
- margin: 0;
349
- font-size: 0.8em;
350
- font-weight: normal;
351
- margin-bottom: 5px;
352
- &:before {
353
- display: none;
354
- }
355
- @media only screen and (max-width: 400px) {
356
- text-align: center;
357
- }
358
- }
359
- &.round .profile-avatar {
360
- border-radius: 50%;
361
- }
362
- .mpp-profile-image-wrapper {
363
- position: relative;
364
- float: left;
365
- line-height: 1.0;
366
- z-index: 1000;
367
- min-width: 150px;
368
- min-height: 150px;
369
- max-width: 150px;
370
- max-height: 150px;
371
- margin-right: 15px;
372
-
373
- @media only screen and (max-width: 400px) {
374
- float: none;
375
- text-align: center;
376
- margin: 0 auto;
377
- }
378
- }
379
- .mpp-profile-meta {
380
- clear: both;
381
- margin: 10px 0;
382
- &:after {
383
- content: "";
384
- display: table;
385
- clear: both;
386
- }
387
- }
388
- .alignleft {
389
- max-width: none;
390
- float: left;
391
- @media only screen and (max-width: 400px) {
392
- float: none;
393
- text-align: center;
394
- margin: 0 auto;
395
- }
396
- }
397
- .alignright {
398
- max-width: none;
399
- @media only screen and (max-width: 400px) {
400
- float: none;
401
- text-align: center;
402
- margin: 0 auto;
403
- }
404
- }
405
- }
406
-
407
- /* For Tabbed Theme */
408
- .mpp-author-tabbed {
409
- padding: 10px;
410
- &:after {
411
- content: "";
412
- display: table;
413
- clear: both;
414
- }
415
- .mpp-social {
416
- margin-top: 0;
417
- }
418
- .mpp-author-social-wrapper {
419
- &:after {
420
- content: "";
421
- display: table;
422
- clear: both;
423
- }
424
- margin-bottom: 10px;
425
- }
426
- h1, h2, h3, h4, h5 , h6 {
427
- clear: none;
428
- }
429
- h2 {
430
- font-size: 0.8em;
431
- font-weight: normal;
432
- margin-bottom: 5px;
433
- &:before {
434
- display: none;
435
- }
436
- }
437
- .mpp-tab-wrapper {
438
- clear: both;
439
- }
440
- .mpp-author-heading {
441
- float: left;
442
- @media only screen and (max-width: 600px) {
443
- float: none;
444
- text-align: center;
445
- margin: 0 auto;
446
- width: 90%;
447
- }
448
- }
449
- .mpp-author-social {
450
- float: right;
451
- @media only screen and (max-width: 600px) {
452
- float: none;
453
- text-align: center;
454
- margin: 0 auto;
455
- }
456
- }
457
- .mpp-author-heading .mpp-author-profile-heading {
458
- display: inline-block;
459
- background: #42737b;
460
- color: #FFF;
461
- padding: 10px 20px;
462
- font-size: 14px;
463
- text-transform: uppercase;
464
- @media only screen and (max-width: 600px) {
465
- display: block;
466
- margin-bottom: 10px;
467
- }
468
- }
469
- .mpp-author-profile-sub-heading {
470
- font-size: 14px;
471
- line-height: 1.1;
472
- max-width: 150px;
473
- text-align: center;
474
- }
475
- &.round .profile-avatar {
476
- border-radius: 50%;
477
- }
478
- .mpp-profile-image-wrapper {
479
- clear: both;
480
- position: relative;
481
- float: left;
482
- line-height: 1.0;
483
- z-index: 1000;
484
- margin-right: 30px;
485
- img {
486
- min-width: 150px;
487
- min-height: 150px;
488
- max-height: 150px;
489
- max-width: 150px;
490
- }
491
-
492
-
493
- }
494
- .mpp-profile-meta {
495
- clear: both;
496
- margin: 10px 0;
497
- &:after {
498
- content: "";
499
- display: table;
500
- clear: both;
501
- }
502
- }
503
- .mpp-author-profile-title {
504
- color: gray;
505
- text-transform: uppercase;
506
- font-size: 12px;
507
- }
508
- .mpp-tabbed-profile-information {
509
- &:after {
510
- content: "";
511
- display: table;
512
- clear: both;
513
- }
514
- }
515
- .mpp-tab {
516
- display: none;
517
- }
518
- .mpp-tab-active {
519
- display: block;
520
- }
521
- ul.mpp-author-tabs {
522
- position:relative;
523
- list-style-type: none;
524
- margin: 0;
525
- padding: 0;
526
- text-align: center;
527
-
528
- li {
529
- cursor: pointer;
530
- position: relative;
531
- display: inline-block;
532
- min-width: 200px;
533
- background: #42737b;
534
- margin: 0 5px 0 0;
535
- text-align: center;
536
- margin-right: 10px;
537
- color: #FFF;
538
- padding: 10px 20px;
539
- font-size: 16px;
540
- @media only screen and (max-width: 500px) {
541
- width: 100%;
542
- display: block;
543
- }
544
-
545
- &.active:after {
546
- content: "";
547
- display: block;
548
- position: absolute;
549
- bottom: -10px;
550
- left: calc(50% - 10px);
551
- border-top: 10px solid #42737b;
552
- border-top-color: #42737b;
553
- border-left: 10px solid transparent;
554
- border-right: 10px solid transparent;
555
- @media only screen and (max-width: 500px) {
556
- display: none;
557
- }
558
- }
559
- }
560
- li:last-child {
561
- margin-right: 0;
562
- }
563
- li.mpp-tab-posts {
564
- background: #30424b;
565
- &.active:after {
566
- border-top: 10px solid #30424b;
567
- border-top-color: #30424b;
568
- }
569
- }
570
- }
571
- ul.mpp-author-tab-content {
572
- list-style-type: none;
573
- margin: 0;
574
- padding: 0;
575
- li {
576
- margin: 0;
577
- }
578
- &.white {
579
- a,
580
- a:hover,
581
- a:visited {
582
- display: block;
583
- background: #FFFFFF;
584
- border: 1px solid darken(#FFFFFF, 5%);
585
- padding: 10px 20px;
586
- text-decoration: none;
587
- color: #333;
588
- }
589
- a:hover {
590
- background: darken(#FFFFFF, 5%);
591
- }
592
- }
593
- &.light {
594
- a,
595
- a:hover,
596
- a:visited {
597
- display: block;
598
- background: #f7f7f7;
599
- border: 1px solid darken(#f7f7f7, 10%);
600
- padding: 10px 20px;
601
- text-decoration: none;
602
- color: #333;
603
- }
604
- a:hover {
605
- background: darken(#f7f7f7, 10%);
606
- }
607
- }
608
- &.black {
609
- a,
610
- a:hover,
611
- a:visited {
612
- display: block;
613
- background: #333;
614
- color: #FFF;
615
- border: 1px solid darken(#333, 10%);
616
- padding: 10px 20px;
617
- text-decoration: none;
618
- }
619
- a:hover {
620
- background: darken(#333, 10%);
621
- }
622
- }
623
- &.magenta {
624
- a,
625
- a:hover,
626
- a:visited {
627
- display: block;
628
- background: #FF00FF;
629
- color: #FFF;
630
- border: 1px solid darken(#FF00FF, 10%);
631
- padding: 10px 20px;
632
- text-decoration: none;
633
- }
634
- a:hover {
635
- background: darken(#FF00FF, 10%);
636
- }
637
- }
638
- &.blue {
639
- a,
640
- a:hover,
641
- a:visited {
642
- display: block;
643
- background: #0009c1;
644
- color: #FFF;
645
- border: 1px solid darken(#0009c1, 10%);
646
- padding: 10px 20px;
647
- text-decoration: none;
648
- }
649
- a:hover {
650
- background: darken(#0009c1, 10%);
651
- }
652
- }
653
- &.green {
654
- a,
655
- a:hover,
656
- a:visited {
657
- display: block;
658
- background: #03ac27;
659
- color: #FFF;
660
- border: 1px solid darken(#03ac27, 10%);
661
- padding: 10px 20px;
662
- text-decoration: none;
663
- }
664
- a:hover {
665
- background: darken(#03ac27, 10%);
666
- }
667
- }
668
- }
669
- }
670
-
671
- /* For Compact Theme */
672
- .mpp-enhanced-profile-wrap.compact {
673
- text-align: center;
674
- padding: 10px;
675
- max-width: 400px;
676
- margin: 0 auto;
677
- line-height: 1.1;
678
- &.center {
679
- margin: 0 auto;
680
- }
681
- &.left {
682
- margin-left: 0;
683
- }
684
- &.right {
685
- margin-right: 0;
686
- }
687
- .mpp-social svg {
688
- margin-right: 0;
689
- }
690
- h2 {
691
- font-size: 0.8em;
692
- font-weight: normal;
693
- margin-bottom: 5px;
694
- &:before {
695
- display: none;
696
- }
697
- }
698
- &.round .profile-avatar {
699
- border-radius: 50%;
700
- }
701
- .mpp-profile-image-wrapper {
702
- position: relative;
703
- text-align: center;
704
- line-height: 1.0;
705
- z-index: 1000;
706
- min-width: 150px;
707
- min-height: 150px;
708
- max-width: 150px;
709
- max-height: 150px;
710
- margin: 0 auto;
711
- }
712
- .mpp-profile-text {
713
- line-height: 1.1;
714
- }
715
- .mpp-compact-meta {
716
- clear: both;
717
- margin: 10px 0;
718
- &:after {
719
- content: "";
720
- display: table;
721
- clear: both;
722
- }
723
- }
724
- .mpp-profile-view-posts {
725
- clear: both;
726
- display: block;
727
- text-align: center;
728
- padding: 10px 20px;
729
- margin-top: 20px;
730
- margin-right: 20px;
731
- background-color: #cf6d38;
732
- color: #FFF;
733
- margin-bottom: 10px;
734
- a,
735
- a:hover,
736
- a:visited {
737
- display: block;
738
- width: 100%;
739
- height: 100%;
740
- color: #FFF;
741
- text-decoration: none;
742
- }
743
- &:after {
744
- content: "";
745
- display: table;
746
- clear: both;
747
- }
748
- }
749
-
750
- .mpp-profile-view-website {
751
- display: block;
752
- text-align: center;
753
- padding: 10px 20px;
754
- margin-top: 20px;
755
- background-color: #333;
756
- color: #FFF;
757
- a,
758
- a:hover,
759
- a:visited {
760
- display: block;
761
- width: 100%;
762
- height: 100%;
763
- color: #FFF;
764
- text-decoration: none;
765
- }
766
- }
767
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
src/blocks.js DELETED
@@ -1,12 +0,0 @@
1
- /**
2
- * Gutenberg Blocks
3
- *
4
- * All blocks related JavaScript files should be imported here.
5
- * You can create a new block folder in this dir and include code
6
- * for that block here as well.
7
- *
8
- * All blocks should be included here since this is the file that
9
- * Webpack is compiling as the input file.
10
- */
11
-
12
- import './block/block.js';
 
 
 
 
 
 
 
 
 
 
 
 
src/common.scss DELETED
@@ -1,13 +0,0 @@
1
- /**
2
- * #.# Common SCSS
3
- *
4
- * Can include things like variables and mixins
5
- * that are used across the project.
6
- */
7
-
8
- // Colors.
9
- $black: rgb(41, 41, 41);
10
- $white: #f4f4f4;
11
- $gray: #dedede;
12
- $green: #bada55;
13
- $red: orangered;