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.
Files changed (35) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/ur-profile.cjs.entry.js +112 -0
  3. package/dist/cjs/ur-profile.cjs.entry.js.map +1 -0
  4. package/dist/cjs/ur-user-profile.cjs.entry.js +1 -1
  5. package/dist/cjs/urnovl-web-components.cjs.js +1 -1
  6. package/dist/collection/collection-manifest.json +1 -0
  7. package/dist/collection/components/ur-profile/icons.js +62 -0
  8. package/dist/collection/components/ur-profile/icons.js.map +1 -0
  9. package/dist/collection/components/ur-profile/ur-profile.css +164 -0
  10. package/dist/collection/components/ur-profile/ur-profile.js +485 -0
  11. package/dist/collection/components/ur-profile/ur-profile.js.map +1 -0
  12. package/dist/collection/components/ur-user-profile/ur-user-profile.js +1 -1
  13. package/dist/collection/stories/Profile.stories.js +65 -0
  14. package/dist/collection/stories/Profile.stories.js.map +1 -0
  15. package/dist/components/ur-profile.d.ts +11 -0
  16. package/dist/components/ur-profile.js +152 -0
  17. package/dist/components/ur-profile.js.map +1 -0
  18. package/dist/components/ur-user-profile.js +1 -1
  19. package/dist/esm/loader.js +1 -1
  20. package/dist/esm/ur-profile.entry.js +108 -0
  21. package/dist/esm/ur-profile.entry.js.map +1 -0
  22. package/dist/esm/ur-user-profile.entry.js +1 -1
  23. package/dist/esm/urnovl-web-components.js +1 -1
  24. package/dist/types/components/ur-profile/icons.d.ts +8 -0
  25. package/dist/types/components/ur-profile/ur-profile.d.ts +27 -0
  26. package/dist/types/components.d.ts +61 -0
  27. package/dist/types/stories/Profile.stories.d.ts +11 -0
  28. package/dist/urnovl-web-components/p-0cd20512.entry.js +2 -0
  29. package/dist/urnovl-web-components/p-90b1a605.entry.js +2 -0
  30. package/dist/urnovl-web-components/p-90b1a605.entry.js.map +1 -0
  31. package/dist/urnovl-web-components/urnovl-web-components.esm.js +1 -1
  32. package/dist/urnovl-web-components/urnovl-web-components.esm.js.map +1 -1
  33. package/package.json +6 -6
  34. package/dist/urnovl-web-components/p-2de24a17.entry.js +0 -2
  35. /package/dist/urnovl-web-components/{p-2de24a17.entry.js.map → p-0cd20512.entry.js.map} +0 -0
package/dist/cjs/loader.cjs.js CHANGED
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
8
8
  const defineCustomElements = async (win, options) => {
9
9
  if (typeof window === 'undefined') return undefined;
10
10
  await appGlobals.globalScripts();
11
- return index.bootstrapLazy([["ur-novl-carousel.cjs",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-avatar.cjs",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-loader.cjs",[[1,"ur-loader"]]],["ur-user-profile.cjs",[[1,"ur-user-profile"]]],["ur-novl.cjs",[[1,"ur-novl",{"novlTitle":[1,"novl-title"],"novlCover":[8,"novl-cover"],"novlCoverFallback":[1,"novl-cover-fallback"],"likes":[2],"views":[2],"showStats":[4,"show-stats"],"novlDescription":[8,"novl-description"],"authorAvatar":[8,"author-avatar"],"authorName":[8,"author-name"],"published":[4],"price":[1],"publisherAvatar":[1,"publisher-avatar"],"publisherName":[1,"publisher-name"]}]]],["ur-button-arrow-left_2.cjs",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]]], options);
11
+ return index.bootstrapLazy([["ur-novl-carousel.cjs",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-avatar.cjs",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-loader.cjs",[[1,"ur-loader"]]],["ur-profile.cjs",[[1,"ur-profile",{"name":[8],"description":[8],"location":[8],"facebook_url":[8],"twitter_url":[8],"linkedin_url":[8],"email":[8],"phone":[8],"website":[8],"show_follow":[4],"show_donate":[4],"show_become_member":[4],"show_send_message":[4],"show_stats":[4],"stories_count":[2],"views_count":[2],"followers_count":[2],"writers_count":[2],"show_languages":[4],"languages":[1],"show_genres":[4],"genres":[1],"show_member_since":[4],"member_since":[1]}]]],["ur-user-profile.cjs",[[1,"ur-user-profile"]]],["ur-novl.cjs",[[1,"ur-novl",{"novlTitle":[1,"novl-title"],"novlCover":[8,"novl-cover"],"novlCoverFallback":[1,"novl-cover-fallback"],"likes":[2],"views":[2],"showStats":[4,"show-stats"],"novlDescription":[8,"novl-description"],"authorAvatar":[8,"author-avatar"],"authorName":[8,"author-name"],"published":[4],"price":[1],"publisherAvatar":[1,"publisher-avatar"],"publisherName":[1,"publisher-name"]}]]],["ur-button-arrow-left_2.cjs",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]]], options);
12
12
  };
13
13
 
14
14
  exports.setNonce = index.setNonce;
