urnovl-web-components 0.0.20 → 0.0.21

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.
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-02f21c56.js');
6
6
 
7
- const urNovlCss = ":host{display:flex;flex-direction:column;width:270px;box-sizing:content-box}:host .cover{height:120px;border-radius:16px 16px 0px 0px;background-color:#131519;background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative}:host .cover .ongoing{background-color:#ff3b01;height:30px;width:30px;border-radius:50%;position:absolute;top:10px;left:11.44px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;text-transform:uppercase;font-size:14px}:host .cover .ongoing span{position:relative;left:-0.5px;top:-1px}:host .cover .price{position:absolute;top:10px;right:11.44px;border-radius:25px;background:rgba(43, 43, 39, 0.95);padding:10px 24px;box-sizing:border-box;line-height:12px;font-weight:700;font-size:14px;color:#fff}:host .cover .publisher{position:absolute;bottom:0;height:40px;background-color:rgba(0, 0, 0, 0.30);display:flex;align-items:center;width:100%;padding:4px 11.44px;box-sizing:border-box}:host .cover .publisher .avatar{height:32px;width:32px;border-radius:50%;background-size:cover}:host .cover .publisher .name{font-size:12px;font-style:normal;font-weight:600;line-height:12px;color:#fff;margin-left:7.56px}:host .info{padding:7px 11px;background:#F7F7F7;box-sizing:border-box}:host .info .title{color:#171818;font-size:14px;font-style:normal;font-weight:700;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}:host .info .stats{font-size:11px;font-weight:400;line-height:12px;display:flex;flex-direction:row;margin-bottom:7px}:host .info .stats b{font-weight:700}:host .info .stats .likes{display:flex}:host .info .stats .likes .dot{margin:0 5px}:host .info .description{color:#171818;font-size:11px;font-style:normal;font-weight:400;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}:host .info .author{height:32px;display:flex;align-items:center;font-size:11px;font-style:normal;font-weight:600;color:#1D1B20;cursor:pointer}:host .info .author .avatar{height:32px;width:32px;border-radius:50%;background-size:cover}:host .info .author .name{margin-left:8px}";
7
+ const urNovlCss = ":host{display:flex;flex-direction:column;width:270px;box-sizing:content-box}:host .cover{height:120px;border-radius:16px 16px 0px 0px;background-color:#131519;background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative}:host .cover .ongoing{background-color:#ff3b01;height:30px;width:30px;border-radius:50%;position:absolute;top:10px;left:11.44px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;text-transform:uppercase;font-size:14px}:host .cover .ongoing span{position:relative;left:-0.5px;top:-1px}:host .cover .price{position:absolute;top:10px;right:11.44px;border-radius:25px;background:rgba(43, 43, 39, 0.95);padding:10px 24px;box-sizing:border-box;line-height:12px;font-weight:700;font-size:14px;color:#fff}:host .cover .publisher{position:absolute;bottom:0;height:40px;background-color:rgba(0, 0, 0, 0.30);display:flex;align-items:center;width:100%;padding:4px 11.44px;box-sizing:border-box}:host .cover .publisher .avatar{height:32px;width:32px;border-radius:50%;background-size:cover}:host .cover .publisher .name{font-size:12px;font-style:normal;font-weight:600;line-height:12px;color:#fff;margin-left:7.56px}:host .info{padding:7px 11px;background:#F7F7F7;box-sizing:border-box;border-bottom-left-radius:5px;border-bottom-right-radius:5px}:host .info .title{color:#171818;font-size:14px;font-style:normal;font-weight:700;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}:host .info .stats{font-size:11px;font-weight:400;line-height:12px;display:flex;flex-direction:row;margin-bottom:7px}:host .info .stats b{font-weight:700}:host .info .stats .likes{display:flex}:host .info .stats .likes .dot{margin:0 5px}:host .info .description{color:#171818;font-size:11px;font-style:normal;font-weight:400;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}:host .info .author{height:32px;display:flex;align-items:center;font-size:11px;font-style:normal;font-weight:600;color:#1D1B20;cursor:pointer}:host .info .author .avatar{height:32px;width:32px;border-radius:50%;background-size:cover}:host .info .author .name{margin-left:8px}";
8
8
  const UrNovlStyle0 = urNovlCss;
9
9
 
