urnovl-web-components 0.0.54 → 0.0.56
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ur-profile.cjs.entry.js +112 -0
- package/dist/cjs/ur-profile.cjs.entry.js.map +1 -0
- package/dist/cjs/ur-user-profile.cjs.entry.js +1 -1
- package/dist/cjs/urnovl-web-components.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/ur-profile/icons.js +62 -0
- package/dist/collection/components/ur-profile/icons.js.map +1 -0
- package/dist/collection/components/ur-profile/ur-profile.css +164 -0
- package/dist/collection/components/ur-profile/ur-profile.js +485 -0
- package/dist/collection/components/ur-profile/ur-profile.js.map +1 -0
- package/dist/collection/components/ur-user-profile/ur-user-profile.js +1 -1
- package/dist/collection/stories/Profile.stories.js +65 -0
- package/dist/collection/stories/Profile.stories.js.map +1 -0
- package/dist/components/ur-profile.d.ts +11 -0
- package/dist/components/ur-profile.js +152 -0
- package/dist/components/ur-profile.js.map +1 -0
- package/dist/components/ur-user-profile.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ur-profile.entry.js +108 -0
- package/dist/esm/ur-profile.entry.js.map +1 -0
- package/dist/esm/ur-user-profile.entry.js +1 -1
- package/dist/esm/urnovl-web-components.js +1 -1
- package/dist/types/components/ur-profile/icons.d.ts +8 -0
- package/dist/types/components/ur-profile/ur-profile.d.ts +27 -0
- package/dist/types/components.d.ts +61 -0
- package/dist/types/stories/Profile.stories.d.ts +11 -0
- package/dist/urnovl-web-components/p-0cd20512.entry.js +2 -0
- package/dist/urnovl-web-components/p-90b1a605.entry.js +2 -0
- package/dist/urnovl-web-components/p-90b1a605.entry.js.map +1 -0
- package/dist/urnovl-web-components/urnovl-web-components.esm.js +1 -1
- package/dist/urnovl-web-components/urnovl-web-components.esm.js.map +1 -1
- package/package.json +6 -6
- package/dist/urnovl-web-components/p-2de24a17.entry.js +0 -2
- /package/dist/urnovl-web-components/{p-2de24a17.entry.js.map → p-0cd20512.entry.js.map} +0 -0
|
@@ -0,0 +1,485 @@
|
|
|
1
|
+
import { Host, h } from "@stencil/core";
|
|
2
|
+
import { Icons } from "./icons";
|
|
3
|
+
export class UrProfile {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.name = undefined;
|
|
6
|
+
this.description = null;
|
|
7
|
+
this.location = null;
|
|
8
|
+
this.facebook_url = null;
|
|
9
|
+
this.twitter_url = null;
|
|
10
|
+
this.linkedin_url = null;
|
|
11
|
+
this.email = null;
|
|
12
|
+
this.phone = null;
|
|
13
|
+
this.website = null;
|
|
14
|
+
this.show_follow = true;
|
|
15
|
+
this.show_donate = true;
|
|
16
|
+
this.show_become_member = true;
|
|
17
|
+
this.show_send_message = true;
|
|
18
|
+
this.show_stats = true;
|
|
19
|
+
this.stories_count = 0;
|
|
20
|
+
this.views_count = 0;
|
|
21
|
+
this.followers_count = 0;
|
|
22
|
+
this.writers_count = 0;
|
|
23
|
+
this.show_languages = true;
|
|
24
|
+
this.languages = 'English';
|
|
25
|
+
this.show_genres = true;
|
|
26
|
+
this.genres = 'All';
|
|
27
|
+
this.show_member_since = true;
|
|
28
|
+
this.member_since = 'May 25, 20215';
|
|
29
|
+
}
|
|
30
|
+
render() {
|
|
31
|
+
return (h(Host, { key: '2ad2808b5f36fe8a07f619e6e47c79a2bf3bd28f' }, h("div", { key: 'ab8c6aa1d0003119a5a95815d24d17778e6bbef3', class: "profile" }, h("div", { key: 'e81c332bdcf3a8906082ab6c24042340bc0a824e', class: "name" }, this.name), this.description && h("div", { key: 'dd55ad82fac76fccc911496b0b9628947e635ac0', class: "description" }, this.description), this.location && h("div", { key: 'c917cd15ccddda7b8515c5b62b110dd497544aeb', class: "location" }, this.location), h("div", { key: 'dac14a799f29069202d77747d54bf3fbc7c1981a', class: "social" }, this.facebook_url && h("a", { key: '71bbcd5b115d3c15e536028b31fb1766f28525b1', href: this.facebook_url, title: "facebook", target: "_blank" }, h("span", { key: 'ce2bf4dea00bdefebaca852b20f8368720bd41c6', class: "icon", innerHTML: Icons.facebook })), this.twitter_url && h("a", { key: 'f9f73dbcea8aa042bd5bb0f9e6e9f62b274e9812', href: this.twitter_url, title: "twitter", target: "_blank" }, h("span", { key: 'ad57e6b5d535ad23bb2f860edf46f77153e679ca', class: "icon", innerHTML: Icons.twitter })), this.linkedin_url && h("a", { key: '5c0b2bbc903b2a35b6372552a395b3929899c02d', href: this.linkedin_url, title: "linkedin", target: "_blank" }, h("span", { key: '0014a4c009fc07f6f4430b68a56c678eaacee05d', class: "icon", innerHTML: Icons.linkedin })), this.email && h("a", { key: '1a766ca5d7142b36e927a070b1925b641619bba4', href: "mailto:" + this.email, title: "email", target: "_blank" }, h("span", { key: '0ed628c9520bbb604e9db59bc112a5f9c7776149', class: "icon", innerHTML: Icons.email })), this.phone && h("a", { key: '075f37f1f384900fc5e9f1ea1a7aec61909648a4', href: "tel:" + this.phone, title: "phone", target: "_blank" }, h("span", { key: '64bfefcaa5256669632783ab91705dffee57818a', class: "icon", innerHTML: Icons.phone }))), this.website && h("a", { key: '84994678cc1af43e86426705742d6a2bc5d528f4', class: "website", href: this.website, title: "website", target: "_blank" }, h("span", { key: '87cc930445b11e104a104a525fbbfd2f995a8e7a', class: "icon", innerHTML: Icons.website }), this.website), this.show_follow && h("div", { key: 'dc8e3ab18a5ba06f8a3252a78008ff16a786b56c', class: "follow-action action" }, h("button", { key: '4c1789101633fcbdd4a9de6bc9d8404e5032487a' }, "Follow")), this.show_donate && h("div", { key: 'c2f62356a74a29e99cbf8b8876c2fd88f557ceb4', class: "donate-action action" }, h("button", { key: '0968bf8cb46c45974fe90a86b269d5f09a220ccc' }, "Donate")), this.show_become_member && h("div", { key: '01850490c5a100516f72e6745aee438c67cfe16d', class: "member-action action" }, h("button", { key: '99c9f11c11bb74c7257668bf27ed318d06a12063' }, "Become Member")), this.show_send_message && h("div", { key: '15526bbec7669fb009f865b07f58bd3164effa4f', class: "message-action action" }, h("button", { key: 'f0ddd3ed76c0c53845d146b3ed15a9fecb5ef33e' }, "Message")), this.show_stats && h("div", { key: '44caba290f36663a788bd654cdf6ae3efa22a589', class: "stats" }, h("div", { key: 'e959c51b67504b41a187d71bb5457e1beb7340d6', class: "stat" }, h("span", { key: '7cf83086f640645ed151a2d329d1e2fe8c30ce0f', class: "label" }, "Stories"), h("span", { key: '16706b27d5363242ad2c4fe29f417d3ae916e37a', class: "value" }, this.stories_count)), h("div", { key: '77b0cb0b378d8f9d886fe9cb141df1200edf5834', class: "stat" }, h("span", { key: '67e51f16935208dc7a664046601e0e25a0e50ea5', class: "label" }, "Views"), h("span", { key: '55d2cfda57fd2fc7dd80ef9f0d7e1efa25210983', class: "value" }, this.views_count)), h("div", { key: '005abaae9920c03ca24844186419bf89820b14f1', class: "stat" }, h("span", { key: 'fc7c66202a416a6f3fdfa775ee967ce7fd8a3e94', class: "label" }, "Followers"), h("span", { key: 'a3269bd45b42da224aff158c07be0bc5619d363e', class: "value" }, this.followers_count)), h("div", { key: '982b79b6c4d657d35f589e0c05e00259ea10cdda', class: "stat" }, h("span", { key: 'c8aef58901e7af5a6dcaac5dc6196cd88e545ed4', class: "label" }, "Writers"), h("span", { key: '1588686b5a2f37c74a92a1a82ea2a1b3a08dd4e5', class: "value" }, this.writers_count))), this.show_languages && this.languages.trim().length > 0 && h("div", { key: '2ecd59a5eb35892bd2ce211f8f4a86d27f41db76', class: "languages" }, h("div", { key: '8a88695d830beab8cdd5387d9c8c1160ae12a48a', class: "title" }, "Languages"), h("div", { key: '676aaa392d92d133f572e8a53e2e9743769efe76', class: "pills" }, this.languages.split(',').map((language) => {
|
|
32
|
+
return h("div", { class: "pill" }, language.trim());
|
|
33
|
+
}))), this.show_genres && this.genres.trim().length > 0 && h("div", { key: '4bbe72759a95533e4a3d47e333e9cf295af0352d', class: "genres" }, h("div", { key: '5dece8dabc883096b0b7b4171ac37d71be406366', class: "title" }, "Genres"), h("div", { key: 'e24a15f38ff4c773c681774b7dc91385dd4f007b', class: "pills" }, this.genres.split(',').map((genre) => {
|
|
34
|
+
return h("div", { class: "pill" }, genre.trim());
|
|
35
|
+
}))), this.show_member_since && this.member_since.trim().length > 0 && h("div", { key: 'd47e775245fbf53817ae104ec63dadc4616cf90a', class: "member_since" }, "Member Since: ", this.member_since.trim()))));
|
|
36
|
+
}
|
|
37
|
+
static get is() { return "ur-profile"; }
|
|
38
|
+
static get encapsulation() { return "shadow"; }
|
|
39
|
+
static get originalStyleUrls() {
|
|
40
|
+
return {
|
|
41
|
+
"$": ["ur-profile.css"]
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
static get styleUrls() {
|
|
45
|
+
return {
|
|
46
|
+
"$": ["ur-profile.css"]
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
static get properties() {
|
|
50
|
+
return {
|
|
51
|
+
"name": {
|
|
52
|
+
"type": "any",
|
|
53
|
+
"mutable": false,
|
|
54
|
+
"complexType": {
|
|
55
|
+
"original": "any",
|
|
56
|
+
"resolved": "any",
|
|
57
|
+
"references": {}
|
|
58
|
+
},
|
|
59
|
+
"required": false,
|
|
60
|
+
"optional": false,
|
|
61
|
+
"docs": {
|
|
62
|
+
"tags": [],
|
|
63
|
+
"text": ""
|
|
64
|
+
},
|
|
65
|
+
"attribute": "name",
|
|
66
|
+
"reflect": false
|
|
67
|
+
},
|
|
68
|
+
"description": {
|
|
69
|
+
"type": "any",
|
|
70
|
+
"mutable": false,
|
|
71
|
+
"complexType": {
|
|
72
|
+
"original": "any",
|
|
73
|
+
"resolved": "any",
|
|
74
|
+
"references": {}
|
|
75
|
+
},
|
|
76
|
+
"required": false,
|
|
77
|
+
"optional": false,
|
|
78
|
+
"docs": {
|
|
79
|
+
"tags": [],
|
|
80
|
+
"text": ""
|
|
81
|
+
},
|
|
82
|
+
"attribute": "description",
|
|
83
|
+
"reflect": false,
|
|
84
|
+
"defaultValue": "null"
|
|
85
|
+
},
|
|
86
|
+
"location": {
|
|
87
|
+
"type": "any",
|
|
88
|
+
"mutable": false,
|
|
89
|
+
"complexType": {
|
|
90
|
+
"original": "any",
|
|
91
|
+
"resolved": "any",
|
|
92
|
+
"references": {}
|
|
93
|
+
},
|
|
94
|
+
"required": false,
|
|
95
|
+
"optional": false,
|
|
96
|
+
"docs": {
|
|
97
|
+
"tags": [],
|
|
98
|
+
"text": ""
|
|
99
|
+
},
|
|
100
|
+
"attribute": "location",
|
|
101
|
+
"reflect": false,
|
|
102
|
+
"defaultValue": "null"
|
|
103
|
+
},
|
|
104
|
+
"facebook_url": {
|
|
105
|
+
"type": "any",
|
|
106
|
+
"mutable": false,
|
|
107
|
+
"complexType": {
|
|
108
|
+
"original": "any",
|
|
109
|
+
"resolved": "any",
|
|
110
|
+
"references": {}
|
|
111
|
+
},
|
|
112
|
+
"required": false,
|
|
113
|
+
"optional": false,
|
|
114
|
+
"docs": {
|
|
115
|
+
"tags": [],
|
|
116
|
+
"text": ""
|
|
117
|
+
},
|
|
118
|
+
"attribute": "facebook_url",
|
|
119
|
+
"reflect": false,
|
|
120
|
+
"defaultValue": "null"
|
|
121
|
+
},
|
|
122
|
+
"twitter_url": {
|
|
123
|
+
"type": "any",
|
|
124
|
+
"mutable": false,
|
|
125
|
+
"complexType": {
|
|
126
|
+
"original": "any",
|
|
127
|
+
"resolved": "any",
|
|
128
|
+
"references": {}
|
|
129
|
+
},
|
|
130
|
+
"required": false,
|
|
131
|
+
"optional": false,
|
|
132
|
+
"docs": {
|
|
133
|
+
"tags": [],
|
|
134
|
+
"text": ""
|
|
135
|
+
},
|
|
136
|
+
"attribute": "twitter_url",
|
|
137
|
+
"reflect": false,
|
|
138
|
+
"defaultValue": "null"
|
|
139
|
+
},
|
|
140
|
+
"linkedin_url": {
|
|
141
|
+
"type": "any",
|
|
142
|
+
"mutable": false,
|
|
143
|
+
"complexType": {
|
|
144
|
+
"original": "any",
|
|
145
|
+
"resolved": "any",
|
|
146
|
+
"references": {}
|
|
147
|
+
},
|
|
148
|
+
"required": false,
|
|
149
|
+
"optional": false,
|
|
150
|
+
"docs": {
|
|
151
|
+
"tags": [],
|
|
152
|
+
"text": ""
|
|
153
|
+
},
|
|
154
|
+
"attribute": "linkedin_url",
|
|
155
|
+
"reflect": false,
|
|
156
|
+
"defaultValue": "null"
|
|
157
|
+
},
|
|
158
|
+
"email": {
|
|
159
|
+
"type": "any",
|
|
160
|
+
"mutable": false,
|
|
161
|
+
"complexType": {
|
|
162
|
+
"original": "any",
|
|
163
|
+
"resolved": "any",
|
|
164
|
+
"references": {}
|
|
165
|
+
},
|
|
166
|
+
"required": false,
|
|
167
|
+
"optional": false,
|
|
168
|
+
"docs": {
|
|
169
|
+
"tags": [],
|
|
170
|
+
"text": ""
|
|
171
|
+
},
|
|
172
|
+
"attribute": "email",
|
|
173
|
+
"reflect": false,
|
|
174
|
+
"defaultValue": "null"
|
|
175
|
+
},
|
|
176
|
+
"phone": {
|
|
177
|
+
"type": "any",
|
|
178
|
+
"mutable": false,
|
|
179
|
+
"complexType": {
|
|
180
|
+
"original": "any",
|
|
181
|
+
"resolved": "any",
|
|
182
|
+
"references": {}
|
|
183
|
+
},
|
|
184
|
+
"required": false,
|
|
185
|
+
"optional": false,
|
|
186
|
+
"docs": {
|
|
187
|
+
"tags": [],
|
|
188
|
+
"text": ""
|
|
189
|
+
},
|
|
190
|
+
"attribute": "phone",
|
|
191
|
+
"reflect": false,
|
|
192
|
+
"defaultValue": "null"
|
|
193
|
+
},
|
|
194
|
+
"website": {
|
|
195
|
+
"type": "any",
|
|
196
|
+
"mutable": false,
|
|
197
|
+
"complexType": {
|
|
198
|
+
"original": "any",
|
|
199
|
+
"resolved": "any",
|
|
200
|
+
"references": {}
|
|
201
|
+
},
|
|
202
|
+
"required": false,
|
|
203
|
+
"optional": false,
|
|
204
|
+
"docs": {
|
|
205
|
+
"tags": [],
|
|
206
|
+
"text": ""
|
|
207
|
+
},
|
|
208
|
+
"attribute": "website",
|
|
209
|
+
"reflect": false,
|
|
210
|
+
"defaultValue": "null"
|
|
211
|
+
},
|
|
212
|
+
"show_follow": {
|
|
213
|
+
"type": "boolean",
|
|
214
|
+
"mutable": false,
|
|
215
|
+
"complexType": {
|
|
216
|
+
"original": "boolean",
|
|
217
|
+
"resolved": "boolean",
|
|
218
|
+
"references": {}
|
|
219
|
+
},
|
|
220
|
+
"required": false,
|
|
221
|
+
"optional": false,
|
|
222
|
+
"docs": {
|
|
223
|
+
"tags": [],
|
|
224
|
+
"text": ""
|
|
225
|
+
},
|
|
226
|
+
"attribute": "show_follow",
|
|
227
|
+
"reflect": false,
|
|
228
|
+
"defaultValue": "true"
|
|
229
|
+
},
|
|
230
|
+
"show_donate": {
|
|
231
|
+
"type": "boolean",
|
|
232
|
+
"mutable": false,
|
|
233
|
+
"complexType": {
|
|
234
|
+
"original": "boolean",
|
|
235
|
+
"resolved": "boolean",
|
|
236
|
+
"references": {}
|
|
237
|
+
},
|
|
238
|
+
"required": false,
|
|
239
|
+
"optional": false,
|
|
240
|
+
"docs": {
|
|
241
|
+
"tags": [],
|
|
242
|
+
"text": ""
|
|
243
|
+
},
|
|
244
|
+
"attribute": "show_donate",
|
|
245
|
+
"reflect": false,
|
|
246
|
+
"defaultValue": "true"
|
|
247
|
+
},
|
|
248
|
+
"show_become_member": {
|
|
249
|
+
"type": "boolean",
|
|
250
|
+
"mutable": false,
|
|
251
|
+
"complexType": {
|
|
252
|
+
"original": "boolean",
|
|
253
|
+
"resolved": "boolean",
|
|
254
|
+
"references": {}
|
|
255
|
+
},
|
|
256
|
+
"required": false,
|
|
257
|
+
"optional": false,
|
|
258
|
+
"docs": {
|
|
259
|
+
"tags": [],
|
|
260
|
+
"text": ""
|
|
261
|
+
},
|
|
262
|
+
"attribute": "show_become_member",
|
|
263
|
+
"reflect": false,
|
|
264
|
+
"defaultValue": "true"
|
|
265
|
+
},
|
|
266
|
+
"show_send_message": {
|
|
267
|
+
"type": "boolean",
|
|
268
|
+
"mutable": false,
|
|
269
|
+
"complexType": {
|
|
270
|
+
"original": "boolean",
|
|
271
|
+
"resolved": "boolean",
|
|
272
|
+
"references": {}
|
|
273
|
+
},
|
|
274
|
+
"required": false,
|
|
275
|
+
"optional": false,
|
|
276
|
+
"docs": {
|
|
277
|
+
"tags": [],
|
|
278
|
+
"text": ""
|
|
279
|
+
},
|
|
280
|
+
"attribute": "show_send_message",
|
|
281
|
+
"reflect": false,
|
|
282
|
+
"defaultValue": "true"
|
|
283
|
+
},
|
|
284
|
+
"show_stats": {
|
|
285
|
+
"type": "boolean",
|
|
286
|
+
"mutable": false,
|
|
287
|
+
"complexType": {
|
|
288
|
+
"original": "boolean",
|
|
289
|
+
"resolved": "boolean",
|
|
290
|
+
"references": {}
|
|
291
|
+
},
|
|
292
|
+
"required": false,
|
|
293
|
+
"optional": false,
|
|
294
|
+
"docs": {
|
|
295
|
+
"tags": [],
|
|
296
|
+
"text": ""
|
|
297
|
+
},
|
|
298
|
+
"attribute": "show_stats",
|
|
299
|
+
"reflect": false,
|
|
300
|
+
"defaultValue": "true"
|
|
301
|
+
},
|
|
302
|
+
"stories_count": {
|
|
303
|
+
"type": "number",
|
|
304
|
+
"mutable": false,
|
|
305
|
+
"complexType": {
|
|
306
|
+
"original": "number",
|
|
307
|
+
"resolved": "number",
|
|
308
|
+
"references": {}
|
|
309
|
+
},
|
|
310
|
+
"required": false,
|
|
311
|
+
"optional": false,
|
|
312
|
+
"docs": {
|
|
313
|
+
"tags": [],
|
|
314
|
+
"text": ""
|
|
315
|
+
},
|
|
316
|
+
"attribute": "stories_count",
|
|
317
|
+
"reflect": false,
|
|
318
|
+
"defaultValue": "0"
|
|
319
|
+
},
|
|
320
|
+
"views_count": {
|
|
321
|
+
"type": "number",
|
|
322
|
+
"mutable": false,
|
|
323
|
+
"complexType": {
|
|
324
|
+
"original": "number",
|
|
325
|
+
"resolved": "number",
|
|
326
|
+
"references": {}
|
|
327
|
+
},
|
|
328
|
+
"required": false,
|
|
329
|
+
"optional": false,
|
|
330
|
+
"docs": {
|
|
331
|
+
"tags": [],
|
|
332
|
+
"text": ""
|
|
333
|
+
},
|
|
334
|
+
"attribute": "views_count",
|
|
335
|
+
"reflect": false,
|
|
336
|
+
"defaultValue": "0"
|
|
337
|
+
},
|
|
338
|
+
"followers_count": {
|
|
339
|
+
"type": "number",
|
|
340
|
+
"mutable": false,
|
|
341
|
+
"complexType": {
|
|
342
|
+
"original": "number",
|
|
343
|
+
"resolved": "number",
|
|
344
|
+
"references": {}
|
|
345
|
+
},
|
|
346
|
+
"required": false,
|
|
347
|
+
"optional": false,
|
|
348
|
+
"docs": {
|
|
349
|
+
"tags": [],
|
|
350
|
+
"text": ""
|
|
351
|
+
},
|
|
352
|
+
"attribute": "followers_count",
|
|
353
|
+
"reflect": false,
|
|
354
|
+
"defaultValue": "0"
|
|
355
|
+
},
|
|
356
|
+
"writers_count": {
|
|
357
|
+
"type": "number",
|
|
358
|
+
"mutable": false,
|
|
359
|
+
"complexType": {
|
|
360
|
+
"original": "number",
|
|
361
|
+
"resolved": "number",
|
|
362
|
+
"references": {}
|
|
363
|
+
},
|
|
364
|
+
"required": false,
|
|
365
|
+
"optional": false,
|
|
366
|
+
"docs": {
|
|
367
|
+
"tags": [],
|
|
368
|
+
"text": ""
|
|
369
|
+
},
|
|
370
|
+
"attribute": "writers_count",
|
|
371
|
+
"reflect": false,
|
|
372
|
+
"defaultValue": "0"
|
|
373
|
+
},
|
|
374
|
+
"show_languages": {
|
|
375
|
+
"type": "boolean",
|
|
376
|
+
"mutable": false,
|
|
377
|
+
"complexType": {
|
|
378
|
+
"original": "boolean",
|
|
379
|
+
"resolved": "boolean",
|
|
380
|
+
"references": {}
|
|
381
|
+
},
|
|
382
|
+
"required": false,
|
|
383
|
+
"optional": false,
|
|
384
|
+
"docs": {
|
|
385
|
+
"tags": [],
|
|
386
|
+
"text": ""
|
|
387
|
+
},
|
|
388
|
+
"attribute": "show_languages",
|
|
389
|
+
"reflect": false,
|
|
390
|
+
"defaultValue": "true"
|
|
391
|
+
},
|
|
392
|
+
"languages": {
|
|
393
|
+
"type": "string",
|
|
394
|
+
"mutable": false,
|
|
395
|
+
"complexType": {
|
|
396
|
+
"original": "string",
|
|
397
|
+
"resolved": "string",
|
|
398
|
+
"references": {}
|
|
399
|
+
},
|
|
400
|
+
"required": false,
|
|
401
|
+
"optional": false,
|
|
402
|
+
"docs": {
|
|
403
|
+
"tags": [],
|
|
404
|
+
"text": ""
|
|
405
|
+
},
|
|
406
|
+
"attribute": "languages",
|
|
407
|
+
"reflect": false,
|
|
408
|
+
"defaultValue": "'English'"
|
|
409
|
+
},
|
|
410
|
+
"show_genres": {
|
|
411
|
+
"type": "boolean",
|
|
412
|
+
"mutable": false,
|
|
413
|
+
"complexType": {
|
|
414
|
+
"original": "boolean",
|
|
415
|
+
"resolved": "boolean",
|
|
416
|
+
"references": {}
|
|
417
|
+
},
|
|
418
|
+
"required": false,
|
|
419
|
+
"optional": false,
|
|
420
|
+
"docs": {
|
|
421
|
+
"tags": [],
|
|
422
|
+
"text": ""
|
|
423
|
+
},
|
|
424
|
+
"attribute": "show_genres",
|
|
425
|
+
"reflect": false,
|
|
426
|
+
"defaultValue": "true"
|
|
427
|
+
},
|
|
428
|
+
"genres": {
|
|
429
|
+
"type": "string",
|
|
430
|
+
"mutable": false,
|
|
431
|
+
"complexType": {
|
|
432
|
+
"original": "string",
|
|
433
|
+
"resolved": "string",
|
|
434
|
+
"references": {}
|
|
435
|
+
},
|
|
436
|
+
"required": false,
|
|
437
|
+
"optional": false,
|
|
438
|
+
"docs": {
|
|
439
|
+
"tags": [],
|
|
440
|
+
"text": ""
|
|
441
|
+
},
|
|
442
|
+
"attribute": "genres",
|
|
443
|
+
"reflect": false,
|
|
444
|
+
"defaultValue": "'All'"
|
|
445
|
+
},
|
|
446
|
+
"show_member_since": {
|
|
447
|
+
"type": "boolean",
|
|
448
|
+
"mutable": false,
|
|
449
|
+
"complexType": {
|
|
450
|
+
"original": "boolean",
|
|
451
|
+
"resolved": "boolean",
|
|
452
|
+
"references": {}
|
|
453
|
+
},
|
|
454
|
+
"required": false,
|
|
455
|
+
"optional": false,
|
|
456
|
+
"docs": {
|
|
457
|
+
"tags": [],
|
|
458
|
+
"text": ""
|
|
459
|
+
},
|
|
460
|
+
"attribute": "show_member_since",
|
|
461
|
+
"reflect": false,
|
|
462
|
+
"defaultValue": "true"
|
|
463
|
+
},
|
|
464
|
+
"member_since": {
|
|
465
|
+
"type": "string",
|
|
466
|
+
"mutable": false,
|
|
467
|
+
"complexType": {
|
|
468
|
+
"original": "string",
|
|
469
|
+
"resolved": "string",
|
|
470
|
+
"references": {}
|
|
471
|
+
},
|
|
472
|
+
"required": false,
|
|
473
|
+
"optional": false,
|
|
474
|
+
"docs": {
|
|
475
|
+
"tags": [],
|
|
476
|
+
"text": ""
|
|
477
|
+
},
|
|
478
|
+
"attribute": "member_since",
|
|
479
|
+
"reflect": false,
|
|
480
|
+
"defaultValue": "'May 25, 20215'"
|
|
481
|
+
}
|
|
482
|
+
};
|
|
483
|
+
}
|
|
484
|
+
}
|
|
485
|
+
//# sourceMappingURL=ur-profile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ur-profile.js","sourceRoot":"","sources":["../../../src/components/ur-profile/ur-profile.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\n\nimport { Icons } from './icons';\n\n@Component({\n tag: 'ur-profile',\n styleUrl: 'ur-profile.css',\n shadow: true,\n})\nexport class UrProfile {\n\n @Prop()\n name;\n\n @Prop()\n description = null;\n\n @Prop()\n location = null;\n\n @Prop()\n facebook_url = null;\n\n @Prop()\n twitter_url = null;\n\n @Prop()\n linkedin_url = null;\n\n @Prop()\n email = null;\n\n @Prop()\n phone = null;\n\n @Prop()\n website = null;\n\n @Prop()\n show_follow = true;\n\n @Prop()\n show_donate = true;\n\n @Prop()\n show_become_member = true;\n\n @Prop()\n show_send_message = true;\n\n @Prop()\n show_stats = true;\n\n @Prop()\n stories_count = 0;\n\n @Prop()\n views_count = 0;\n\n @Prop()\n followers_count = 0;\n\n @Prop()\n writers_count = 0;\n\n @Prop()\n show_languages = true;\n\n @Prop()\n languages = 'English'\n\n @Prop()\n show_genres = true;\n\n @Prop()\n genres = 'All'\n\n @Prop()\n show_member_since = true;\n\n @Prop()\n member_since = 'May 25, 20215'\n\n render() {\n return (\n <Host>\n <div class=\"profile\">\n <div class=\"name\">{this.name}</div>\n\n {\n this.description && <div class=\"description\">{this.description}</div>\n }\n\n\n {\n this.location && <div class=\"location\">{this.location}</div>\n }\n\n <div class=\"social\">\n {\n this.facebook_url && <a href={this.facebook_url} title=\"facebook\" target=\"_blank\">\n <span class=\"icon\" innerHTML={Icons.facebook}></span>\n </a>\n }\n {\n this.twitter_url && <a href={this.twitter_url} title=\"twitter\" target=\"_blank\">\n <span class=\"icon\" innerHTML={Icons.twitter}></span>\n </a>\n }\n {\n this.linkedin_url && <a href={this.linkedin_url} title=\"linkedin\" target=\"_blank\">\n <span class=\"icon\" innerHTML={Icons.linkedin}></span>\n </a>\n }\n {\n this.email && <a href={\"mailto:\" + this.email} title=\"email\" target=\"_blank\">\n <span class=\"icon\" innerHTML={Icons.email}></span>\n </a>\n }\n {\n this.phone && <a href={\"tel:\" + this.phone} title=\"phone\" target=\"_blank\">\n <span class=\"icon\" innerHTML={Icons.phone}></span>\n </a>\n }\n </div>\n\n {\n this.website && <a class=\"website\" href={this.website} title=\"website\" target=\"_blank\">\n <span class=\"icon\" innerHTML={Icons.website}></span>\n {this.website}\n </a>\n }\n\n {\n this.show_follow && <div class=\"follow-action action\">\n <button>Follow</button>\n </div>\n }\n\n {\n this.show_donate && <div class=\"donate-action action\">\n <button>Donate</button>\n </div>\n }\n\n {\n this.show_become_member && <div class=\"member-action action\">\n <button>Become Member</button>\n </div>\n }\n\n {\n this.show_send_message && <div class=\"message-action action\">\n <button>Message</button>\n </div>\n }\n\n {\n this.show_stats && <div class=\"stats\">\n <div class=\"stat\">\n <span class=\"label\">Stories</span>\n <span class=\"value\">{this.stories_count}</span>\n </div>\n <div class=\"stat\">\n <span class=\"label\">Views</span>\n <span class=\"value\">{this.views_count}</span>\n </div>\n <div class=\"stat\">\n <span class=\"label\">Followers</span>\n <span class=\"value\">{this.followers_count}</span>\n </div>\n <div class=\"stat\">\n <span class=\"label\">Writers</span>\n <span class=\"value\">{this.writers_count}</span>\n </div>\n </div>\n }\n\n {\n this.show_languages && this.languages.trim().length > 0 && <div class=\"languages\">\n <div class=\"title\">Languages</div>\n <div class=\"pills\">\n {this.languages.split(',').map((language) => {\n return <div class=\"pill\">{language.trim()}</div>\n })}\n </div>\n </div>\n }\n\n {\n this.show_genres && this.genres.trim().length > 0 && <div class=\"genres\">\n <div class=\"title\">Genres</div>\n <div class=\"pills\">\n {this.genres.split(',').map((genre) => {\n return <div class=\"pill\">{genre.trim()}</div>\n })}\n </div>\n </div>\n }\n\n {\n this.show_member_since && this.member_since.trim().length > 0 && <div class=\"member_since\">\n Member Since: {this.member_since.trim()}\n </div>\n }\n\n </div>\n\n </Host>\n );\n }\n}\n\n"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
|
2
2
|
export class UrUserProfile {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '563b2336cf8469d0b1fd8226cced0e27730bc664' }, h("slot", { key: '213dea537d33af8449decaab2e339340375efdc7' })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "ur-user-profile"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { html } from "lit";
|
|
2
|
+
import "../components/ur-profile/ur-profile";
|
|
3
|
+
const Profile = ({ name, description, location, facebook_url, twitter_url, linkedin_url, phone, email, website, show_follow, show_donate, show_become_member, show_send_message, show_stats, languages, width = '256px' }) => html `
|
|
4
|
+
<div style="width: ${width};border: 1px solid #ccc;box-sizing: border-box;">
|
|
5
|
+
<ur-profile
|
|
6
|
+
name="${name}"
|
|
7
|
+
description="${description}"
|
|
8
|
+
location="${location}"
|
|
9
|
+
facebook_url="${facebook_url}"
|
|
10
|
+
twitter_url="${twitter_url}",
|
|
11
|
+
linkedin_url="${linkedin_url}"
|
|
12
|
+
phone="${phone}"
|
|
13
|
+
email="${email}"
|
|
14
|
+
website="${website}"
|
|
15
|
+
show_follow="${show_follow}"
|
|
16
|
+
show_donate="${show_donate}"
|
|
17
|
+
show_become_member="${show_become_member}"
|
|
18
|
+
show_send_message="${show_send_message}"
|
|
19
|
+
show_stats="${show_stats}"
|
|
20
|
+
languages="${languages}"></ur-profile>
|
|
21
|
+
</div>
|
|
22
|
+
`;
|
|
23
|
+
export default {
|
|
24
|
+
title: 'Urnovl/Profile',
|
|
25
|
+
};
|
|
26
|
+
export const Default = {
|
|
27
|
+
render: () => Profile({
|
|
28
|
+
name: 'Penguin Publishing',
|
|
29
|
+
description: 'Passionate writer crafting stories that captivate and inspire. Lover of words, exploring the world one page at a time. Always seeking new tales to tell.',
|
|
30
|
+
location: 'London, UK',
|
|
31
|
+
facebook_url: 'https://facebook.com',
|
|
32
|
+
twitter_url: 'https://twitter.com',
|
|
33
|
+
linkedin_url: 'https://linkedin.com',
|
|
34
|
+
phone: '999666333',
|
|
35
|
+
email: 'urnovl@gmail.com',
|
|
36
|
+
website: 'urnovl.co',
|
|
37
|
+
show_follow: true,
|
|
38
|
+
show_donate: true,
|
|
39
|
+
show_become_member: true,
|
|
40
|
+
show_send_message: true,
|
|
41
|
+
show_stats: true,
|
|
42
|
+
languages: ['English', 'Greek'].join(',')
|
|
43
|
+
}),
|
|
44
|
+
};
|
|
45
|
+
export const BiggerWidth = {
|
|
46
|
+
render: () => Profile({
|
|
47
|
+
name: 'Penguin Publishing',
|
|
48
|
+
description: 'Passionate writer crafting stories that captivate and inspire. Lover of words, exploring the world one page at a time. Always seeking new tales to tell.',
|
|
49
|
+
location: 'London, UK',
|
|
50
|
+
facebook_url: 'https://facebook.com',
|
|
51
|
+
twitter_url: 'https://twitter.com',
|
|
52
|
+
linkedin_url: 'https://linkedin.com',
|
|
53
|
+
phone: '999666333',
|
|
54
|
+
email: 'urnovl@gmail.com',
|
|
55
|
+
website: 'urnovl.co',
|
|
56
|
+
show_follow: true,
|
|
57
|
+
show_donate: true,
|
|
58
|
+
show_become_member: true,
|
|
59
|
+
show_send_message: true,
|
|
60
|
+
show_stats: true,
|
|
61
|
+
languages: ['English', 'Greek'].join(','),
|
|
62
|
+
width: '350px'
|
|
63
|
+
}),
|
|
64
|
+
};
|
|
65
|
+
//# sourceMappingURL=Profile.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Profile.stories.js","sourceRoot":"","sources":["../../src/stories/Profile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,qCAAqC,CAAC;AAE7C,MAAM,OAAO,GAAG,CAAC,EACb,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,KAAK,EACL,KAAK,EACL,OAAO,EACP,WAAW,EACX,WAAW,EACX,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,EACV,SAAS,EACT,KAAK,GAAG,OAAO,EAClB,EAAE,EAAE,CAAC,IAAI,CAAA;yBACe,KAAK;;oBAEV,IAAI;2BACG,WAAW;wBACd,QAAQ;4BACJ,YAAY;2BACb,WAAW;4BACV,YAAY;qBACnB,KAAK;qBACL,KAAK;uBACH,OAAO;2BACH,WAAW;2BACX,WAAW;kCACJ,kBAAkB;iCACnB,iBAAiB;0BACxB,UAAU;yBACX,SAAS;;CAEjC,CAAC;AAEF,eAAe;IACX,KAAK,EAAE,gBAAgB;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC;QAClB,IAAI,EAAE,oBAAoB;QAC1B,WAAW,EAAE,0JAA0J;QACvK,QAAQ,EAAE,YAAY;QACtB,YAAY,EAAE,sBAAsB;QACpC,WAAW,EAAE,qBAAqB;QAClC,YAAY,EAAE,sBAAsB;QACpC,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,kBAAkB;QACzB,OAAO,EAAE,WAAW;QACpB,WAAW,EAAE,IAAI;QACjB,WAAW,EAAE,IAAI;QACjB,kBAAkB,EAAE,IAAI;QACxB,iBAAiB,EAAE,IAAI;QACvB,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,CAAE,SAAS,EAAE,OAAO,CAAE,CAAC,IAAI,CAAC,GAAG,CAAC;KAC9C,CAAC;CACL,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC;QAClB,IAAI,EAAE,oBAAoB;QAC1B,WAAW,EAAE,0JAA0J;QACvK,QAAQ,EAAE,YAAY;QACtB,YAAY,EAAE,sBAAsB;QACpC,WAAW,EAAE,qBAAqB;QAClC,YAAY,EAAE,sBAAsB;QACpC,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,kBAAkB;QACzB,OAAO,EAAE,WAAW;QACpB,WAAW,EAAE,IAAI;QACjB,WAAW,EAAE,IAAI;QACjB,kBAAkB,EAAE,IAAI;QACxB,iBAAiB,EAAE,IAAI;QACvB,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,CAAE,SAAS,EAAE,OAAO,CAAE,CAAC,IAAI,CAAC,GAAG,CAAC;QAC3C,KAAK,EAAE,OAAO;KACjB,CAAC;CACL,CAAC","sourcesContent":["import { html } from \"lit\";\nimport '../components/ur-profile/ur-profile';\n\nconst Profile = ({\n name,\n description,\n location,\n facebook_url,\n twitter_url,\n linkedin_url,\n phone,\n email,\n website,\n show_follow,\n show_donate,\n show_become_member,\n show_send_message,\n show_stats,\n languages,\n width = '256px'\n}) => html`\n <div style=\"width: ${width};border: 1px solid #ccc;box-sizing: border-box;\">\n <ur-profile\n name=\"${name}\"\n description=\"${description}\"\n location=\"${location}\"\n facebook_url=\"${facebook_url}\"\n twitter_url=\"${twitter_url}\",\n linkedin_url=\"${linkedin_url}\"\n phone=\"${phone}\"\n email=\"${email}\"\n website=\"${website}\"\n show_follow=\"${show_follow}\"\n show_donate=\"${show_donate}\"\n show_become_member=\"${show_become_member}\"\n show_send_message=\"${show_send_message}\"\n show_stats=\"${show_stats}\"\n languages=\"${languages}\"></ur-profile>\n </div>\n`;\n\nexport default {\n title: 'Urnovl/Profile',\n};\n\nexport const Default = {\n render: () => Profile({\n name: 'Penguin Publishing',\n description: 'Passionate writer crafting stories that captivate and inspire. Lover of words, exploring the world one page at a time. Always seeking new tales to tell.',\n location: 'London, UK',\n facebook_url: 'https://facebook.com',\n twitter_url: 'https://twitter.com',\n linkedin_url: 'https://linkedin.com',\n phone: '999666333',\n email: 'urnovl@gmail.com',\n website: 'urnovl.co',\n show_follow: true,\n show_donate: true,\n show_become_member: true,\n show_send_message: true,\n show_stats: true,\n languages: [ 'English', 'Greek' ].join(',')\n }),\n};\n\nexport const BiggerWidth = {\n render: () => Profile({\n name: 'Penguin Publishing',\n description: 'Passionate writer crafting stories that captivate and inspire. Lover of words, exploring the world one page at a time. Always seeking new tales to tell.',\n location: 'London, UK',\n facebook_url: 'https://facebook.com',\n twitter_url: 'https://twitter.com',\n linkedin_url: 'https://linkedin.com',\n phone: '999666333',\n email: 'urnovl@gmail.com',\n website: 'urnovl.co',\n show_follow: true,\n show_donate: true,\n show_become_member: true,\n show_send_message: true,\n show_stats: true,\n languages: [ 'English', 'Greek' ].join(','),\n width: '350px'\n }),\n};\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface UrProfile extends Components.UrProfile, HTMLElement {}
|
|
4
|
+
export const UrProfile: {
|
|
5
|
+
prototype: UrProfile;
|
|
6
|
+
new (): UrProfile;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|