package/dist/cjs/ur-profile.cjs.entry.js ADDED
@@ -0,0 +1,112 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-504a3055.js');
6
+
7
+ const Icons = {
8
+ email: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
9
+ <g id="mail_24dp_E8EAED_FILL1_wght400_GRAD0_opsz24 1">
10
+ <path id="Vector"
11
+ d="M3 15C2.5875 15 2.23438 14.8531 1.94063 14.5594C1.64687 14.2656 1.5 13.9125 1.5 13.5V4.5C1.5 4.0875 1.64687 3.73438 1.94063 3.44063C2.23438 3.14687 2.5875 3 3 3H15C15.4125 3 15.7656 3.14687 16.0594 3.44063C16.3531 3.73438 16.5 4.0875 16.5 4.5V13.5C16.5 13.9125 16.3531 14.2656 16.0594 14.5594C15.7656 14.8531 15.4125 15 15 15H3ZM9 9.75L15 6V4.5L9 8.25L3 4.5V6L9 9.75Z"
12
+ fill="#525454" />
13
+ </g>
14
+ </svg>`,
15
+ website: `<svg width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
16
+ <path id="Vector"
17
+ d="M7.25 7.75H4.25C3.2125 7.75 2.32813 7.38438 1.59688 6.65313C0.865625 5.92188 0.5 5.0375 0.5 4C0.5 2.9625 0.865625 2.07813 1.59688 1.34688C2.32813 0.615625 3.2125 0.25 4.25 0.25H7.25V1.75H4.25C3.625 1.75 3.09375 1.96875 2.65625 2.40625C2.21875 2.84375 2 3.375 2 4C2 4.625 2.21875 5.15625 2.65625 5.59375C3.09375 6.03125 3.625 6.25 4.25 6.25H7.25V7.75ZM5 4.75V3.25H11V4.75H5ZM8.75 7.75V6.25H11.75C12.375 6.25 12.9063 6.03125 13.3438 5.59375C13.7813 5.15625 14 4.625 14 4C14 3.375 13.7813 2.84375 13.3438 2.40625C12.9063 1.96875 12.375 1.75 11.75 1.75H8.75V0.25H11.75C12.7875 0.25 13.6719 0.615625 14.4031 1.34688C15.1344 2.07813 15.5 2.9625 15.5 4C15.5 5.0375 15.1344 5.92188 14.4031 6.65313C13.6719 7.38438 12.7875 7.75 11.75 7.75H8.75Z"
18
+ fill="#525454" />
19
+ </svg>`,
20
+ facebook: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
21
+ <g id="facebook-svgrepo-com 1" clip-path="url(#clip0_1335_8577)">
22
+ <g id="XMLID_834_">
23
+ <path id="XMLID_835_"
24
+ d="M4.21705 8.5216H5.97091V15.7419C5.97091 15.8845 6.08642 16 6.22897 16H9.2027C9.34526 16 9.46077 15.8845 9.46077 15.7419V8.55561H11.477C11.6081 8.55561 11.7184 8.45724 11.7333 8.32702L12.0396 5.66885C12.048 5.59572 12.0248 5.52248 11.9759 5.46761C11.9269 5.4127 11.8568 5.38126 11.7832 5.38126H9.46087V3.71499C9.46087 3.2127 9.73132 2.95799 10.2648 2.95799C10.3408 2.95799 11.7832 2.95799 11.7832 2.95799C11.9258 2.95799 12.0413 2.84243 12.0413 2.69992V0.259974C12.0413 0.117419 11.9258 0.00190968 11.7832 0.00190968H9.6906C9.67584 0.0011871 9.64306 0 9.59475 0C9.23166 0 7.96956 0.0712774 6.97261 0.988439C5.86799 2.0048 6.02154 3.22173 6.05824 3.43272V5.38121H4.21705C4.07449 5.38121 3.95898 5.49672 3.95898 5.63928V8.26348C3.95898 8.40604 4.07449 8.5216 4.21705 8.5216Z"
25
+ fill="#525454" />
26
+ </g>
27
+ </g>
28
+ <defs>
29
+ <clipPath id="clip0_1335_8577">
30
+ <rect width="16" height="16" fill="white" />
31
+ </clipPath>
32
+ </defs>
33
+ </svg>`,
34
+ twitter: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
35
+ <g id="twitter-svgrepo-com 1" clip-path="url(#clip0_1335_8580)">
36
+ <g id="XMLID_826_">
37
+ <path id="XMLID_827_"
38
+ d="M17.5921 3.3326C17.3093 3.45802 17.0186 3.56387 16.7215 3.64981C17.0732 3.25207 17.3414 2.78407 17.5051 2.27194C17.5418 2.15715 17.5037 2.03149 17.4094 1.95642C17.3151 1.88128 17.1842 1.87228 17.0804 1.93377C16.4496 2.30794 15.7689 2.57684 15.0553 2.73407C14.3364 2.03161 13.36 1.63184 12.3506 1.63184C10.2199 1.63184 8.48643 3.36524 8.48643 5.49585C8.48643 5.66366 8.49706 5.83054 8.51808 5.99509C5.87411 5.76295 3.41606 4.46341 1.72813 2.39289C1.66797 2.31909 1.5753 2.27931 1.48043 2.28692C1.38549 2.29435 1.30019 2.34789 1.25223 2.43016C0.909883 3.0176 0.728896 3.68947 0.728896 4.37306C0.728896 5.30413 1.06132 6.18752 1.64852 6.87779C1.46997 6.81595 1.29671 6.73867 1.13134 6.64687C1.04256 6.59746 0.934212 6.59821 0.846012 6.64878C0.757754 6.69936 0.702419 6.79238 0.700096 6.89405C0.69969 6.91118 0.69969 6.92831 0.69969 6.94567C0.69969 8.33544 1.44768 9.58667 2.59126 10.2686C2.49301 10.2588 2.39483 10.2446 2.29728 10.226C2.19671 10.2067 2.0933 10.242 2.02548 10.3187C1.95754 10.3953 1.93507 10.5022 1.96637 10.5997C2.38966 11.9213 3.47947 12.8933 4.79695 13.1897C3.70424 13.8741 2.45463 14.2326 1.14284 14.2326C0.869122 14.2326 0.593838 14.2165 0.324419 14.1846C0.19058 14.1687 0.0626059 14.2477 0.0170252 14.375C-0.0285554 14.5024 0.0197542 14.6443 0.133619 14.7173C1.81883 15.7978 3.76741 16.369 5.76861 16.369C9.70271 16.369 12.1638 14.5138 13.5355 12.9575C15.2461 11.0169 16.2272 8.44832 16.2272 5.91038C16.2272 5.80435 16.2256 5.69728 16.2223 5.59056C16.8972 5.08209 17.4782 4.46672 17.9511 3.75944C18.0229 3.65202 18.0151 3.51005 17.9319 3.41116C17.8488 3.31222 17.7103 3.28023 17.5921 3.3326Z"
39
+ fill="#525454" />
40
+ </g>
41
+ </g>
42
+ <defs>
43
+ <clipPath id="clip0_1335_8580">
44
+ <rect width="18" height="18" fill="white" />
45
+ </clipPath>
46
+ </defs>
47
+ </svg>`,
48
+ linkedin: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
49
+ <g id="iconmonstr-linkedin-3 1" clip-path="url(#clip0_1335_8583)">
50
+ <path id="Vector"
51
+ d="M14.25 0H3.75C1.67925 0 0 1.67925 0 3.75V14.25C0 16.3207 1.67925 18 3.75 18H14.25C16.3215 18 18 16.3207 18 14.25V3.75C18 1.67925 16.3215 0 14.25 0ZM6 14.25H3.75V6H6V14.25ZM4.875 5.049C4.1505 5.049 3.5625 4.4565 3.5625 3.726C3.5625 2.9955 4.1505 2.403 4.875 2.403C5.5995 2.403 6.1875 2.9955 6.1875 3.726C6.1875 4.4565 5.60025 5.049 4.875 5.049ZM15 14.25H12.75V10.047C12.75 7.521 9.75 7.71225 9.75 10.047V14.25H7.5V6H9.75V7.32375C10.797 5.38425 15 5.241 15 9.18075V14.25Z"
52
+ fill="#525454" />
53
+ </g>
54
+ <defs>
55
+ <clipPath id="clip0_1335_8583">
56
+ <rect width="18" height="18" fill="white" />
57
+ </clipPath>
58
+ </defs>
59
+ </svg>`,
60
+ phone: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
61
+ <g id="call_24dp_E8EAED_FILL1_wght400_GRAD0_opsz24 1">
62
+ <path id="Vector"
63
+ d="M14.9625 15.75C13.4 15.75 11.8563 15.4094 10.3313 14.7281C8.80625 14.0469 7.41875 13.0813 6.16875 11.8313C4.91875 10.5813 3.95312 9.19375 3.27188 7.66875C2.59063 6.14375 2.25 4.6 2.25 3.0375C2.25 2.8125 2.325 2.625 2.475 2.475C2.625 2.325 2.8125 2.25 3.0375 2.25H6.075C6.25 2.25 6.40625 2.30937 6.54375 2.42813C6.68125 2.54688 6.7625 2.6875 6.7875 2.85L7.275 5.475C7.3 5.675 7.29375 5.84375 7.25625 5.98125C7.21875 6.11875 7.15 6.2375 7.05 6.3375L5.23125 8.175C5.48125 8.6375 5.77813 9.08438 6.12188 9.51563C6.46563 9.94688 6.84375 10.3625 7.25625 10.7625C7.64375 11.15 8.05 11.5094 8.475 11.8406C8.9 12.1719 9.35 12.475 9.825 12.75L11.5875 10.9875C11.7 10.875 11.8469 10.7906 12.0281 10.7344C12.2094 10.6781 12.3875 10.6625 12.5625 10.6875L15.15 11.2125C15.325 11.2625 15.4688 11.3531 15.5813 11.4844C15.6938 11.6156 15.75 11.7625 15.75 11.925V14.9625C15.75 15.1875 15.675 15.375 15.525 15.525C15.375 15.675 15.1875 15.75 14.9625 15.75Z"
64
+ fill="#525454" />
65
+ </g>
66
+ </svg>`
67
+ };
68
+
69
+ const urProfileCss = ":host{display:block;width:100%}:host .profile{display:flex;flex-direction:column;padding:16px}:host .profile .icon{display:inline-block}:host .profile .name{font-weight:700;line-height:24px;letter-spacing:-0.262px;font-size:22px;padding-top:16px}:host .profile .description{font-size:11px;font-style:normal;font-weight:400;line-height:11px;letter-spacing:-0.262px;padding-top:16px}:host .profile .location{font-size:11px;font-style:normal;font-weight:700;line-height:11px;letter-spacing:-0.262px;padding-top:16px;color:#aaadad}:host .profile .social{padding-top:16px;display:flex}:host .profile .social .icon{height:18px;width:18px;margin-right:10px;box-sizing:border-box;border-radius:5px}:host .profile .website{padding-top:16px;padding-bottom:14px;font-size:11px;font-style:normal;font-weight:400;line-height:11px;letter-spacing:-0.262px;text-decoration:none;color:#566262}:host .profile .website:hover{text-decoration:underline}:host .profile .website .icon{padding-right:10px}:host .profile .action{width:100%}:host .profile .action button{margin-top:10px;border-radius:5px;box-sizing:border-box;border:1px solid #09F;background:transparent;width:100%;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0.1px;height:32px;cursor:pointer;color:#09F}:host .profile .follow-action button{background:#09F;color:#fff}:host .profile .stats{padding-top:24px}:host .profile .stats .stat{font-size:11px;font-style:normal;font-weight:300;line-height:11px;letter-spacing:-0.262px;height:22px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}:host .profile .stats .stat .value{font-size:16px}:host .profile .languages,:host .profile .genres{padding-top:12px}:host .profile .languages .title,:host .profile .genres .title{color:#BEC0C0;font-style:normal;font-weight:700;line-height:12px;font-size:12px}:host .profile .languages .pills,:host .profile .genres .pills{padding-top:8px}:host .profile .languages .pills .pill,:host .profile .genres .pills .pill{color:#000;font-size:12px;line-height:24px;opacity:0.7;display:inline-block;border-radius:5px;background:#EEF1F5;padding:0 16px;margin-right:8px}:host .profile .member_since{opacity:0.7;color:#BEC0C0;font-size:11px;font-style:normal;font-weight:700;line-height:11px;letter-spacing:-0.262px;margin-top:10px}";
70
+ const UrProfileStyle0 = urProfileCss;
71
+
72
+ const UrProfile = class {
73
+ constructor(hostRef) {
74
+ index.registerInstance(this, hostRef);
75
+ this.name = undefined;
76
+ this.description = null;
77
+ this.location = null;
78
+ this.facebook_url = null;
79
+ this.twitter_url = null;
80
+ this.linkedin_url = null;
81
+ this.email = null;
82
+ this.phone = null;
83
+ this.website = null;
84
+ this.show_follow = true;
85
+ this.show_donate = true;
86
+ this.show_become_member = true;
87
+ this.show_send_message = true;
88
+ this.show_stats = true;
89
+ this.stories_count = 0;
90
+ this.views_count = 0;
91
+ this.followers_count = 0;
92
+ this.writers_count = 0;
93
+ this.show_languages = true;
94
+ this.languages = 'English';
95
+ this.show_genres = true;
96
+ this.genres = 'All';
97
+ this.show_member_since = true;
98
+ this.member_since = 'May 25, 20215';
99
+ }
100
+ render() {
101
+ return (index.h(index.Host, { key: '2ad2808b5f36fe8a07f619e6e47c79a2bf3bd28f' }, index.h("div", { key: 'ab8c6aa1d0003119a5a95815d24d17778e6bbef3', class: "profile" }, index.h("div", { key: 'e81c332bdcf3a8906082ab6c24042340bc0a824e', class: "name" }, this.name), this.description && index.h("div", { key: 'dd55ad82fac76fccc911496b0b9628947e635ac0', class: "description" }, this.description), this.location && index.h("div", { key: 'c917cd15ccddda7b8515c5b62b110dd497544aeb', class: "location" }, this.location), index.h("div", { key: 'dac14a799f29069202d77747d54bf3fbc7c1981a', class: "social" }, this.facebook_url && index.h("a", { key: '71bbcd5b115d3c15e536028b31fb1766f28525b1', href: this.facebook_url, title: "facebook", target: "_blank" }, index.h("span", { key: 'ce2bf4dea00bdefebaca852b20f8368720bd41c6', class: "icon", innerHTML: Icons.facebook })), this.twitter_url && index.h("a", { key: 'f9f73dbcea8aa042bd5bb0f9e6e9f62b274e9812', href: this.twitter_url, title: "twitter", target: "_blank" }, index.h("span", { key: 'ad57e6b5d535ad23bb2f860edf46f77153e679ca', class: "icon", innerHTML: Icons.twitter })), this.linkedin_url && index.h("a", { key: '5c0b2bbc903b2a35b6372552a395b3929899c02d', href: this.linkedin_url, title: "linkedin", target: "_blank" }, index.h("span", { key: '0014a4c009fc07f6f4430b68a56c678eaacee05d', class: "icon", innerHTML: Icons.linkedin })), this.email && index.h("a", { key: '1a766ca5d7142b36e927a070b1925b641619bba4', href: "mailto:" + this.email, title: "email", target: "_blank" }, index.h("span", { key: '0ed628c9520bbb604e9db59bc112a5f9c7776149', class: "icon", innerHTML: Icons.email })), this.phone && index.h("a", { key: '075f37f1f384900fc5e9f1ea1a7aec61909648a4', href: "tel:" + this.phone, title: "phone", target: "_blank" }, index.h("span", { key: '64bfefcaa5256669632783ab91705dffee57818a', class: "icon", innerHTML: Icons.phone }))), this.website && index.h("a", { key: '84994678cc1af43e86426705742d6a2bc5d528f4', class: "website", href: this.website, title: "website", target: "_blank" }, index.h("span", { key: '87cc930445b11e104a104a525fbbfd2f995a8e7a', class: "icon", innerHTML: Icons.website }), this.website), this.show_follow && index.h("div", { key: 'dc8e3ab18a5ba06f8a3252a78008ff16a786b56c', class: "follow-action action" }, index.h("button", { key: '4c1789101633fcbdd4a9de6bc9d8404e5032487a' }, "Follow")), this.show_donate && index.h("div", { key: 'c2f62356a74a29e99cbf8b8876c2fd88f557ceb4', class: "donate-action action" }, index.h("button", { key: '0968bf8cb46c45974fe90a86b269d5f09a220ccc' }, "Donate")), this.show_become_member && index.h("div", { key: '01850490c5a100516f72e6745aee438c67cfe16d', class: "member-action action" }, index.h("button", { key: '99c9f11c11bb74c7257668bf27ed318d06a12063' }, "Become Member")), this.show_send_message && index.h("div", { key: '15526bbec7669fb009f865b07f58bd3164effa4f', class: "message-action action" }, index.h("button", { key: 'f0ddd3ed76c0c53845d146b3ed15a9fecb5ef33e' }, "Message")), this.show_stats && index.h("div", { key: '44caba290f36663a788bd654cdf6ae3efa22a589', class: "stats" }, index.h("div", { key: 'e959c51b67504b41a187d71bb5457e1beb7340d6', class: "stat" }, index.h("span", { key: '7cf83086f640645ed151a2d329d1e2fe8c30ce0f', class: "label" }, "Stories"), index.h("span", { key: '16706b27d5363242ad2c4fe29f417d3ae916e37a', class: "value" }, this.stories_count)), index.h("div", { key: '77b0cb0b378d8f9d886fe9cb141df1200edf5834', class: "stat" }, index.h("span", { key: '67e51f16935208dc7a664046601e0e25a0e50ea5', class: "label" }, "Views"), index.h("span", { key: '55d2cfda57fd2fc7dd80ef9f0d7e1efa25210983', class: "value" }, this.views_count)), index.h("div", { key: '005abaae9920c03ca24844186419bf89820b14f1', class: "stat" }, index.h("span", { key: 'fc7c66202a416a6f3fdfa775ee967ce7fd8a3e94', class: "label" }, "Followers"), index.h("span", { key: 'a3269bd45b42da224aff158c07be0bc5619d363e', class: "value" }, this.followers_count)), index.h("div", { key: '982b79b6c4d657d35f589e0c05e00259ea10cdda', class: "stat" }, index.h("span", { key: 'c8aef58901e7af5a6dcaac5dc6196cd88e545ed4', class: "label" }, "Writers"), index.h("span", { key: '1588686b5a2f37c74a92a1a82ea2a1b3a08dd4e5', class: "value" }, this.writers_count))), this.show_languages && this.languages.trim().length > 0 && index.h("div", { key: '2ecd59a5eb35892bd2ce211f8f4a86d27f41db76', class: "languages" }, index.h("div", { key: '8a88695d830beab8cdd5387d9c8c1160ae12a48a', class: "title" }, "Languages"), index.h("div", { key: '676aaa392d92d133f572e8a53e2e9743769efe76', class: "pills" }, this.languages.split(',').map((language) => {
102
+ return index.h("div", { class: "pill" }, language.trim());
103
+ }))), this.show_genres && this.genres.trim().length > 0 && index.h("div", { key: '4bbe72759a95533e4a3d47e333e9cf295af0352d', class: "genres" }, index.h("div", { key: '5dece8dabc883096b0b7b4171ac37d71be406366', class: "title" }, "Genres"), index.h("div", { key: 'e24a15f38ff4c773c681774b7dc91385dd4f007b', class: "pills" }, this.genres.split(',').map((genre) => {
104
+ return index.h("div", { class: "pill" }, genre.trim());
105
+ }))), this.show_member_since && this.member_since.trim().length > 0 && index.h("div", { key: 'd47e775245fbf53817ae104ec63dadc4616cf90a', class: "member_since" }, "Member Since: ", this.member_since.trim()))));
106
+ }
107
+ };
108
+ UrProfile.style = UrProfileStyle0;
109
+
110
+ exports.ur_profile = UrProfile;
111
+
112
+ //# sourceMappingURL=ur-profile.cjs.entry.js.map
package/dist/cjs/ur-profile.cjs.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"file":"ur-profile.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/ur-profile/icons.ts","src/components/ur-profile/ur-profile.css?tag=ur-profile&encapsulation=shadow","src/components/ur-profile/ur-profile.tsx"],"sourcesContent":["export const Icons = {\n email: `<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"mail_24dp_E8EAED_FILL1_wght400_GRAD0_opsz24 1\">\n <path id=\"Vector\"\n d=\"M3 15C2.5875 15 2.23438 14.8531 1.94063 14.5594C1.64687 14.2656 1.5 13.9125 1.5 13.5V4.5C1.5 4.0875 1.64687 3.73438 1.94063 3.44063C2.23438 3.14687 2.5875 3 3 3H15C15.4125 3 15.7656 3.14687 16.0594 3.44063C16.3531 3.73438 16.5 4.0875 16.5 4.5V13.5C16.5 13.9125 16.3531 14.2656 16.0594 14.5594C15.7656 14.8531 15.4125 15 15 15H3ZM9 9.75L15 6V4.5L9 8.25L3 4.5V6L9 9.75Z\"\n fill=\"#525454\" />\n </g>\n </svg>`,\n website: `<svg width=\"16\" height=\"8\" viewBox=\"0 0 16 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path id=\"Vector\"\n d=\"M7.25 7.75H4.25C3.2125 7.75 2.32813 7.38438 1.59688 6.65313C0.865625 5.92188 0.5 5.0375 0.5 4C0.5 2.9625 0.865625 2.07813 1.59688 1.34688C2.32813 0.615625 3.2125 0.25 4.25 0.25H7.25V1.75H4.25C3.625 1.75 3.09375 1.96875 2.65625 2.40625C2.21875 2.84375 2 3.375 2 4C2 4.625 2.21875 5.15625 2.65625 5.59375C3.09375 6.03125 3.625 6.25 4.25 6.25H7.25V7.75ZM5 4.75V3.25H11V4.75H5ZM8.75 7.75V6.25H11.75C12.375 6.25 12.9063 6.03125 13.3438 5.59375C13.7813 5.15625 14 4.625 14 4C14 3.375 13.7813 2.84375 13.3438 2.40625C12.9063 1.96875 12.375 1.75 11.75 1.75H8.75V0.25H11.75C12.7875 0.25 13.6719 0.615625 14.4031 1.34688C15.1344 2.07813 15.5 2.9625 15.5 4C15.5 5.0375 15.1344 5.92188 14.4031 6.65313C13.6719 7.38438 12.7875 7.75 11.75 7.75H8.75Z\"\n fill=\"#525454\" />\n </svg>`,\n facebook: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"facebook-svgrepo-com 1\" clip-path=\"url(#clip0_1335_8577)\">\n <g id=\"XMLID_834_\">\n <path id=\"XMLID_835_\"\n d=\"M4.21705 8.5216H5.97091V15.7419C5.97091 15.8845 6.08642 16 6.22897 16H9.2027C9.34526 16 9.46077 15.8845 9.46077 15.7419V8.55561H11.477C11.6081 8.55561 11.7184 8.45724 11.7333 8.32702L12.0396 5.66885C12.048 5.59572 12.0248 5.52248 11.9759 5.46761C11.9269 5.4127 11.8568 5.38126 11.7832 5.38126H9.46087V3.71499C9.46087 3.2127 9.73132 2.95799 10.2648 2.95799C10.3408 2.95799 11.7832 2.95799 11.7832 2.95799C11.9258 2.95799 12.0413 2.84243 12.0413 2.69992V0.259974C12.0413 0.117419 11.9258 0.00190968 11.7832 0.00190968H9.6906C9.67584 0.0011871 9.64306 0 9.59475 0C9.23166 0 7.96956 0.0712774 6.97261 0.988439C5.86799 2.0048 6.02154 3.22173 6.05824 3.43272V5.38121H4.21705C4.07449 5.38121 3.95898 5.49672 3.95898 5.63928V8.26348C3.95898 8.40604 4.07449 8.5216 4.21705 8.5216Z\"\n fill=\"#525454\" />\n </g>\n </g>\n <defs>\n <clipPath id=\"clip0_1335_8577\">\n <rect width=\"16\" height=\"16\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>`,\n twitter: `<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"twitter-svgrepo-com 1\" clip-path=\"url(#clip0_1335_8580)\">\n <g id=\"XMLID_826_\">\n <path id=\"XMLID_827_\"\n d=\"M17.5921 3.3326C17.3093 3.45802 17.0186 3.56387 16.7215 3.64981C17.0732 3.25207 17.3414 2.78407 17.5051 2.27194C17.5418 2.15715 17.5037 2.03149 17.4094 1.95642C17.3151 1.88128 17.1842 1.87228 17.0804 1.93377C16.4496 2.30794 15.7689 2.57684 15.0553 2.73407C14.3364 2.03161 13.36 1.63184 12.3506 1.63184C10.2199 1.63184 8.48643 3.36524 8.48643 5.49585C8.48643 5.66366 8.49706 5.83054 8.51808 5.99509C5.87411 5.76295 3.41606 4.46341 1.72813 2.39289C1.66797 2.31909 1.5753 2.27931 1.48043 2.28692C1.38549 2.29435 1.30019 2.34789 1.25223 2.43016C0.909883 3.0176 0.728896 3.68947 0.728896 4.37306C0.728896 5.30413 1.06132 6.18752 1.64852 6.87779C1.46997 6.81595 1.29671 6.73867 1.13134 6.64687C1.04256 6.59746 0.934212 6.59821 0.846012 6.64878C0.757754 6.69936 0.702419 6.79238 0.700096 6.89405C0.69969 6.91118 0.69969 6.92831 0.69969 6.94567C0.69969 8.33544 1.44768 9.58667 2.59126 10.2686C2.49301 10.2588 2.39483 10.2446 2.29728 10.226C2.19671 10.2067 2.0933 10.242 2.02548 10.3187C1.95754 10.3953 1.93507 10.5022 1.96637 10.5997C2.38966 11.9213 3.47947 12.8933 4.79695 13.1897C3.70424 13.8741 2.45463 14.2326 1.14284 14.2326C0.869122 14.2326 0.593838 14.2165 0.324419 14.1846C0.19058 14.1687 0.0626059 14.2477 0.0170252 14.375C-0.0285554 14.5024 0.0197542 14.6443 0.133619 14.7173C1.81883 15.7978 3.76741 16.369 5.76861 16.369C9.70271 16.369 12.1638 14.5138 13.5355 12.9575C15.2461 11.0169 16.2272 8.44832 16.2272 5.91038C16.2272 5.80435 16.2256 5.69728 16.2223 5.59056C16.8972 5.08209 17.4782 4.46672 17.9511 3.75944C18.0229 3.65202 18.0151 3.51005 17.9319 3.41116C17.8488 3.31222 17.7103 3.28023 17.5921 3.3326Z\"\n fill=\"#525454\" />\n </g>\n </g>\n <defs>\n <clipPath id=\"clip0_1335_8580\">\n <rect width=\"18\" height=\"18\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>`,\n linkedin: `<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"iconmonstr-linkedin-3 1\" clip-path=\"url(#clip0_1335_8583)\">\n <path id=\"Vector\"\n d=\"M14.25 0H3.75C1.67925 0 0 1.67925 0 3.75V14.25C0 16.3207 1.67925 18 3.75 18H14.25C16.3215 18 18 16.3207 18 14.25V3.75C18 1.67925 16.3215 0 14.25 0ZM6 14.25H3.75V6H6V14.25ZM4.875 5.049C4.1505 5.049 3.5625 4.4565 3.5625 3.726C3.5625 2.9955 4.1505 2.403 4.875 2.403C5.5995 2.403 6.1875 2.9955 6.1875 3.726C6.1875 4.4565 5.60025 5.049 4.875 5.049ZM15 14.25H12.75V10.047C12.75 7.521 9.75 7.71225 9.75 10.047V14.25H7.5V6H9.75V7.32375C10.797 5.38425 15 5.241 15 9.18075V14.25Z\"\n fill=\"#525454\" />\n </g>\n <defs>\n <clipPath id=\"clip0_1335_8583\">\n <rect width=\"18\" height=\"18\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>`,\n phone: `<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"call_24dp_E8EAED_FILL1_wght400_GRAD0_opsz24 1\">\n <path id=\"Vector\"\n d=\"M14.9625 15.75C13.4 15.75 11.8563 15.4094 10.3313 14.7281C8.80625 14.0469 7.41875 13.0813 6.16875 11.8313C4.91875 10.5813 3.95312 9.19375 3.27188 7.66875C2.59063 6.14375 2.25 4.6 2.25 3.0375C2.25 2.8125 2.325 2.625 2.475 2.475C2.625 2.325 2.8125 2.25 3.0375 2.25H6.075C6.25 2.25 6.40625 2.30937 6.54375 2.42813C6.68125 2.54688 6.7625 2.6875 6.7875 2.85L7.275 5.475C7.3 5.675 7.29375 5.84375 7.25625 5.98125C7.21875 6.11875 7.15 6.2375 7.05 6.3375L5.23125 8.175C5.48125 8.6375 5.77813 9.08438 6.12188 9.51563C6.46563 9.94688 6.84375 10.3625 7.25625 10.7625C7.64375 11.15 8.05 11.5094 8.475 11.8406C8.9 12.1719 9.35 12.475 9.825 12.75L11.5875 10.9875C11.7 10.875 11.8469 10.7906 12.0281 10.7344C12.2094 10.6781 12.3875 10.6625 12.5625 10.6875L15.15 11.2125C15.325 11.2625 15.4688 11.3531 15.5813 11.4844C15.6938 11.6156 15.75 11.7625 15.75 11.925V14.9625C15.75 15.1875 15.675 15.375 15.525 15.525C15.375 15.675 15.1875 15.75 14.9625 15.75Z\"\n fill=\"#525454\" />\n </g>\n </svg>`\n}\n",":host {\n display: block;\n width: 100%;\n}\n\n:host .profile {\n display: flex;\n flex-direction: column;\n padding: 16px;\n}\n\n:host .profile .icon {\n display: inline-block;\n}\n\n:host .profile .name {\n font-weight: 700;\n line-height: 24px;\n letter-spacing: -0.262px;\n font-size: 22px;\n padding-top: 16px;\n}\n\n:host .profile .description {\n font-size: 11px;\n font-style: normal;\n font-weight: 400;\n line-height: 11px;\n letter-spacing: -0.262px;\n padding-top: 16px;\n}\n\n:host .profile .location {\n font-size: 11px;\n font-style: normal;\n font-weight: 700;\n line-height: 11px;\n letter-spacing: -0.262px;\n padding-top: 16px;\n color: #aaadad;\n}\n\n:host .profile .social {\n padding-top: 16px;\n display: flex;\n}\n\n:host .profile .social .icon {\n height: 18px;\n width: 18px;\n margin-right: 10px;\n box-sizing: border-box;\n border-radius: 5px;\n}\n\n:host .profile .website {\n padding-top: 16px;\n padding-bottom: 14px;\n font-size: 11px;\n font-style: normal;\n font-weight: 400;\n line-height: 11px;\n letter-spacing: -0.262px;\n text-decoration: none;\n color: #566262;\n}\n\n:host .profile .website:hover {\n text-decoration: underline;\n}\n\n:host .profile .website .icon {\n padding-right: 10px;\n}\n\n:host .profile .action {\n width: 100%;\n}\n\n:host .profile .action button {\n margin-top: 10px;\n border-radius: 5px;\n box-sizing: border-box;\n border: 1px solid #09F;\n background: transparent;\n width: 100%;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.1px;\n height: 32px;\n cursor: pointer;\n color: #09F;\n}\n\n:host .profile .follow-action button {\n background: #09F;\n color: #fff;\n}\n\n:host .profile .stats {\n padding-top: 24px;\n}\n\n:host .profile .stats .stat {\n font-size: 11px;\n font-style: normal;\n font-weight: 300;\n line-height: 11px;\n letter-spacing: -0.262px;\n height: 22px;\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n}\n\n:host .profile .stats .stat .value {\n font-size: 16px;\n}\n\n:host .profile .languages,\n:host .profile .genres {\n padding-top: 12px;\n}\n\n:host .profile .languages .title,\n:host .profile .genres .title {\n color: #BEC0C0;\n font-style: normal;\n font-weight: 700;\n line-height: 12px;\n font-size: 12px;\n}\n\n:host .profile .languages .pills,\n:host .profile .genres .pills {\n padding-top: 8px;\n}\n\n:host .profile .languages .pills .pill,\n:host .profile .genres .pills .pill {\n color: #000;\n font-size: 12px;\n line-height: 24px;\n opacity: 0.7;\n display: inline-block;\n border-radius: 5px;\n background: #EEF1F5;\n padding: 0 16px;\n margin-right: 8px;\n}\n\n:host .profile .member_since {\n opacity: 0.7;\n color: #BEC0C0;\n font-size: 11px;\n font-style: normal;\n font-weight: 700;\n line-height: 11px;\n letter-spacing: -0.262px;\n margin-top: 10px;\n}\n","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"],"version":3}
package/dist/cjs/ur-user-profile.cjs.entry.js CHANGED
@@ -12,7 +12,7 @@ const UrUserProfile = class {
12
12
  index.registerInstance(this, hostRef);
13
13
  }