10
10
  const UrNovl = class {
@@ -1 +1 @@
1
- {"file":"ur-novl.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,SAAS,GAAG,krEAAkrE,CAAC;AACrsE,qBAAe,SAAS;;MCMX,MAAM;;;;yBAGH,YAAY;;qBAMhB,CAAC;qBAGD,CAAC;yBAGG,IAAI;;;;yBAYJ,KAAK;qBAGM,IAAI;+BAGM,IAAI;6BAGN,IAAI;;IAKnC,MAAM;QACF,QACIA,QAACC,UAAI,uDACDD,sEAAS,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,EAAE,IACtE,CAAC,IAAI,CAAC,SAAS,IAAIA,kEAAK,KAAK,EAAC,SAAS,IAACA,yEAAc,CAAM,EAC5D,CAAC,CAAC,IAAI,CAAC,KAAK,IAAIA,kEAAK,KAAK,EAAC,OAAO,IAACA,qEAAO,IAAI,CAAC,KAAK,CAAQ,CAAM,EAClE,CAAC,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,aAAa,IAAIA,kEAAK,KAAK,EAAC,WAAW,IACnEA,kEAAK,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,IAAI,CAAC,eAAe,GAAG,EAAE,GAAQ,EACtFA,kEAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,aAAa,CAAO,CAC1C,CACA,EACVA,sEAAS,KAAK,EAAC,MAAM,IACjBA,kEAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,SAAS,CAAO,EACxC,IAAI,CAAC,SAAS;YACXA,kEAAK,KAAK,EAAC,OAAO,IACdA,kEAAK,KAAK,EAAC,OAAO,IAACA,oEAAKA,kEAAI,IAAI,CAAC,KAAK,CAAK,WAAY,EAAAA,kEAAK,KAAK,EAAC,KAAK,aAAQ,CAAM,EACrFA,kEAAK,KAAK,EAAC,OAAO,IAACA,kEAAI,IAAI,CAAC,KAAK,CAAK,WAAY,CAChD,EAEVA,kEAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,eAAe,CAAO,EACrDA,kEAAK,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,IACvDA,kEAAK,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,IAAI,CAAC,YAAY,GAAG,EAAE,GAAQ,EACnFA,kEAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,UAAU,CAAO,CACvC,CACA,CACP,EACT;KACL;;;;;;","names":["h","Host"],"sources":["src/components/ur-novl/ur-novl.css?tag=ur-novl&encapsulation=shadow","src/components/ur-novl/ur-novl.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n width: 270px;\n box-sizing: content-box;\n}\n\n:host .cover {\n height: 120px;\n border-radius: 16px 16px 0px 0px;\n background-color: #131519;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: 50%;\n position: relative;\n}\n\n:host .cover .ongoing {\n background-color: #ff3b01;\n height: 30px;\n width: 30px;\n border-radius: 50%;\n position: absolute;\n top: 10px;\n left: 11.44px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-weight: 700;\n text-transform: uppercase;\n font-size: 14px;\n}\n\n:host .cover .ongoing span {\n position: relative;\n left: -0.5px;\n top: -1px;\n}\n\n:host .cover .price {\n position: absolute;\n top: 10px;\n right: 11.44px;\n border-radius: 25px;\n background: rgba(43, 43, 39, 0.95);\n padding: 10px 24px;\n box-sizing: border-box;\n line-height: 12px;\n font-weight: 700;\n font-size: 14px;\n color: #fff;\n}\n\n:host .cover .publisher {\n position: absolute;\n bottom: 0;\n height: 40px;\n background-color: rgba(0, 0, 0, 0.30);\n display: flex;\n align-items: center;\n width: 100%;\n padding: 4px 11.44px;\n box-sizing: border-box;\n}\n\n:host .cover .publisher .avatar {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n background-size: cover;\n}\n\n:host .cover .publisher .name {\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 12px; /* 100% */\n color: #fff;\n margin-left: 7.56px;\n}\n\n:host .info {\n padding: 7px 11px;\n background: #F7F7F7;\n box-sizing: border-box;\n}\n\n:host .info .title {\n color: #171818;\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 18px;\n display: -webkit-box;\n -webkit-line-clamp: 2; /* Number of lines */\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 7px;\n}\n\n:host .info .stats {\n font-size: 11px;\n font-weight: 400;\n line-height: 12px;\n display: flex;\n flex-direction: row;\n margin-bottom: 7px;\n}\n\n:host .info .stats b {\n font-weight: 700;\n}\n\n:host .info .stats .likes {\n display: flex;\n}\n\n:host .info .stats .likes .dot {\n margin: 0 5px;\n}\n\n:host .info .description {\n color: #171818;\n font-size: 11px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px; /* 163.636% */\n display: -webkit-box;\n -webkit-line-clamp: 2; /* Number of lines */\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 7px;\n}\n\n:host .info .author {\n height: 32px;\n display: flex;\n align-items: center;\n font-size: 11px;\n font-style: normal;\n font-weight: 600;\n color: #1D1B20;\n cursor: pointer;\n}\n\n:host .info .author .avatar {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n background-size: cover;\n}\n\n:host .info .author .name {\n margin-left: 8px;\n}\n","import { Event, Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'ur-novl',\n styleUrl: 'ur-novl.css',\n shadow: true,\n})\nexport class UrNovl {\n\n @Prop()\n novlTitle = 'Novl title'\n\n @Prop()\n novlCover;\n\n @Prop()\n likes = 0;\n\n @Prop()\n views = 0;\n\n @Prop()\n showStats = true;\n\n @Prop()\n novlDescription;\n\n @Prop()\n authorAvatar;\n\n @Prop()\n authorName;\n\n @Prop()\n published = false;\n\n @Prop()\n price: string | null = null;\n\n @Prop()\n publisherAvatar: string | null = null;\n\n @Prop()\n publisherName: string | null = null;\n\n @Event()\n authorClicked;\n\n render() {\n return (\n <Host>\n <section class='cover' style={{ backgroundImage: `url(${this.novlCover})` }}>\n {!this.published && <div class=\"ongoing\"><span>O</span></div>}\n {!!this.price && <div class=\"price\"><span>{this.price}</span></div>}\n {!!this.publisherAvatar && this.publisherName && <div class=\"publisher\">\n <div class=\"avatar\" style={{ backgroundImage: `url(${this.publisherAvatar})` }}></div>\n <div class=\"name\">{this.publisherName}</div>\n </div>}\n </section>\n <section class='info'>\n <div class='title'>{this.novlTitle}</div>\n {this.showStats &&\n <div class='stats'>\n <div class=\"likes\"><div><b>{this.likes}</b> Likes</div><div class=\"dot\">·</div></div>\n <div class=\"views\"><b>{this.views}</b> Views</div>\n </div>\n }\n <div class=\"description\">{this.novlDescription}</div>\n <div class=\"author\" onClick={_ => this.authorClicked.emit()}>\n <div class=\"avatar\" style={{ backgroundImage: `url(${this.authorAvatar})` }}></div>\n <div class=\"name\">{this.authorName}</div>\n </div>\n </section>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"ur-novl.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,SAAS,GAAG,+uEAA+uE,CAAC;AAClwE,qBAAe,SAAS;;MCMX,MAAM;;;;yBAGH,YAAY;;qBAMhB,CAAC;qBAGD,CAAC;yBAGG,IAAI;;;;yBAYJ,KAAK;qBAGM,IAAI;+BAGM,IAAI;6BAGN,IAAI;;IAKnC,MAAM;QACF,QACIA,QAACC,UAAI,uDACDD,sEAAS,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,EAAE,IACtE,CAAC,IAAI,CAAC,SAAS,IAAIA,kEAAK,KAAK,EAAC,SAAS,IAACA,yEAAc,CAAM,EAC5D,CAAC,CAAC,IAAI,CAAC,KAAK,IAAIA,kEAAK,KAAK,EAAC,OAAO,IAACA,qEAAO,IAAI,CAAC,KAAK,CAAQ,CAAM,EAClE,CAAC,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,aAAa,IAAIA,kEAAK,KAAK,EAAC,WAAW,IACnEA,kEAAK,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,IAAI,CAAC,eAAe,GAAG,EAAE,GAAQ,EACtFA,kEAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,aAAa,CAAO,CAC1C,CACA,EACVA,sEAAS,KAAK,EAAC,MAAM,IACjBA,kEAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,SAAS,CAAO,EACxC,IAAI,CAAC,SAAS;YACXA,kEAAK,KAAK,EAAC,OAAO,IACdA,kEAAK,KAAK,EAAC,OAAO,IAACA,oEAAKA,kEAAI,IAAI,CAAC,KAAK,CAAK,WAAY,EAAAA,kEAAK,KAAK,EAAC,KAAK,aAAQ,CAAM,EACrFA,kEAAK,KAAK,EAAC,OAAO,IAACA,kEAAI,IAAI,CAAC,KAAK,CAAK,WAAY,CAChD,EAEVA,kEAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,eAAe,CAAO,EACrDA,kEAAK,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,IACvDA,kEAAK,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,IAAI,CAAC,YAAY,GAAG,EAAE,GAAQ,EACnFA,kEAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,UAAU,CAAO,CACvC,CACA,CACP,EACT;KACL;;;;;;","names":["h","Host"],"sources":["src/components/ur-novl/ur-novl.css?tag=ur-novl&encapsulation=shadow","src/components/ur-novl/ur-novl.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n width: 270px;\n box-sizing: content-box;\n}\n\n:host .cover {\n height: 120px;\n border-radius: 16px 16px 0px 0px;\n background-color: #131519;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: 50%;\n position: relative;\n}\n\n:host .cover .ongoing {\n background-color: #ff3b01;\n height: 30px;\n width: 30px;\n border-radius: 50%;\n position: absolute;\n top: 10px;\n left: 11.44px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-weight: 700;\n text-transform: uppercase;\n font-size: 14px;\n}\n\n:host .cover .ongoing span {\n position: relative;\n left: -0.5px;\n top: -1px;\n}\n\n:host .cover .price {\n position: absolute;\n top: 10px;\n right: 11.44px;\n border-radius: 25px;\n background: rgba(43, 43, 39, 0.95);\n padding: 10px 24px;\n box-sizing: border-box;\n line-height: 12px;\n font-weight: 700;\n font-size: 14px;\n color: #fff;\n}\n\n:host .cover .publisher {\n position: absolute;\n bottom: 0;\n height: 40px;\n background-color: rgba(0, 0, 0, 0.30);\n display: flex;\n align-items: center;\n width: 100%;\n padding: 4px 11.44px;\n box-sizing: border-box;\n}\n\n:host .cover .publisher .avatar {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n background-size: cover;\n}\n\n:host .cover .publisher .name {\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 12px; /* 100% */\n color: #fff;\n margin-left: 7.56px;\n}\n\n:host .info {\n padding: 7px 11px;\n background: #F7F7F7;\n box-sizing: border-box;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n}\n\n:host .info .title {\n color: #171818;\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 18px;\n display: -webkit-box;\n -webkit-line-clamp: 2; /* Number of lines */\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 7px;\n}\n\n:host .info .stats {\n font-size: 11px;\n font-weight: 400;\n line-height: 12px;\n display: flex;\n flex-direction: row;\n margin-bottom: 7px;\n}\n\n:host .info .stats b {\n font-weight: 700;\n}\n\n:host .info .stats .likes {\n display: flex;\n}\n\n:host .info .stats .likes .dot {\n margin: 0 5px;\n}\n\n:host .info .description {\n color: #171818;\n font-size: 11px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px; /* 163.636% */\n display: -webkit-box;\n -webkit-line-clamp: 2; /* Number of lines */\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 7px;\n}\n\n:host .info .author {\n height: 32px;\n display: flex;\n align-items: center;\n font-size: 11px;\n font-style: normal;\n font-weight: 600;\n color: #1D1B20;\n cursor: pointer;\n}\n\n:host .info .author .avatar {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n background-size: cover;\n}\n\n:host .info .author .name {\n margin-left: 8px;\n}\n","import { Event, Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'ur-novl',\n styleUrl: 'ur-novl.css',\n shadow: true,\n})\nexport class UrNovl {\n\n @Prop()\n novlTitle = 'Novl title'\n\n @Prop()\n novlCover;\n\n @Prop()\n likes = 0;\n\n @Prop()\n views = 0;\n\n @Prop()\n showStats = true;\n\n @Prop()\n novlDescription;\n\n @Prop()\n authorAvatar;\n\n @Prop()\n authorName;\n\n @Prop()\n published = false;\n\n @Prop()\n price: string | null = null;\n\n @Prop()\n publisherAvatar: string | null = null;\n\n @Prop()\n publisherName: string | null = null;\n\n @Event()\n authorClicked;\n\n render() {\n return (\n <Host>\n <section class='cover' style={{ backgroundImage: `url(${this.novlCover})` }}>\n {!this.published && <div class=\"ongoing\"><span>O</span></div>}\n {!!this.price && <div class=\"price\"><span>{this.price}</span></div>}\n {!!this.publisherAvatar && this.publisherName && <div class=\"publisher\">\n <div class=\"avatar\" style={{ backgroundImage: `url(${this.publisherAvatar})` }}></div>\n <div class=\"name\">{this.publisherName}</div>\n </div>}\n </section>\n <section class='info'>\n <div class='title'>{this.novlTitle}</div>\n {this.showStats &&\n <div class='stats'>\n <div class=\"likes\"><div><b>{this.likes}</b> Likes</div><div class=\"dot\">·</div></div>\n <div class=\"views\"><b>{this.views}</b> Views</div>\n </div>\n }\n <div class=\"description\">{this.novlDescription}</div>\n <div class=\"author\" onClick={_ => this.authorClicked.emit()}>\n <div class=\"avatar\" style={{ backgroundImage: `url(${this.authorAvatar})` }}></div>\n <div class=\"name\">{this.authorName}</div>\n </div>\n </section>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -84,6 +84,8 @@
84
84
  padding: 7px 11px;
85
85
  background: #F7F7F7;
86
86
  box-sizing: border-box;
87
+ border-bottom-left-radius: 5px;
88
+ border-bottom-right-radius: 5px;
87
89
  }
88
90
 
89
91
  :host .info .title {
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-57229bbc.js';
2
2
 
3
- const urNovlCss = ":host{display:flex;flex-direction:column;width:270px;box-sizing:content-box}:host .cover{height:120px;border-radius:16px 16px 0px 0px;background-color:#131519;background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative}:host .cover .ongoing{background-color:#ff3b01;height:30px;width:30px;border-radius:50%;position:absolute;top:10px;left:11.44px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;text-transform:uppercase;font-size:14px}:host .cover .ongoing span{position:relative;left:-0.5px;top:-1px}:host .cover .price{position:absolute;top:10px;right:11.44px;border-radius:25px;background:rgba(43, 43, 39, 0.95);padding:10px 24px;box-sizing:border-box;line-height:12px;font-weight:700;font-size:14px;color:#fff}:host .cover .publisher{position:absolute;bottom:0;height:40px;background-color:rgba(0, 0, 0, 0.30);display:flex;align-items:center;width:100%;padding:4px 11.44px;box-sizing:border-box}:host .cover .publisher .avatar{height:32px;width:32px;border-radius:50%;background-size:cover}:host .cover .publisher .name{font-size:12px;font-style:normal;font-weight:600;line-height:12px;color:#fff;margin-left:7.56px}:host .info{padding:7px 11px;background:#F7F7F7;box-sizing:border-box}:host .info .title{color:#171818;font-size:14px;font-style:normal;font-weight:700;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}:host .info .stats{font-size:11px;font-weight:400;line-height:12px;display:flex;flex-direction:row;margin-bottom:7px}:host .info .stats b{font-weight:700}:host .info .stats .likes{display:flex}:host .info .stats .likes .dot{margin:0 5px}:host .info .description{color:#171818;font-size:11px;font-style:normal;font-weight:400;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}:host .info .author{height:32px;display:flex;align-items:center;font-size:11px;font-style:normal;font-weight:600;color:#1D1B20;cursor:pointer}:host .info .author .avatar{height:32px;width:32px;border-radius:50%;background-size:cover}:host .info .author .name{margin-left:8px}";
3
+ const urNovlCss = ":host{display:flex;flex-direction:column;width:270px;box-sizing:content-box}:host .cover{height:120px;border-radius:16px 16px 0px 0px;background-color:#131519;background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative}:host .cover .ongoing{background-color:#ff3b01;height:30px;width:30px;border-radius:50%;position:absolute;top:10px;left:11.44px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;text-transform:uppercase;font-size:14px}:host .cover .ongoing span{position:relative;left:-0.5px;top:-1px}:host .cover .price{position:absolute;top:10px;right:11.44px;border-radius:25px;background:rgba(43, 43, 39, 0.95);padding:10px 24px;box-sizing:border-box;line-height:12px;font-weight:700;font-size:14px;color:#fff}:host .cover .publisher{position:absolute;bottom:0;height:40px;background-color:rgba(0, 0, 0, 0.30);display:flex;align-items:center;width:100%;padding:4px 11.44px;box-sizing:border-box}:host .cover .publisher .avatar{height:32px;width:32px;border-radius:50%;background-size:cover}:host .cover .publisher .name{font-size:12px;font-style:normal;font-weight:600;line-height:12px;color:#fff;margin-left:7.56px}:host .info{padding:7px 11px;background:#F7F7F7;box-sizing:border-box;border-bottom-left-radius:5px;border-bottom-right-radius:5px}:host .info .title{color:#171818;font-size:14px;font-style:normal;font-weight:700;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}:host .info .stats{font-size:11px;font-weight:400;line-height:12px;display:flex;flex-direction:row;margin-bottom:7px}:host .info .stats b{font-weight:700}:host .info .stats .likes{display:flex}:host .info .stats .likes .dot{margin:0 5px}:host .info .description{color:#171818;font-size:11px;font-style:normal;font-weight:400;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}:host .info .author{height:32px;display:flex;align-items:center;font-size:11px;font-style:normal;font-weight:600;color:#1D1B20;cursor:pointer}:host .info .author .avatar{height:32px;width:32px;border-radius:50%;background-size:cover}:host .info .author .name{margin-left:8px}";
4
4
  const UrNovlStyle0 = urNovlCss;
5
5
 
6
6
  const UrNovl$1 = /*@__PURE__*/ proxyCustomElement(class UrNovl extends H {
@@ -1 +1 @@
1
- {"file":"ur-novl.js","mappings":";;AAAA,MAAM,SAAS,GAAG,krEAAkrE,CAAC;AACrsE,qBAAe,SAAS;;MCMXA,QAAM;;;;;;yBAGH,YAAY;;qBAMhB,CAAC;qBAGD,CAAC;yBAGG,IAAI;;;;yBAYJ,KAAK;qBAGM,IAAI;+BAGM,IAAI;6BAGN,IAAI;;IAKnC,MAAM;QACF,QACI,EAAC,IAAI,uDACD,gEAAS,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,EAAE,IACtE,CAAC,IAAI,CAAC,SAAS,IAAI,4DAAK,KAAK,EAAC,SAAS,IAAC,mEAAc,CAAM,EAC5D,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,4DAAK,KAAK,EAAC,OAAO,IAAC,+DAAO,IAAI,CAAC,KAAK,CAAQ,CAAM,EAClE,CAAC,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,aAAa,IAAI,4DAAK,KAAK,EAAC,WAAW,IACnE,4DAAK,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,IAAI,CAAC,eAAe,GAAG,EAAE,GAAQ,EACtF,4DAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,aAAa,CAAO,CAC1C,CACA,EACV,gEAAS,KAAK,EAAC,MAAM,IACjB,4DAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,SAAS,CAAO,EACxC,IAAI,CAAC,SAAS;YACX,4DAAK,KAAK,EAAC,OAAO,IACd,4DAAK,KAAK,EAAC,OAAO,IAAC,8DAAK,4DAAI,IAAI,CAAC,KAAK,CAAK,WAAY,EAAA,4DAAK,KAAK,EAAC,KAAK,aAAQ,CAAM,EACrF,4DAAK,KAAK,EAAC,OAAO,IAAC,4DAAI,IAAI,CAAC,KAAK,CAAK,WAAY,CAChD,EAEV,4DAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,eAAe,CAAO,EACrD,4DAAK,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,IACvD,4DAAK,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,IAAI,CAAC,YAAY,GAAG,EAAE,GAAQ,EACnF,4DAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,UAAU,CAAO,CACvC,CACA,CACP,EACT;KACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UrNovl"],"sources":["src/components/ur-novl/ur-novl.css?tag=ur-novl&encapsulation=shadow","src/components/ur-novl/ur-novl.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n width: 270px;\n box-sizing: content-box;\n}\n\n:host .cover {\n height: 120px;\n border-radius: 16px 16px 0px 0px;\n background-color: #131519;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: 50%;\n position: relative;\n}\n\n:host .cover .ongoing {\n background-color: #ff3b01;\n height: 30px;\n width: 30px;\n border-radius: 50%;\n position: absolute;\n top: 10px;\n left: 11.44px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-weight: 700;\n text-transform: uppercase;\n font-size: 14px;\n}\n\n:host .cover .ongoing span {\n position: relative;\n left: -0.5px;\n top: -1px;\n}\n\n:host .cover .price {\n position: absolute;\n top: 10px;\n right: 11.44px;\n border-radius: 25px;\n background: rgba(43, 43, 39, 0.95);\n padding: 10px 24px;\n box-sizing: border-box;\n line-height: 12px;\n font-weight: 700;\n font-size: 14px;\n color: #fff;\n}\n\n:host .cover .publisher {\n position: absolute;\n bottom: 0;\n height: 40px;\n background-color: rgba(0, 0, 0, 0.30);\n display: flex;\n align-items: center;\n width: 100%;\n padding: 4px 11.44px;\n box-sizing: border-box;\n}\n\n:host .cover .publisher .avatar {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n background-size: cover;\n}\n\n:host .cover .publisher .name {\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 12px; /* 100% */\n color: #fff;\n margin-left: 7.56px;\n}\n\n:host .info {\n padding: 7px 11px;\n background: #F7F7F7;\n box-sizing: border-box;\n}\n\n:host .info .title {\n color: #171818;\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 18px;\n display: -webkit-box;\n -webkit-line-clamp: 2; /* Number of lines */\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 7px;\n}\n\n:host .info .stats {\n font-size: 11px;\n font-weight: 400;\n line-height: 12px;\n display: flex;\n flex-direction: row;\n margin-bottom: 7px;\n}\n\n:host .info .stats b {\n font-weight: 700;\n}\n\n:host .info .stats .likes {\n display: flex;\n}\n\n:host .info .stats .likes .dot {\n margin: 0 5px;\n}\n\n:host .info .description {\n color: #171818;\n font-size: 11px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px; /* 163.636% */\n display: -webkit-box;\n -webkit-line-clamp: 2; /* Number of lines */\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 7px;\n}\n\n:host .info .author {\n height: 32px;\n display: flex;\n align-items: center;\n font-size: 11px;\n font-style: normal;\n font-weight: 600;\n color: #1D1B20;\n cursor: pointer;\n}\n\n:host .info .author .avatar {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n background-size: cover;\n}\n\n:host .info .author .name {\n margin-left: 8px;\n}\n","import { Event, Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'ur-novl',\n styleUrl: 'ur-novl.css',\n shadow: true,\n})\nexport class UrNovl {\n\n @Prop()\n novlTitle = 'Novl title'\n\n @Prop()\n novlCover;\n\n @Prop()\n likes = 0;\n\n @Prop()\n views = 0;\n\n @Prop()\n showStats = true;\n\n @Prop()\n novlDescription;\n\n @Prop()\n authorAvatar;\n\n @Prop()\n authorName;\n\n @Prop()\n published = false;\n\n @Prop()\n price: string | null = null;\n\n @Prop()\n publisherAvatar: string | null = null;\n\n @Prop()\n publisherName: string | null = null;\n\n @Event()\n authorClicked;\n\n render() {\n return (\n <Host>\n <section class='cover' style={{ backgroundImage: `url(${this.novlCover})` }}>\n {!this.published && <div class=\"ongoing\"><span>O</span></div>}\n {!!this.price && <div class=\"price\"><span>{this.price}</span></div>}\n {!!this.publisherAvatar && this.publisherName && <div class=\"publisher\">\n <div class=\"avatar\" style={{ backgroundImage: `url(${this.publisherAvatar})` }}></div>\n <div class=\"name\">{this.publisherName}</div>\n </div>}\n </section>\n <section class='info'>\n <div class='title'>{this.novlTitle}</div>\n {this.showStats &&\n <div class='stats'>\n <div class=\"likes\"><div><b>{this.likes}</b> Likes</div><div class=\"dot\">·</div></div>\n <div class=\"views\"><b>{this.views}</b> Views</div>\n </div>\n }\n <div class=\"description\">{this.novlDescription}</div>\n <div class=\"author\" onClick={_ => this.authorClicked.emit()}>\n <div class=\"avatar\" style={{ backgroundImage: `url(${this.authorAvatar})` }}></div>\n <div class=\"name\">{this.authorName}</div>\n </div>\n </section>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"ur-novl.js","mappings":";;AAAA,MAAM,SAAS,GAAG,+uEAA+uE,CAAC;AAClwE,qBAAe,SAAS;;MCMXA,QAAM;;;;;;yBAGH,YAAY;;qBAMhB,CAAC;qBAGD,CAAC;yBAGG,IAAI;;;;yBAYJ,KAAK;qBAGM,IAAI;+BAGM,IAAI;6BAGN,IAAI;;IAKnC,MAAM;QACF,QACI,EAAC,IAAI,uDACD,gEAAS,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,EAAE,IACtE,CAAC,IAAI,CAAC,SAAS,IAAI,4DAAK,KAAK,EAAC,SAAS,IAAC,mEAAc,CAAM,EAC5D,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,4DAAK,KAAK,EAAC,OAAO,IAAC,+DAAO,IAAI,CAAC,KAAK,CAAQ,CAAM,EAClE,CAAC,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,aAAa,IAAI,4DAAK,KAAK,EAAC,WAAW,IACnE,4DAAK,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,IAAI,CAAC,eAAe,GAAG,EAAE,GAAQ,EACtF,4DAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,aAAa,CAAO,CAC1C,CACA,EACV,gEAAS,KAAK,EAAC,MAAM,IACjB,4DAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,SAAS,CAAO,EACxC,IAAI,CAAC,SAAS;YACX,4DAAK,KAAK,EAAC,OAAO,IACd,4DAAK,KAAK,EAAC,OAAO,IAAC,8DAAK,4DAAI,IAAI,CAAC,KAAK,CAAK,WAAY,EAAA,4DAAK,KAAK,EAAC,KAAK,aAAQ,CAAM,EACrF,4DAAK,KAAK,EAAC,OAAO,IAAC,4DAAI,IAAI,CAAC,KAAK,CAAK,WAAY,CAChD,EAEV,4DAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,eAAe,CAAO,EACrD,4DAAK,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,IACvD,4DAAK,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,IAAI,CAAC,YAAY,GAAG,EAAE,GAAQ,EACnF,4DAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,UAAU,CAAO,CACvC,CACA,CACP,EACT;KACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UrNovl"],"sources":["src/components/ur-novl/ur-novl.css?tag=ur-novl&encapsulation=shadow","src/components/ur-novl/ur-novl.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n width: 270px;\n box-sizing: content-box;\n}\n\n:host .cover {\n height: 120px;\n border-radius: 16px 16px 0px 0px;\n background-color: #131519;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: 50%;\n position: relative;\n}\n\n:host .cover .ongoing {\n background-color: #ff3b01;\n height: 30px;\n width: 30px;\n border-radius: 50%;\n position: absolute;\n top: 10px;\n left: 11.44px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-weight: 700;\n text-transform: uppercase;\n font-size: 14px;\n}\n\n:host .cover .ongoing span {\n position: relative;\n left: -0.5px;\n top: -1px;\n}\n\n:host .cover .price {\n position: absolute;\n top: 10px;\n right: 11.44px;\n border-radius: 25px;\n background: rgba(43, 43, 39, 0.95);\n padding: 10px 24px;\n box-sizing: border-box;\n line-height: 12px;\n font-weight: 700;\n font-size: 14px;\n color: #fff;\n}\n\n:host .cover .publisher {\n position: absolute;\n bottom: 0;\n height: 40px;\n background-color: rgba(0, 0, 0, 0.30);\n display: flex;\n align-items: center;\n width: 100%;\n padding: 4px 11.44px;\n box-sizing: border-box;\n}\n\n:host .cover .publisher .avatar {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n background-size: cover;\n}\n\n:host .cover .publisher .name {\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 12px; /* 100% */\n color: #fff;\n margin-left: 7.56px;\n}\n\n:host .info {\n padding: 7px 11px;\n background: #F7F7F7;\n box-sizing: border-box;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n}\n\n:host .info .title {\n color: #171818;\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 18px;\n display: -webkit-box;\n -webkit-line-clamp: 2; /* Number of lines */\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 7px;\n}\n\n:host .info .stats {\n font-size: 11px;\n font-weight: 400;\n line-height: 12px;\n display: flex;\n flex-direction: row;\n margin-bottom: 7px;\n}\n\n:host .info .stats b {\n font-weight: 700;\n}\n\n:host .info .stats .likes {\n display: flex;\n}\n\n:host .info .stats .likes .dot {\n margin: 0 5px;\n}\n\n:host .info .description {\n color: #171818;\n font-size: 11px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px; /* 163.636% */\n display: -webkit-box;\n -webkit-line-clamp: 2; /* Number of lines */\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 7px;\n}\n\n:host .info .author {\n height: 32px;\n display: flex;\n align-items: center;\n font-size: 11px;\n font-style: normal;\n font-weight: 600;\n color: #1D1B20;\n cursor: pointer;\n}\n\n:host .info .author .avatar {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n background-size: cover;\n}\n\n:host .info .author .name {\n margin-left: 8px;\n}\n","import { Event, Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'ur-novl',\n styleUrl: 'ur-novl.css',\n shadow: true,\n})\nexport class UrNovl {\n\n @Prop()\n novlTitle = 'Novl title'\n\n @Prop()\n novlCover;\n\n @Prop()\n likes = 0;\n\n @Prop()\n views = 0;\n\n @Prop()\n showStats = true;\n\n @Prop()\n novlDescription;\n\n @Prop()\n authorAvatar;\n\n @Prop()\n authorName;\n\n @Prop()\n published = false;\n\n @Prop()\n price: string | null = null;\n\n @Prop()\n publisherAvatar: string | null = null;\n\n @Prop()\n publisherName: string | null = null;\n\n @Event()\n authorClicked;\n\n render() {\n return (\n <Host>\n <section class='cover' style={{ backgroundImage: `url(${this.novlCover})` }}>\n {!this.published && <div class=\"ongoing\"><span>O</span></div>}\n {!!this.price && <div class=\"price\"><span>{this.price}</span></div>}\n {!!this.publisherAvatar && this.publisherName && <div class=\"publisher\">\n <div class=\"avatar\" style={{ backgroundImage: `url(${this.publisherAvatar})` }}></div>\n <div class=\"name\">{this.publisherName}</div>\n </div>}\n </section>\n <section class='info'>\n <div class='title'>{this.novlTitle}</div>\n {this.showStats &&\n <div class='stats'>\n <div class=\"likes\"><div><b>{this.likes}</b> Likes</div><div class=\"dot\">·</div></div>\n <div class=\"views\"><b>{this.views}</b> Views</div>\n </div>\n }\n <div class=\"description\">{this.novlDescription}</div>\n <div class=\"author\" onClick={_ => this.authorClicked.emit()}>\n <div class=\"avatar\" style={{ backgroundImage: `url(${this.authorAvatar})` }}></div>\n <div class=\"name\">{this.authorName}</div>\n </div>\n </section>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-39c2d9bd.js';
2
2
 
3
- const urNovlCss = ":host{display:flex;flex-direction:column;width:270px;box-sizing:content-box}:host .cover{height:120px;border-radius:16px 16px 0px 0px;background-color:#131519;background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative}:host .cover .ongoing{background-color:#ff3b01;height:30px;width:30px;border-radius:50%;position:absolute;top:10px;left:11.44px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;text-transform:uppercase;font-size:14px}:host .cover .ongoing span{position:relative;left:-0.5px;top:-1px}:host .cover .price{position:absolute;top:10px;right:11.44px;border-radius:25px;background:rgba(43, 43, 39, 0.95);padding:10px 24px;box-sizing:border-box;line-height:12px;font-weight:700;font-size:14px;color:#fff}:host .cover .publisher{position:absolute;bottom:0;height:40px;background-color:rgba(0, 0, 0, 0.30);display:flex;align-items:center;width:100%;padding:4px 11.44px;box-sizing:border-box}:host .cover .publisher .avatar{height:32px;width:32px;border-radius:50%;background-size:cover}:host .cover .publisher .name{font-size:12px;font-style:normal;font-weight:600;line-height:12px;color:#fff;margin-left:7.56px}:host .info{padding:7px 11px;background:#F7F7F7;box-sizing:border-box}:host .info .title{color:#171818;font-size:14px;font-style:normal;font-weight:700;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}:host .info .stats{font-size:11px;font-weight:400;line-height:12px;display:flex;flex-direction:row;margin-bottom:7px}:host .info .stats b{font-weight:700}:host .info .stats .likes{display:flex}:host .info .stats .likes .dot{margin:0 5px}:host .info .description{color:#171818;font-size:11px;font-style:normal;font-weight:400;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}:host .info .author{height:32px;display:flex;align-items:center;font-size:11px;font-style:normal;font-weight:600;color:#1D1B20;cursor:pointer}:host .info .author .avatar{height:32px;width:32px;border-radius:50%;background-size:cover}:host .info .author .name{margin-left:8px}";
3
+ const urNovlCss = ":host{display:flex;flex-direction:column;width:270px;box-sizing:content-box}:host .cover{height:120px;border-radius:16px 16px 0px 0px;background-color:#131519;background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative}:host .cover .ongoing{background-color:#ff3b01;height:30px;width:30px;border-radius:50%;position:absolute;top:10px;left:11.44px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;text-transform:uppercase;font-size:14px}:host .cover .ongoing span{position:relative;left:-0.5px;top:-1px}:host .cover .price{position:absolute;top:10px;right:11.44px;border-radius:25px;background:rgba(43, 43, 39, 0.95);padding:10px 24px;box-sizing:border-box;line-height:12px;font-weight:700;font-size:14px;color:#fff}:host .cover .publisher{position:absolute;bottom:0;height:40px;background-color:rgba(0, 0, 0, 0.30);display:flex;align-items:center;width:100%;padding:4px 11.44px;box-sizing:border-box}:host .cover .publisher .avatar{height:32px;width:32px;border-radius:50%;background-size:cover}:host .cover .publisher .name{font-size:12px;font-style:normal;font-weight:600;line-height:12px;color:#fff;margin-left:7.56px}:host .info{padding:7px 11px;background:#F7F7F7;box-sizing:border-box;border-bottom-left-radius:5px;border-bottom-right-radius:5px}:host .info .title{color:#171818;font-size:14px;font-style:normal;font-weight:700;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}:host .info .stats{font-size:11px;font-weight:400;line-height:12px;display:flex;flex-direction:row;margin-bottom:7px}:host .info .stats b{font-weight:700}:host .info .stats .likes{display:flex}:host .info .stats .likes .dot{margin:0 5px}:host .info .description{color:#171818;font-size:11px;font-style:normal;font-weight:400;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}:host .info .author{height:32px;display:flex;align-items:center;font-size:11px;font-style:normal;font-weight:600;color:#1D1B20;cursor:pointer}:host .info .author .avatar{height:32px;width:32px;border-radius:50%;background-size:cover}:host .info .author .name{margin-left:8px}";
4
4
  const UrNovlStyle0 = urNovlCss;
5
5
 
6
6
  const UrNovl = class {
@@ -1 +1 @@
1
- {"file":"ur-novl.entry.js","mappings":";;AAAA,MAAM,SAAS,GAAG,krEAAkrE,CAAC;AACrsE,qBAAe,SAAS;;MCMX,MAAM;;;;yBAGH,YAAY;;qBAMhB,CAAC;qBAGD,CAAC;yBAGG,IAAI;;;;yBAYJ,KAAK;qBAGM,IAAI;+BAGM,IAAI;6BAGN,IAAI;;IAKnC,MAAM;QACF,QACI,EAAC,IAAI,uDACD,gEAAS,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,EAAE,IACtE,CAAC,IAAI,CAAC,SAAS,IAAI,4DAAK,KAAK,EAAC,SAAS,IAAC,mEAAc,CAAM,EAC5D,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,4DAAK,KAAK,EAAC,OAAO,IAAC,+DAAO,IAAI,CAAC,KAAK,CAAQ,CAAM,EAClE,CAAC,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,aAAa,IAAI,4DAAK,KAAK,EAAC,WAAW,IACnE,4DAAK,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,IAAI,CAAC,eAAe,GAAG,EAAE,GAAQ,EACtF,4DAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,aAAa,CAAO,CAC1C,CACA,EACV,gEAAS,KAAK,EAAC,MAAM,IACjB,4DAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,SAAS,CAAO,EACxC,IAAI,CAAC,SAAS;YACX,4DAAK,KAAK,EAAC,OAAO,IACd,4DAAK,KAAK,EAAC,OAAO,IAAC,8DAAK,4DAAI,IAAI,CAAC,KAAK,CAAK,WAAY,EAAA,4DAAK,KAAK,EAAC,KAAK,aAAQ,CAAM,EACrF,4DAAK,KAAK,EAAC,OAAO,IAAC,4DAAI,IAAI,CAAC,KAAK,CAAK,WAAY,CAChD,EAEV,4DAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,eAAe,CAAO,EACrD,4DAAK,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,IACvD,4DAAK,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,IAAI,CAAC,YAAY,GAAG,EAAE,GAAQ,EACnF,4DAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,UAAU,CAAO,CACvC,CACA,CACP,EACT;KACL;;;;;;","names":[],"sources":["src/components/ur-novl/ur-novl.css?tag=ur-novl&encapsulation=shadow","src/components/ur-novl/ur-novl.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n width: 270px;\n box-sizing: content-box;\n}\n\n:host .cover {\n height: 120px;\n border-radius: 16px 16px 0px 0px;\n background-color: #131519;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: 50%;\n position: relative;\n}\n\n:host .cover .ongoing {\n background-color: #ff3b01;\n height: 30px;\n width: 30px;\n border-radius: 50%;\n position: absolute;\n top: 10px;\n left: 11.44px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-weight: 700;\n text-transform: uppercase;\n font-size: 14px;\n}\n\n:host .cover .ongoing span {\n position: relative;\n left: -0.5px;\n top: -1px;\n}\n\n:host .cover .price {\n position: absolute;\n top: 10px;\n right: 11.44px;\n border-radius: 25px;\n background: rgba(43, 43, 39, 0.95);\n padding: 10px 24px;\n box-sizing: border-box;\n line-height: 12px;\n font-weight: 700;\n font-size: 14px;\n color: #fff;\n}\n\n:host .cover .publisher {\n position: absolute;\n bottom: 0;\n height: 40px;\n background-color: rgba(0, 0, 0, 0.30);\n display: flex;\n align-items: center;\n width: 100%;\n padding: 4px 11.44px;\n box-sizing: border-box;\n}\n\n:host .cover .publisher .avatar {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n background-size: cover;\n}\n\n:host .cover .publisher .name {\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 12px; /* 100% */\n color: #fff;\n margin-left: 7.56px;\n}\n\n:host .info {\n padding: 7px 11px;\n background: #F7F7F7;\n box-sizing: border-box;\n}\n\n:host .info .title {\n color: #171818;\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 18px;\n display: -webkit-box;\n -webkit-line-clamp: 2; /* Number of lines */\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 7px;\n}\n\n:host .info .stats {\n font-size: 11px;\n font-weight: 400;\n line-height: 12px;\n display: flex;\n flex-direction: row;\n margin-bottom: 7px;\n}\n\n:host .info .stats b {\n font-weight: 700;\n}\n\n:host .info .stats .likes {\n display: flex;\n}\n\n:host .info .stats .likes .dot {\n margin: 0 5px;\n}\n\n:host .info .description {\n color: #171818;\n font-size: 11px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px; /* 163.636% */\n display: -webkit-box;\n -webkit-line-clamp: 2; /* Number of lines */\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 7px;\n}\n\n:host .info .author {\n height: 32px;\n display: flex;\n align-items: center;\n font-size: 11px;\n font-style: normal;\n font-weight: 600;\n color: #1D1B20;\n cursor: pointer;\n}\n\n:host .info .author .avatar {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n background-size: cover;\n}\n\n:host .info .author .name {\n margin-left: 8px;\n}\n","import { Event, Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'ur-novl',\n styleUrl: 'ur-novl.css',\n shadow: true,\n})\nexport class UrNovl {\n\n @Prop()\n novlTitle = 'Novl title'\n\n @Prop()\n novlCover;\n\n @Prop()\n likes = 0;\n\n @Prop()\n views = 0;\n\n @Prop()\n showStats = true;\n\n @Prop()\n novlDescription;\n\n @Prop()\n authorAvatar;\n\n @Prop()\n authorName;\n\n @Prop()\n published = false;\n\n @Prop()\n price: string | null = null;\n\n @Prop()\n publisherAvatar: string | null = null;\n\n @Prop()\n publisherName: string | null = null;\n\n @Event()\n authorClicked;\n\n render() {\n return (\n <Host>\n <section class='cover' style={{ backgroundImage: `url(${this.novlCover})` }}>\n {!this.published && <div class=\"ongoing\"><span>O</span></div>}\n {!!this.price && <div class=\"price\"><span>{this.price}</span></div>}\n {!!this.publisherAvatar && this.publisherName && <div class=\"publisher\">\n <div class=\"avatar\" style={{ backgroundImage: `url(${this.publisherAvatar})` }}></div>\n <div class=\"name\">{this.publisherName}</div>\n </div>}\n </section>\n <section class='info'>\n <div class='title'>{this.novlTitle}</div>\n {this.showStats &&\n <div class='stats'>\n <div class=\"likes\"><div><b>{this.likes}</b> Likes</div><div class=\"dot\">·</div></div>\n <div class=\"views\"><b>{this.views}</b> Views</div>\n </div>\n }\n <div class=\"description\">{this.novlDescription}</div>\n <div class=\"author\" onClick={_ => this.authorClicked.emit()}>\n <div class=\"avatar\" style={{ backgroundImage: `url(${this.authorAvatar})` }}></div>\n <div class=\"name\">{this.authorName}</div>\n </div>\n </section>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"ur-novl.entry.js","mappings":";;AAAA,MAAM,SAAS,GAAG,+uEAA+uE,CAAC;AAClwE,qBAAe,SAAS;;MCMX,MAAM;;;;yBAGH,YAAY;;qBAMhB,CAAC;qBAGD,CAAC;yBAGG,IAAI;;;;yBAYJ,KAAK;qBAGM,IAAI;+BAGM,IAAI;6BAGN,IAAI;;IAKnC,MAAM;QACF,QACI,EAAC,IAAI,uDACD,gEAAS,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,EAAE,IACtE,CAAC,IAAI,CAAC,SAAS,IAAI,4DAAK,KAAK,EAAC,SAAS,IAAC,mEAAc,CAAM,EAC5D,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,4DAAK,KAAK,EAAC,OAAO,IAAC,+DAAO,IAAI,CAAC,KAAK,CAAQ,CAAM,EAClE,CAAC,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,aAAa,IAAI,4DAAK,KAAK,EAAC,WAAW,IACnE,4DAAK,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,IAAI,CAAC,eAAe,GAAG,EAAE,GAAQ,EACtF,4DAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,aAAa,CAAO,CAC1C,CACA,EACV,gEAAS,KAAK,EAAC,MAAM,IACjB,4DAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,SAAS,CAAO,EACxC,IAAI,CAAC,SAAS;YACX,4DAAK,KAAK,EAAC,OAAO,IACd,4DAAK,KAAK,EAAC,OAAO,IAAC,8DAAK,4DAAI,IAAI,CAAC,KAAK,CAAK,WAAY,EAAA,4DAAK,KAAK,EAAC,KAAK,aAAQ,CAAM,EACrF,4DAAK,KAAK,EAAC,OAAO,IAAC,4DAAI,IAAI,CAAC,KAAK,CAAK,WAAY,CAChD,EAEV,4DAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,eAAe,CAAO,EACrD,4DAAK,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,IACvD,4DAAK,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,IAAI,CAAC,YAAY,GAAG,EAAE,GAAQ,EACnF,4DAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,UAAU,CAAO,CACvC,CACA,CACP,EACT;KACL;;;;;;","names":[],"sources":["src/components/ur-novl/ur-novl.css?tag=ur-novl&encapsulation=shadow","src/components/ur-novl/ur-novl.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n width: 270px;\n box-sizing: content-box;\n}\n\n:host .cover {\n height: 120px;\n border-radius: 16px 16px 0px 0px;\n background-color: #131519;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: 50%;\n position: relative;\n}\n\n:host .cover .ongoing {\n background-color: #ff3b01;\n height: 30px;\n width: 30px;\n border-radius: 50%;\n position: absolute;\n top: 10px;\n left: 11.44px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-weight: 700;\n text-transform: uppercase;\n font-size: 14px;\n}\n\n:host .cover .ongoing span {\n position: relative;\n left: -0.5px;\n top: -1px;\n}\n\n:host .cover .price {\n position: absolute;\n top: 10px;\n right: 11.44px;\n border-radius: 25px;\n background: rgba(43, 43, 39, 0.95);\n padding: 10px 24px;\n box-sizing: border-box;\n line-height: 12px;\n font-weight: 700;\n font-size: 14px;\n color: #fff;\n}\n\n:host .cover .publisher {\n position: absolute;\n bottom: 0;\n height: 40px;\n background-color: rgba(0, 0, 0, 0.30);\n display: flex;\n align-items: center;\n width: 100%;\n padding: 4px 11.44px;\n box-sizing: border-box;\n}\n\n:host .cover .publisher .avatar {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n background-size: cover;\n}\n\n:host .cover .publisher .name {\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 12px; /* 100% */\n color: #fff;\n margin-left: 7.56px;\n}\n\n:host .info {\n padding: 7px 11px;\n background: #F7F7F7;\n box-sizing: border-box;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n}\n\n:host .info .title {\n color: #171818;\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 18px;\n display: -webkit-box;\n -webkit-line-clamp: 2; /* Number of lines */\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 7px;\n}\n\n:host .info .stats {\n font-size: 11px;\n font-weight: 400;\n line-height: 12px;\n display: flex;\n flex-direction: row;\n margin-bottom: 7px;\n}\n\n:host .info .stats b {\n font-weight: 700;\n}\n\n:host .info .stats .likes {\n display: flex;\n}\n\n:host .info .stats .likes .dot {\n margin: 0 5px;\n}\n\n:host .info .description {\n color: #171818;\n font-size: 11px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px; /* 163.636% */\n display: -webkit-box;\n -webkit-line-clamp: 2; /* Number of lines */\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 7px;\n}\n\n:host .info .author {\n height: 32px;\n display: flex;\n align-items: center;\n font-size: 11px;\n font-style: normal;\n font-weight: 600;\n color: #1D1B20;\n cursor: pointer;\n}\n\n:host .info .author .avatar {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n background-size: cover;\n}\n\n:host .info .author .name {\n margin-left: 8px;\n}\n","import { Event, Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'ur-novl',\n styleUrl: 'ur-novl.css',\n shadow: true,\n})\nexport class UrNovl {\n\n @Prop()\n novlTitle = 'Novl title'\n\n @Prop()\n novlCover;\n\n @Prop()\n likes = 0;\n\n @Prop()\n views = 0;\n\n @Prop()\n showStats = true;\n\n @Prop()\n novlDescription;\n\n @Prop()\n authorAvatar;\n\n @Prop()\n authorName;\n\n @Prop()\n published = false;\n\n @Prop()\n price: string | null = null;\n\n @Prop()\n publisherAvatar: string | null = null;\n\n @Prop()\n publisherName: string | null = null;\n\n @Event()\n authorClicked;\n\n render() {\n return (\n <Host>\n <section class='cover' style={{ backgroundImage: `url(${this.novlCover})` }}>\n {!this.published && <div class=\"ongoing\"><span>O</span></div>}\n {!!this.price && <div class=\"price\"><span>{this.price}</span></div>}\n {!!this.publisherAvatar && this.publisherName && <div class=\"publisher\">\n <div class=\"avatar\" style={{ backgroundImage: `url(${this.publisherAvatar})` }}></div>\n <div class=\"name\">{this.publisherName}</div>\n </div>}\n </section>\n <section class='info'>\n <div class='title'>{this.novlTitle}</div>\n {this.showStats &&\n <div class='stats'>\n <div class=\"likes\"><div><b>{this.likes}</b> Likes</div><div class=\"dot\">·</div></div>\n <div class=\"views\"><b>{this.views}</b> Views</div>\n </div>\n }\n <div class=\"description\">{this.novlDescription}</div>\n <div class=\"author\" onClick={_ => this.authorClicked.emit()}>\n <div class=\"avatar\" style={{ backgroundImage: `url(${this.authorAvatar})` }}></div>\n <div class=\"name\">{this.authorName}</div>\n </div>\n </section>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -0,0 +1,2 @@
1
+ import{r as e,c as t,h as i,H as o}from"./p-beadb9ca.js";const s=":host{display:flex;flex-direction:column;width:270px;box-sizing:content-box}:host .cover{height:120px;border-radius:16px 16px 0px 0px;background-color:#131519;background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative}:host .cover .ongoing{background-color:#ff3b01;height:30px;width:30px;border-radius:50%;position:absolute;top:10px;left:11.44px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;text-transform:uppercase;font-size:14px}:host .cover .ongoing span{position:relative;left:-0.5px;top:-1px}:host .cover .price{position:absolute;top:10px;right:11.44px;border-radius:25px;background:rgba(43, 43, 39, 0.95);padding:10px 24px;box-sizing:border-box;line-height:12px;font-weight:700;font-size:14px;color:#fff}:host .cover .publisher{position:absolute;bottom:0;height:40px;background-color:rgba(0, 0, 0, 0.30);display:flex;align-items:center;width:100%;padding:4px 11.44px;box-sizing:border-box}:host .cover .publisher .avatar{height:32px;width:32px;border-radius:50%;background-size:cover}:host .cover .publisher .name{font-size:12px;font-style:normal;font-weight:600;line-height:12px;color:#fff;margin-left:7.56px}:host .info{padding:7px 11px;background:#F7F7F7;box-sizing:border-box;border-bottom-left-radius:5px;border-bottom-right-radius:5px}:host .info .title{color:#171818;font-size:14px;font-style:normal;font-weight:700;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}:host .info .stats{font-size:11px;font-weight:400;line-height:12px;display:flex;flex-direction:row;margin-bottom:7px}:host .info .stats b{font-weight:700}:host .info .stats .likes{display:flex}:host .info .stats .likes .dot{margin:0 5px}:host .info .description{color:#171818;font-size:11px;font-style:normal;font-weight:400;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}:host .info .author{height:32px;display:flex;align-items:center;font-size:11px;font-style:normal;font-weight:600;color:#1D1B20;cursor:pointer}:host .info .author .avatar{height:32px;width:32px;border-radius:50%;background-size:cover}:host .info .author .name{margin-left:8px}";const a=s;const d=class{constructor(i){e(this,i);this.authorClicked=t(this,"authorClicked",7);this.novlTitle="Novl title";this.novlCover=undefined;this.likes=0;this.views=0;this.showStats=true;this.novlDescription=undefined;this.authorAvatar=undefined;this.authorName=undefined;this.published=false;this.price=null;this.publisherAvatar=null;this.publisherName=null}render(){return i(o,{key:"a9fc7d41282bfebcd6549ae2a560ce10876734ec"},i("section",{key:"ff3850d955db39844a2519405cea469b991223f6",class:"cover",style:{backgroundImage:`url(${this.novlCover})`}},!this.published&&i("div",{key:"e673d319d547d4c7a8db4ee24af3c54c22655a46",class:"ongoing"},i("span",{key:"3ffd36f966d5e2467d8b909493fa1eefec3cdf22"},"O")),!!this.price&&i("div",{key:"a7b2db6f4fdcde900f33af3e281a2b0c2988ea83",class:"price"},i("span",{key:"8cb4c327d40be3360572c09fc172a41e182b9f1d"},this.price)),!!this.publisherAvatar&&this.publisherName&&i("div",{key:"4b023744a64e54d4ce0378e1ff6500d1aff26c5e",class:"publisher"},i("div",{key:"d1b3f8a57182de4d5950ddf0f7dbcc23926d523a",class:"avatar",style:{backgroundImage:`url(${this.publisherAvatar})`}}),i("div",{key:"54e9de7f5542820b7426c6f28813085d18878475",class:"name"},this.publisherName))),i("section",{key:"c4d8bc26bee86d05fb0169535287245bff8495d3",class:"info"},i("div",{key:"1f7022acd84bbc9138756318b258b3754179152d",class:"title"},this.novlTitle),this.showStats&&i("div",{key:"b12682a7a4a8e3f8a0585fd1ea5c35c104f62016",class:"stats"},i("div",{key:"227a98b98596510d19c75106f53ad717ae93888d",class:"likes"},i("div",{key:"e5dd6254a45368c97ebec94f827f20a7f1b5b2c3"},i("b",{key:"ed7e399b0b16787f9bc2ecbdf0ee6a34a5925f6f"},this.likes)," Likes"),i("div",{key:"ea6157c3c3e286ead0bcddb6fe71512f043d076d",class:"dot"},"·")),i("div",{key:"6cb8f3b35f849d544346a12335f0c8276e4dc8a8",class:"views"},i("b",{key:"8ce3c1c4720fa2fdb720b07bb9fda7e08e90fa42"},this.views)," Views")),i("div",{key:"3f7c35a3c208f9a9012aac06e47a6b6a2f5c2b2c",class:"description"},this.novlDescription),i("div",{key:"57761205efc3a3878446d4cef6805213738b3621",class:"author",onClick:e=>this.authorClicked.emit()},i("div",{key:"4c3b10e2cfcc7574500651b78056ef221f22eba0",class:"avatar",style:{backgroundImage:`url(${this.authorAvatar})`}}),i("div",{key:"789af2c88e818faf8f7b61653c94929f61f23636",class:"name"},this.authorName))))}};d.style=a;export{d as ur_novl};
2
+ //# sourceMappingURL=p-fdf5f812.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["urNovlCss","UrNovlStyle0","UrNovl","render","h","Host","key","class","style","backgroundImage","this","novlCover","published","price","publisherAvatar","publisherName","novlTitle","showStats","likes","views","novlDescription","onClick","_","authorClicked","emit","authorAvatar","authorName"],"sources":["src/components/ur-novl/ur-novl.css?tag=ur-novl&encapsulation=shadow","src/components/ur-novl/ur-novl.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n width: 270px;\n box-sizing: content-box;\n}\n\n:host .cover {\n height: 120px;\n border-radius: 16px 16px 0px 0px;\n background-color: #131519;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: 50%;\n position: relative;\n}\n\n:host .cover .ongoing {\n background-color: #ff3b01;\n height: 30px;\n width: 30px;\n border-radius: 50%;\n position: absolute;\n top: 10px;\n left: 11.44px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-weight: 700;\n text-transform: uppercase;\n font-size: 14px;\n}\n\n:host .cover .ongoing span {\n position: relative;\n left: -0.5px;\n top: -1px;\n}\n\n:host .cover .price {\n position: absolute;\n top: 10px;\n right: 11.44px;\n border-radius: 25px;\n background: rgba(43, 43, 39, 0.95);\n padding: 10px 24px;\n box-sizing: border-box;\n line-height: 12px;\n font-weight: 700;\n font-size: 14px;\n color: #fff;\n}\n\n:host .cover .publisher {\n position: absolute;\n bottom: 0;\n height: 40px;\n background-color: rgba(0, 0, 0, 0.30);\n display: flex;\n align-items: center;\n width: 100%;\n padding: 4px 11.44px;\n box-sizing: border-box;\n}\n\n:host .cover .publisher .avatar {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n background-size: cover;\n}\n\n:host .cover .publisher .name {\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 12px; /* 100% */\n color: #fff;\n margin-left: 7.56px;\n}\n\n:host .info {\n padding: 7px 11px;\n background: #F7F7F7;\n box-sizing: border-box;\n border-bottom-left-radius: 5px;\n border-bottom-right-radius: 5px;\n}\n\n:host .info .title {\n color: #171818;\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 18px;\n display: -webkit-box;\n -webkit-line-clamp: 2; /* Number of lines */\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 7px;\n}\n\n:host .info .stats {\n font-size: 11px;\n font-weight: 400;\n line-height: 12px;\n display: flex;\n flex-direction: row;\n margin-bottom: 7px;\n}\n\n:host .info .stats b {\n font-weight: 700;\n}\n\n:host .info .stats .likes {\n display: flex;\n}\n\n:host .info .stats .likes .dot {\n margin: 0 5px;\n}\n\n:host .info .description {\n color: #171818;\n font-size: 11px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px; /* 163.636% */\n display: -webkit-box;\n -webkit-line-clamp: 2; /* Number of lines */\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 7px;\n}\n\n:host .info .author {\n height: 32px;\n display: flex;\n align-items: center;\n font-size: 11px;\n font-style: normal;\n font-weight: 600;\n color: #1D1B20;\n cursor: pointer;\n}\n\n:host .info .author .avatar {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n background-size: cover;\n}\n\n:host .info .author .name {\n margin-left: 8px;\n}\n","import { Event, Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'ur-novl',\n styleUrl: 'ur-novl.css',\n shadow: true,\n})\nexport class UrNovl {\n\n @Prop()\n novlTitle = 'Novl title'\n\n @Prop()\n novlCover;\n\n @Prop()\n likes = 0;\n\n @Prop()\n views = 0;\n\n @Prop()\n showStats = true;\n\n @Prop()\n novlDescription;\n\n @Prop()\n authorAvatar;\n\n @Prop()\n authorName;\n\n @Prop()\n published = false;\n\n @Prop()\n price: string | null = null;\n\n @Prop()\n publisherAvatar: string | null = null;\n\n @Prop()\n publisherName: string | null = null;\n\n @Event()\n authorClicked;\n\n render() {\n return (\n <Host>\n <section class='cover' style={{ backgroundImage: `url(${this.novlCover})` }}>\n {!this.published && <div class=\"ongoing\"><span>O</span></div>}\n {!!this.price && <div class=\"price\"><span>{this.price}</span></div>}\n {!!this.publisherAvatar && this.publisherName && <div class=\"publisher\">\n <div class=\"avatar\" style={{ backgroundImage: `url(${this.publisherAvatar})` }}></div>\n <div class=\"name\">{this.publisherName}</div>\n </div>}\n </section>\n <section class='info'>\n <div class='title'>{this.novlTitle}</div>\n {this.showStats &&\n <div class='stats'>\n <div class=\"likes\"><div><b>{this.likes}</b> Likes</div><div class=\"dot\">·</div></div>\n <div class=\"views\"><b>{this.views}</b> Views</div>\n </div>\n }\n <div class=\"description\">{this.novlDescription}</div>\n <div class=\"author\" onClick={_ => this.authorClicked.emit()}>\n <div class=\"avatar\" style={{ backgroundImage: `url(${this.authorAvatar})` }}></div>\n <div class=\"name\">{this.authorName}</div>\n </div>\n </section>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAY,gvEAClB,MAAAC,EAAeD,E,MCMFE,EAAM,M,qFAGH,a,oCAMJ,E,WAGA,E,eAGI,K,oGAYA,M,WAGW,K,qBAGU,K,mBAGF,I,CAK/B,MAAAC,GACI,OACIC,EAACC,EAAI,CAAAC,IAAA,4CACDF,EAAA,WAAAE,IAAA,2CAASC,MAAM,QAAQC,MAAO,CAAEC,gBAAiB,OAAOC,KAAKC,gBACvDD,KAAKE,WAAaR,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WAAUH,EAAA,QAAAE,IAAA,oDACtCI,KAAKG,OAAST,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAAQH,EAAA,QAAAE,IAAA,4CAAOI,KAAKG,UAC7CH,KAAKI,iBAAmBJ,KAAKK,eAAiBX,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aACxDH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAASC,MAAO,CAAEC,gBAAiB,OAAOC,KAAKI,sBAC1DV,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QAAQG,KAAKK,iBAGhCX,EAAA,WAAAE,IAAA,2CAASC,MAAM,QACXH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAASG,KAAKM,WACxBN,KAAKO,WACFb,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SACPH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAAQH,EAAA,OAAAE,IAAA,4CAAKF,EAAA,KAAAE,IAAA,4CAAII,KAAKQ,OAAU,UAAYd,EAAA,OAAAE,IAAA,2CAAKC,MAAM,OAAK,MACvEH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAAQH,EAAA,KAAAE,IAAA,4CAAII,KAAKS,OAAU,WAG9Cf,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eAAeG,KAAKU,iBAC/BhB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAASc,QAASC,GAAKZ,KAAKa,cAAcC,QACjDpB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAASC,MAAO,CAAEC,gBAAiB,OAAOC,KAAKe,mBAC1DrB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QAAQG,KAAKgB,c","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{p as a,b as r}from"./p-beadb9ca.js";export{s as setNonce}from"./p-beadb9ca.js";import{g as e}from"./p-e1255160.js";var t=()=>{const r=import.meta.url;const e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return a(e)};t().then((async a=>{await e();return r([["p-a6783e33",[[1,"ur-novl",{novlTitle:[1,"novl-title"],novlCover:[8,"novl-cover"],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"]}]]]],a)}));
1
+ import{p as a,b as r}from"./p-beadb9ca.js";export{s as setNonce}from"./p-beadb9ca.js";import{g as e}from"./p-e1255160.js";var t=()=>{const r=import.meta.url;const e={};if(r!==""){e.resourcesUrl=new URL(".",r).href}return a(e)};t().then((async a=>{await e();return r([["p-fdf5f812",[[1,"ur-novl",{novlTitle:[1,"novl-title"],novlCover:[8,"novl-cover"],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"]}]]]],a)}));
2
2
  //# sourceMappingURL=urnovl-web-components.esm.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "urnovl-web-components",
3
- "version": "0.0.20",
3
+ "version": "0.0.21",
4
4
  "description": "Web components for Urnovl",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -1,2 +0,0 @@
1
- import{r as e,c as i,h as t,H as o}from"./p-beadb9ca.js";const s=":host{display:flex;flex-direction:column;width:270px;box-sizing:content-box}:host .cover{height:120px;border-radius:16px 16px 0px 0px;background-color:#131519;background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative}:host .cover .ongoing{background-color:#ff3b01;height:30px;width:30px;border-radius:50%;position:absolute;top:10px;left:11.44px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;text-transform:uppercase;font-size:14px}:host .cover .ongoing span{position:relative;left:-0.5px;top:-1px}:host .cover .price{position:absolute;top:10px;right:11.44px;border-radius:25px;background:rgba(43, 43, 39, 0.95);padding:10px 24px;box-sizing:border-box;line-height:12px;font-weight:700;font-size:14px;color:#fff}:host .cover .publisher{position:absolute;bottom:0;height:40px;background-color:rgba(0, 0, 0, 0.30);display:flex;align-items:center;width:100%;padding:4px 11.44px;box-sizing:border-box}:host .cover .publisher .avatar{height:32px;width:32px;border-radius:50%;background-size:cover}:host .cover .publisher .name{font-size:12px;font-style:normal;font-weight:600;line-height:12px;color:#fff;margin-left:7.56px}:host .info{padding:7px 11px;background:#F7F7F7;box-sizing:border-box}:host .info .title{color:#171818;font-size:14px;font-style:normal;font-weight:700;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}:host .info .stats{font-size:11px;font-weight:400;line-height:12px;display:flex;flex-direction:row;margin-bottom:7px}:host .info .stats b{font-weight:700}:host .info .stats .likes{display:flex}:host .info .stats .likes .dot{margin:0 5px}:host .info .description{color:#171818;font-size:11px;font-style:normal;font-weight:400;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}:host .info .author{height:32px;display:flex;align-items:center;font-size:11px;font-style:normal;font-weight:600;color:#1D1B20;cursor:pointer}:host .info .author .avatar{height:32px;width:32px;border-radius:50%;background-size:cover}:host .info .author .name{margin-left:8px}";const a=s;const c=class{constructor(t){e(this,t);this.authorClicked=i(this,"authorClicked",7);this.novlTitle="Novl title";this.novlCover=undefined;this.likes=0;this.views=0;this.showStats=true;this.novlDescription=undefined;this.authorAvatar=undefined;this.authorName=undefined;this.published=false;this.price=null;this.publisherAvatar=null;this.publisherName=null}render(){return t(o,{key:"a9fc7d41282bfebcd6549ae2a560ce10876734ec"},t("section",{key:"ff3850d955db39844a2519405cea469b991223f6",class:"cover",style:{backgroundImage:`url(${this.novlCover})`}},!this.published&&t("div",{key:"e673d319d547d4c7a8db4ee24af3c54c22655a46",class:"ongoing"},t("span",{key:"3ffd36f966d5e2467d8b909493fa1eefec3cdf22"},"O")),!!this.price&&t("div",{key:"a7b2db6f4fdcde900f33af3e281a2b0c2988ea83",class:"price"},t("span",{key:"8cb4c327d40be3360572c09fc172a41e182b9f1d"},this.price)),!!this.publisherAvatar&&this.publisherName&&t("div",{key:"4b023744a64e54d4ce0378e1ff6500d1aff26c5e",class:"publisher"},t("div",{key:"d1b3f8a57182de4d5950ddf0f7dbcc23926d523a",class:"avatar",style:{backgroundImage:`url(${this.publisherAvatar})`}}),t("div",{key:"54e9de7f5542820b7426c6f28813085d18878475",class:"name"},this.publisherName))),t("section",{key:"c4d8bc26bee86d05fb0169535287245bff8495d3",class:"info"},t("div",{key:"1f7022acd84bbc9138756318b258b3754179152d",class:"title"},this.novlTitle),this.showStats&&t("div",{key:"b12682a7a4a8e3f8a0585fd1ea5c35c104f62016",class:"stats"},t("div",{key:"227a98b98596510d19c75106f53ad717ae93888d",class:"likes"},t("div",{key:"e5dd6254a45368c97ebec94f827f20a7f1b5b2c3"},t("b",{key:"ed7e399b0b16787f9bc2ecbdf0ee6a34a5925f6f"},this.likes)," Likes"),t("div",{key:"ea6157c3c3e286ead0bcddb6fe71512f043d076d",class:"dot"},"·")),t("div",{key:"6cb8f3b35f849d544346a12335f0c8276e4dc8a8",class:"views"},t("b",{key:"8ce3c1c4720fa2fdb720b07bb9fda7e08e90fa42"},this.views)," Views")),t("div",{key:"3f7c35a3c208f9a9012aac06e47a6b6a2f5c2b2c",class:"description"},this.novlDescription),t("div",{key:"57761205efc3a3878446d4cef6805213738b3621",class:"author",onClick:e=>this.authorClicked.emit()},t("div",{key:"4c3b10e2cfcc7574500651b78056ef221f22eba0",class:"avatar",style:{backgroundImage:`url(${this.authorAvatar})`}}),t("div",{key:"789af2c88e818faf8f7b61653c94929f61f23636",class:"name"},this.authorName))))}};c.style=a;export{c as ur_novl};
2
- //# sourceMappingURL=p-a6783e33.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["urNovlCss","UrNovlStyle0","UrNovl","render","h","Host","key","class","style","backgroundImage","this","novlCover","published","price","publisherAvatar","publisherName","novlTitle","showStats","likes","views","novlDescription","onClick","_","authorClicked","emit","authorAvatar","authorName"],"sources":["src/components/ur-novl/ur-novl.css?tag=ur-novl&encapsulation=shadow","src/components/ur-novl/ur-novl.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n width: 270px;\n box-sizing: content-box;\n}\n\n:host .cover {\n height: 120px;\n border-radius: 16px 16px 0px 0px;\n background-color: #131519;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: 50%;\n position: relative;\n}\n\n:host .cover .ongoing {\n background-color: #ff3b01;\n height: 30px;\n width: 30px;\n border-radius: 50%;\n position: absolute;\n top: 10px;\n left: 11.44px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-weight: 700;\n text-transform: uppercase;\n font-size: 14px;\n}\n\n:host .cover .ongoing span {\n position: relative;\n left: -0.5px;\n top: -1px;\n}\n\n:host .cover .price {\n position: absolute;\n top: 10px;\n right: 11.44px;\n border-radius: 25px;\n background: rgba(43, 43, 39, 0.95);\n padding: 10px 24px;\n box-sizing: border-box;\n line-height: 12px;\n font-weight: 700;\n font-size: 14px;\n color: #fff;\n}\n\n:host .cover .publisher {\n position: absolute;\n bottom: 0;\n height: 40px;\n background-color: rgba(0, 0, 0, 0.30);\n display: flex;\n align-items: center;\n width: 100%;\n padding: 4px 11.44px;\n box-sizing: border-box;\n}\n\n:host .cover .publisher .avatar {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n background-size: cover;\n}\n\n:host .cover .publisher .name {\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 12px; /* 100% */\n color: #fff;\n margin-left: 7.56px;\n}\n\n:host .info {\n padding: 7px 11px;\n background: #F7F7F7;\n box-sizing: border-box;\n}\n\n:host .info .title {\n color: #171818;\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 18px;\n display: -webkit-box;\n -webkit-line-clamp: 2; /* Number of lines */\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 7px;\n}\n\n:host .info .stats {\n font-size: 11px;\n font-weight: 400;\n line-height: 12px;\n display: flex;\n flex-direction: row;\n margin-bottom: 7px;\n}\n\n:host .info .stats b {\n font-weight: 700;\n}\n\n:host .info .stats .likes {\n display: flex;\n}\n\n:host .info .stats .likes .dot {\n margin: 0 5px;\n}\n\n:host .info .description {\n color: #171818;\n font-size: 11px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px; /* 163.636% */\n display: -webkit-box;\n -webkit-line-clamp: 2; /* Number of lines */\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-bottom: 7px;\n}\n\n:host .info .author {\n height: 32px;\n display: flex;\n align-items: center;\n font-size: 11px;\n font-style: normal;\n font-weight: 600;\n color: #1D1B20;\n cursor: pointer;\n}\n\n:host .info .author .avatar {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n background-size: cover;\n}\n\n:host .info .author .name {\n margin-left: 8px;\n}\n","import { Event, Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'ur-novl',\n styleUrl: 'ur-novl.css',\n shadow: true,\n})\nexport class UrNovl {\n\n @Prop()\n novlTitle = 'Novl title'\n\n @Prop()\n novlCover;\n\n @Prop()\n likes = 0;\n\n @Prop()\n views = 0;\n\n @Prop()\n showStats = true;\n\n @Prop()\n novlDescription;\n\n @Prop()\n authorAvatar;\n\n @Prop()\n authorName;\n\n @Prop()\n published = false;\n\n @Prop()\n price: string | null = null;\n\n @Prop()\n publisherAvatar: string | null = null;\n\n @Prop()\n publisherName: string | null = null;\n\n @Event()\n authorClicked;\n\n render() {\n return (\n <Host>\n <section class='cover' style={{ backgroundImage: `url(${this.novlCover})` }}>\n {!this.published && <div class=\"ongoing\"><span>O</span></div>}\n {!!this.price && <div class=\"price\"><span>{this.price}</span></div>}\n {!!this.publisherAvatar && this.publisherName && <div class=\"publisher\">\n <div class=\"avatar\" style={{ backgroundImage: `url(${this.publisherAvatar})` }}></div>\n <div class=\"name\">{this.publisherName}</div>\n </div>}\n </section>\n <section class='info'>\n <div class='title'>{this.novlTitle}</div>\n {this.showStats &&\n <div class='stats'>\n <div class=\"likes\"><div><b>{this.likes}</b> Likes</div><div class=\"dot\">·</div></div>\n <div class=\"views\"><b>{this.views}</b> Views</div>\n </div>\n }\n <div class=\"description\">{this.novlDescription}</div>\n <div class=\"author\" onClick={_ => this.authorClicked.emit()}>\n <div class=\"avatar\" style={{ backgroundImage: `url(${this.authorAvatar})` }}></div>\n <div class=\"name\">{this.authorName}</div>\n </div>\n </section>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAY,mrEAClB,MAAAC,EAAeD,E,MCMFE,EAAM,M,qFAGH,a,oCAMJ,E,WAGA,E,eAGI,K,oGAYA,M,WAGW,K,qBAGU,K,mBAGF,I,CAK/B,MAAAC,GACI,OACIC,EAACC,EAAI,CAAAC,IAAA,4CACDF,EAAA,WAAAE,IAAA,2CAASC,MAAM,QAAQC,MAAO,CAAEC,gBAAiB,OAAOC,KAAKC,gBACvDD,KAAKE,WAAaR,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WAAUH,EAAA,QAAAE,IAAA,oDACtCI,KAAKG,OAAST,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAAQH,EAAA,QAAAE,IAAA,4CAAOI,KAAKG,UAC7CH,KAAKI,iBAAmBJ,KAAKK,eAAiBX,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aACxDH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAASC,MAAO,CAAEC,gBAAiB,OAAOC,KAAKI,sBAC1DV,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QAAQG,KAAKK,iBAGhCX,EAAA,WAAAE,IAAA,2CAASC,MAAM,QACXH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAASG,KAAKM,WACxBN,KAAKO,WACFb,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SACPH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAAQH,EAAA,OAAAE,IAAA,4CAAKF,EAAA,KAAAE,IAAA,4CAAII,KAAKQ,OAAU,UAAYd,EAAA,OAAAE,IAAA,2CAAKC,MAAM,OAAK,MACvEH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAAQH,EAAA,KAAAE,IAAA,4CAAII,KAAKS,OAAU,WAG9Cf,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eAAeG,KAAKU,iBAC/BhB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAASc,QAASC,GAAKZ,KAAKa,cAAcC,QACjDpB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAASC,MAAO,CAAEC,gBAAiB,OAAOC,KAAKe,mBAC1DrB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QAAQG,KAAKgB,c","ignoreList":[]}