14
14
  render() {
15
- return (index.h(index.Host, { key: '4e1d1872a50baecee7fe1019040df1cd6c5fd8d0' }, index.h("slot", { key: 'acf096324943f395eacd2a2571c012973a74b826' })));
15
+ return (index.h(index.Host, { key: '563b2336cf8469d0b1fd8226cced0e27730bc664' }, index.h("slot", { key: '213dea537d33af8449decaab2e339340375efdc7' })));
16
16
  }
17
17
  };
18
18
  UrUserProfile.style = UrUserProfileStyle0;
package/dist/cjs/urnovl-web-components.cjs.js CHANGED
@@ -19,7 +19,7 @@ var patchBrowser = () => {
19
19
 
20
20
  patchBrowser().then(async (options) => {
21
21
  await appGlobals.globalScripts();
22
- return index.bootstrapLazy([["ur-novl-carousel.cjs",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-avatar.cjs",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-loader.cjs",[[1,"ur-loader"]]],["ur-user-profile.cjs",[[1,"ur-user-profile"]]],["ur-novl.cjs",[[1,"ur-novl",{"novlTitle":[1,"novl-title"],"novlCover":[8,"novl-cover"],"novlCoverFallback":[1,"novl-cover-fallback"],"likes":[2],"views":[2],"showStats":[4,"show-stats"],"novlDescription":[8,"novl-description"],"authorAvatar":[8,"author-avatar"],"authorName":[8,"author-name"],"published":[4],"price":[1],"publisherAvatar":[1,"publisher-avatar"],"publisherName":[1,"publisher-name"]}]]],["ur-button-arrow-left_2.cjs",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]]], options);
22
+ return index.bootstrapLazy([["ur-novl-carousel.cjs",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-avatar.cjs",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-loader.cjs",[[1,"ur-loader"]]],["ur-profile.cjs",[[1,"ur-profile",{"name":[8],"description":[8],"location":[8],"facebook_url":[8],"twitter_url":[8],"linkedin_url":[8],"email":[8],"phone":[8],"website":[8],"show_follow":[4],"show_donate":[4],"show_become_member":[4],"show_send_message":[4],"show_stats":[4],"stories_count":[2],"views_count":[2],"followers_count":[2],"writers_count":[2],"show_languages":[4],"languages":[1],"show_genres":[4],"genres":[1],"show_member_since":[4],"member_since":[1]}]]],["ur-user-profile.cjs",[[1,"ur-user-profile"]]],["ur-novl.cjs",[[1,"ur-novl",{"novlTitle":[1,"novl-title"],"novlCover":[8,"novl-cover"],"novlCoverFallback":[1,"novl-cover-fallback"],"likes":[2],"views":[2],"showStats":[4,"show-stats"],"novlDescription":[8,"novl-description"],"authorAvatar":[8,"author-avatar"],"authorName":[8,"author-name"],"published":[4],"price":[1],"publisherAvatar":[1,"publisher-avatar"],"publisherName":[1,"publisher-name"]}]]],["ur-button-arrow-left_2.cjs",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]]], options);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
package/dist/collection/collection-manifest.json CHANGED
@@ -6,6 +6,7 @@
6
6
  "components/ur-loader/ur-loader.js",
7
7
  "components/ur-novl/ur-novl.js",
8
8
  "components/ur-novl-carousel/ur-novl-carousel.js",
9
+ "components/ur-profile/ur-profile.js",
9
10
  "components/ur-user-profile/ur-user-profile.js"
10
11
  ],
11
12
  "compiler": {
package/dist/collection/components/ur-profile/icons.js ADDED
@@ -0,0 +1,62 @@
1
+ export const Icons = {
2
+ email: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3
+ <g id="mail_24dp_E8EAED_FILL1_wght400_GRAD0_opsz24 1">
4
+ <path id="Vector"
5
+ d="M3 15C2.5875 15 2.23438 14.8531 1.94063 14.5594C1.64687 14.2656 1.5 13.9125 1.5 13.5V4.5C1.5 4.0875 1.64687 3.73438 1.94063 3.44063C2.23438 3.14687 2.5875 3 3 3H15C15.4125 3 15.7656 3.14687 16.0594 3.44063C16.3531 3.73438 16.5 4.0875 16.5 4.5V13.5C16.5 13.9125 16.3531 14.2656 16.0594 14.5594C15.7656 14.8531 15.4125 15 15 15H3ZM9 9.75L15 6V4.5L9 8.25L3 4.5V6L9 9.75Z"
6
+ fill="#525454" />
7
+ </g>
8
+ </svg>`,
9
+ website: `<svg width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
10
+ <path id="Vector"
11
+ d="M7.25 7.75H4.25C3.2125 7.75 2.32813 7.38438 1.59688 6.65313C0.865625 5.92188 0.5 5.0375 0.5 4C0.5 2.9625 0.865625 2.07813 1.59688 1.34688C2.32813 0.615625 3.2125 0.25 4.25 0.25H7.25V1.75H4.25C3.625 1.75 3.09375 1.96875 2.65625 2.40625C2.21875 2.84375 2 3.375 2 4C2 4.625 2.21875 5.15625 2.65625 5.59375C3.09375 6.03125 3.625 6.25 4.25 6.25H7.25V7.75ZM5 4.75V3.25H11V4.75H5ZM8.75 7.75V6.25H11.75C12.375 6.25 12.9063 6.03125 13.3438 5.59375C13.7813 5.15625 14 4.625 14 4C14 3.375 13.7813 2.84375 13.3438 2.40625C12.9063 1.96875 12.375 1.75 11.75 1.75H8.75V0.25H11.75C12.7875 0.25 13.6719 0.615625 14.4031 1.34688C15.1344 2.07813 15.5 2.9625 15.5 4C15.5 5.0375 15.1344 5.92188 14.4031 6.65313C13.6719 7.38438 12.7875 7.75 11.75 7.75H8.75Z"
12
+ fill="#525454" />
13
+ </svg>`,
14
+ facebook: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
15
+ <g id="facebook-svgrepo-com 1" clip-path="url(#clip0_1335_8577)">
16
+ <g id="XMLID_834_">
17
+ <path id="XMLID_835_"
18
+ d="M4.21705 8.5216H5.97091V15.7419C5.97091 15.8845 6.08642 16 6.22897 16H9.2027C9.34526 16 9.46077 15.8845 9.46077 15.7419V8.55561H11.477C11.6081 8.55561 11.7184 8.45724 11.7333 8.32702L12.0396 5.66885C12.048 5.59572 12.0248 5.52248 11.9759 5.46761C11.9269 5.4127 11.8568 5.38126 11.7832 5.38126H9.46087V3.71499C9.46087 3.2127 9.73132 2.95799 10.2648 2.95799C10.3408 2.95799 11.7832 2.95799 11.7832 2.95799C11.9258 2.95799 12.0413 2.84243 12.0413 2.69992V0.259974C12.0413 0.117419 11.9258 0.00190968 11.7832 0.00190968H9.6906C9.67584 0.0011871 9.64306 0 9.59475 0C9.23166 0 7.96956 0.0712774 6.97261 0.988439C5.86799 2.0048 6.02154 3.22173 6.05824 3.43272V5.38121H4.21705C4.07449 5.38121 3.95898 5.49672 3.95898 5.63928V8.26348C3.95898 8.40604 4.07449 8.5216 4.21705 8.5216Z"
19
+ fill="#525454" />
20
+ </g>
21
+ </g>
22
+ <defs>
23
+ <clipPath id="clip0_1335_8577">
24
+ <rect width="16" height="16" fill="white" />
25
+ </clipPath>
26
+ </defs>
27
+ </svg>`,
28
+ twitter: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
29
+ <g id="twitter-svgrepo-com 1" clip-path="url(#clip0_1335_8580)">
30
+ <g id="XMLID_826_">
31
+ <path id="XMLID_827_"
32
+ d="M17.5921 3.3326C17.3093 3.45802 17.0186 3.56387 16.7215 3.64981C17.0732 3.25207 17.3414 2.78407 17.5051 2.27194C17.5418 2.15715 17.5037 2.03149 17.4094 1.95642C17.3151 1.88128 17.1842 1.87228 17.0804 1.93377C16.4496 2.30794 15.7689 2.57684 15.0553 2.73407C14.3364 2.03161 13.36 1.63184 12.3506 1.63184C10.2199 1.63184 8.48643 3.36524 8.48643 5.49585C8.48643 5.66366 8.49706 5.83054 8.51808 5.99509C5.87411 5.76295 3.41606 4.46341 1.72813 2.39289C1.66797 2.31909 1.5753 2.27931 1.48043 2.28692C1.38549 2.29435 1.30019 2.34789 1.25223 2.43016C0.909883 3.0176 0.728896 3.68947 0.728896 4.37306C0.728896 5.30413 1.06132 6.18752 1.64852 6.87779C1.46997 6.81595 1.29671 6.73867 1.13134 6.64687C1.04256 6.59746 0.934212 6.59821 0.846012 6.64878C0.757754 6.69936 0.702419 6.79238 0.700096 6.89405C0.69969 6.91118 0.69969 6.92831 0.69969 6.94567C0.69969 8.33544 1.44768 9.58667 2.59126 10.2686C2.49301 10.2588 2.39483 10.2446 2.29728 10.226C2.19671 10.2067 2.0933 10.242 2.02548 10.3187C1.95754 10.3953 1.93507 10.5022 1.96637 10.5997C2.38966 11.9213 3.47947 12.8933 4.79695 13.1897C3.70424 13.8741 2.45463 14.2326 1.14284 14.2326C0.869122 14.2326 0.593838 14.2165 0.324419 14.1846C0.19058 14.1687 0.0626059 14.2477 0.0170252 14.375C-0.0285554 14.5024 0.0197542 14.6443 0.133619 14.7173C1.81883 15.7978 3.76741 16.369 5.76861 16.369C9.70271 16.369 12.1638 14.5138 13.5355 12.9575C15.2461 11.0169 16.2272 8.44832 16.2272 5.91038C16.2272 5.80435 16.2256 5.69728 16.2223 5.59056C16.8972 5.08209 17.4782 4.46672 17.9511 3.75944C18.0229 3.65202 18.0151 3.51005 17.9319 3.41116C17.8488 3.31222 17.7103 3.28023 17.5921 3.3326Z"
33
+ fill="#525454" />
34
+ </g>
35
+ </g>
36
+ <defs>
37
+ <clipPath id="clip0_1335_8580">
38
+ <rect width="18" height="18" fill="white" />
39
+ </clipPath>
40
+ </defs>
41
+ </svg>`,
42
+ linkedin: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
43
+ <g id="iconmonstr-linkedin-3 1" clip-path="url(#clip0_1335_8583)">
44
+ <path id="Vector"
45
+ d="M14.25 0H3.75C1.67925 0 0 1.67925 0 3.75V14.25C0 16.3207 1.67925 18 3.75 18H14.25C16.3215 18 18 16.3207 18 14.25V3.75C18 1.67925 16.3215 0 14.25 0ZM6 14.25H3.75V6H6V14.25ZM4.875 5.049C4.1505 5.049 3.5625 4.4565 3.5625 3.726C3.5625 2.9955 4.1505 2.403 4.875 2.403C5.5995 2.403 6.1875 2.9955 6.1875 3.726C6.1875 4.4565 5.60025 5.049 4.875 5.049ZM15 14.25H12.75V10.047C12.75 7.521 9.75 7.71225 9.75 10.047V14.25H7.5V6H9.75V7.32375C10.797 5.38425 15 5.241 15 9.18075V14.25Z"
46
+ fill="#525454" />
47
+ </g>
48
+ <defs>
49
+ <clipPath id="clip0_1335_8583">
50
+ <rect width="18" height="18" fill="white" />
51
+ </clipPath>
52
+ </defs>
53
+ </svg>`,
54
+ phone: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
55
+ <g id="call_24dp_E8EAED_FILL1_wght400_GRAD0_opsz24 1">
56
+ <path id="Vector"
57
+ d="M14.9625 15.75C13.4 15.75 11.8563 15.4094 10.3313 14.7281C8.80625 14.0469 7.41875 13.0813 6.16875 11.8313C4.91875 10.5813 3.95312 9.19375 3.27188 7.66875C2.59063 6.14375 2.25 4.6 2.25 3.0375C2.25 2.8125 2.325 2.625 2.475 2.475C2.625 2.325 2.8125 2.25 3.0375 2.25H6.075C6.25 2.25 6.40625 2.30937 6.54375 2.42813C6.68125 2.54688 6.7625 2.6875 6.7875 2.85L7.275 5.475C7.3 5.675 7.29375 5.84375 7.25625 5.98125C7.21875 6.11875 7.15 6.2375 7.05 6.3375L5.23125 8.175C5.48125 8.6375 5.77813 9.08438 6.12188 9.51563C6.46563 9.94688 6.84375 10.3625 7.25625 10.7625C7.64375 11.15 8.05 11.5094 8.475 11.8406C8.9 12.1719 9.35 12.475 9.825 12.75L11.5875 10.9875C11.7 10.875 11.8469 10.7906 12.0281 10.7344C12.2094 10.6781 12.3875 10.6625 12.5625 10.6875L15.15 11.2125C15.325 11.2625 15.4688 11.3531 15.5813 11.4844C15.6938 11.6156 15.75 11.7625 15.75 11.925V14.9625C15.75 15.1875 15.675 15.375 15.525 15.525C15.375 15.675 15.1875 15.75 14.9625 15.75Z"
58
+ fill="#525454" />
59
+ </g>
60
+ </svg>`
61
+ };
62
+ //# sourceMappingURL=icons.js.map
package/dist/collection/components/ur-profile/icons.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/components/ur-profile/icons.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,KAAK,EAAE;;;;;;WAMA;IACP,OAAO,EAAE;;;;WAIF;IACP,QAAQ,EAAE;;;;;;;;;;;;;WAaH;IACP,OAAO,EAAE;;;;;;;;;;;;;WAaF;IACP,QAAQ,EAAE;;;;;;;;;;;WAWH;IACP,KAAK,EAAE;;;;;;WAMA;CACV,CAAA","sourcesContent":["export const Icons = {\n email: `<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"mail_24dp_E8EAED_FILL1_wght400_GRAD0_opsz24 1\">\n <path id=\"Vector\"\n d=\"M3 15C2.5875 15 2.23438 14.8531 1.94063 14.5594C1.64687 14.2656 1.5 13.9125 1.5 13.5V4.5C1.5 4.0875 1.64687 3.73438 1.94063 3.44063C2.23438 3.14687 2.5875 3 3 3H15C15.4125 3 15.7656 3.14687 16.0594 3.44063C16.3531 3.73438 16.5 4.0875 16.5 4.5V13.5C16.5 13.9125 16.3531 14.2656 16.0594 14.5594C15.7656 14.8531 15.4125 15 15 15H3ZM9 9.75L15 6V4.5L9 8.25L3 4.5V6L9 9.75Z\"\n fill=\"#525454\" />\n </g>\n </svg>`,\n website: `<svg width=\"16\" height=\"8\" viewBox=\"0 0 16 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path id=\"Vector\"\n d=\"M7.25 7.75H4.25C3.2125 7.75 2.32813 7.38438 1.59688 6.65313C0.865625 5.92188 0.5 5.0375 0.5 4C0.5 2.9625 0.865625 2.07813 1.59688 1.34688C2.32813 0.615625 3.2125 0.25 4.25 0.25H7.25V1.75H4.25C3.625 1.75 3.09375 1.96875 2.65625 2.40625C2.21875 2.84375 2 3.375 2 4C2 4.625 2.21875 5.15625 2.65625 5.59375C3.09375 6.03125 3.625 6.25 4.25 6.25H7.25V7.75ZM5 4.75V3.25H11V4.75H5ZM8.75 7.75V6.25H11.75C12.375 6.25 12.9063 6.03125 13.3438 5.59375C13.7813 5.15625 14 4.625 14 4C14 3.375 13.7813 2.84375 13.3438 2.40625C12.9063 1.96875 12.375 1.75 11.75 1.75H8.75V0.25H11.75C12.7875 0.25 13.6719 0.615625 14.4031 1.34688C15.1344 2.07813 15.5 2.9625 15.5 4C15.5 5.0375 15.1344 5.92188 14.4031 6.65313C13.6719 7.38438 12.7875 7.75 11.75 7.75H8.75Z\"\n fill=\"#525454\" />\n </svg>`,\n facebook: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"facebook-svgrepo-com 1\" clip-path=\"url(#clip0_1335_8577)\">\n <g id=\"XMLID_834_\">\n <path id=\"XMLID_835_\"\n d=\"M4.21705 8.5216H5.97091V15.7419C5.97091 15.8845 6.08642 16 6.22897 16H9.2027C9.34526 16 9.46077 15.8845 9.46077 15.7419V8.55561H11.477C11.6081 8.55561 11.7184 8.45724 11.7333 8.32702L12.0396 5.66885C12.048 5.59572 12.0248 5.52248 11.9759 5.46761C11.9269 5.4127 11.8568 5.38126 11.7832 5.38126H9.46087V3.71499C9.46087 3.2127 9.73132 2.95799 10.2648 2.95799C10.3408 2.95799 11.7832 2.95799 11.7832 2.95799C11.9258 2.95799 12.0413 2.84243 12.0413 2.69992V0.259974C12.0413 0.117419 11.9258 0.00190968 11.7832 0.00190968H9.6906C9.67584 0.0011871 9.64306 0 9.59475 0C9.23166 0 7.96956 0.0712774 6.97261 0.988439C5.86799 2.0048 6.02154 3.22173 6.05824 3.43272V5.38121H4.21705C4.07449 5.38121 3.95898 5.49672 3.95898 5.63928V8.26348C3.95898 8.40604 4.07449 8.5216 4.21705 8.5216Z\"\n fill=\"#525454\" />\n </g>\n </g>\n <defs>\n <clipPath id=\"clip0_1335_8577\">\n <rect width=\"16\" height=\"16\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>`,\n twitter: `<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"twitter-svgrepo-com 1\" clip-path=\"url(#clip0_1335_8580)\">\n <g id=\"XMLID_826_\">\n <path id=\"XMLID_827_\"\n d=\"M17.5921 3.3326C17.3093 3.45802 17.0186 3.56387 16.7215 3.64981C17.0732 3.25207 17.3414 2.78407 17.5051 2.27194C17.5418 2.15715 17.5037 2.03149 17.4094 1.95642C17.3151 1.88128 17.1842 1.87228 17.0804 1.93377C16.4496 2.30794 15.7689 2.57684 15.0553 2.73407C14.3364 2.03161 13.36 1.63184 12.3506 1.63184C10.2199 1.63184 8.48643 3.36524 8.48643 5.49585C8.48643 5.66366 8.49706 5.83054 8.51808 5.99509C5.87411 5.76295 3.41606 4.46341 1.72813 2.39289C1.66797 2.31909 1.5753 2.27931 1.48043 2.28692C1.38549 2.29435 1.30019 2.34789 1.25223 2.43016C0.909883 3.0176 0.728896 3.68947 0.728896 4.37306C0.728896 5.30413 1.06132 6.18752 1.64852 6.87779C1.46997 6.81595 1.29671 6.73867 1.13134 6.64687C1.04256 6.59746 0.934212 6.59821 0.846012 6.64878C0.757754 6.69936 0.702419 6.79238 0.700096 6.89405C0.69969 6.91118 0.69969 6.92831 0.69969 6.94567C0.69969 8.33544 1.44768 9.58667 2.59126 10.2686C2.49301 10.2588 2.39483 10.2446 2.29728 10.226C2.19671 10.2067 2.0933 10.242 2.02548 10.3187C1.95754 10.3953 1.93507 10.5022 1.96637 10.5997C2.38966 11.9213 3.47947 12.8933 4.79695 13.1897C3.70424 13.8741 2.45463 14.2326 1.14284 14.2326C0.869122 14.2326 0.593838 14.2165 0.324419 14.1846C0.19058 14.1687 0.0626059 14.2477 0.0170252 14.375C-0.0285554 14.5024 0.0197542 14.6443 0.133619 14.7173C1.81883 15.7978 3.76741 16.369 5.76861 16.369C9.70271 16.369 12.1638 14.5138 13.5355 12.9575C15.2461 11.0169 16.2272 8.44832 16.2272 5.91038C16.2272 5.80435 16.2256 5.69728 16.2223 5.59056C16.8972 5.08209 17.4782 4.46672 17.9511 3.75944C18.0229 3.65202 18.0151 3.51005 17.9319 3.41116C17.8488 3.31222 17.7103 3.28023 17.5921 3.3326Z\"\n fill=\"#525454\" />\n </g>\n </g>\n <defs>\n <clipPath id=\"clip0_1335_8580\">\n <rect width=\"18\" height=\"18\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>`,\n linkedin: `<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"iconmonstr-linkedin-3 1\" clip-path=\"url(#clip0_1335_8583)\">\n <path id=\"Vector\"\n d=\"M14.25 0H3.75C1.67925 0 0 1.67925 0 3.75V14.25C0 16.3207 1.67925 18 3.75 18H14.25C16.3215 18 18 16.3207 18 14.25V3.75C18 1.67925 16.3215 0 14.25 0ZM6 14.25H3.75V6H6V14.25ZM4.875 5.049C4.1505 5.049 3.5625 4.4565 3.5625 3.726C3.5625 2.9955 4.1505 2.403 4.875 2.403C5.5995 2.403 6.1875 2.9955 6.1875 3.726C6.1875 4.4565 5.60025 5.049 4.875 5.049ZM15 14.25H12.75V10.047C12.75 7.521 9.75 7.71225 9.75 10.047V14.25H7.5V6H9.75V7.32375C10.797 5.38425 15 5.241 15 9.18075V14.25Z\"\n fill=\"#525454\" />\n </g>\n <defs>\n <clipPath id=\"clip0_1335_8583\">\n <rect width=\"18\" height=\"18\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>`,\n phone: `<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"call_24dp_E8EAED_FILL1_wght400_GRAD0_opsz24 1\">\n <path id=\"Vector\"\n d=\"M14.9625 15.75C13.4 15.75 11.8563 15.4094 10.3313 14.7281C8.80625 14.0469 7.41875 13.0813 6.16875 11.8313C4.91875 10.5813 3.95312 9.19375 3.27188 7.66875C2.59063 6.14375 2.25 4.6 2.25 3.0375C2.25 2.8125 2.325 2.625 2.475 2.475C2.625 2.325 2.8125 2.25 3.0375 2.25H6.075C6.25 2.25 6.40625 2.30937 6.54375 2.42813C6.68125 2.54688 6.7625 2.6875 6.7875 2.85L7.275 5.475C7.3 5.675 7.29375 5.84375 7.25625 5.98125C7.21875 6.11875 7.15 6.2375 7.05 6.3375L5.23125 8.175C5.48125 8.6375 5.77813 9.08438 6.12188 9.51563C6.46563 9.94688 6.84375 10.3625 7.25625 10.7625C7.64375 11.15 8.05 11.5094 8.475 11.8406C8.9 12.1719 9.35 12.475 9.825 12.75L11.5875 10.9875C11.7 10.875 11.8469 10.7906 12.0281 10.7344C12.2094 10.6781 12.3875 10.6625 12.5625 10.6875L15.15 11.2125C15.325 11.2625 15.4688 11.3531 15.5813 11.4844C15.6938 11.6156 15.75 11.7625 15.75 11.925V14.9625C15.75 15.1875 15.675 15.375 15.525 15.525C15.375 15.675 15.1875 15.75 14.9625 15.75Z\"\n fill=\"#525454\" />\n </g>\n </svg>`\n}\n"]}
package/dist/collection/components/ur-profile/ur-profile.css ADDED
@@ -0,0 +1,164 @@
1
+ :host {
2
+ display: block;
3
+ width: 100%;
4
+ }
5
+
6
+ :host .profile {
7
+ display: flex;
8
+ flex-direction: column;
9
+ padding: 16px;
10
+ }
11
+
12
+ :host .profile .icon {
13
+ display: inline-block;
14
+ }
15
+
16
+ :host .profile .name {
17
+ font-weight: 700;
18
+ line-height: 24px;
19
+ letter-spacing: -0.262px;
20
+ font-size: 22px;
21
+ padding-top: 16px;
22
+ }
23
+
24
+ :host .profile .description {
25
+ font-size: 11px;
26
+ font-style: normal;
27
+ font-weight: 400;
28
+ line-height: 11px;
29
+ letter-spacing: -0.262px;
30
+ padding-top: 16px;
31
+ }
32
+
33
+ :host .profile .location {
34
+ font-size: 11px;
35
+ font-style: normal;
36
+ font-weight: 700;
37
+ line-height: 11px;
38
+ letter-spacing: -0.262px;
39
+ padding-top: 16px;
40
+ color: #aaadad;
41
+ }
42
+
43
+ :host .profile .social {
44
+ padding-top: 16px;
45
+ display: flex;
46
+ }
47
+
48
+ :host .profile .social .icon {
49
+ height: 18px;
50
+ width: 18px;
51
+ margin-right: 10px;
52
+ box-sizing: border-box;
53
+ border-radius: 5px;
54
+ }
55
+
56
+ :host .profile .website {
57
+ padding-top: 16px;
58
+ padding-bottom: 14px;
59
+ font-size: 11px;
60
+ font-style: normal;
61
+ font-weight: 400;
62
+ line-height: 11px;
63
+ letter-spacing: -0.262px;
64
+ text-decoration: none;
65
+ color: #566262;
66
+ }
67
+
68
+ :host .profile .website:hover {
69
+ text-decoration: underline;
70
+ }
71
+
72
+ :host .profile .website .icon {
73
+ padding-right: 10px;
74
+ }
75
+
76
+ :host .profile .action {
77
+ width: 100%;
78
+ }
79
+
80
+ :host .profile .action button {
81
+ margin-top: 10px;
82
+ border-radius: 5px;
83
+ box-sizing: border-box;
84
+ border: 1px solid #09F;
85
+ background: transparent;
86
+ width: 100%;
87
+ font-size: 14px;
88
+ font-weight: 400;
89
+ line-height: 20px;
90
+ letter-spacing: 0.1px;
91
+ height: 32px;
92
+ cursor: pointer;
93
+ color: #09F;
94
+ }
95
+
96
+ :host .profile .follow-action button {
97
+ background: #09F;
98
+ color: #fff;
99
+ }
100
+
101
+ :host .profile .stats {
102
+ padding-top: 24px;
103
+ }
104
+
105
+ :host .profile .stats .stat {
106
+ font-size: 11px;
107
+ font-style: normal;
108
+ font-weight: 300;
109
+ line-height: 11px;
110
+ letter-spacing: -0.262px;
111
+ height: 22px;
112
+ box-sizing: border-box;
113
+ display: flex;
114
+ justify-content: space-between;
115
+ align-items: center;
116
+ margin-bottom: 10px;
117
+ }
118
+
119
+ :host .profile .stats .stat .value {
120
+ font-size: 16px;
121
+ }
122
+
123
+ :host .profile .languages,
124
+ :host .profile .genres {
125
+ padding-top: 12px;
126
+ }
127
+
128
+ :host .profile .languages .title,
129
+ :host .profile .genres .title {
130
+ color: #BEC0C0;
131
+ font-style: normal;
132
+ font-weight: 700;
133
+ line-height: 12px;
134
+ font-size: 12px;
135
+ }
136
+
137
+ :host .profile .languages .pills,
138
+ :host .profile .genres .pills {
139
+ padding-top: 8px;
140
+ }
141
+
142
+ :host .profile .languages .pills .pill,
143
+ :host .profile .genres .pills .pill {
144
+ color: #000;
145
+ font-size: 12px;
146
+ line-height: 24px;
147
+ opacity: 0.7;
148
+ display: inline-block;
149
+ border-radius: 5px;
150
+ background: #EEF1F5;
151
+ padding: 0 16px;
152
+ margin-right: 8px;
153
+ }
154
+
155
+ :host .profile .member_since {
156
+ opacity: 0.7;
157
+ color: #BEC0C0;
158
+ font-size: 11px;
159
+ font-style: normal;
160
+ font-weight: 700;
161
+ line-height: 11px;
162
+ letter-spacing: -0.262px;
163
+ margin-top: 10px;
164
+ }