urnovl-web-components 0.0.159 → 0.0.161

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["ur-main-left-menu.cjs",[[1,"ur-main-left-menu",{"opened":[4],"loggedIn":[4,"logged-in"],"userName":[1,"user-name"],"userRole":[1,"user-role"],"userAvatar":[1,"user-avatar"],"expanded":[32]},null,{"opened":["watchOpenedHandler"]}]]],["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-page-profile.cjs",[[1,"ur-page-profile",{"avatar":[8],"name":[8],"description":[8],"location":[8],"facebook_url":[8],"twitter_url":[8],"linkedin_url":[8],"email":[8],"phone":[8],"website":[8],"stories":[2],"views":[2],"following":[2],"followers":[2],"members":[2],"showFollow":[4,"show-follow"],"showBecomeMember":[4,"show-become-member"],"showDonate":[4,"show-donate"],"showSendMessage":[4,"show-send-message"],"languages":[1],"genres":[1],"literatureTypes":[1,"literature-types"],"pageCreatorName":[8,"page-creator-name"],"pageCreatorImage":[8,"page-creator-image"],"pageCreationDate":[8,"page-creation-date"]}]]],["ur-hero.cjs",[[1,"ur-hero",{"heroTitle":[1,"hero-title"],"heroSubtitle":[1,"hero-subtitle"],"ctaText":[1,"cta-text"],"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"layout":[1],"backgroundJustification":[1,"background-justification"],"backgroundAlignment":[1,"background-alignment"],"heroTitleColor":[1,"hero-title-color"],"heroSubtitleColor":[1,"hero-subtitle-color"],"widthClass":[32]}]]],["ur-locale-filter-panel.cjs",[[1,"ur-locale-filter-panel",{"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"locales":[16],"disabledLocales":[16],"mutableLocales":[32]}]]],["ur-main-desktop-top-app-bar.cjs",[[1,"ur-main-desktop-top-app-bar",{"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"searchText":[1,"search-text"]}]]],["ur-page.cjs",[[1,"ur-page",{"pageTitle":[1,"page-title"],"pageCover":[8,"page-cover"],"pageCoverFallback":[1,"page-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"pageDescription":[8,"page-description"]}]]],["ur-read-mobile-top-app-bar.cjs",[[1,"ur-read-mobile-top-app-bar",{"variant":[1],"headerTitle":[1,"header-title"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-select.cjs",[[1,"ur-select",{"label":[1],"name":[1],"value":[1],"placeholder":[1],"helper":[1],"readonly":[4],"disabled":[4],"clearable":[4],"multiple":[4],"endAligned":[4,"end-aligned"],"variant":[1],"placement":[1],"icon":[1],"endIcon":[1,"end-icon"],"form":[1],"items":[16],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["ur-top-app-bar.cjs",[[1,"ur-top-app-bar",{"headerTitle":[1,"header-title"],"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-user.cjs",[[1,"ur-user",{"userTitle":[1,"user-title"],"userCover":[8,"user-cover"],"userCoverFallback":[1,"user-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"userDescription":[8,"user-description"]}]]],["ur-checkbox.cjs",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip.cjs",[[1,"ur-chip",{"label":[1],"border":[1],"radius":[1],"size":[1],"backColor":[1,"back-color"],"fontColor":[1,"font-color"],"loading":[4],"disabled":[4]}]]],["ur-dialog.cjs",[[1,"ur-dialog",{"description":[1],"open":[4],"fullscreen":[4],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"borderRadius":[1,"border-radius"],"openDialog":[64],"closeDialog":[64]}]]],["ur-list-subheader.cjs",[[1,"ur-list-subheader",{"text":[1]}]]],["ur-loader.cjs",[[1,"ur-loader"]]],["ur-locale-filter-button.cjs",[[1,"ur-locale-filter-button",{"count":[2],"selected":[4]}]]],["ur-navigation-drawer.cjs",[[1,"ur-navigation-drawer",{"open":[4],"placement":[1],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"contained":[4],"openDrawer":[64],"closeDrawer":[64]}]]],["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-radio-button.cjs",[[1,"ur-radio-button",{"disabled":[4],"checked":[4],"text":[1]}]]],["ur-segment-button.cjs",[[1,"ur-segment-button",{"likeLabel":[1,"like-label"]}]]],["ur-switch.cjs",[[1,"ur-switch",{"disabled":[4],"checked":[4]}]]],["ur-tabs.cjs",[[1,"ur-tabs",{"tabs":[16],"panels":[16]}]]],["ur-text-field.cjs",[[1,"ur-text-field",{"label":[1],"placeholder":[1],"helper":[1],"disabled":[4],"variant":[1],"value":[1],"endIcon":[8,"end-icon"]}]]],["ur-user-profile.cjs",[[1,"ur-user-profile"]]],["ur-menu-item.cjs",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4],"selected":[4]}]]],["ur-novl.cjs",[[1,"ur-novl",{"novlId":[520,"novl-id"],"loading":[4],"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"]]],["ur-avatar.cjs",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-list_3.cjs",[[1,"ur-menu-profile",{"userAvatar":[1,"user-avatar"],"userName":[1,"user-name"],"userRole":[1,"user-role"]}],[1,"ur-list"],[1,"ur-list-item",{"content":[1],"disabled":[4],"active":[4],"nonclickable":[4],"rounded":[4],"alignment":[1],"icon":[1],"endIcon":[1,"end-icon"],"description":[1],"href":[1],"target":[1],"rel":[1]}]]],["ur-button-icon.cjs",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-logo.cjs",[[1,"ur-logo",{"width":[1],"height":[1],"color":[1],"rotation":[2],"opacity":[2]}]]],["ur-button.cjs",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"],"fullWidth":[4,"full-width"]}]]]], options);
+  return index.bootstrapLazy([["ur-main-left-menu.cjs",[[1,"ur-main-left-menu",{"opened":[4],"loggedIn":[4,"logged-in"],"userName":[1,"user-name"],"userRole":[1,"user-role"],"userAvatar":[1,"user-avatar"],"expanded":[32]},null,{"opened":["watchOpenedHandler"]}]]],["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-page-profile.cjs",[[1,"ur-page-profile",{"avatar":[8],"name":[8],"description":[8],"location":[8],"facebook_url":[8],"twitter_url":[8],"linkedin_url":[8],"email":[8],"phone":[8],"website":[8],"stories":[2],"views":[2],"following":[2],"followers":[2],"members":[2],"showFollow":[4,"show-follow"],"showBecomeMember":[4,"show-become-member"],"showDonate":[4,"show-donate"],"showSendMessage":[4,"show-send-message"],"languages":[1],"genres":[1],"literatureTypes":[1,"literature-types"],"pageCreatorName":[8,"page-creator-name"],"pageCreatorImage":[8,"page-creator-image"],"pageCreationDate":[8,"page-creation-date"]}]]],["ur-hero.cjs",[[1,"ur-hero",{"heroTitle":[1,"hero-title"],"heroSubtitle":[1,"hero-subtitle"],"ctaText":[1,"cta-text"],"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"layout":[1],"backgroundJustification":[1,"background-justification"],"backgroundAlignment":[1,"background-alignment"],"heroTitleColor":[1,"hero-title-color"],"heroSubtitleColor":[1,"hero-subtitle-color"],"widthClass":[32]}]]],["ur-locale-filter-panel.cjs",[[1,"ur-locale-filter-panel",{"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"locales":[16],"disabledLocales":[16],"mutableLocales":[32]}]]],["ur-main-desktop-top-app-bar.cjs",[[1,"ur-main-desktop-top-app-bar",{"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"searchText":[1,"search-text"]}]]],["ur-page.cjs",[[1,"ur-page",{"pageTitle":[1,"page-title"],"pageCover":[8,"page-cover"],"pageCoverFallback":[1,"page-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"pageDescription":[8,"page-description"]}]]],["ur-read-mobile-top-app-bar.cjs",[[1,"ur-read-mobile-top-app-bar",{"variant":[1],"headerTitle":[1,"header-title"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-select.cjs",[[1,"ur-select",{"label":[1],"name":[1],"value":[1],"placeholder":[1],"helper":[1],"readonly":[4],"disabled":[4],"clearable":[4],"multiple":[4],"endAligned":[4,"end-aligned"],"variant":[1],"placement":[1],"icon":[1],"endIcon":[1,"end-icon"],"form":[1],"items":[16],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["ur-top-app-bar.cjs",[[1,"ur-top-app-bar",{"headerTitle":[1,"header-title"],"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-user.cjs",[[1,"ur-user",{"userTitle":[1,"user-title"],"userCover":[8,"user-cover"],"userCoverFallback":[1,"user-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"userDescription":[8,"user-description"]}]]],["ur-checkbox.cjs",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip.cjs",[[1,"ur-chip",{"label":[1],"border":[1],"radius":[1],"size":[1],"backColor":[1,"back-color"],"fontColor":[1,"font-color"],"loading":[4],"disabled":[4]}]]],["ur-dialog.cjs",[[1,"ur-dialog",{"description":[1],"open":[4],"fullscreen":[4],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"borderRadius":[1,"border-radius"],"openDialog":[64],"closeDialog":[64]}]]],["ur-list-subheader.cjs",[[1,"ur-list-subheader",{"text":[1]}]]],["ur-loader.cjs",[[1,"ur-loader"]]],["ur-locale-filter-button.cjs",[[1,"ur-locale-filter-button",{"count":[2],"selected":[4]}]]],["ur-navigation-drawer.cjs",[[1,"ur-navigation-drawer",{"open":[4],"placement":[1],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"contained":[4],"openDrawer":[64],"closeDrawer":[64]}]]],["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-radio-button.cjs",[[1,"ur-radio-button",{"disabled":[4],"checked":[4],"text":[1]}]]],["ur-segment-button.cjs",[[1,"ur-segment-button",{"likeLabel":[1,"like-label"]}]]],["ur-switch.cjs",[[1,"ur-switch",{"disabled":[4],"checked":[4]}]]],["ur-tabs.cjs",[[1,"ur-tabs",{"tabs":[16],"panels":[16]}]]],["ur-text-field.cjs",[[1,"ur-text-field",{"label":[1],"placeholder":[1],"helper":[1],"disabled":[4],"variant":[1],"value":[1],"endIcon":[8,"end-icon"]}]]],["ur-user-profile.cjs",[[1,"ur-user-profile"]]],["ur-menu-item.cjs",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4],"selected":[4]}]]],["ur-novl.cjs",[[1,"ur-novl",{"novlId":[520,"novl-id"],"loading":[4],"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"],"borderRadius":[1,"border-radius"]}]]],["ur-button-arrow-left_2.cjs",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]],["ur-avatar.cjs",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-list_3.cjs",[[1,"ur-menu-profile",{"userAvatar":[1,"user-avatar"],"userName":[1,"user-name"],"userRole":[1,"user-role"]}],[1,"ur-list"],[1,"ur-list-item",{"content":[1],"disabled":[4],"active":[4],"nonclickable":[4],"rounded":[4],"alignment":[1],"icon":[1],"endIcon":[1,"end-icon"],"description":[1],"href":[1],"target":[1],"rel":[1]}]]],["ur-button-icon.cjs",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-logo.cjs",[[1,"ur-logo",{"width":[1],"height":[1],"color":[1],"rotation":[2],"opacity":[2]}]]],["ur-button.cjs",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"],"fullWidth":[4,"full-width"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/ur-novl-carousel.cjs.entry.js

@@ -4,6 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cbe1be8e.js');
 
+const is_custom_data = (data) => {
+    return data && !!data.content && typeof data.content === 'function';
+};
+
 const urNovlCarouselCss = ":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host swiper-slide{width:var(--swiper-slide-width)}:host ur-button-arrow-left,:host ur-button-arrow-right{position:absolute;top:calc(50% - 34px);left:-17px;z-index:2}:host ur-button-arrow-right{left:auto;right:-17px}@media (min-width: 0px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 321px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 640px){:host swiper-slide{width:calc(90% / 3)}}@media (min-width: 1150px){:host swiper-slide{width:calc(90% / 4)}}@media (min-width: 1770px){:host swiper-slide{width:calc(90% / 5)}}@media (min-width: 2140px){:host swiper-slide{width:calc(90% / 6)}}";
 const UrNovlCarouselStyle0 = urNovlCarouselCss;
 
@@ -49,8 +53,13 @@ const UrNovlCarousel = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '5f09f8605726f1f12c4209d120833b776694ad93' }, index.h("div", { key: 'ff0c257e1f66f75f90860e32300e5678c0543066', class: "carousel" }, this.navigation && (index.h("ur-button-arrow-left", { key: '9b4ff817d0ad7bd7e4df4da8a641169f05ce5972' })), this.navigation && (index.h("ur-button-arrow-right", { key: 'e10aa95ad30a17d4ce50ba37d3023a56322ae399' })), index.h("swiper-container", { key: '82ab526ecc8e7e7551909e4dc48c9fe434313c2f', "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.novls.map(novl => {
-            return (index.h("swiper-slide", null, index.h("ur-novl", Object.assign({}, novl))));
+        return (index.h(index.Host, { key: '71897f640c6de0c06819f38b194250a07cdc5251' }, index.h("div", { key: 'c15303b8a881fd6563e01ac8dbe336d62299f2ef', class: "carousel" }, this.navigation && (index.h("ur-button-arrow-left", { key: 'a2b067fba4a8baab82e34c375f00e9b931047815' })), this.navigation && (index.h("ur-button-arrow-right", { key: 'c72aae4eb9ae4c0d20a40d43318368ab86babced' })), index.h("swiper-container", { key: '8c02d3372542fd5a78280b5fe004e4db812cf218', "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.novls.map((novl, index$1) => {
+            if (is_custom_data(novl)) {
+                return (index.h("swiper-slide", null, index.h("div", { class: "custom", innerHTML: novl.content(index$1) })));
+            }
+            else {
+                return (index.h("swiper-slide", null, index.h("ur-novl", Object.assign({}, novl))));
+            }
         })))));
     }
     get el() { return index.getElement(this); }

package/dist/cjs/ur-novl.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-cbe1be8e.js');
 
 const NOVL_COVER_FALLBACK = 'data:image/webp;base64,UklGRtQAAABXRUJQVlA4TMgAAAAv/8f/EQfQla70pPIBIUHi/+9mIvqf8Z///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7vAQ==';
 
-const urNovlCss = ":host {\n    --novl-width: 100%;\n    --novl-border-radius: 8px;\n}\n\n@keyframes placeholderAnimate {\n    0%{ background-position: -650px 0; }\n    100%{ background-position: 650px 0; }\n}\n\n:host {\n    display: flex;\n    flex-direction: column;\n    box-sizing: content-box;\n    container-type: inline-size;\n    container-name: novl;\n}\n\n:host .novl {\n    overflow: hidden;\n    width: var(--novl-width);\n    border-radius: var(--novl-border-radius);\n    cursor: pointer;\n}\n\n:host .novl.loading {\n    cursor: default;\n}\n\n:host .cover {\n    aspect-ratio: 2.25;\n    background-color: rgb(var(--mdui-color-error));\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center;\n    position: relative;\n}\n\n:host .cover.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .cover .ongoing {\n    background-color: rgb(var(--mdui-color-primary-container));\n    height: 32px;\n    width: 32px;\n    border-radius: 50%;\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: rgb(var(--mdui-color-primary));\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 14px;\n    line-height: 14px;\n}\n\n:host .cover .ongoing span {\n    position: relative;\n}\n\n:host .cover .price {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border-radius: 25px;\n    background: rgba(43, 43, 39, 0.55);\n    padding: 9px 16px;\n    box-sizing: border-box;\n    line-height: 14px;\n    font-weight: 700;\n    font-size: 14px;\n    color: #fff;\n}\n\n:host .cover .publisher {\n    left: 0;\n    bottom: 0;\n    height: 48px;\n    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    position: absolute;\n    align-items: center;\n    width: 100%;\n    padding: 0 8px;\n    box-sizing: border-box;\n    column-gap: 8px;\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}\n\n:host .info {\n    display: flex;\n    flex-direction: column;\n    padding: 8px;\n    row-gap: 8px;\n    background: rgb(var(--mdui-color-background));\n    box-sizing: border-box;\n}\n\n:host .info:has(.loading) {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n:host .info .title {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 700;\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}\n\n:host .info .title.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .stats {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 12px;\n    display: flex;\n    flex-direction: row;\n    color: rgb(var(--mdui-color-on-background));\n}\n\n:host .info .stats.loading {\n    height: 12px;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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 4px;\n}\n\n:host .info .description {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 16px; /* 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}\n\n:host .info .description.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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: rgb(var(--mdui-color-on-background));\n    cursor: pointer;\n    column-gap: 8px;\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 .avatar.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .author .name {\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 12px;\n}\n\n:host .info .author .name.loading {\n    width: 50%;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n@container novl (max-width: 300px) {\n    :host .info .title {\n        font-size: 14px;\n        line-height: 1.2rem;\n    }\n\n    :host .info .author .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher {\n        height: 40px;\n        padding: 0 4px;\n    }\n\n    :host .cover .publisher .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher .name {\n        font-size: 11px;\n    }\n\n    :host .info .author .name {\n        font-size: 11px;\n    }\n\n    :host .cover .ongoing {\n        width: 24px;\n        height: 24px;\n        left: 4px;\n    }\n\n    :host .cover .price {\n        padding: 5px 8px;\n        font-size: 12px;\n    }\n\n    :host .info .stats {\n        font-size: 11px;\n    }\n\n    :host .info .description{\n        font-size: 11px;\n    }\n\n    :host .info {\n        row-gap: 4px;\n        padding: 4px;\n    }\n}\n";
+const urNovlCss = ":host {\n    --novl-width: 100%;\n    --novl-border-radius: 8px;\n}\n\n@keyframes placeholderAnimate {\n    0%{ background-position: -650px 0; }\n    100%{ background-position: 650px 0; }\n}\n\n:host {\n    display: flex;\n    flex-direction: column;\n    box-sizing: content-box;\n    container-type: inline-size;\n    container-name: novl;\n}\n\n:host .novl {\n    overflow: hidden;\n    width: var(--novl-width);\n    border-radius: var(--novl-border-radius);\n    cursor: pointer;\n}\n\n:host .novl.loading {\n    cursor: default;\n}\n\n:host .cover {\n    aspect-ratio: 2.25;\n    background-color: rgb(var(--mdui-color-error));\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center;\n    position: relative;\n}\n\n:host .cover.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .cover .ongoing {\n    background-color: rgb(var(--mdui-color-primary-container));\n    height: 32px;\n    width: 32px;\n    border-radius: 50%;\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: rgb(var(--mdui-color-primary));\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 14px;\n    line-height: 14px;\n}\n\n:host .cover .ongoing span {\n    position: relative;\n}\n\n:host .cover .price {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border-radius: 25px;\n    background: rgba(43, 43, 39, 0.55);\n    padding: 9px 16px;\n    box-sizing: border-box;\n    line-height: 14px;\n    font-weight: 700;\n    font-size: 14px;\n    color: #fff;\n}\n\n:host .cover .publisher {\n    left: 0;\n    bottom: 0;\n    height: 48px;\n    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    position: absolute;\n    align-items: center;\n    width: 100%;\n    padding: 0 8px;\n    box-sizing: border-box;\n    column-gap: 8px;\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}\n\n:host .info {\n    display: flex;\n    flex-direction: column;\n    padding: 8px;\n    row-gap: 8px;\n    background: rgb(var(--mdui-color-background));\n    box-sizing: border-box;\n}\n\n:host .info:has(.loading) {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n:host .info .title {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 700;\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}\n\n:host .info .title.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .stats {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 12px;\n    display: flex;\n    flex-direction: row;\n    color: rgb(var(--mdui-color-on-background));\n}\n\n:host .info .stats.loading {\n    height: 12px;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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 4px;\n}\n\n:host .info .description {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 16px; /* 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}\n\n:host .info .description.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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: rgb(var(--mdui-color-on-background));\n    cursor: pointer;\n    column-gap: 8px;\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 .avatar.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .author .name {\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 12px;\n}\n\n:host .info .author .name.loading {\n    width: 50%;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n@container novl (max-width: 300px) {\n    :host .info .title {\n        font-size: 14px;\n        line-height: 1.2rem;\n    }\n\n    :host .info .author .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher {\n        height: 40px;\n        padding: 0 4px;\n    }\n\n    :host .cover .publisher .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher .name {\n        font-size: 11px;\n    }\n\n    :host .info .author .name {\n        font-size: 11px;\n    }\n\n    :host .cover .ongoing {\n        width: 24px;\n        height: 24px;\n        left: 4px;\n    }\n\n    :host .cover .price {\n        padding: 5px 8px;\n        font-size: 12px;\n    }\n\n    :host .info .stats {\n        font-size: 11px;\n    }\n\n    :host .info .description{\n        font-size: 11px;\n    }\n\n    :host .info {\n        row-gap: 4px;\n        padding: 4px;\n    }\n\n    :host .info .title.loading {\n        margin: 0 4px;\n    }\n\n    :host .info .stats.loading {\n        margin: 0 4px;\n    }\n\n    :host .info .description.loading {\n        margin: 0 4px;\n    }\n\n    :host .info .author.loading {\n        margin: 0 4px;\n    }\n}\n";
 const UrNovlStyle0 = urNovlCss;
 
 const UrNovl = class {
@@ -28,9 +28,13 @@ const UrNovl = class {
         this.price = null;
         this.publisherAvatar = null;
         this.publisherName = null;
+        this.borderRadius = '8px';
+    }
+    componentDidLoad() {
+        this.el.style.setProperty("--novl-border-radius", this.borderRadius);
     }
     renderLoading() {
-        return index.h(index.Host, null, index.h("div", { class: "novl loading" }, index.h("section", { class: "cover loading" }), index.h("section", { class: "info" }, index.h("div", { class: "title loading" }, "\u00A0"), index.h("div", { class: "stats loading" }), index.h("div", { class: "description loading" }, "\u00A0"), index.h("div", { class: "author" }, index.h("div", { class: "avatar loading" }, "\u00A0"), index.h("div", { class: "name loading" }, "\u00A0")))));
+        return index.h(index.Host, null, index.h("div", { class: "novl loading" }, index.h("section", { class: "cover loading" }), index.h("section", { class: "info" }, index.h("div", { class: "title loading" }, "\u00A0"), index.h("div", { class: "stats loading" }), index.h("div", { class: "description loading" }, "\u00A0"), index.h("div", { class: "author loading" }, index.h("div", { class: "avatar loading" }, "\u00A0"), index.h("div", { class: "name loading" }, "\u00A0")))));
     }
     render() {
         if (this.loading) {
@@ -40,6 +44,7 @@ const UrNovl = class {
                 backgroundImage: this.novlCover ? `url(${this.novlCover})` : `url(${this.novlCoverFallback})`,
             } }, !this.published && (index.h("div", { class: "ongoing" }, index.h("span", null, "O"))), !!this.price && (index.h("div", { class: "price" }, index.h("span", null, this.price))), !!this.publisherAvatar && this.publisherName && (index.h("div", { class: "publisher" }, index.h("div", { class: "avatar", style: { backgroundImage: `url(${this.publisherAvatar})` } }), index.h("div", { class: "name" }, this.publisherName)))), index.h("section", { class: "info" }, index.h("div", { class: "title" }, this.novlTitle), this.showStats && (index.h("div", { class: "stats" }, index.h("div", { class: "likes" }, index.h("div", null, index.h("b", null, this.likes), " Likes"), index.h("div", { class: "dot" }, "\u00B7")), index.h("div", { class: "views" }, index.h("b", null, this.views), " Views"))), index.h("div", { class: "description" }, this.novlDescription), index.h("div", { class: "author" }, index.h("div", { class: "avatar", style: { backgroundImage: `url(${this.authorAvatar})` } }), index.h("div", { class: "name" }, this.authorName))))));
     }
+    get el() { return index.getElement(this); }
 };
 UrNovl.style = UrNovlStyle0;
 

package/dist/cjs/urnovl-web-components.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["ur-main-left-menu.cjs",[[1,"ur-main-left-menu",{"opened":[4],"loggedIn":[4,"logged-in"],"userName":[1,"user-name"],"userRole":[1,"user-role"],"userAvatar":[1,"user-avatar"],"expanded":[32]},null,{"opened":["watchOpenedHandler"]}]]],["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-page-profile.cjs",[[1,"ur-page-profile",{"avatar":[8],"name":[8],"description":[8],"location":[8],"facebook_url":[8],"twitter_url":[8],"linkedin_url":[8],"email":[8],"phone":[8],"website":[8],"stories":[2],"views":[2],"following":[2],"followers":[2],"members":[2],"showFollow":[4,"show-follow"],"showBecomeMember":[4,"show-become-member"],"showDonate":[4,"show-donate"],"showSendMessage":[4,"show-send-message"],"languages":[1],"genres":[1],"literatureTypes":[1,"literature-types"],"pageCreatorName":[8,"page-creator-name"],"pageCreatorImage":[8,"page-creator-image"],"pageCreationDate":[8,"page-creation-date"]}]]],["ur-hero.cjs",[[1,"ur-hero",{"heroTitle":[1,"hero-title"],"heroSubtitle":[1,"hero-subtitle"],"ctaText":[1,"cta-text"],"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"layout":[1],"backgroundJustification":[1,"background-justification"],"backgroundAlignment":[1,"background-alignment"],"heroTitleColor":[1,"hero-title-color"],"heroSubtitleColor":[1,"hero-subtitle-color"],"widthClass":[32]}]]],["ur-locale-filter-panel.cjs",[[1,"ur-locale-filter-panel",{"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"locales":[16],"disabledLocales":[16],"mutableLocales":[32]}]]],["ur-main-desktop-top-app-bar.cjs",[[1,"ur-main-desktop-top-app-bar",{"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"searchText":[1,"search-text"]}]]],["ur-page.cjs",[[1,"ur-page",{"pageTitle":[1,"page-title"],"pageCover":[8,"page-cover"],"pageCoverFallback":[1,"page-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"pageDescription":[8,"page-description"]}]]],["ur-read-mobile-top-app-bar.cjs",[[1,"ur-read-mobile-top-app-bar",{"variant":[1],"headerTitle":[1,"header-title"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-select.cjs",[[1,"ur-select",{"label":[1],"name":[1],"value":[1],"placeholder":[1],"helper":[1],"readonly":[4],"disabled":[4],"clearable":[4],"multiple":[4],"endAligned":[4,"end-aligned"],"variant":[1],"placement":[1],"icon":[1],"endIcon":[1,"end-icon"],"form":[1],"items":[16],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["ur-top-app-bar.cjs",[[1,"ur-top-app-bar",{"headerTitle":[1,"header-title"],"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-user.cjs",[[1,"ur-user",{"userTitle":[1,"user-title"],"userCover":[8,"user-cover"],"userCoverFallback":[1,"user-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"userDescription":[8,"user-description"]}]]],["ur-checkbox.cjs",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip.cjs",[[1,"ur-chip",{"label":[1],"border":[1],"radius":[1],"size":[1],"backColor":[1,"back-color"],"fontColor":[1,"font-color"],"loading":[4],"disabled":[4]}]]],["ur-dialog.cjs",[[1,"ur-dialog",{"description":[1],"open":[4],"fullscreen":[4],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"borderRadius":[1,"border-radius"],"openDialog":[64],"closeDialog":[64]}]]],["ur-list-subheader.cjs",[[1,"ur-list-subheader",{"text":[1]}]]],["ur-loader.cjs",[[1,"ur-loader"]]],["ur-locale-filter-button.cjs",[[1,"ur-locale-filter-button",{"count":[2],"selected":[4]}]]],["ur-navigation-drawer.cjs",[[1,"ur-navigation-drawer",{"open":[4],"placement":[1],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"contained":[4],"openDrawer":[64],"closeDrawer":[64]}]]],["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-radio-button.cjs",[[1,"ur-radio-button",{"disabled":[4],"checked":[4],"text":[1]}]]],["ur-segment-button.cjs",[[1,"ur-segment-button",{"likeLabel":[1,"like-label"]}]]],["ur-switch.cjs",[[1,"ur-switch",{"disabled":[4],"checked":[4]}]]],["ur-tabs.cjs",[[1,"ur-tabs",{"tabs":[16],"panels":[16]}]]],["ur-text-field.cjs",[[1,"ur-text-field",{"label":[1],"placeholder":[1],"helper":[1],"disabled":[4],"variant":[1],"value":[1],"endIcon":[8,"end-icon"]}]]],["ur-user-profile.cjs",[[1,"ur-user-profile"]]],["ur-menu-item.cjs",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4],"selected":[4]}]]],["ur-novl.cjs",[[1,"ur-novl",{"novlId":[520,"novl-id"],"loading":[4],"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"]]],["ur-avatar.cjs",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-list_3.cjs",[[1,"ur-menu-profile",{"userAvatar":[1,"user-avatar"],"userName":[1,"user-name"],"userRole":[1,"user-role"]}],[1,"ur-list"],[1,"ur-list-item",{"content":[1],"disabled":[4],"active":[4],"nonclickable":[4],"rounded":[4],"alignment":[1],"icon":[1],"endIcon":[1,"end-icon"],"description":[1],"href":[1],"target":[1],"rel":[1]}]]],["ur-button-icon.cjs",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-logo.cjs",[[1,"ur-logo",{"width":[1],"height":[1],"color":[1],"rotation":[2],"opacity":[2]}]]],["ur-button.cjs",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"],"fullWidth":[4,"full-width"]}]]]], options);
+  return index.bootstrapLazy([["ur-main-left-menu.cjs",[[1,"ur-main-left-menu",{"opened":[4],"loggedIn":[4,"logged-in"],"userName":[1,"user-name"],"userRole":[1,"user-role"],"userAvatar":[1,"user-avatar"],"expanded":[32]},null,{"opened":["watchOpenedHandler"]}]]],["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-page-profile.cjs",[[1,"ur-page-profile",{"avatar":[8],"name":[8],"description":[8],"location":[8],"facebook_url":[8],"twitter_url":[8],"linkedin_url":[8],"email":[8],"phone":[8],"website":[8],"stories":[2],"views":[2],"following":[2],"followers":[2],"members":[2],"showFollow":[4,"show-follow"],"showBecomeMember":[4,"show-become-member"],"showDonate":[4,"show-donate"],"showSendMessage":[4,"show-send-message"],"languages":[1],"genres":[1],"literatureTypes":[1,"literature-types"],"pageCreatorName":[8,"page-creator-name"],"pageCreatorImage":[8,"page-creator-image"],"pageCreationDate":[8,"page-creation-date"]}]]],["ur-hero.cjs",[[1,"ur-hero",{"heroTitle":[1,"hero-title"],"heroSubtitle":[1,"hero-subtitle"],"ctaText":[1,"cta-text"],"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"layout":[1],"backgroundJustification":[1,"background-justification"],"backgroundAlignment":[1,"background-alignment"],"heroTitleColor":[1,"hero-title-color"],"heroSubtitleColor":[1,"hero-subtitle-color"],"widthClass":[32]}]]],["ur-locale-filter-panel.cjs",[[1,"ur-locale-filter-panel",{"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"locales":[16],"disabledLocales":[16],"mutableLocales":[32]}]]],["ur-main-desktop-top-app-bar.cjs",[[1,"ur-main-desktop-top-app-bar",{"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"searchText":[1,"search-text"]}]]],["ur-page.cjs",[[1,"ur-page",{"pageTitle":[1,"page-title"],"pageCover":[8,"page-cover"],"pageCoverFallback":[1,"page-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"pageDescription":[8,"page-description"]}]]],["ur-read-mobile-top-app-bar.cjs",[[1,"ur-read-mobile-top-app-bar",{"variant":[1],"headerTitle":[1,"header-title"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-select.cjs",[[1,"ur-select",{"label":[1],"name":[1],"value":[1],"placeholder":[1],"helper":[1],"readonly":[4],"disabled":[4],"clearable":[4],"multiple":[4],"endAligned":[4,"end-aligned"],"variant":[1],"placement":[1],"icon":[1],"endIcon":[1,"end-icon"],"form":[1],"items":[16],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["ur-top-app-bar.cjs",[[1,"ur-top-app-bar",{"headerTitle":[1,"header-title"],"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-user.cjs",[[1,"ur-user",{"userTitle":[1,"user-title"],"userCover":[8,"user-cover"],"userCoverFallback":[1,"user-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"userDescription":[8,"user-description"]}]]],["ur-checkbox.cjs",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip.cjs",[[1,"ur-chip",{"label":[1],"border":[1],"radius":[1],"size":[1],"backColor":[1,"back-color"],"fontColor":[1,"font-color"],"loading":[4],"disabled":[4]}]]],["ur-dialog.cjs",[[1,"ur-dialog",{"description":[1],"open":[4],"fullscreen":[4],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"borderRadius":[1,"border-radius"],"openDialog":[64],"closeDialog":[64]}]]],["ur-list-subheader.cjs",[[1,"ur-list-subheader",{"text":[1]}]]],["ur-loader.cjs",[[1,"ur-loader"]]],["ur-locale-filter-button.cjs",[[1,"ur-locale-filter-button",{"count":[2],"selected":[4]}]]],["ur-navigation-drawer.cjs",[[1,"ur-navigation-drawer",{"open":[4],"placement":[1],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"contained":[4],"openDrawer":[64],"closeDrawer":[64]}]]],["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-radio-button.cjs",[[1,"ur-radio-button",{"disabled":[4],"checked":[4],"text":[1]}]]],["ur-segment-button.cjs",[[1,"ur-segment-button",{"likeLabel":[1,"like-label"]}]]],["ur-switch.cjs",[[1,"ur-switch",{"disabled":[4],"checked":[4]}]]],["ur-tabs.cjs",[[1,"ur-tabs",{"tabs":[16],"panels":[16]}]]],["ur-text-field.cjs",[[1,"ur-text-field",{"label":[1],"placeholder":[1],"helper":[1],"disabled":[4],"variant":[1],"value":[1],"endIcon":[8,"end-icon"]}]]],["ur-user-profile.cjs",[[1,"ur-user-profile"]]],["ur-menu-item.cjs",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4],"selected":[4]}]]],["ur-novl.cjs",[[1,"ur-novl",{"novlId":[520,"novl-id"],"loading":[4],"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"],"borderRadius":[1,"border-radius"]}]]],["ur-button-arrow-left_2.cjs",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]],["ur-avatar.cjs",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-list_3.cjs",[[1,"ur-menu-profile",{"userAvatar":[1,"user-avatar"],"userName":[1,"user-name"],"userRole":[1,"user-role"]}],[1,"ur-list"],[1,"ur-list-item",{"content":[1],"disabled":[4],"active":[4],"nonclickable":[4],"rounded":[4],"alignment":[1],"icon":[1],"endIcon":[1,"end-icon"],"description":[1],"href":[1],"target":[1],"rel":[1]}]]],["ur-button-icon.cjs",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-logo.cjs",[[1,"ur-logo",{"width":[1],"height":[1],"color":[1],"rotation":[2],"opacity":[2]}]]],["ur-button.cjs",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"],"fullWidth":[4,"full-width"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/ur-novl/ur-novl.css

@@ -307,4 +307,20 @@
         row-gap: 4px;
         padding: 4px;
     }
+
+    :host .info .title.loading {
+        margin: 0 4px;
+    }
+
+    :host .info .stats.loading {
+        margin: 0 4px;
+    }
+
+    :host .info .description.loading {
+        margin: 0 4px;
+    }
+
+    :host .info .author.loading {
+        margin: 0 4px;
+    }
 }

package/dist/collection/components/ur-novl/ur-novl.js

@@ -17,9 +17,13 @@ export class UrNovl {
         this.price = null;
         this.publisherAvatar = null;
         this.publisherName = null;
+        this.borderRadius = '8px';
+    }
+    componentDidLoad() {
+        this.el.style.setProperty("--novl-border-radius", this.borderRadius);
     }
     renderLoading() {
-        return h(Host, null, h("div", { class: "novl loading" }, h("section", { class: "cover loading" }), h("section", { class: "info" }, h("div", { class: "title loading" }, "\u00A0"), h("div", { class: "stats loading" }), h("div", { class: "description loading" }, "\u00A0"), h("div", { class: "author" }, h("div", { class: "avatar loading" }, "\u00A0"), h("div", { class: "name loading" }, "\u00A0")))));
+        return h(Host, null, h("div", { class: "novl loading" }, h("section", { class: "cover loading" }), h("section", { class: "info" }, h("div", { class: "title loading" }, "\u00A0"), h("div", { class: "stats loading" }), h("div", { class: "description loading" }, "\u00A0"), h("div", { class: "author loading" }, h("div", { class: "avatar loading" }, "\u00A0"), h("div", { class: "name loading" }, "\u00A0")))));
     }
     render() {
         if (this.loading) {
@@ -307,6 +311,24 @@ export class UrNovl {
                 "attribute": "publisher-name",
                 "reflect": false,
                 "defaultValue": "null"
+            },
+            "borderRadius": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "border-radius",
+                "reflect": false,
+                "defaultValue": "'8px'"
             }
         };
     }
@@ -328,4 +350,5 @@ export class UrNovl {
                 }
             }];
     }
+    static get elementRef() { return "el"; }
 }

package/dist/collection/components/ur-novl-carousel/ur-novl-carousel.js

@@ -1,4 +1,5 @@
 import { Host, h } from "@stencil/core";
+import { is_custom_data } from "../../models/novl";
 export class UrNovlCarousel {
     constructor() {
         this.onIntersection = async (entries) => {
@@ -37,8 +38,13 @@ export class UrNovlCarousel {
         });
     }
     render() {
-        return (h(Host, { key: '5f09f8605726f1f12c4209d120833b776694ad93' }, h("div", { key: 'ff0c257e1f66f75f90860e32300e5678c0543066', class: "carousel" }, this.navigation && (h("ur-button-arrow-left", { key: '9b4ff817d0ad7bd7e4df4da8a641169f05ce5972' })), this.navigation && (h("ur-button-arrow-right", { key: 'e10aa95ad30a17d4ce50ba37d3023a56322ae399' })), h("swiper-container", { key: '82ab526ecc8e7e7551909e4dc48c9fe434313c2f', "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.novls.map(novl => {
-            return (h("swiper-slide", null, h("ur-novl", Object.assign({}, novl))));
+        return (h(Host, { key: '71897f640c6de0c06819f38b194250a07cdc5251' }, h("div", { key: 'c15303b8a881fd6563e01ac8dbe336d62299f2ef', class: "carousel" }, this.navigation && (h("ur-button-arrow-left", { key: 'a2b067fba4a8baab82e34c375f00e9b931047815' })), this.navigation && (h("ur-button-arrow-right", { key: 'c72aae4eb9ae4c0d20a40d43318368ab86babced' })), h("swiper-container", { key: '8c02d3372542fd5a78280b5fe004e4db812cf218', "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.novls.map((novl, index) => {
+            if (is_custom_data(novl)) {
+                return (h("swiper-slide", null, h("div", { class: "custom", innerHTML: novl.content(index) })));
+            }
+            else {
+                return (h("swiper-slide", null, h("ur-novl", Object.assign({}, novl))));
+            }
         })))));
     }
     static get is() { return "ur-novl-carousel"; }
@@ -59,8 +65,8 @@ export class UrNovlCarousel {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "Array<Novl>",
-                    "resolved": "Novl[]",
+                    "original": "Array<Novl | CustomContent>",
+                    "resolved": "(CustomContent | Novl)[]",
                     "references": {
                         "Array": {
                             "location": "global",
@@ -70,6 +76,11 @@ export class UrNovlCarousel {
                             "location": "import",
                             "path": "../../models/novl",
                             "id": "src/models/novl.ts::Novl"
+                        },
+                        "CustomContent": {
+                            "location": "import",
+                            "path": "../../models/novl",
+                            "id": "src/models/novl.ts::CustomContent"
                         }
                     }
                 },

package/dist/collection/models/novl.js

@@ -1 +1,3 @@
-export {};
+export const is_custom_data = (data) => {
+    return data && !!data.content && typeof data.content === 'function';
+};

package/dist/collection/stories/NovlCarousel.stories.js

@@ -46,7 +46,7 @@ export const Default = {
 export const TwoRowsGrid = {
     args: {
         novls: NOVLS.map((novl, index) => {
-            if (index === 1 || index === 6) {
+            if (index === 1 || index === 2) {
                 return Object.assign(Object.assign({}, novl), { borderRadius: '0' });
             }
             return Object.assign({}, novl);
@@ -147,3 +147,54 @@ export const FullWithArrows = {
         containerBackgroundColor: 'transparent',
     },
 };
+export const CustomSlide = {
+    render: args => NovlCarousel(args),
+    args: {
+        novls: NOVLS.map((novl, index) => {
+            if (index === 2) {
+                return {
+                    content: (novlIndex) => {
+                        return `<div>[ custom content goes here for index ${novlIndex} ]</div>`;
+                    }
+                };
+            }
+            return novl;
+        }),
+        breakpoints: {
+            2075: {
+                slidesPerView: 'auto',
+                spaceBetween: 8
+            },
+            1700: {
+                slidesPerView: 'auto',
+                spaceBetween: 8
+            },
+            1420: {
+                slidesPerView: 'auto',
+                spaceBetween: 8
+            },
+            1090: {
+                slidesPerView: 'auto',
+                spaceBetween: 8
+            },
+            321: {
+                slidesPerView: 'auto',
+                spaceBetween: 4
+            },
+            0: {
+                slidesPerView: 'auto',
+                spaceBetween: 4
+            }
+        },
+        grid: {
+            rows: 1,
+            fill: 'row'
+        },
+        //slidesPerView: 'auto',
+        //spaceBetween: 8,
+        navigation: true,
+        // container styles
+        containerWidth: '100%',
+        containerBackgroundColor: 'transparent',
+    },
+};

package/dist/components/{p-b18dc315.js → p-191fc625.js}

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-
 
 const NOVL_COVER_FALLBACK = 'data:image/webp;base64,UklGRtQAAABXRUJQVlA4TMgAAAAv/8f/EQfQla70pPIBIUHi/+9mIvqf8Z///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7vAQ==';
 
-const urNovlCss = ":host {\n    --novl-width: 100%;\n    --novl-border-radius: 8px;\n}\n\n@keyframes placeholderAnimate {\n    0%{ background-position: -650px 0; }\n    100%{ background-position: 650px 0; }\n}\n\n:host {\n    display: flex;\n    flex-direction: column;\n    box-sizing: content-box;\n    container-type: inline-size;\n    container-name: novl;\n}\n\n:host .novl {\n    overflow: hidden;\n    width: var(--novl-width);\n    border-radius: var(--novl-border-radius);\n    cursor: pointer;\n}\n\n:host .novl.loading {\n    cursor: default;\n}\n\n:host .cover {\n    aspect-ratio: 2.25;\n    background-color: rgb(var(--mdui-color-error));\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center;\n    position: relative;\n}\n\n:host .cover.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .cover .ongoing {\n    background-color: rgb(var(--mdui-color-primary-container));\n    height: 32px;\n    width: 32px;\n    border-radius: 50%;\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: rgb(var(--mdui-color-primary));\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 14px;\n    line-height: 14px;\n}\n\n:host .cover .ongoing span {\n    position: relative;\n}\n\n:host .cover .price {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border-radius: 25px;\n    background: rgba(43, 43, 39, 0.55);\n    padding: 9px 16px;\n    box-sizing: border-box;\n    line-height: 14px;\n    font-weight: 700;\n    font-size: 14px;\n    color: #fff;\n}\n\n:host .cover .publisher {\n    left: 0;\n    bottom: 0;\n    height: 48px;\n    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    position: absolute;\n    align-items: center;\n    width: 100%;\n    padding: 0 8px;\n    box-sizing: border-box;\n    column-gap: 8px;\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}\n\n:host .info {\n    display: flex;\n    flex-direction: column;\n    padding: 8px;\n    row-gap: 8px;\n    background: rgb(var(--mdui-color-background));\n    box-sizing: border-box;\n}\n\n:host .info:has(.loading) {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n:host .info .title {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 700;\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}\n\n:host .info .title.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .stats {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 12px;\n    display: flex;\n    flex-direction: row;\n    color: rgb(var(--mdui-color-on-background));\n}\n\n:host .info .stats.loading {\n    height: 12px;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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 4px;\n}\n\n:host .info .description {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 16px; /* 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}\n\n:host .info .description.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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: rgb(var(--mdui-color-on-background));\n    cursor: pointer;\n    column-gap: 8px;\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 .avatar.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .author .name {\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 12px;\n}\n\n:host .info .author .name.loading {\n    width: 50%;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n@container novl (max-width: 300px) {\n    :host .info .title {\n        font-size: 14px;\n        line-height: 1.2rem;\n    }\n\n    :host .info .author .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher {\n        height: 40px;\n        padding: 0 4px;\n    }\n\n    :host .cover .publisher .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher .name {\n        font-size: 11px;\n    }\n\n    :host .info .author .name {\n        font-size: 11px;\n    }\n\n    :host .cover .ongoing {\n        width: 24px;\n        height: 24px;\n        left: 4px;\n    }\n\n    :host .cover .price {\n        padding: 5px 8px;\n        font-size: 12px;\n    }\n\n    :host .info .stats {\n        font-size: 11px;\n    }\n\n    :host .info .description{\n        font-size: 11px;\n    }\n\n    :host .info {\n        row-gap: 4px;\n        padding: 4px;\n    }\n}\n";
+const urNovlCss = ":host {\n    --novl-width: 100%;\n    --novl-border-radius: 8px;\n}\n\n@keyframes placeholderAnimate {\n    0%{ background-position: -650px 0; }\n    100%{ background-position: 650px 0; }\n}\n\n:host {\n    display: flex;\n    flex-direction: column;\n    box-sizing: content-box;\n    container-type: inline-size;\n    container-name: novl;\n}\n\n:host .novl {\n    overflow: hidden;\n    width: var(--novl-width);\n    border-radius: var(--novl-border-radius);\n    cursor: pointer;\n}\n\n:host .novl.loading {\n    cursor: default;\n}\n\n:host .cover {\n    aspect-ratio: 2.25;\n    background-color: rgb(var(--mdui-color-error));\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center;\n    position: relative;\n}\n\n:host .cover.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .cover .ongoing {\n    background-color: rgb(var(--mdui-color-primary-container));\n    height: 32px;\n    width: 32px;\n    border-radius: 50%;\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: rgb(var(--mdui-color-primary));\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 14px;\n    line-height: 14px;\n}\n\n:host .cover .ongoing span {\n    position: relative;\n}\n\n:host .cover .price {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border-radius: 25px;\n    background: rgba(43, 43, 39, 0.55);\n    padding: 9px 16px;\n    box-sizing: border-box;\n    line-height: 14px;\n    font-weight: 700;\n    font-size: 14px;\n    color: #fff;\n}\n\n:host .cover .publisher {\n    left: 0;\n    bottom: 0;\n    height: 48px;\n    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    position: absolute;\n    align-items: center;\n    width: 100%;\n    padding: 0 8px;\n    box-sizing: border-box;\n    column-gap: 8px;\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}\n\n:host .info {\n    display: flex;\n    flex-direction: column;\n    padding: 8px;\n    row-gap: 8px;\n    background: rgb(var(--mdui-color-background));\n    box-sizing: border-box;\n}\n\n:host .info:has(.loading) {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n:host .info .title {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 700;\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}\n\n:host .info .title.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .stats {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 12px;\n    display: flex;\n    flex-direction: row;\n    color: rgb(var(--mdui-color-on-background));\n}\n\n:host .info .stats.loading {\n    height: 12px;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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 4px;\n}\n\n:host .info .description {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 16px; /* 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}\n\n:host .info .description.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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: rgb(var(--mdui-color-on-background));\n    cursor: pointer;\n    column-gap: 8px;\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 .avatar.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .author .name {\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 12px;\n}\n\n:host .info .author .name.loading {\n    width: 50%;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n@container novl (max-width: 300px) {\n    :host .info .title {\n        font-size: 14px;\n        line-height: 1.2rem;\n    }\n\n    :host .info .author .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher {\n        height: 40px;\n        padding: 0 4px;\n    }\n\n    :host .cover .publisher .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher .name {\n        font-size: 11px;\n    }\n\n    :host .info .author .name {\n        font-size: 11px;\n    }\n\n    :host .cover .ongoing {\n        width: 24px;\n        height: 24px;\n        left: 4px;\n    }\n\n    :host .cover .price {\n        padding: 5px 8px;\n        font-size: 12px;\n    }\n\n    :host .info .stats {\n        font-size: 11px;\n    }\n\n    :host .info .description{\n        font-size: 11px;\n    }\n\n    :host .info {\n        row-gap: 4px;\n        padding: 4px;\n    }\n\n    :host .info .title.loading {\n        margin: 0 4px;\n    }\n\n    :host .info .stats.loading {\n        margin: 0 4px;\n    }\n\n    :host .info .description.loading {\n        margin: 0 4px;\n    }\n\n    :host .info .author.loading {\n        margin: 0 4px;\n    }\n}\n";
 const UrNovlStyle0 = urNovlCss;
 
 const UrNovl = /*@__PURE__*/ proxyCustomElement(class UrNovl extends H {
@@ -26,9 +26,13 @@ const UrNovl = /*@__PURE__*/ proxyCustomElement(class UrNovl extends H {
         this.price = null;
         this.publisherAvatar = null;
         this.publisherName = null;
+        this.borderRadius = '8px';
+    }
+    componentDidLoad() {
+        this.el.style.setProperty("--novl-border-radius", this.borderRadius);
     }
     renderLoading() {
-        return h(Host, null, h("div", { class: "novl loading" }, h("section", { class: "cover loading" }), h("section", { class: "info" }, h("div", { class: "title loading" }, "\u00A0"), h("div", { class: "stats loading" }), h("div", { class: "description loading" }, "\u00A0"), h("div", { class: "author" }, h("div", { class: "avatar loading" }, "\u00A0"), h("div", { class: "name loading" }, "\u00A0")))));
+        return h(Host, null, h("div", { class: "novl loading" }, h("section", { class: "cover loading" }), h("section", { class: "info" }, h("div", { class: "title loading" }, "\u00A0"), h("div", { class: "stats loading" }), h("div", { class: "description loading" }, "\u00A0"), h("div", { class: "author loading" }, h("div", { class: "avatar loading" }, "\u00A0"), h("div", { class: "name loading" }, "\u00A0")))));
     }
     render() {
         if (this.loading) {
@@ -38,6 +42,7 @@ const UrNovl = /*@__PURE__*/ proxyCustomElement(class UrNovl extends H {
                 backgroundImage: this.novlCover ? `url(${this.novlCover})` : `url(${this.novlCoverFallback})`,
             } }, !this.published && (h("div", { class: "ongoing" }, h("span", null, "O"))), !!this.price && (h("div", { class: "price" }, h("span", null, this.price))), !!this.publisherAvatar && this.publisherName && (h("div", { class: "publisher" }, h("div", { class: "avatar", style: { backgroundImage: `url(${this.publisherAvatar})` } }), h("div", { class: "name" }, this.publisherName)))), h("section", { class: "info" }, h("div", { class: "title" }, this.novlTitle), this.showStats && (h("div", { class: "stats" }, h("div", { class: "likes" }, h("div", null, h("b", null, this.likes), " Likes"), h("div", { class: "dot" }, "\u00B7")), h("div", { class: "views" }, h("b", null, this.views), " Views"))), h("div", { class: "description" }, this.novlDescription), h("div", { class: "author" }, h("div", { class: "avatar", style: { backgroundImage: `url(${this.authorAvatar})` } }), h("div", { class: "name" }, this.authorName))))));
     }
+    get el() { return this; }
     static get style() { return UrNovlStyle0; }
 }, [1, "ur-novl", {
         "novlId": [520, "novl-id"],
@@ -54,7 +59,8 @@ const UrNovl = /*@__PURE__*/ proxyCustomElement(class UrNovl extends H {
         "published": [4],
         "price": [1],
         "publisherAvatar": [1, "publisher-avatar"],
-        "publisherName": [1, "publisher-name"]
+        "publisherName": [1, "publisher-name"],
+        "borderRadius": [1, "border-radius"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/ur-novl-carousel.js

@@ -1,7 +1,11 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-13a81287.js';
 import { d as defineCustomElement$4 } from './p-f3396ec5.js';
 import { d as defineCustomElement$3 } from './p-e6c43afd.js';
-import { d as defineCustomElement$2 } from './p-b18dc315.js';
+import { d as defineCustomElement$2 } from './p-191fc625.js';
+
+const is_custom_data = (data) => {
+    return data && !!data.content && typeof data.content === 'function';
+};
 
 const urNovlCarouselCss = ":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host swiper-slide{width:var(--swiper-slide-width)}:host ur-button-arrow-left,:host ur-button-arrow-right{position:absolute;top:calc(50% - 34px);left:-17px;z-index:2}:host ur-button-arrow-right{left:auto;right:-17px}@media (min-width: 0px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 321px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 640px){:host swiper-slide{width:calc(90% / 3)}}@media (min-width: 1150px){:host swiper-slide{width:calc(90% / 4)}}@media (min-width: 1770px){:host swiper-slide{width:calc(90% / 5)}}@media (min-width: 2140px){:host swiper-slide{width:calc(90% / 6)}}";
 const UrNovlCarouselStyle0 = urNovlCarouselCss;
@@ -50,8 +54,13 @@ const UrNovlCarousel$1 = /*@__PURE__*/ proxyCustomElement(class UrNovlCarousel e
         });
     }
     render() {
-        return (h(Host, { key: '5f09f8605726f1f12c4209d120833b776694ad93' }, h("div", { key: 'ff0c257e1f66f75f90860e32300e5678c0543066', class: "carousel" }, this.navigation && (h("ur-button-arrow-left", { key: '9b4ff817d0ad7bd7e4df4da8a641169f05ce5972' })), this.navigation && (h("ur-button-arrow-right", { key: 'e10aa95ad30a17d4ce50ba37d3023a56322ae399' })), h("swiper-container", { key: '82ab526ecc8e7e7551909e4dc48c9fe434313c2f', "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.novls.map(novl => {
-            return (h("swiper-slide", null, h("ur-novl", Object.assign({}, novl))));
+        return (h(Host, { key: '71897f640c6de0c06819f38b194250a07cdc5251' }, h("div", { key: 'c15303b8a881fd6563e01ac8dbe336d62299f2ef', class: "carousel" }, this.navigation && (h("ur-button-arrow-left", { key: 'a2b067fba4a8baab82e34c375f00e9b931047815' })), this.navigation && (h("ur-button-arrow-right", { key: 'c72aae4eb9ae4c0d20a40d43318368ab86babced' })), h("swiper-container", { key: '8c02d3372542fd5a78280b5fe004e4db812cf218', "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.novls.map((novl, index) => {
+            if (is_custom_data(novl)) {
+                return (h("swiper-slide", null, h("div", { class: "custom", innerHTML: novl.content(index) })));
+            }
+            else {
+                return (h("swiper-slide", null, h("ur-novl", Object.assign({}, novl))));
+            }
         })))));
     }
     get el() { return this; }

package/dist/components/ur-novl.js

@@ -1,4 +1,4 @@
-import { U as UrNovl$1, d as defineCustomElement$1 } from './p-b18dc315.js';
+import { U as UrNovl$1, d as defineCustomElement$1 } from './p-191fc625.js';
 
 const UrNovl = UrNovl$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["ur-main-left-menu",[[1,"ur-main-left-menu",{"opened":[4],"loggedIn":[4,"logged-in"],"userName":[1,"user-name"],"userRole":[1,"user-role"],"userAvatar":[1,"user-avatar"],"expanded":[32]},null,{"opened":["watchOpenedHandler"]}]]],["ur-novl-carousel",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-page-profile",[[1,"ur-page-profile",{"avatar":[8],"name":[8],"description":[8],"location":[8],"facebook_url":[8],"twitter_url":[8],"linkedin_url":[8],"email":[8],"phone":[8],"website":[8],"stories":[2],"views":[2],"following":[2],"followers":[2],"members":[2],"showFollow":[4,"show-follow"],"showBecomeMember":[4,"show-become-member"],"showDonate":[4,"show-donate"],"showSendMessage":[4,"show-send-message"],"languages":[1],"genres":[1],"literatureTypes":[1,"literature-types"],"pageCreatorName":[8,"page-creator-name"],"pageCreatorImage":[8,"page-creator-image"],"pageCreationDate":[8,"page-creation-date"]}]]],["ur-hero",[[1,"ur-hero",{"heroTitle":[1,"hero-title"],"heroSubtitle":[1,"hero-subtitle"],"ctaText":[1,"cta-text"],"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"layout":[1],"backgroundJustification":[1,"background-justification"],"backgroundAlignment":[1,"background-alignment"],"heroTitleColor":[1,"hero-title-color"],"heroSubtitleColor":[1,"hero-subtitle-color"],"widthClass":[32]}]]],["ur-locale-filter-panel",[[1,"ur-locale-filter-panel",{"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"locales":[16],"disabledLocales":[16],"mutableLocales":[32]}]]],["ur-main-desktop-top-app-bar",[[1,"ur-main-desktop-top-app-bar",{"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"searchText":[1,"search-text"]}]]],["ur-page",[[1,"ur-page",{"pageTitle":[1,"page-title"],"pageCover":[8,"page-cover"],"pageCoverFallback":[1,"page-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"pageDescription":[8,"page-description"]}]]],["ur-read-mobile-top-app-bar",[[1,"ur-read-mobile-top-app-bar",{"variant":[1],"headerTitle":[1,"header-title"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-select",[[1,"ur-select",{"label":[1],"name":[1],"value":[1],"placeholder":[1],"helper":[1],"readonly":[4],"disabled":[4],"clearable":[4],"multiple":[4],"endAligned":[4,"end-aligned"],"variant":[1],"placement":[1],"icon":[1],"endIcon":[1,"end-icon"],"form":[1],"items":[16],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["ur-top-app-bar",[[1,"ur-top-app-bar",{"headerTitle":[1,"header-title"],"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-user",[[1,"ur-user",{"userTitle":[1,"user-title"],"userCover":[8,"user-cover"],"userCoverFallback":[1,"user-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"userDescription":[8,"user-description"]}]]],["ur-checkbox",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip",[[1,"ur-chip",{"label":[1],"border":[1],"radius":[1],"size":[1],"backColor":[1,"back-color"],"fontColor":[1,"font-color"],"loading":[4],"disabled":[4]}]]],["ur-dialog",[[1,"ur-dialog",{"description":[1],"open":[4],"fullscreen":[4],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"borderRadius":[1,"border-radius"],"openDialog":[64],"closeDialog":[64]}]]],["ur-list-subheader",[[1,"ur-list-subheader",{"text":[1]}]]],["ur-loader",[[1,"ur-loader"]]],["ur-locale-filter-button",[[1,"ur-locale-filter-button",{"count":[2],"selected":[4]}]]],["ur-navigation-drawer",[[1,"ur-navigation-drawer",{"open":[4],"placement":[1],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"contained":[4],"openDrawer":[64],"closeDrawer":[64]}]]],["ur-profile",[[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-radio-button",[[1,"ur-radio-button",{"disabled":[4],"checked":[4],"text":[1]}]]],["ur-segment-button",[[1,"ur-segment-button",{"likeLabel":[1,"like-label"]}]]],["ur-switch",[[1,"ur-switch",{"disabled":[4],"checked":[4]}]]],["ur-tabs",[[1,"ur-tabs",{"tabs":[16],"panels":[16]}]]],["ur-text-field",[[1,"ur-text-field",{"label":[1],"placeholder":[1],"helper":[1],"disabled":[4],"variant":[1],"value":[1],"endIcon":[8,"end-icon"]}]]],["ur-user-profile",[[1,"ur-user-profile"]]],["ur-menu-item",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4],"selected":[4]}]]],["ur-novl",[[1,"ur-novl",{"novlId":[520,"novl-id"],"loading":[4],"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",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]],["ur-avatar",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-list_3",[[1,"ur-menu-profile",{"userAvatar":[1,"user-avatar"],"userName":[1,"user-name"],"userRole":[1,"user-role"]}],[1,"ur-list"],[1,"ur-list-item",{"content":[1],"disabled":[4],"active":[4],"nonclickable":[4],"rounded":[4],"alignment":[1],"icon":[1],"endIcon":[1,"end-icon"],"description":[1],"href":[1],"target":[1],"rel":[1]}]]],["ur-button-icon",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-logo",[[1,"ur-logo",{"width":[1],"height":[1],"color":[1],"rotation":[2],"opacity":[2]}]]],["ur-button",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"],"fullWidth":[4,"full-width"]}]]]], options);
+  return bootstrapLazy([["ur-main-left-menu",[[1,"ur-main-left-menu",{"opened":[4],"loggedIn":[4,"logged-in"],"userName":[1,"user-name"],"userRole":[1,"user-role"],"userAvatar":[1,"user-avatar"],"expanded":[32]},null,{"opened":["watchOpenedHandler"]}]]],["ur-novl-carousel",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-page-profile",[[1,"ur-page-profile",{"avatar":[8],"name":[8],"description":[8],"location":[8],"facebook_url":[8],"twitter_url":[8],"linkedin_url":[8],"email":[8],"phone":[8],"website":[8],"stories":[2],"views":[2],"following":[2],"followers":[2],"members":[2],"showFollow":[4,"show-follow"],"showBecomeMember":[4,"show-become-member"],"showDonate":[4,"show-donate"],"showSendMessage":[4,"show-send-message"],"languages":[1],"genres":[1],"literatureTypes":[1,"literature-types"],"pageCreatorName":[8,"page-creator-name"],"pageCreatorImage":[8,"page-creator-image"],"pageCreationDate":[8,"page-creation-date"]}]]],["ur-hero",[[1,"ur-hero",{"heroTitle":[1,"hero-title"],"heroSubtitle":[1,"hero-subtitle"],"ctaText":[1,"cta-text"],"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"layout":[1],"backgroundJustification":[1,"background-justification"],"backgroundAlignment":[1,"background-alignment"],"heroTitleColor":[1,"hero-title-color"],"heroSubtitleColor":[1,"hero-subtitle-color"],"widthClass":[32]}]]],["ur-locale-filter-panel",[[1,"ur-locale-filter-panel",{"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"locales":[16],"disabledLocales":[16],"mutableLocales":[32]}]]],["ur-main-desktop-top-app-bar",[[1,"ur-main-desktop-top-app-bar",{"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"searchText":[1,"search-text"]}]]],["ur-page",[[1,"ur-page",{"pageTitle":[1,"page-title"],"pageCover":[8,"page-cover"],"pageCoverFallback":[1,"page-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"pageDescription":[8,"page-description"]}]]],["ur-read-mobile-top-app-bar",[[1,"ur-read-mobile-top-app-bar",{"variant":[1],"headerTitle":[1,"header-title"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-select",[[1,"ur-select",{"label":[1],"name":[1],"value":[1],"placeholder":[1],"helper":[1],"readonly":[4],"disabled":[4],"clearable":[4],"multiple":[4],"endAligned":[4,"end-aligned"],"variant":[1],"placement":[1],"icon":[1],"endIcon":[1,"end-icon"],"form":[1],"items":[16],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["ur-top-app-bar",[[1,"ur-top-app-bar",{"headerTitle":[1,"header-title"],"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-user",[[1,"ur-user",{"userTitle":[1,"user-title"],"userCover":[8,"user-cover"],"userCoverFallback":[1,"user-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"userDescription":[8,"user-description"]}]]],["ur-checkbox",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip",[[1,"ur-chip",{"label":[1],"border":[1],"radius":[1],"size":[1],"backColor":[1,"back-color"],"fontColor":[1,"font-color"],"loading":[4],"disabled":[4]}]]],["ur-dialog",[[1,"ur-dialog",{"description":[1],"open":[4],"fullscreen":[4],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"borderRadius":[1,"border-radius"],"openDialog":[64],"closeDialog":[64]}]]],["ur-list-subheader",[[1,"ur-list-subheader",{"text":[1]}]]],["ur-loader",[[1,"ur-loader"]]],["ur-locale-filter-button",[[1,"ur-locale-filter-button",{"count":[2],"selected":[4]}]]],["ur-navigation-drawer",[[1,"ur-navigation-drawer",{"open":[4],"placement":[1],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"contained":[4],"openDrawer":[64],"closeDrawer":[64]}]]],["ur-profile",[[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-radio-button",[[1,"ur-radio-button",{"disabled":[4],"checked":[4],"text":[1]}]]],["ur-segment-button",[[1,"ur-segment-button",{"likeLabel":[1,"like-label"]}]]],["ur-switch",[[1,"ur-switch",{"disabled":[4],"checked":[4]}]]],["ur-tabs",[[1,"ur-tabs",{"tabs":[16],"panels":[16]}]]],["ur-text-field",[[1,"ur-text-field",{"label":[1],"placeholder":[1],"helper":[1],"disabled":[4],"variant":[1],"value":[1],"endIcon":[8,"end-icon"]}]]],["ur-user-profile",[[1,"ur-user-profile"]]],["ur-menu-item",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4],"selected":[4]}]]],["ur-novl",[[1,"ur-novl",{"novlId":[520,"novl-id"],"loading":[4],"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"],"borderRadius":[1,"border-radius"]}]]],["ur-button-arrow-left_2",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]],["ur-avatar",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-list_3",[[1,"ur-menu-profile",{"userAvatar":[1,"user-avatar"],"userName":[1,"user-name"],"userRole":[1,"user-role"]}],[1,"ur-list"],[1,"ur-list-item",{"content":[1],"disabled":[4],"active":[4],"nonclickable":[4],"rounded":[4],"alignment":[1],"icon":[1],"endIcon":[1,"end-icon"],"description":[1],"href":[1],"target":[1],"rel":[1]}]]],["ur-button-icon",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-logo",[[1,"ur-logo",{"width":[1],"height":[1],"color":[1],"rotation":[2],"opacity":[2]}]]],["ur-button",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"],"fullWidth":[4,"full-width"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/ur-novl-carousel.entry.js

@@ -1,5 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-fa23999c.js';
 
+const is_custom_data = (data) => {
+    return data && !!data.content && typeof data.content === 'function';
+};
+
 const urNovlCarouselCss = ":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host swiper-slide{width:var(--swiper-slide-width)}:host ur-button-arrow-left,:host ur-button-arrow-right{position:absolute;top:calc(50% - 34px);left:-17px;z-index:2}:host ur-button-arrow-right{left:auto;right:-17px}@media (min-width: 0px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 321px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 640px){:host swiper-slide{width:calc(90% / 3)}}@media (min-width: 1150px){:host swiper-slide{width:calc(90% / 4)}}@media (min-width: 1770px){:host swiper-slide{width:calc(90% / 5)}}@media (min-width: 2140px){:host swiper-slide{width:calc(90% / 6)}}";
 const UrNovlCarouselStyle0 = urNovlCarouselCss;
 
@@ -45,8 +49,13 @@ const UrNovlCarousel = class {
         });
     }
     render() {
-        return (h(Host, { key: '5f09f8605726f1f12c4209d120833b776694ad93' }, h("div", { key: 'ff0c257e1f66f75f90860e32300e5678c0543066', class: "carousel" }, this.navigation && (h("ur-button-arrow-left", { key: '9b4ff817d0ad7bd7e4df4da8a641169f05ce5972' })), this.navigation && (h("ur-button-arrow-right", { key: 'e10aa95ad30a17d4ce50ba37d3023a56322ae399' })), h("swiper-container", { key: '82ab526ecc8e7e7551909e4dc48c9fe434313c2f', "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.novls.map(novl => {
-            return (h("swiper-slide", null, h("ur-novl", Object.assign({}, novl))));
+        return (h(Host, { key: '71897f640c6de0c06819f38b194250a07cdc5251' }, h("div", { key: 'c15303b8a881fd6563e01ac8dbe336d62299f2ef', class: "carousel" }, this.navigation && (h("ur-button-arrow-left", { key: 'a2b067fba4a8baab82e34c375f00e9b931047815' })), this.navigation && (h("ur-button-arrow-right", { key: 'c72aae4eb9ae4c0d20a40d43318368ab86babced' })), h("swiper-container", { key: '8c02d3372542fd5a78280b5fe004e4db812cf218', "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.novls.map((novl, index) => {
+            if (is_custom_data(novl)) {
+                return (h("swiper-slide", null, h("div", { class: "custom", innerHTML: novl.content(index) })));
+            }
+            else {
+                return (h("swiper-slide", null, h("ur-novl", Object.assign({}, novl))));
+            }
         })))));
     }
     get el() { return getElement(this); }

package/dist/esm/ur-novl.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-fa23999c.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-fa23999c.js';
 
 const NOVL_COVER_FALLBACK = 'data:image/webp;base64,UklGRtQAAABXRUJQVlA4TMgAAAAv/8f/EQfQla70pPIBIUHi/+9mIvqf8Z///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7vAQ==';
 
-const urNovlCss = ":host {\n    --novl-width: 100%;\n    --novl-border-radius: 8px;\n}\n\n@keyframes placeholderAnimate {\n    0%{ background-position: -650px 0; }\n    100%{ background-position: 650px 0; }\n}\n\n:host {\n    display: flex;\n    flex-direction: column;\n    box-sizing: content-box;\n    container-type: inline-size;\n    container-name: novl;\n}\n\n:host .novl {\n    overflow: hidden;\n    width: var(--novl-width);\n    border-radius: var(--novl-border-radius);\n    cursor: pointer;\n}\n\n:host .novl.loading {\n    cursor: default;\n}\n\n:host .cover {\n    aspect-ratio: 2.25;\n    background-color: rgb(var(--mdui-color-error));\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center;\n    position: relative;\n}\n\n:host .cover.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .cover .ongoing {\n    background-color: rgb(var(--mdui-color-primary-container));\n    height: 32px;\n    width: 32px;\n    border-radius: 50%;\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: rgb(var(--mdui-color-primary));\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 14px;\n    line-height: 14px;\n}\n\n:host .cover .ongoing span {\n    position: relative;\n}\n\n:host .cover .price {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border-radius: 25px;\n    background: rgba(43, 43, 39, 0.55);\n    padding: 9px 16px;\n    box-sizing: border-box;\n    line-height: 14px;\n    font-weight: 700;\n    font-size: 14px;\n    color: #fff;\n}\n\n:host .cover .publisher {\n    left: 0;\n    bottom: 0;\n    height: 48px;\n    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    position: absolute;\n    align-items: center;\n    width: 100%;\n    padding: 0 8px;\n    box-sizing: border-box;\n    column-gap: 8px;\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}\n\n:host .info {\n    display: flex;\n    flex-direction: column;\n    padding: 8px;\n    row-gap: 8px;\n    background: rgb(var(--mdui-color-background));\n    box-sizing: border-box;\n}\n\n:host .info:has(.loading) {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n:host .info .title {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 700;\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}\n\n:host .info .title.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .stats {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 12px;\n    display: flex;\n    flex-direction: row;\n    color: rgb(var(--mdui-color-on-background));\n}\n\n:host .info .stats.loading {\n    height: 12px;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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 4px;\n}\n\n:host .info .description {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 16px; /* 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}\n\n:host .info .description.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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: rgb(var(--mdui-color-on-background));\n    cursor: pointer;\n    column-gap: 8px;\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 .avatar.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .author .name {\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 12px;\n}\n\n:host .info .author .name.loading {\n    width: 50%;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n@container novl (max-width: 300px) {\n    :host .info .title {\n        font-size: 14px;\n        line-height: 1.2rem;\n    }\n\n    :host .info .author .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher {\n        height: 40px;\n        padding: 0 4px;\n    }\n\n    :host .cover .publisher .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher .name {\n        font-size: 11px;\n    }\n\n    :host .info .author .name {\n        font-size: 11px;\n    }\n\n    :host .cover .ongoing {\n        width: 24px;\n        height: 24px;\n        left: 4px;\n    }\n\n    :host .cover .price {\n        padding: 5px 8px;\n        font-size: 12px;\n    }\n\n    :host .info .stats {\n        font-size: 11px;\n    }\n\n    :host .info .description{\n        font-size: 11px;\n    }\n\n    :host .info {\n        row-gap: 4px;\n        padding: 4px;\n    }\n}\n";
+const urNovlCss = ":host {\n    --novl-width: 100%;\n    --novl-border-radius: 8px;\n}\n\n@keyframes placeholderAnimate {\n    0%{ background-position: -650px 0; }\n    100%{ background-position: 650px 0; }\n}\n\n:host {\n    display: flex;\n    flex-direction: column;\n    box-sizing: content-box;\n    container-type: inline-size;\n    container-name: novl;\n}\n\n:host .novl {\n    overflow: hidden;\n    width: var(--novl-width);\n    border-radius: var(--novl-border-radius);\n    cursor: pointer;\n}\n\n:host .novl.loading {\n    cursor: default;\n}\n\n:host .cover {\n    aspect-ratio: 2.25;\n    background-color: rgb(var(--mdui-color-error));\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center;\n    position: relative;\n}\n\n:host .cover.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .cover .ongoing {\n    background-color: rgb(var(--mdui-color-primary-container));\n    height: 32px;\n    width: 32px;\n    border-radius: 50%;\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: rgb(var(--mdui-color-primary));\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 14px;\n    line-height: 14px;\n}\n\n:host .cover .ongoing span {\n    position: relative;\n}\n\n:host .cover .price {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border-radius: 25px;\n    background: rgba(43, 43, 39, 0.55);\n    padding: 9px 16px;\n    box-sizing: border-box;\n    line-height: 14px;\n    font-weight: 700;\n    font-size: 14px;\n    color: #fff;\n}\n\n:host .cover .publisher {\n    left: 0;\n    bottom: 0;\n    height: 48px;\n    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    position: absolute;\n    align-items: center;\n    width: 100%;\n    padding: 0 8px;\n    box-sizing: border-box;\n    column-gap: 8px;\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}\n\n:host .info {\n    display: flex;\n    flex-direction: column;\n    padding: 8px;\n    row-gap: 8px;\n    background: rgb(var(--mdui-color-background));\n    box-sizing: border-box;\n}\n\n:host .info:has(.loading) {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n:host .info .title {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 700;\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}\n\n:host .info .title.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .stats {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 12px;\n    display: flex;\n    flex-direction: row;\n    color: rgb(var(--mdui-color-on-background));\n}\n\n:host .info .stats.loading {\n    height: 12px;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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 4px;\n}\n\n:host .info .description {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 16px; /* 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}\n\n:host .info .description.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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: rgb(var(--mdui-color-on-background));\n    cursor: pointer;\n    column-gap: 8px;\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 .avatar.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .author .name {\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 12px;\n}\n\n:host .info .author .name.loading {\n    width: 50%;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n@container novl (max-width: 300px) {\n    :host .info .title {\n        font-size: 14px;\n        line-height: 1.2rem;\n    }\n\n    :host .info .author .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher {\n        height: 40px;\n        padding: 0 4px;\n    }\n\n    :host .cover .publisher .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher .name {\n        font-size: 11px;\n    }\n\n    :host .info .author .name {\n        font-size: 11px;\n    }\n\n    :host .cover .ongoing {\n        width: 24px;\n        height: 24px;\n        left: 4px;\n    }\n\n    :host .cover .price {\n        padding: 5px 8px;\n        font-size: 12px;\n    }\n\n    :host .info .stats {\n        font-size: 11px;\n    }\n\n    :host .info .description{\n        font-size: 11px;\n    }\n\n    :host .info {\n        row-gap: 4px;\n        padding: 4px;\n    }\n\n    :host .info .title.loading {\n        margin: 0 4px;\n    }\n\n    :host .info .stats.loading {\n        margin: 0 4px;\n    }\n\n    :host .info .description.loading {\n        margin: 0 4px;\n    }\n\n    :host .info .author.loading {\n        margin: 0 4px;\n    }\n}\n";
 const UrNovlStyle0 = urNovlCss;
 
 const UrNovl = class {
@@ -24,9 +24,13 @@ const UrNovl = class {
         this.price = null;
         this.publisherAvatar = null;
         this.publisherName = null;
+        this.borderRadius = '8px';
+    }
+    componentDidLoad() {
+        this.el.style.setProperty("--novl-border-radius", this.borderRadius);
     }
     renderLoading() {
-        return h(Host, null, h("div", { class: "novl loading" }, h("section", { class: "cover loading" }), h("section", { class: "info" }, h("div", { class: "title loading" }, "\u00A0"), h("div", { class: "stats loading" }), h("div", { class: "description loading" }, "\u00A0"), h("div", { class: "author" }, h("div", { class: "avatar loading" }, "\u00A0"), h("div", { class: "name loading" }, "\u00A0")))));
+        return h(Host, null, h("div", { class: "novl loading" }, h("section", { class: "cover loading" }), h("section", { class: "info" }, h("div", { class: "title loading" }, "\u00A0"), h("div", { class: "stats loading" }), h("div", { class: "description loading" }, "\u00A0"), h("div", { class: "author loading" }, h("div", { class: "avatar loading" }, "\u00A0"), h("div", { class: "name loading" }, "\u00A0")))));
     }
     render() {
         if (this.loading) {
@@ -36,6 +40,7 @@ const UrNovl = class {
                 backgroundImage: this.novlCover ? `url(${this.novlCover})` : `url(${this.novlCoverFallback})`,
             } }, !this.published && (h("div", { class: "ongoing" }, h("span", null, "O"))), !!this.price && (h("div", { class: "price" }, h("span", null, this.price))), !!this.publisherAvatar && this.publisherName && (h("div", { class: "publisher" }, h("div", { class: "avatar", style: { backgroundImage: `url(${this.publisherAvatar})` } }), h("div", { class: "name" }, this.publisherName)))), h("section", { class: "info" }, h("div", { class: "title" }, this.novlTitle), this.showStats && (h("div", { class: "stats" }, h("div", { class: "likes" }, h("div", null, h("b", null, this.likes), " Likes"), h("div", { class: "dot" }, "\u00B7")), h("div", { class: "views" }, h("b", null, this.views), " Views"))), h("div", { class: "description" }, this.novlDescription), h("div", { class: "author" }, h("div", { class: "avatar", style: { backgroundImage: `url(${this.authorAvatar})` } }), h("div", { class: "name" }, this.authorName))))));
     }
+    get el() { return getElement(this); }
 };
 UrNovl.style = UrNovlStyle0;
 

package/dist/esm/urnovl-web-components.js

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["ur-main-left-menu",[[1,"ur-main-left-menu",{"opened":[4],"loggedIn":[4,"logged-in"],"userName":[1,"user-name"],"userRole":[1,"user-role"],"userAvatar":[1,"user-avatar"],"expanded":[32]},null,{"opened":["watchOpenedHandler"]}]]],["ur-novl-carousel",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-page-profile",[[1,"ur-page-profile",{"avatar":[8],"name":[8],"description":[8],"location":[8],"facebook_url":[8],"twitter_url":[8],"linkedin_url":[8],"email":[8],"phone":[8],"website":[8],"stories":[2],"views":[2],"following":[2],"followers":[2],"members":[2],"showFollow":[4,"show-follow"],"showBecomeMember":[4,"show-become-member"],"showDonate":[4,"show-donate"],"showSendMessage":[4,"show-send-message"],"languages":[1],"genres":[1],"literatureTypes":[1,"literature-types"],"pageCreatorName":[8,"page-creator-name"],"pageCreatorImage":[8,"page-creator-image"],"pageCreationDate":[8,"page-creation-date"]}]]],["ur-hero",[[1,"ur-hero",{"heroTitle":[1,"hero-title"],"heroSubtitle":[1,"hero-subtitle"],"ctaText":[1,"cta-text"],"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"layout":[1],"backgroundJustification":[1,"background-justification"],"backgroundAlignment":[1,"background-alignment"],"heroTitleColor":[1,"hero-title-color"],"heroSubtitleColor":[1,"hero-subtitle-color"],"widthClass":[32]}]]],["ur-locale-filter-panel",[[1,"ur-locale-filter-panel",{"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"locales":[16],"disabledLocales":[16],"mutableLocales":[32]}]]],["ur-main-desktop-top-app-bar",[[1,"ur-main-desktop-top-app-bar",{"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"searchText":[1,"search-text"]}]]],["ur-page",[[1,"ur-page",{"pageTitle":[1,"page-title"],"pageCover":[8,"page-cover"],"pageCoverFallback":[1,"page-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"pageDescription":[8,"page-description"]}]]],["ur-read-mobile-top-app-bar",[[1,"ur-read-mobile-top-app-bar",{"variant":[1],"headerTitle":[1,"header-title"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-select",[[1,"ur-select",{"label":[1],"name":[1],"value":[1],"placeholder":[1],"helper":[1],"readonly":[4],"disabled":[4],"clearable":[4],"multiple":[4],"endAligned":[4,"end-aligned"],"variant":[1],"placement":[1],"icon":[1],"endIcon":[1,"end-icon"],"form":[1],"items":[16],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["ur-top-app-bar",[[1,"ur-top-app-bar",{"headerTitle":[1,"header-title"],"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-user",[[1,"ur-user",{"userTitle":[1,"user-title"],"userCover":[8,"user-cover"],"userCoverFallback":[1,"user-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"userDescription":[8,"user-description"]}]]],["ur-checkbox",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip",[[1,"ur-chip",{"label":[1],"border":[1],"radius":[1],"size":[1],"backColor":[1,"back-color"],"fontColor":[1,"font-color"],"loading":[4],"disabled":[4]}]]],["ur-dialog",[[1,"ur-dialog",{"description":[1],"open":[4],"fullscreen":[4],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"borderRadius":[1,"border-radius"],"openDialog":[64],"closeDialog":[64]}]]],["ur-list-subheader",[[1,"ur-list-subheader",{"text":[1]}]]],["ur-loader",[[1,"ur-loader"]]],["ur-locale-filter-button",[[1,"ur-locale-filter-button",{"count":[2],"selected":[4]}]]],["ur-navigation-drawer",[[1,"ur-navigation-drawer",{"open":[4],"placement":[1],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"contained":[4],"openDrawer":[64],"closeDrawer":[64]}]]],["ur-profile",[[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-radio-button",[[1,"ur-radio-button",{"disabled":[4],"checked":[4],"text":[1]}]]],["ur-segment-button",[[1,"ur-segment-button",{"likeLabel":[1,"like-label"]}]]],["ur-switch",[[1,"ur-switch",{"disabled":[4],"checked":[4]}]]],["ur-tabs",[[1,"ur-tabs",{"tabs":[16],"panels":[16]}]]],["ur-text-field",[[1,"ur-text-field",{"label":[1],"placeholder":[1],"helper":[1],"disabled":[4],"variant":[1],"value":[1],"endIcon":[8,"end-icon"]}]]],["ur-user-profile",[[1,"ur-user-profile"]]],["ur-menu-item",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4],"selected":[4]}]]],["ur-novl",[[1,"ur-novl",{"novlId":[520,"novl-id"],"loading":[4],"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",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]],["ur-avatar",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-list_3",[[1,"ur-menu-profile",{"userAvatar":[1,"user-avatar"],"userName":[1,"user-name"],"userRole":[1,"user-role"]}],[1,"ur-list"],[1,"ur-list-item",{"content":[1],"disabled":[4],"active":[4],"nonclickable":[4],"rounded":[4],"alignment":[1],"icon":[1],"endIcon":[1,"end-icon"],"description":[1],"href":[1],"target":[1],"rel":[1]}]]],["ur-button-icon",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-logo",[[1,"ur-logo",{"width":[1],"height":[1],"color":[1],"rotation":[2],"opacity":[2]}]]],["ur-button",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"],"fullWidth":[4,"full-width"]}]]]], options);
+  return bootstrapLazy([["ur-main-left-menu",[[1,"ur-main-left-menu",{"opened":[4],"loggedIn":[4,"logged-in"],"userName":[1,"user-name"],"userRole":[1,"user-role"],"userAvatar":[1,"user-avatar"],"expanded":[32]},null,{"opened":["watchOpenedHandler"]}]]],["ur-novl-carousel",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-page-profile",[[1,"ur-page-profile",{"avatar":[8],"name":[8],"description":[8],"location":[8],"facebook_url":[8],"twitter_url":[8],"linkedin_url":[8],"email":[8],"phone":[8],"website":[8],"stories":[2],"views":[2],"following":[2],"followers":[2],"members":[2],"showFollow":[4,"show-follow"],"showBecomeMember":[4,"show-become-member"],"showDonate":[4,"show-donate"],"showSendMessage":[4,"show-send-message"],"languages":[1],"genres":[1],"literatureTypes":[1,"literature-types"],"pageCreatorName":[8,"page-creator-name"],"pageCreatorImage":[8,"page-creator-image"],"pageCreationDate":[8,"page-creation-date"]}]]],["ur-hero",[[1,"ur-hero",{"heroTitle":[1,"hero-title"],"heroSubtitle":[1,"hero-subtitle"],"ctaText":[1,"cta-text"],"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"layout":[1],"backgroundJustification":[1,"background-justification"],"backgroundAlignment":[1,"background-alignment"],"heroTitleColor":[1,"hero-title-color"],"heroSubtitleColor":[1,"hero-subtitle-color"],"widthClass":[32]}]]],["ur-locale-filter-panel",[[1,"ur-locale-filter-panel",{"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"locales":[16],"disabledLocales":[16],"mutableLocales":[32]}]]],["ur-main-desktop-top-app-bar",[[1,"ur-main-desktop-top-app-bar",{"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"searchText":[1,"search-text"]}]]],["ur-page",[[1,"ur-page",{"pageTitle":[1,"page-title"],"pageCover":[8,"page-cover"],"pageCoverFallback":[1,"page-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"pageDescription":[8,"page-description"]}]]],["ur-read-mobile-top-app-bar",[[1,"ur-read-mobile-top-app-bar",{"variant":[1],"headerTitle":[1,"header-title"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-select",[[1,"ur-select",{"label":[1],"name":[1],"value":[1],"placeholder":[1],"helper":[1],"readonly":[4],"disabled":[4],"clearable":[4],"multiple":[4],"endAligned":[4,"end-aligned"],"variant":[1],"placement":[1],"icon":[1],"endIcon":[1,"end-icon"],"form":[1],"items":[16],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["ur-top-app-bar",[[1,"ur-top-app-bar",{"headerTitle":[1,"header-title"],"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-user",[[1,"ur-user",{"userTitle":[1,"user-title"],"userCover":[8,"user-cover"],"userCoverFallback":[1,"user-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"userDescription":[8,"user-description"]}]]],["ur-checkbox",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip",[[1,"ur-chip",{"label":[1],"border":[1],"radius":[1],"size":[1],"backColor":[1,"back-color"],"fontColor":[1,"font-color"],"loading":[4],"disabled":[4]}]]],["ur-dialog",[[1,"ur-dialog",{"description":[1],"open":[4],"fullscreen":[4],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"borderRadius":[1,"border-radius"],"openDialog":[64],"closeDialog":[64]}]]],["ur-list-subheader",[[1,"ur-list-subheader",{"text":[1]}]]],["ur-loader",[[1,"ur-loader"]]],["ur-locale-filter-button",[[1,"ur-locale-filter-button",{"count":[2],"selected":[4]}]]],["ur-navigation-drawer",[[1,"ur-navigation-drawer",{"open":[4],"placement":[1],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"contained":[4],"openDrawer":[64],"closeDrawer":[64]}]]],["ur-profile",[[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-radio-button",[[1,"ur-radio-button",{"disabled":[4],"checked":[4],"text":[1]}]]],["ur-segment-button",[[1,"ur-segment-button",{"likeLabel":[1,"like-label"]}]]],["ur-switch",[[1,"ur-switch",{"disabled":[4],"checked":[4]}]]],["ur-tabs",[[1,"ur-tabs",{"tabs":[16],"panels":[16]}]]],["ur-text-field",[[1,"ur-text-field",{"label":[1],"placeholder":[1],"helper":[1],"disabled":[4],"variant":[1],"value":[1],"endIcon":[8,"end-icon"]}]]],["ur-user-profile",[[1,"ur-user-profile"]]],["ur-menu-item",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4],"selected":[4]}]]],["ur-novl",[[1,"ur-novl",{"novlId":[520,"novl-id"],"loading":[4],"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"],"borderRadius":[1,"border-radius"]}]]],["ur-button-arrow-left_2",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]],["ur-avatar",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-list_3",[[1,"ur-menu-profile",{"userAvatar":[1,"user-avatar"],"userName":[1,"user-name"],"userRole":[1,"user-role"]}],[1,"ur-list"],[1,"ur-list-item",{"content":[1],"disabled":[4],"active":[4],"nonclickable":[4],"rounded":[4],"alignment":[1],"icon":[1],"endIcon":[1,"end-icon"],"description":[1],"href":[1],"target":[1],"rel":[1]}]]],["ur-button-icon",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-logo",[[1,"ur-logo",{"width":[1],"height":[1],"color":[1],"rotation":[2],"opacity":[2]}]]],["ur-button",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"],"fullWidth":[4,"full-width"]}]]]], options);
 });

package/dist/types/components/ur-novl/ur-novl.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class UrNovl {
+    el: HTMLElement;
     novlId: any;
     loading: boolean;
     novlTitle: string;
@@ -15,7 +16,9 @@ export declare class UrNovl {
     price: string | null;
     publisherAvatar: string | null;
     publisherName: string | null;
+    borderRadius: string;
     novlClicked: EventEmitter<string>;
+    componentDidLoad(): void;
     renderLoading(): any;
     render(): any;
 }

package/dist/types/components/ur-novl-carousel/ur-novl-carousel.d.ts

@@ -1,10 +1,10 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { Novl } from '../../models/novl';
+import { CustomContent, Novl } from '../../models/novl';
 import { Breakpoints, Grid } from '../../data/novl-carousel';
 export declare class UrNovlCarousel {
     private observer;
     el: HTMLElement;
-    novls: Array<Novl>;
+    novls: Array<Novl | CustomContent>;
     breakpoints?: Breakpoints;
     grid?: Grid;
     slidesPerView?: number | 'auto';

package/dist/types/components.d.ts

@@ -6,10 +6,10 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Locale } from "./models/locale";
-import { Novl } from "./models/novl";
+import { CustomContent, Novl } from "./models/novl";
 import { Breakpoints, Grid } from "./data/novl-carousel";
 export { Locale } from "./models/locale";
-export { Novl } from "./models/novl";
+export { CustomContent, Novl } from "./models/novl";
 export { Breakpoints, Grid } from "./data/novl-carousel";
 export namespace Components {
     interface UrAvatar {
@@ -187,6 +187,7 @@ export namespace Components {
     interface UrNovl {
         "authorAvatar": any;
         "authorName": any;
+        "borderRadius": string;
         "likes": number;
         "loading": boolean;
         "novlCover": any;
@@ -205,7 +206,7 @@ export namespace Components {
         "breakpoints"?: Breakpoints;
         "grid"?: Grid;
         "navigation"?: boolean;
-        "novls": Array<Novl>;
+        "novls": Array<Novl | CustomContent>;
         "slidesPerView"?: number | 'auto';
         "spaceBetween"?: number | string;
     }
@@ -998,6 +999,7 @@ declare namespace LocalJSX {
     interface UrNovl {
         "authorAvatar"?: any;
         "authorName"?: any;
+        "borderRadius"?: string;
         "likes"?: number;
         "loading"?: boolean;
         "novlCover"?: any;
@@ -1017,7 +1019,7 @@ declare namespace LocalJSX {
         "breakpoints"?: Breakpoints;
         "grid"?: Grid;
         "navigation"?: boolean;
-        "novls"?: Array<Novl>;
+        "novls"?: Array<Novl | CustomContent>;
         "onIntersectionUpdated"?: (event: UrNovlCarouselCustomEvent<Array<IntersectionObserverEntry>>) => void;
         "onNextClicked"?: (event: UrNovlCarouselCustomEvent<void>) => void;
         "onPrevClicked"?: (event: UrNovlCarouselCustomEvent<void>) => void;

package/dist/types/models/novl.d.ts

@@ -1,3 +1,6 @@
+export type CustomContent = {
+    content: (index: number) => string;
+};
 export type LoadingNovl = {
     novlId: string;
     loading: true;
@@ -19,3 +22,4 @@ export type LoadedNovl = {
     borderRadius?: string;
 };
 export type Novl = LoadingNovl | LoadedNovl;
+export declare const is_custom_data: (data: any) => data is CustomContent;

package/dist/types/stories/NovlCarousel.stories.d.ts

@@ -132,3 +132,44 @@ export declare const FullWithArrows: {
         containerBackgroundColor: string;
     };
 };
+export declare const CustomSlide: {
+    render: (args: any) => import("lit-html").TemplateResult<1>;
+    args: {
+        novls: (import("../models/novl").LoadingNovl | import("../models/novl").LoadedNovl | {
+            content: (novlIndex: any) => string;
+        })[];
+        breakpoints: {
+            2075: {
+                slidesPerView: string;
+                spaceBetween: number;
+            };
+            1700: {
+                slidesPerView: string;
+                spaceBetween: number;
+            };
+            1420: {
+                slidesPerView: string;
+                spaceBetween: number;
+            };
+            1090: {
+                slidesPerView: string;
+                spaceBetween: number;
+            };
+            321: {
+                slidesPerView: string;
+                spaceBetween: number;
+            };
+            0: {
+                slidesPerView: string;
+                spaceBetween: number;
+            };
+        };
+        grid: {
+            rows: number;
+            fill: string;
+        };
+        navigation: boolean;
+        containerWidth: string;
+        containerBackgroundColor: string;
+    };
+};

package/dist/urnovl-web-components/p-8ed0f8b1.entry.js

@@ -0,0 +1 @@
+import{r as n,c as i,h as o,H as t,g as a}from"./p-b9030d3f.js";const e=class{constructor(o){n(this,o),this.novlClicked=i(this,"novlClicked",7),this.novlId=void 0,this.loading=!1,this.novlTitle="Novl title",this.novlCover=void 0,this.novlCoverFallback="data:image/webp;base64,UklGRtQAAABXRUJQVlA4TMgAAAAv/8f/EQfQla70pPIBIUHi/+9mIvqf8Z///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7vAQ==",this.likes=0,this.views=0,this.showStats=!0,this.novlDescription=void 0,this.authorAvatar=void 0,this.authorName=void 0,this.published=!1,this.price=null,this.publisherAvatar=null,this.publisherName=null,this.borderRadius="8px"}componentDidLoad(){this.el.style.setProperty("--novl-border-radius",this.borderRadius)}renderLoading(){return o(t,null,o("div",{class:"novl loading"},o("section",{class:"cover loading"}),o("section",{class:"info"},o("div",{class:"title loading"}," "),o("div",{class:"stats loading"}),o("div",{class:"description loading"}," "),o("div",{class:"author loading"},o("div",{class:"avatar loading"}," "),o("div",{class:"name loading"}," ")))))}render(){return this.loading?this.renderLoading():o(t,null,o("div",{class:"novl",onClick:()=>this.novlClicked.emit(this.novlId)},o("section",{class:"cover",style:{backgroundImage:this.novlCover?`url(${this.novlCover})`:`url(${this.novlCoverFallback})`}},!this.published&&o("div",{class:"ongoing"},o("span",null,"O")),!!this.price&&o("div",{class:"price"},o("span",null,this.price)),!!this.publisherAvatar&&this.publisherName&&o("div",{class:"publisher"},o("div",{class:"avatar",style:{backgroundImage:`url(${this.publisherAvatar})`}}),o("div",{class:"name"},this.publisherName))),o("section",{class:"info"},o("div",{class:"title"},this.novlTitle),this.showStats&&o("div",{class:"stats"},o("div",{class:"likes"},o("div",null,o("b",null,this.likes)," Likes"),o("div",{class:"dot"},"·")),o("div",{class:"views"},o("b",null,this.views)," Views")),o("div",{class:"description"},this.novlDescription),o("div",{class:"author"},o("div",{class:"avatar",style:{backgroundImage:`url(${this.authorAvatar})`}}),o("div",{class:"name"},this.authorName)))))}get el(){return a(this)}};e.style=":host {\n    --novl-width: 100%;\n    --novl-border-radius: 8px;\n}\n\n@keyframes placeholderAnimate {\n    0%{ background-position: -650px 0; }\n    100%{ background-position: 650px 0; }\n}\n\n:host {\n    display: flex;\n    flex-direction: column;\n    box-sizing: content-box;\n    container-type: inline-size;\n    container-name: novl;\n}\n\n:host .novl {\n    overflow: hidden;\n    width: var(--novl-width);\n    border-radius: var(--novl-border-radius);\n    cursor: pointer;\n}\n\n:host .novl.loading {\n    cursor: default;\n}\n\n:host .cover {\n    aspect-ratio: 2.25;\n    background-color: rgb(var(--mdui-color-error));\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center;\n    position: relative;\n}\n\n:host .cover.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .cover .ongoing {\n    background-color: rgb(var(--mdui-color-primary-container));\n    height: 32px;\n    width: 32px;\n    border-radius: 50%;\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: rgb(var(--mdui-color-primary));\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 14px;\n    line-height: 14px;\n}\n\n:host .cover .ongoing span {\n    position: relative;\n}\n\n:host .cover .price {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border-radius: 25px;\n    background: rgba(43, 43, 39, 0.55);\n    padding: 9px 16px;\n    box-sizing: border-box;\n    line-height: 14px;\n    font-weight: 700;\n    font-size: 14px;\n    color: #fff;\n}\n\n:host .cover .publisher {\n    left: 0;\n    bottom: 0;\n    height: 48px;\n    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    position: absolute;\n    align-items: center;\n    width: 100%;\n    padding: 0 8px;\n    box-sizing: border-box;\n    column-gap: 8px;\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}\n\n:host .info {\n    display: flex;\n    flex-direction: column;\n    padding: 8px;\n    row-gap: 8px;\n    background: rgb(var(--mdui-color-background));\n    box-sizing: border-box;\n}\n\n:host .info:has(.loading) {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n:host .info .title {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 700;\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}\n\n:host .info .title.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .stats {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 12px;\n    display: flex;\n    flex-direction: row;\n    color: rgb(var(--mdui-color-on-background));\n}\n\n:host .info .stats.loading {\n    height: 12px;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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 4px;\n}\n\n:host .info .description {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 16px; /* 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}\n\n:host .info .description.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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: rgb(var(--mdui-color-on-background));\n    cursor: pointer;\n    column-gap: 8px;\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 .avatar.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .author .name {\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 12px;\n}\n\n:host .info .author .name.loading {\n    width: 50%;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n@container novl (max-width: 300px) {\n    :host .info .title {\n        font-size: 14px;\n        line-height: 1.2rem;\n    }\n\n    :host .info .author .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher {\n        height: 40px;\n        padding: 0 4px;\n    }\n\n    :host .cover .publisher .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher .name {\n        font-size: 11px;\n    }\n\n    :host .info .author .name {\n        font-size: 11px;\n    }\n\n    :host .cover .ongoing {\n        width: 24px;\n        height: 24px;\n        left: 4px;\n    }\n\n    :host .cover .price {\n        padding: 5px 8px;\n        font-size: 12px;\n    }\n\n    :host .info .stats {\n        font-size: 11px;\n    }\n\n    :host .info .description{\n        font-size: 11px;\n    }\n\n    :host .info {\n        row-gap: 4px;\n        padding: 4px;\n    }\n\n    :host .info .title.loading {\n        margin: 0 4px;\n    }\n\n    :host .info .stats.loading {\n        margin: 0 4px;\n    }\n\n    :host .info .description.loading {\n        margin: 0 4px;\n    }\n\n    :host .info .author.loading {\n        margin: 0 4px;\n    }\n}\n";export{e as ur_novl}

package/dist/urnovl-web-components/p-b138806d.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,h as s,H as e,g as r}from"./p-b9030d3f.js";const o=class{constructor(s){i(this,s),this.intersectionUpdated=t(this,"intersectionUpdated",7),this.prevClicked=t(this,"prevClicked",7),this.nextClicked=t(this,"nextClicked",7),this.onIntersection=async i=>{this.intersectionUpdated.emit(i)},this.novls=[],this.breakpoints={},this.grid={rows:1,fill:"row"},this.slidesPerView="auto",this.spaceBetween="0",this.navigation=!1}componentDidLoad(){const i=this.el.shadowRoot.querySelector("swiper-container");this.navigation&&(this.el.shadowRoot.querySelector("ur-button-arrow-left").addEventListener("click",(()=>{var t;null===(t=null==i?void 0:i.swiper)||void 0===t||t.slidePrev(),this.prevClicked.emit()})),this.el.shadowRoot.querySelector("ur-button-arrow-right").addEventListener("click",(()=>{var t;null===(t=null==i?void 0:i.swiper)||void 0===t||t.slideNext(),this.nextClicked.emit()})));const t=this.el.shadowRoot.querySelectorAll("ur-novl");this.observer=new IntersectionObserver(this.onIntersection),t.forEach((i=>{this.observer.observe(i)}))}render(){return s(e,{key:"71897f640c6de0c06819f38b194250a07cdc5251"},s("div",{key:"c15303b8a881fd6563e01ac8dbe336d62299f2ef",class:"carousel"},this.navigation&&s("ur-button-arrow-left",{key:"a2b067fba4a8baab82e34c375f00e9b931047815"}),this.navigation&&s("ur-button-arrow-right",{key:"c72aae4eb9ae4c0d20a40d43318368ab86babced"}),s("swiper-container",{key:"8c02d3372542fd5a78280b5fe004e4db812cf218","breakpoint-base":"container",grid:this.grid,breakpoints:this.breakpoints,"slides-per-view":this.slidesPerView,"space-between":this.spaceBetween},this.novls.map(((i,t)=>{return s("swiper-slide",null,(e=i)&&e.content&&"function"==typeof e.content?s("div",{class:"custom",innerHTML:i.content(t)}):s("ur-novl",Object.assign({},i)));var e})))))}get el(){return r(this)}};o.style=":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host swiper-slide{width:var(--swiper-slide-width)}:host ur-button-arrow-left,:host ur-button-arrow-right{position:absolute;top:calc(50% - 34px);left:-17px;z-index:2}:host ur-button-arrow-right{left:auto;right:-17px}@media (min-width: 0px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 321px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 640px){:host swiper-slide{width:calc(90% / 3)}}@media (min-width: 1150px){:host swiper-slide{width:calc(90% / 4)}}@media (min-width: 1770px){:host swiper-slide{width:calc(90% / 5)}}@media (min-width: 2140px){:host swiper-slide{width:calc(90% / 6)}}";export{o as ur_novl_carousel}

package/dist/urnovl-web-components/urnovl-web-components.esm.js

@@ -1 +1 @@
-import{p as e,b as o}from"./p-b9030d3f.js";export{s as setNonce}from"./p-b9030d3f.js";import{g as a}from"./p-e1255160.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((async e=>(await a(),o([["p-92ca13c7",[[1,"ur-main-left-menu",{opened:[4],loggedIn:[4,"logged-in"],userName:[1,"user-name"],userRole:[1,"user-role"],userAvatar:[1,"user-avatar"],expanded:[32]},null,{opened:["watchOpenedHandler"]}]]],["p-a32767cd",[[1,"ur-novl-carousel",{novls:[16],breakpoints:[16],grid:[16],slidesPerView:[8,"slides-per-view"],spaceBetween:[8,"space-between"],navigation:[4]}]]],["p-ba8a3f01",[[1,"ur-page-profile",{avatar:[8],name:[8],description:[8],location:[8],facebook_url:[8],twitter_url:[8],linkedin_url:[8],email:[8],phone:[8],website:[8],stories:[2],views:[2],following:[2],followers:[2],members:[2],showFollow:[4,"show-follow"],showBecomeMember:[4,"show-become-member"],showDonate:[4,"show-donate"],showSendMessage:[4,"show-send-message"],languages:[1],genres:[1],literatureTypes:[1,"literature-types"],pageCreatorName:[8,"page-creator-name"],pageCreatorImage:[8,"page-creator-image"],pageCreationDate:[8,"page-creation-date"]}]]],["p-123a897d",[[1,"ur-hero",{heroTitle:[1,"hero-title"],heroSubtitle:[1,"hero-subtitle"],ctaText:[1,"cta-text"],backgroundImage:[1,"background-image"],backgroundColor:[1,"background-color"],layout:[1],backgroundJustification:[1,"background-justification"],backgroundAlignment:[1,"background-alignment"],heroTitleColor:[1,"hero-title-color"],heroSubtitleColor:[1,"hero-subtitle-color"],widthClass:[32]}]]],["p-cdf51a8e",[[1,"ur-locale-filter-panel",{showHeader:[4,"show-header"],showFooter:[4,"show-footer"],locales:[16],disabledLocales:[16],mutableLocales:[32]}]]],["p-55140534",[[1,"ur-main-desktop-top-app-bar",{variant:[1],logoRotation:[2,"logo-rotation"],logoOpacity:[2,"logo-opacity"],searchText:[1,"search-text"]}]]],["p-4a606a7f",[[1,"ur-page",{pageTitle:[1,"page-title"],pageCover:[8,"page-cover"],pageCoverFallback:[1,"page-cover-fallback"],followers:[2],showStats:[4,"show-stats"],pageDescription:[8,"page-description"]}]]],["p-a183365e",[[1,"ur-read-mobile-top-app-bar",{variant:[1],headerTitle:[1,"header-title"],scrollBehavior:[1,"scroll-behavior"],scrollThreshold:[2,"scroll-threshold"]}]]],["p-e8cebe4b",[[1,"ur-select",{label:[1],name:[1],value:[1],placeholder:[1],helper:[1],readonly:[4],disabled:[4],clearable:[4],multiple:[4],endAligned:[4,"end-aligned"],variant:[1],placement:[1],icon:[1],endIcon:[1,"end-icon"],form:[1],items:[16],selectedValue:[32]},null,{value:["valueChanged"]}]]],["p-d3c37af7",[[1,"ur-top-app-bar",{headerTitle:[1,"header-title"],variant:[1],logoRotation:[2,"logo-rotation"],logoOpacity:[2,"logo-opacity"],scrollBehavior:[1,"scroll-behavior"],scrollThreshold:[2,"scroll-threshold"]}]]],["p-c8d266fb",[[1,"ur-user",{userTitle:[1,"user-title"],userCover:[8,"user-cover"],userCoverFallback:[1,"user-cover-fallback"],followers:[2],showStats:[4,"show-stats"],userDescription:[8,"user-description"]}]]],["p-72f5ebe2",[[1,"ur-checkbox",{disabled:[4],checked:[4]}]]],["p-5ddf41cb",[[1,"ur-chip",{label:[1],border:[1],radius:[1],size:[1],backColor:[1,"back-color"],fontColor:[1,"font-color"],loading:[4],disabled:[4]}]]],["p-a2012ea9",[[1,"ur-dialog",{description:[1],open:[4],fullscreen:[4],closeOnEsc:[4,"close-on-esc"],closeOnOverlayClick:[4,"close-on-overlay-click"],borderRadius:[1,"border-radius"],openDialog:[64],closeDialog:[64]}]]],["p-d73fcc3b",[[1,"ur-list-subheader",{text:[1]}]]],["p-3f41f359",[[1,"ur-loader"]]],["p-0c9f7919",[[1,"ur-locale-filter-button",{count:[2],selected:[4]}]]],["p-2de57097",[[1,"ur-navigation-drawer",{open:[4],placement:[1],closeOnEsc:[4,"close-on-esc"],closeOnOverlayClick:[4,"close-on-overlay-click"],contained:[4],openDrawer:[64],closeDrawer:[64]}]]],["p-c24bb804",[[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]}]]],["p-cf6f7c93",[[1,"ur-radio-button",{disabled:[4],checked:[4],text:[1]}]]],["p-a499d3d9",[[1,"ur-segment-button",{likeLabel:[1,"like-label"]}]]],["p-cb473063",[[1,"ur-switch",{disabled:[4],checked:[4]}]]],["p-f96f2cda",[[1,"ur-tabs",{tabs:[16],panels:[16]}]]],["p-b2819315",[[1,"ur-text-field",{label:[1],placeholder:[1],helper:[1],disabled:[4],variant:[1],value:[1],endIcon:[8,"end-icon"]}]]],["p-e4c5764f",[[1,"ur-user-profile"]]],["p-d4ade9a3",[[1,"ur-menu-item",{value:[1],label:[1],disabled:[4],selected:[4]}]]],["p-c8d21b34",[[1,"ur-novl",{novlId:[520,"novl-id"],loading:[4],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"]}]]],["p-119eb481",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]],["p-7595aad6",[[1,"ur-avatar",{size:[1],src:[1],name:[1],border:[1],radius:[1]}]]],["p-782d2952",[[1,"ur-menu-profile",{userAvatar:[1,"user-avatar"],userName:[1,"user-name"],userRole:[1,"user-role"]}],[1,"ur-list"],[1,"ur-list-item",{content:[1],disabled:[4],active:[4],nonclickable:[4],rounded:[4],alignment:[1],icon:[1],endIcon:[1,"end-icon"],description:[1],href:[1],target:[1],rel:[1]}]]],["p-303bc73c",[[1,"ur-button-icon",{disabled:[4],loading:[4],variant:[1],icon:[1],selectedIcon:[1,"selected-icon"],selected:[4]}]]],["p-d071d78d",[[1,"ur-logo",{width:[1],height:[1],color:[1],rotation:[2],opacity:[2]}]]],["p-7a41d8c5",[[1,"ur-button",{disabled:[4],variant:[1],icon:[8],endIcon:[8,"end-icon"],fullWidth:[4,"full-width"]}]]]],e))));
+import{p as e,b as o}from"./p-b9030d3f.js";export{s as setNonce}from"./p-b9030d3f.js";import{g as a}from"./p-e1255160.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((async e=>(await a(),o([["p-92ca13c7",[[1,"ur-main-left-menu",{opened:[4],loggedIn:[4,"logged-in"],userName:[1,"user-name"],userRole:[1,"user-role"],userAvatar:[1,"user-avatar"],expanded:[32]},null,{opened:["watchOpenedHandler"]}]]],["p-b138806d",[[1,"ur-novl-carousel",{novls:[16],breakpoints:[16],grid:[16],slidesPerView:[8,"slides-per-view"],spaceBetween:[8,"space-between"],navigation:[4]}]]],["p-ba8a3f01",[[1,"ur-page-profile",{avatar:[8],name:[8],description:[8],location:[8],facebook_url:[8],twitter_url:[8],linkedin_url:[8],email:[8],phone:[8],website:[8],stories:[2],views:[2],following:[2],followers:[2],members:[2],showFollow:[4,"show-follow"],showBecomeMember:[4,"show-become-member"],showDonate:[4,"show-donate"],showSendMessage:[4,"show-send-message"],languages:[1],genres:[1],literatureTypes:[1,"literature-types"],pageCreatorName:[8,"page-creator-name"],pageCreatorImage:[8,"page-creator-image"],pageCreationDate:[8,"page-creation-date"]}]]],["p-123a897d",[[1,"ur-hero",{heroTitle:[1,"hero-title"],heroSubtitle:[1,"hero-subtitle"],ctaText:[1,"cta-text"],backgroundImage:[1,"background-image"],backgroundColor:[1,"background-color"],layout:[1],backgroundJustification:[1,"background-justification"],backgroundAlignment:[1,"background-alignment"],heroTitleColor:[1,"hero-title-color"],heroSubtitleColor:[1,"hero-subtitle-color"],widthClass:[32]}]]],["p-cdf51a8e",[[1,"ur-locale-filter-panel",{showHeader:[4,"show-header"],showFooter:[4,"show-footer"],locales:[16],disabledLocales:[16],mutableLocales:[32]}]]],["p-55140534",[[1,"ur-main-desktop-top-app-bar",{variant:[1],logoRotation:[2,"logo-rotation"],logoOpacity:[2,"logo-opacity"],searchText:[1,"search-text"]}]]],["p-4a606a7f",[[1,"ur-page",{pageTitle:[1,"page-title"],pageCover:[8,"page-cover"],pageCoverFallback:[1,"page-cover-fallback"],followers:[2],showStats:[4,"show-stats"],pageDescription:[8,"page-description"]}]]],["p-a183365e",[[1,"ur-read-mobile-top-app-bar",{variant:[1],headerTitle:[1,"header-title"],scrollBehavior:[1,"scroll-behavior"],scrollThreshold:[2,"scroll-threshold"]}]]],["p-e8cebe4b",[[1,"ur-select",{label:[1],name:[1],value:[1],placeholder:[1],helper:[1],readonly:[4],disabled:[4],clearable:[4],multiple:[4],endAligned:[4,"end-aligned"],variant:[1],placement:[1],icon:[1],endIcon:[1,"end-icon"],form:[1],items:[16],selectedValue:[32]},null,{value:["valueChanged"]}]]],["p-d3c37af7",[[1,"ur-top-app-bar",{headerTitle:[1,"header-title"],variant:[1],logoRotation:[2,"logo-rotation"],logoOpacity:[2,"logo-opacity"],scrollBehavior:[1,"scroll-behavior"],scrollThreshold:[2,"scroll-threshold"]}]]],["p-c8d266fb",[[1,"ur-user",{userTitle:[1,"user-title"],userCover:[8,"user-cover"],userCoverFallback:[1,"user-cover-fallback"],followers:[2],showStats:[4,"show-stats"],userDescription:[8,"user-description"]}]]],["p-72f5ebe2",[[1,"ur-checkbox",{disabled:[4],checked:[4]}]]],["p-5ddf41cb",[[1,"ur-chip",{label:[1],border:[1],radius:[1],size:[1],backColor:[1,"back-color"],fontColor:[1,"font-color"],loading:[4],disabled:[4]}]]],["p-a2012ea9",[[1,"ur-dialog",{description:[1],open:[4],fullscreen:[4],closeOnEsc:[4,"close-on-esc"],closeOnOverlayClick:[4,"close-on-overlay-click"],borderRadius:[1,"border-radius"],openDialog:[64],closeDialog:[64]}]]],["p-d73fcc3b",[[1,"ur-list-subheader",{text:[1]}]]],["p-3f41f359",[[1,"ur-loader"]]],["p-0c9f7919",[[1,"ur-locale-filter-button",{count:[2],selected:[4]}]]],["p-2de57097",[[1,"ur-navigation-drawer",{open:[4],placement:[1],closeOnEsc:[4,"close-on-esc"],closeOnOverlayClick:[4,"close-on-overlay-click"],contained:[4],openDrawer:[64],closeDrawer:[64]}]]],["p-c24bb804",[[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]}]]],["p-cf6f7c93",[[1,"ur-radio-button",{disabled:[4],checked:[4],text:[1]}]]],["p-a499d3d9",[[1,"ur-segment-button",{likeLabel:[1,"like-label"]}]]],["p-cb473063",[[1,"ur-switch",{disabled:[4],checked:[4]}]]],["p-f96f2cda",[[1,"ur-tabs",{tabs:[16],panels:[16]}]]],["p-b2819315",[[1,"ur-text-field",{label:[1],placeholder:[1],helper:[1],disabled:[4],variant:[1],value:[1],endIcon:[8,"end-icon"]}]]],["p-e4c5764f",[[1,"ur-user-profile"]]],["p-d4ade9a3",[[1,"ur-menu-item",{value:[1],label:[1],disabled:[4],selected:[4]}]]],["p-8ed0f8b1",[[1,"ur-novl",{novlId:[520,"novl-id"],loading:[4],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"],borderRadius:[1,"border-radius"]}]]],["p-119eb481",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]],["p-7595aad6",[[1,"ur-avatar",{size:[1],src:[1],name:[1],border:[1],radius:[1]}]]],["p-782d2952",[[1,"ur-menu-profile",{userAvatar:[1,"user-avatar"],userName:[1,"user-name"],userRole:[1,"user-role"]}],[1,"ur-list"],[1,"ur-list-item",{content:[1],disabled:[4],active:[4],nonclickable:[4],rounded:[4],alignment:[1],icon:[1],endIcon:[1,"end-icon"],description:[1],href:[1],target:[1],rel:[1]}]]],["p-303bc73c",[[1,"ur-button-icon",{disabled:[4],loading:[4],variant:[1],icon:[1],selectedIcon:[1,"selected-icon"],selected:[4]}]]],["p-d071d78d",[[1,"ur-logo",{width:[1],height:[1],color:[1],rotation:[2],opacity:[2]}]]],["p-7a41d8c5",[[1,"ur-button",{disabled:[4],variant:[1],icon:[8],endIcon:[8,"end-icon"],fullWidth:[4,"full-width"]}]]]],e))));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "urnovl-web-components",
-    "version": "0.0.159",
+    "version": "0.0.161",
     "description": "Web components for Urnovl",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",

package/www/build/{p-2cd566f3.js → p-1ae325c7.js}

@@ -1 +1 @@
-import{p as e,b as o}from"./p-b9030d3f.js";export{s as setNonce}from"./p-b9030d3f.js";import{g as a}from"./p-e1255160.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((async e=>(await a(),o([["p-92ca13c7",[[1,"ur-main-left-menu",{opened:[4],loggedIn:[4,"logged-in"],userName:[1,"user-name"],userRole:[1,"user-role"],userAvatar:[1,"user-avatar"],expanded:[32]},null,{opened:["watchOpenedHandler"]}]]],["p-a32767cd",[[1,"ur-novl-carousel",{novls:[16],breakpoints:[16],grid:[16],slidesPerView:[8,"slides-per-view"],spaceBetween:[8,"space-between"],navigation:[4]}]]],["p-ba8a3f01",[[1,"ur-page-profile",{avatar:[8],name:[8],description:[8],location:[8],facebook_url:[8],twitter_url:[8],linkedin_url:[8],email:[8],phone:[8],website:[8],stories:[2],views:[2],following:[2],followers:[2],members:[2],showFollow:[4,"show-follow"],showBecomeMember:[4,"show-become-member"],showDonate:[4,"show-donate"],showSendMessage:[4,"show-send-message"],languages:[1],genres:[1],literatureTypes:[1,"literature-types"],pageCreatorName:[8,"page-creator-name"],pageCreatorImage:[8,"page-creator-image"],pageCreationDate:[8,"page-creation-date"]}]]],["p-123a897d",[[1,"ur-hero",{heroTitle:[1,"hero-title"],heroSubtitle:[1,"hero-subtitle"],ctaText:[1,"cta-text"],backgroundImage:[1,"background-image"],backgroundColor:[1,"background-color"],layout:[1],backgroundJustification:[1,"background-justification"],backgroundAlignment:[1,"background-alignment"],heroTitleColor:[1,"hero-title-color"],heroSubtitleColor:[1,"hero-subtitle-color"],widthClass:[32]}]]],["p-cdf51a8e",[[1,"ur-locale-filter-panel",{showHeader:[4,"show-header"],showFooter:[4,"show-footer"],locales:[16],disabledLocales:[16],mutableLocales:[32]}]]],["p-55140534",[[1,"ur-main-desktop-top-app-bar",{variant:[1],logoRotation:[2,"logo-rotation"],logoOpacity:[2,"logo-opacity"],searchText:[1,"search-text"]}]]],["p-4a606a7f",[[1,"ur-page",{pageTitle:[1,"page-title"],pageCover:[8,"page-cover"],pageCoverFallback:[1,"page-cover-fallback"],followers:[2],showStats:[4,"show-stats"],pageDescription:[8,"page-description"]}]]],["p-a183365e",[[1,"ur-read-mobile-top-app-bar",{variant:[1],headerTitle:[1,"header-title"],scrollBehavior:[1,"scroll-behavior"],scrollThreshold:[2,"scroll-threshold"]}]]],["p-e8cebe4b",[[1,"ur-select",{label:[1],name:[1],value:[1],placeholder:[1],helper:[1],readonly:[4],disabled:[4],clearable:[4],multiple:[4],endAligned:[4,"end-aligned"],variant:[1],placement:[1],icon:[1],endIcon:[1,"end-icon"],form:[1],items:[16],selectedValue:[32]},null,{value:["valueChanged"]}]]],["p-d3c37af7",[[1,"ur-top-app-bar",{headerTitle:[1,"header-title"],variant:[1],logoRotation:[2,"logo-rotation"],logoOpacity:[2,"logo-opacity"],scrollBehavior:[1,"scroll-behavior"],scrollThreshold:[2,"scroll-threshold"]}]]],["p-c8d266fb",[[1,"ur-user",{userTitle:[1,"user-title"],userCover:[8,"user-cover"],userCoverFallback:[1,"user-cover-fallback"],followers:[2],showStats:[4,"show-stats"],userDescription:[8,"user-description"]}]]],["p-72f5ebe2",[[1,"ur-checkbox",{disabled:[4],checked:[4]}]]],["p-5ddf41cb",[[1,"ur-chip",{label:[1],border:[1],radius:[1],size:[1],backColor:[1,"back-color"],fontColor:[1,"font-color"],loading:[4],disabled:[4]}]]],["p-a2012ea9",[[1,"ur-dialog",{description:[1],open:[4],fullscreen:[4],closeOnEsc:[4,"close-on-esc"],closeOnOverlayClick:[4,"close-on-overlay-click"],borderRadius:[1,"border-radius"],openDialog:[64],closeDialog:[64]}]]],["p-d73fcc3b",[[1,"ur-list-subheader",{text:[1]}]]],["p-3f41f359",[[1,"ur-loader"]]],["p-0c9f7919",[[1,"ur-locale-filter-button",{count:[2],selected:[4]}]]],["p-2de57097",[[1,"ur-navigation-drawer",{open:[4],placement:[1],closeOnEsc:[4,"close-on-esc"],closeOnOverlayClick:[4,"close-on-overlay-click"],contained:[4],openDrawer:[64],closeDrawer:[64]}]]],["p-c24bb804",[[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]}]]],["p-cf6f7c93",[[1,"ur-radio-button",{disabled:[4],checked:[4],text:[1]}]]],["p-a499d3d9",[[1,"ur-segment-button",{likeLabel:[1,"like-label"]}]]],["p-cb473063",[[1,"ur-switch",{disabled:[4],checked:[4]}]]],["p-f96f2cda",[[1,"ur-tabs",{tabs:[16],panels:[16]}]]],["p-b2819315",[[1,"ur-text-field",{label:[1],placeholder:[1],helper:[1],disabled:[4],variant:[1],value:[1],endIcon:[8,"end-icon"]}]]],["p-e4c5764f",[[1,"ur-user-profile"]]],["p-d4ade9a3",[[1,"ur-menu-item",{value:[1],label:[1],disabled:[4],selected:[4]}]]],["p-c8d21b34",[[1,"ur-novl",{novlId:[520,"novl-id"],loading:[4],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"]}]]],["p-119eb481",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]],["p-7595aad6",[[1,"ur-avatar",{size:[1],src:[1],name:[1],border:[1],radius:[1]}]]],["p-782d2952",[[1,"ur-menu-profile",{userAvatar:[1,"user-avatar"],userName:[1,"user-name"],userRole:[1,"user-role"]}],[1,"ur-list"],[1,"ur-list-item",{content:[1],disabled:[4],active:[4],nonclickable:[4],rounded:[4],alignment:[1],icon:[1],endIcon:[1,"end-icon"],description:[1],href:[1],target:[1],rel:[1]}]]],["p-303bc73c",[[1,"ur-button-icon",{disabled:[4],loading:[4],variant:[1],icon:[1],selectedIcon:[1,"selected-icon"],selected:[4]}]]],["p-d071d78d",[[1,"ur-logo",{width:[1],height:[1],color:[1],rotation:[2],opacity:[2]}]]],["p-7a41d8c5",[[1,"ur-button",{disabled:[4],variant:[1],icon:[8],endIcon:[8,"end-icon"],fullWidth:[4,"full-width"]}]]]],e))));
+import{p as e,b as o}from"./p-b9030d3f.js";export{s as setNonce}from"./p-b9030d3f.js";import{g as a}from"./p-e1255160.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((async e=>(await a(),o([["p-92ca13c7",[[1,"ur-main-left-menu",{opened:[4],loggedIn:[4,"logged-in"],userName:[1,"user-name"],userRole:[1,"user-role"],userAvatar:[1,"user-avatar"],expanded:[32]},null,{opened:["watchOpenedHandler"]}]]],["p-b138806d",[[1,"ur-novl-carousel",{novls:[16],breakpoints:[16],grid:[16],slidesPerView:[8,"slides-per-view"],spaceBetween:[8,"space-between"],navigation:[4]}]]],["p-ba8a3f01",[[1,"ur-page-profile",{avatar:[8],name:[8],description:[8],location:[8],facebook_url:[8],twitter_url:[8],linkedin_url:[8],email:[8],phone:[8],website:[8],stories:[2],views:[2],following:[2],followers:[2],members:[2],showFollow:[4,"show-follow"],showBecomeMember:[4,"show-become-member"],showDonate:[4,"show-donate"],showSendMessage:[4,"show-send-message"],languages:[1],genres:[1],literatureTypes:[1,"literature-types"],pageCreatorName:[8,"page-creator-name"],pageCreatorImage:[8,"page-creator-image"],pageCreationDate:[8,"page-creation-date"]}]]],["p-123a897d",[[1,"ur-hero",{heroTitle:[1,"hero-title"],heroSubtitle:[1,"hero-subtitle"],ctaText:[1,"cta-text"],backgroundImage:[1,"background-image"],backgroundColor:[1,"background-color"],layout:[1],backgroundJustification:[1,"background-justification"],backgroundAlignment:[1,"background-alignment"],heroTitleColor:[1,"hero-title-color"],heroSubtitleColor:[1,"hero-subtitle-color"],widthClass:[32]}]]],["p-cdf51a8e",[[1,"ur-locale-filter-panel",{showHeader:[4,"show-header"],showFooter:[4,"show-footer"],locales:[16],disabledLocales:[16],mutableLocales:[32]}]]],["p-55140534",[[1,"ur-main-desktop-top-app-bar",{variant:[1],logoRotation:[2,"logo-rotation"],logoOpacity:[2,"logo-opacity"],searchText:[1,"search-text"]}]]],["p-4a606a7f",[[1,"ur-page",{pageTitle:[1,"page-title"],pageCover:[8,"page-cover"],pageCoverFallback:[1,"page-cover-fallback"],followers:[2],showStats:[4,"show-stats"],pageDescription:[8,"page-description"]}]]],["p-a183365e",[[1,"ur-read-mobile-top-app-bar",{variant:[1],headerTitle:[1,"header-title"],scrollBehavior:[1,"scroll-behavior"],scrollThreshold:[2,"scroll-threshold"]}]]],["p-e8cebe4b",[[1,"ur-select",{label:[1],name:[1],value:[1],placeholder:[1],helper:[1],readonly:[4],disabled:[4],clearable:[4],multiple:[4],endAligned:[4,"end-aligned"],variant:[1],placement:[1],icon:[1],endIcon:[1,"end-icon"],form:[1],items:[16],selectedValue:[32]},null,{value:["valueChanged"]}]]],["p-d3c37af7",[[1,"ur-top-app-bar",{headerTitle:[1,"header-title"],variant:[1],logoRotation:[2,"logo-rotation"],logoOpacity:[2,"logo-opacity"],scrollBehavior:[1,"scroll-behavior"],scrollThreshold:[2,"scroll-threshold"]}]]],["p-c8d266fb",[[1,"ur-user",{userTitle:[1,"user-title"],userCover:[8,"user-cover"],userCoverFallback:[1,"user-cover-fallback"],followers:[2],showStats:[4,"show-stats"],userDescription:[8,"user-description"]}]]],["p-72f5ebe2",[[1,"ur-checkbox",{disabled:[4],checked:[4]}]]],["p-5ddf41cb",[[1,"ur-chip",{label:[1],border:[1],radius:[1],size:[1],backColor:[1,"back-color"],fontColor:[1,"font-color"],loading:[4],disabled:[4]}]]],["p-a2012ea9",[[1,"ur-dialog",{description:[1],open:[4],fullscreen:[4],closeOnEsc:[4,"close-on-esc"],closeOnOverlayClick:[4,"close-on-overlay-click"],borderRadius:[1,"border-radius"],openDialog:[64],closeDialog:[64]}]]],["p-d73fcc3b",[[1,"ur-list-subheader",{text:[1]}]]],["p-3f41f359",[[1,"ur-loader"]]],["p-0c9f7919",[[1,"ur-locale-filter-button",{count:[2],selected:[4]}]]],["p-2de57097",[[1,"ur-navigation-drawer",{open:[4],placement:[1],closeOnEsc:[4,"close-on-esc"],closeOnOverlayClick:[4,"close-on-overlay-click"],contained:[4],openDrawer:[64],closeDrawer:[64]}]]],["p-c24bb804",[[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]}]]],["p-cf6f7c93",[[1,"ur-radio-button",{disabled:[4],checked:[4],text:[1]}]]],["p-a499d3d9",[[1,"ur-segment-button",{likeLabel:[1,"like-label"]}]]],["p-cb473063",[[1,"ur-switch",{disabled:[4],checked:[4]}]]],["p-f96f2cda",[[1,"ur-tabs",{tabs:[16],panels:[16]}]]],["p-b2819315",[[1,"ur-text-field",{label:[1],placeholder:[1],helper:[1],disabled:[4],variant:[1],value:[1],endIcon:[8,"end-icon"]}]]],["p-e4c5764f",[[1,"ur-user-profile"]]],["p-d4ade9a3",[[1,"ur-menu-item",{value:[1],label:[1],disabled:[4],selected:[4]}]]],["p-8ed0f8b1",[[1,"ur-novl",{novlId:[520,"novl-id"],loading:[4],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"],borderRadius:[1,"border-radius"]}]]],["p-119eb481",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]],["p-7595aad6",[[1,"ur-avatar",{size:[1],src:[1],name:[1],border:[1],radius:[1]}]]],["p-782d2952",[[1,"ur-menu-profile",{userAvatar:[1,"user-avatar"],userName:[1,"user-name"],userRole:[1,"user-role"]}],[1,"ur-list"],[1,"ur-list-item",{content:[1],disabled:[4],active:[4],nonclickable:[4],rounded:[4],alignment:[1],icon:[1],endIcon:[1,"end-icon"],description:[1],href:[1],target:[1],rel:[1]}]]],["p-303bc73c",[[1,"ur-button-icon",{disabled:[4],loading:[4],variant:[1],icon:[1],selectedIcon:[1,"selected-icon"],selected:[4]}]]],["p-d071d78d",[[1,"ur-logo",{width:[1],height:[1],color:[1],rotation:[2],opacity:[2]}]]],["p-7a41d8c5",[[1,"ur-button",{disabled:[4],variant:[1],icon:[8],endIcon:[8,"end-icon"],fullWidth:[4,"full-width"]}]]]],e))));

package/www/build/p-8ed0f8b1.entry.js

@@ -0,0 +1 @@
+import{r as n,c as i,h as o,H as t,g as a}from"./p-b9030d3f.js";const e=class{constructor(o){n(this,o),this.novlClicked=i(this,"novlClicked",7),this.novlId=void 0,this.loading=!1,this.novlTitle="Novl title",this.novlCover=void 0,this.novlCoverFallback="data:image/webp;base64,UklGRtQAAABXRUJQVlA4TMgAAAAv/8f/EQfQla70pPIBIUHi/+9mIvqf8Z///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7vAQ==",this.likes=0,this.views=0,this.showStats=!0,this.novlDescription=void 0,this.authorAvatar=void 0,this.authorName=void 0,this.published=!1,this.price=null,this.publisherAvatar=null,this.publisherName=null,this.borderRadius="8px"}componentDidLoad(){this.el.style.setProperty("--novl-border-radius",this.borderRadius)}renderLoading(){return o(t,null,o("div",{class:"novl loading"},o("section",{class:"cover loading"}),o("section",{class:"info"},o("div",{class:"title loading"}," "),o("div",{class:"stats loading"}),o("div",{class:"description loading"}," "),o("div",{class:"author loading"},o("div",{class:"avatar loading"}," "),o("div",{class:"name loading"}," ")))))}render(){return this.loading?this.renderLoading():o(t,null,o("div",{class:"novl",onClick:()=>this.novlClicked.emit(this.novlId)},o("section",{class:"cover",style:{backgroundImage:this.novlCover?`url(${this.novlCover})`:`url(${this.novlCoverFallback})`}},!this.published&&o("div",{class:"ongoing"},o("span",null,"O")),!!this.price&&o("div",{class:"price"},o("span",null,this.price)),!!this.publisherAvatar&&this.publisherName&&o("div",{class:"publisher"},o("div",{class:"avatar",style:{backgroundImage:`url(${this.publisherAvatar})`}}),o("div",{class:"name"},this.publisherName))),o("section",{class:"info"},o("div",{class:"title"},this.novlTitle),this.showStats&&o("div",{class:"stats"},o("div",{class:"likes"},o("div",null,o("b",null,this.likes)," Likes"),o("div",{class:"dot"},"·")),o("div",{class:"views"},o("b",null,this.views)," Views")),o("div",{class:"description"},this.novlDescription),o("div",{class:"author"},o("div",{class:"avatar",style:{backgroundImage:`url(${this.authorAvatar})`}}),o("div",{class:"name"},this.authorName)))))}get el(){return a(this)}};e.style=":host {\n    --novl-width: 100%;\n    --novl-border-radius: 8px;\n}\n\n@keyframes placeholderAnimate {\n    0%{ background-position: -650px 0; }\n    100%{ background-position: 650px 0; }\n}\n\n:host {\n    display: flex;\n    flex-direction: column;\n    box-sizing: content-box;\n    container-type: inline-size;\n    container-name: novl;\n}\n\n:host .novl {\n    overflow: hidden;\n    width: var(--novl-width);\n    border-radius: var(--novl-border-radius);\n    cursor: pointer;\n}\n\n:host .novl.loading {\n    cursor: default;\n}\n\n:host .cover {\n    aspect-ratio: 2.25;\n    background-color: rgb(var(--mdui-color-error));\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center;\n    position: relative;\n}\n\n:host .cover.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .cover .ongoing {\n    background-color: rgb(var(--mdui-color-primary-container));\n    height: 32px;\n    width: 32px;\n    border-radius: 50%;\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: rgb(var(--mdui-color-primary));\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 14px;\n    line-height: 14px;\n}\n\n:host .cover .ongoing span {\n    position: relative;\n}\n\n:host .cover .price {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border-radius: 25px;\n    background: rgba(43, 43, 39, 0.55);\n    padding: 9px 16px;\n    box-sizing: border-box;\n    line-height: 14px;\n    font-weight: 700;\n    font-size: 14px;\n    color: #fff;\n}\n\n:host .cover .publisher {\n    left: 0;\n    bottom: 0;\n    height: 48px;\n    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    position: absolute;\n    align-items: center;\n    width: 100%;\n    padding: 0 8px;\n    box-sizing: border-box;\n    column-gap: 8px;\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}\n\n:host .info {\n    display: flex;\n    flex-direction: column;\n    padding: 8px;\n    row-gap: 8px;\n    background: rgb(var(--mdui-color-background));\n    box-sizing: border-box;\n}\n\n:host .info:has(.loading) {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n:host .info .title {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 700;\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}\n\n:host .info .title.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .stats {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 12px;\n    display: flex;\n    flex-direction: row;\n    color: rgb(var(--mdui-color-on-background));\n}\n\n:host .info .stats.loading {\n    height: 12px;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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 4px;\n}\n\n:host .info .description {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 16px; /* 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}\n\n:host .info .description.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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: rgb(var(--mdui-color-on-background));\n    cursor: pointer;\n    column-gap: 8px;\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 .avatar.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .author .name {\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 12px;\n}\n\n:host .info .author .name.loading {\n    width: 50%;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n@container novl (max-width: 300px) {\n    :host .info .title {\n        font-size: 14px;\n        line-height: 1.2rem;\n    }\n\n    :host .info .author .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher {\n        height: 40px;\n        padding: 0 4px;\n    }\n\n    :host .cover .publisher .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher .name {\n        font-size: 11px;\n    }\n\n    :host .info .author .name {\n        font-size: 11px;\n    }\n\n    :host .cover .ongoing {\n        width: 24px;\n        height: 24px;\n        left: 4px;\n    }\n\n    :host .cover .price {\n        padding: 5px 8px;\n        font-size: 12px;\n    }\n\n    :host .info .stats {\n        font-size: 11px;\n    }\n\n    :host .info .description{\n        font-size: 11px;\n    }\n\n    :host .info {\n        row-gap: 4px;\n        padding: 4px;\n    }\n\n    :host .info .title.loading {\n        margin: 0 4px;\n    }\n\n    :host .info .stats.loading {\n        margin: 0 4px;\n    }\n\n    :host .info .description.loading {\n        margin: 0 4px;\n    }\n\n    :host .info .author.loading {\n        margin: 0 4px;\n    }\n}\n";export{e as ur_novl}

package/www/build/p-b138806d.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,h as s,H as e,g as r}from"./p-b9030d3f.js";const o=class{constructor(s){i(this,s),this.intersectionUpdated=t(this,"intersectionUpdated",7),this.prevClicked=t(this,"prevClicked",7),this.nextClicked=t(this,"nextClicked",7),this.onIntersection=async i=>{this.intersectionUpdated.emit(i)},this.novls=[],this.breakpoints={},this.grid={rows:1,fill:"row"},this.slidesPerView="auto",this.spaceBetween="0",this.navigation=!1}componentDidLoad(){const i=this.el.shadowRoot.querySelector("swiper-container");this.navigation&&(this.el.shadowRoot.querySelector("ur-button-arrow-left").addEventListener("click",(()=>{var t;null===(t=null==i?void 0:i.swiper)||void 0===t||t.slidePrev(),this.prevClicked.emit()})),this.el.shadowRoot.querySelector("ur-button-arrow-right").addEventListener("click",(()=>{var t;null===(t=null==i?void 0:i.swiper)||void 0===t||t.slideNext(),this.nextClicked.emit()})));const t=this.el.shadowRoot.querySelectorAll("ur-novl");this.observer=new IntersectionObserver(this.onIntersection),t.forEach((i=>{this.observer.observe(i)}))}render(){return s(e,{key:"71897f640c6de0c06819f38b194250a07cdc5251"},s("div",{key:"c15303b8a881fd6563e01ac8dbe336d62299f2ef",class:"carousel"},this.navigation&&s("ur-button-arrow-left",{key:"a2b067fba4a8baab82e34c375f00e9b931047815"}),this.navigation&&s("ur-button-arrow-right",{key:"c72aae4eb9ae4c0d20a40d43318368ab86babced"}),s("swiper-container",{key:"8c02d3372542fd5a78280b5fe004e4db812cf218","breakpoint-base":"container",grid:this.grid,breakpoints:this.breakpoints,"slides-per-view":this.slidesPerView,"space-between":this.spaceBetween},this.novls.map(((i,t)=>{return s("swiper-slide",null,(e=i)&&e.content&&"function"==typeof e.content?s("div",{class:"custom",innerHTML:i.content(t)}):s("ur-novl",Object.assign({},i)));var e})))))}get el(){return r(this)}};o.style=":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host swiper-slide{width:var(--swiper-slide-width)}:host ur-button-arrow-left,:host ur-button-arrow-right{position:absolute;top:calc(50% - 34px);left:-17px;z-index:2}:host ur-button-arrow-right{left:auto;right:-17px}@media (min-width: 0px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 321px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 640px){:host swiper-slide{width:calc(90% / 3)}}@media (min-width: 1150px){:host swiper-slide{width:calc(90% / 4)}}@media (min-width: 1770px){:host swiper-slide{width:calc(90% / 5)}}@media (min-width: 2140px){:host swiper-slide{width:calc(90% / 6)}}";export{o as ur_novl_carousel}

package/www/build/urnovl-web-components.esm.js

@@ -1 +1 @@
-import{p as e,b as o}from"./p-b9030d3f.js";export{s as setNonce}from"./p-b9030d3f.js";import{g as a}from"./p-e1255160.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((async e=>(await a(),o([["p-92ca13c7",[[1,"ur-main-left-menu",{opened:[4],loggedIn:[4,"logged-in"],userName:[1,"user-name"],userRole:[1,"user-role"],userAvatar:[1,"user-avatar"],expanded:[32]},null,{opened:["watchOpenedHandler"]}]]],["p-a32767cd",[[1,"ur-novl-carousel",{novls:[16],breakpoints:[16],grid:[16],slidesPerView:[8,"slides-per-view"],spaceBetween:[8,"space-between"],navigation:[4]}]]],["p-ba8a3f01",[[1,"ur-page-profile",{avatar:[8],name:[8],description:[8],location:[8],facebook_url:[8],twitter_url:[8],linkedin_url:[8],email:[8],phone:[8],website:[8],stories:[2],views:[2],following:[2],followers:[2],members:[2],showFollow:[4,"show-follow"],showBecomeMember:[4,"show-become-member"],showDonate:[4,"show-donate"],showSendMessage:[4,"show-send-message"],languages:[1],genres:[1],literatureTypes:[1,"literature-types"],pageCreatorName:[8,"page-creator-name"],pageCreatorImage:[8,"page-creator-image"],pageCreationDate:[8,"page-creation-date"]}]]],["p-123a897d",[[1,"ur-hero",{heroTitle:[1,"hero-title"],heroSubtitle:[1,"hero-subtitle"],ctaText:[1,"cta-text"],backgroundImage:[1,"background-image"],backgroundColor:[1,"background-color"],layout:[1],backgroundJustification:[1,"background-justification"],backgroundAlignment:[1,"background-alignment"],heroTitleColor:[1,"hero-title-color"],heroSubtitleColor:[1,"hero-subtitle-color"],widthClass:[32]}]]],["p-cdf51a8e",[[1,"ur-locale-filter-panel",{showHeader:[4,"show-header"],showFooter:[4,"show-footer"],locales:[16],disabledLocales:[16],mutableLocales:[32]}]]],["p-55140534",[[1,"ur-main-desktop-top-app-bar",{variant:[1],logoRotation:[2,"logo-rotation"],logoOpacity:[2,"logo-opacity"],searchText:[1,"search-text"]}]]],["p-4a606a7f",[[1,"ur-page",{pageTitle:[1,"page-title"],pageCover:[8,"page-cover"],pageCoverFallback:[1,"page-cover-fallback"],followers:[2],showStats:[4,"show-stats"],pageDescription:[8,"page-description"]}]]],["p-a183365e",[[1,"ur-read-mobile-top-app-bar",{variant:[1],headerTitle:[1,"header-title"],scrollBehavior:[1,"scroll-behavior"],scrollThreshold:[2,"scroll-threshold"]}]]],["p-e8cebe4b",[[1,"ur-select",{label:[1],name:[1],value:[1],placeholder:[1],helper:[1],readonly:[4],disabled:[4],clearable:[4],multiple:[4],endAligned:[4,"end-aligned"],variant:[1],placement:[1],icon:[1],endIcon:[1,"end-icon"],form:[1],items:[16],selectedValue:[32]},null,{value:["valueChanged"]}]]],["p-d3c37af7",[[1,"ur-top-app-bar",{headerTitle:[1,"header-title"],variant:[1],logoRotation:[2,"logo-rotation"],logoOpacity:[2,"logo-opacity"],scrollBehavior:[1,"scroll-behavior"],scrollThreshold:[2,"scroll-threshold"]}]]],["p-c8d266fb",[[1,"ur-user",{userTitle:[1,"user-title"],userCover:[8,"user-cover"],userCoverFallback:[1,"user-cover-fallback"],followers:[2],showStats:[4,"show-stats"],userDescription:[8,"user-description"]}]]],["p-72f5ebe2",[[1,"ur-checkbox",{disabled:[4],checked:[4]}]]],["p-5ddf41cb",[[1,"ur-chip",{label:[1],border:[1],radius:[1],size:[1],backColor:[1,"back-color"],fontColor:[1,"font-color"],loading:[4],disabled:[4]}]]],["p-a2012ea9",[[1,"ur-dialog",{description:[1],open:[4],fullscreen:[4],closeOnEsc:[4,"close-on-esc"],closeOnOverlayClick:[4,"close-on-overlay-click"],borderRadius:[1,"border-radius"],openDialog:[64],closeDialog:[64]}]]],["p-d73fcc3b",[[1,"ur-list-subheader",{text:[1]}]]],["p-3f41f359",[[1,"ur-loader"]]],["p-0c9f7919",[[1,"ur-locale-filter-button",{count:[2],selected:[4]}]]],["p-2de57097",[[1,"ur-navigation-drawer",{open:[4],placement:[1],closeOnEsc:[4,"close-on-esc"],closeOnOverlayClick:[4,"close-on-overlay-click"],contained:[4],openDrawer:[64],closeDrawer:[64]}]]],["p-c24bb804",[[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]}]]],["p-cf6f7c93",[[1,"ur-radio-button",{disabled:[4],checked:[4],text:[1]}]]],["p-a499d3d9",[[1,"ur-segment-button",{likeLabel:[1,"like-label"]}]]],["p-cb473063",[[1,"ur-switch",{disabled:[4],checked:[4]}]]],["p-f96f2cda",[[1,"ur-tabs",{tabs:[16],panels:[16]}]]],["p-b2819315",[[1,"ur-text-field",{label:[1],placeholder:[1],helper:[1],disabled:[4],variant:[1],value:[1],endIcon:[8,"end-icon"]}]]],["p-e4c5764f",[[1,"ur-user-profile"]]],["p-d4ade9a3",[[1,"ur-menu-item",{value:[1],label:[1],disabled:[4],selected:[4]}]]],["p-c8d21b34",[[1,"ur-novl",{novlId:[520,"novl-id"],loading:[4],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"]}]]],["p-119eb481",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]],["p-7595aad6",[[1,"ur-avatar",{size:[1],src:[1],name:[1],border:[1],radius:[1]}]]],["p-782d2952",[[1,"ur-menu-profile",{userAvatar:[1,"user-avatar"],userName:[1,"user-name"],userRole:[1,"user-role"]}],[1,"ur-list"],[1,"ur-list-item",{content:[1],disabled:[4],active:[4],nonclickable:[4],rounded:[4],alignment:[1],icon:[1],endIcon:[1,"end-icon"],description:[1],href:[1],target:[1],rel:[1]}]]],["p-303bc73c",[[1,"ur-button-icon",{disabled:[4],loading:[4],variant:[1],icon:[1],selectedIcon:[1,"selected-icon"],selected:[4]}]]],["p-d071d78d",[[1,"ur-logo",{width:[1],height:[1],color:[1],rotation:[2],opacity:[2]}]]],["p-7a41d8c5",[[1,"ur-button",{disabled:[4],variant:[1],icon:[8],endIcon:[8,"end-icon"],fullWidth:[4,"full-width"]}]]]],e))));
+import{p as e,b as o}from"./p-b9030d3f.js";export{s as setNonce}from"./p-b9030d3f.js";import{g as a}from"./p-e1255160.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((async e=>(await a(),o([["p-92ca13c7",[[1,"ur-main-left-menu",{opened:[4],loggedIn:[4,"logged-in"],userName:[1,"user-name"],userRole:[1,"user-role"],userAvatar:[1,"user-avatar"],expanded:[32]},null,{opened:["watchOpenedHandler"]}]]],["p-b138806d",[[1,"ur-novl-carousel",{novls:[16],breakpoints:[16],grid:[16],slidesPerView:[8,"slides-per-view"],spaceBetween:[8,"space-between"],navigation:[4]}]]],["p-ba8a3f01",[[1,"ur-page-profile",{avatar:[8],name:[8],description:[8],location:[8],facebook_url:[8],twitter_url:[8],linkedin_url:[8],email:[8],phone:[8],website:[8],stories:[2],views:[2],following:[2],followers:[2],members:[2],showFollow:[4,"show-follow"],showBecomeMember:[4,"show-become-member"],showDonate:[4,"show-donate"],showSendMessage:[4,"show-send-message"],languages:[1],genres:[1],literatureTypes:[1,"literature-types"],pageCreatorName:[8,"page-creator-name"],pageCreatorImage:[8,"page-creator-image"],pageCreationDate:[8,"page-creation-date"]}]]],["p-123a897d",[[1,"ur-hero",{heroTitle:[1,"hero-title"],heroSubtitle:[1,"hero-subtitle"],ctaText:[1,"cta-text"],backgroundImage:[1,"background-image"],backgroundColor:[1,"background-color"],layout:[1],backgroundJustification:[1,"background-justification"],backgroundAlignment:[1,"background-alignment"],heroTitleColor:[1,"hero-title-color"],heroSubtitleColor:[1,"hero-subtitle-color"],widthClass:[32]}]]],["p-cdf51a8e",[[1,"ur-locale-filter-panel",{showHeader:[4,"show-header"],showFooter:[4,"show-footer"],locales:[16],disabledLocales:[16],mutableLocales:[32]}]]],["p-55140534",[[1,"ur-main-desktop-top-app-bar",{variant:[1],logoRotation:[2,"logo-rotation"],logoOpacity:[2,"logo-opacity"],searchText:[1,"search-text"]}]]],["p-4a606a7f",[[1,"ur-page",{pageTitle:[1,"page-title"],pageCover:[8,"page-cover"],pageCoverFallback:[1,"page-cover-fallback"],followers:[2],showStats:[4,"show-stats"],pageDescription:[8,"page-description"]}]]],["p-a183365e",[[1,"ur-read-mobile-top-app-bar",{variant:[1],headerTitle:[1,"header-title"],scrollBehavior:[1,"scroll-behavior"],scrollThreshold:[2,"scroll-threshold"]}]]],["p-e8cebe4b",[[1,"ur-select",{label:[1],name:[1],value:[1],placeholder:[1],helper:[1],readonly:[4],disabled:[4],clearable:[4],multiple:[4],endAligned:[4,"end-aligned"],variant:[1],placement:[1],icon:[1],endIcon:[1,"end-icon"],form:[1],items:[16],selectedValue:[32]},null,{value:["valueChanged"]}]]],["p-d3c37af7",[[1,"ur-top-app-bar",{headerTitle:[1,"header-title"],variant:[1],logoRotation:[2,"logo-rotation"],logoOpacity:[2,"logo-opacity"],scrollBehavior:[1,"scroll-behavior"],scrollThreshold:[2,"scroll-threshold"]}]]],["p-c8d266fb",[[1,"ur-user",{userTitle:[1,"user-title"],userCover:[8,"user-cover"],userCoverFallback:[1,"user-cover-fallback"],followers:[2],showStats:[4,"show-stats"],userDescription:[8,"user-description"]}]]],["p-72f5ebe2",[[1,"ur-checkbox",{disabled:[4],checked:[4]}]]],["p-5ddf41cb",[[1,"ur-chip",{label:[1],border:[1],radius:[1],size:[1],backColor:[1,"back-color"],fontColor:[1,"font-color"],loading:[4],disabled:[4]}]]],["p-a2012ea9",[[1,"ur-dialog",{description:[1],open:[4],fullscreen:[4],closeOnEsc:[4,"close-on-esc"],closeOnOverlayClick:[4,"close-on-overlay-click"],borderRadius:[1,"border-radius"],openDialog:[64],closeDialog:[64]}]]],["p-d73fcc3b",[[1,"ur-list-subheader",{text:[1]}]]],["p-3f41f359",[[1,"ur-loader"]]],["p-0c9f7919",[[1,"ur-locale-filter-button",{count:[2],selected:[4]}]]],["p-2de57097",[[1,"ur-navigation-drawer",{open:[4],placement:[1],closeOnEsc:[4,"close-on-esc"],closeOnOverlayClick:[4,"close-on-overlay-click"],contained:[4],openDrawer:[64],closeDrawer:[64]}]]],["p-c24bb804",[[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]}]]],["p-cf6f7c93",[[1,"ur-radio-button",{disabled:[4],checked:[4],text:[1]}]]],["p-a499d3d9",[[1,"ur-segment-button",{likeLabel:[1,"like-label"]}]]],["p-cb473063",[[1,"ur-switch",{disabled:[4],checked:[4]}]]],["p-f96f2cda",[[1,"ur-tabs",{tabs:[16],panels:[16]}]]],["p-b2819315",[[1,"ur-text-field",{label:[1],placeholder:[1],helper:[1],disabled:[4],variant:[1],value:[1],endIcon:[8,"end-icon"]}]]],["p-e4c5764f",[[1,"ur-user-profile"]]],["p-d4ade9a3",[[1,"ur-menu-item",{value:[1],label:[1],disabled:[4],selected:[4]}]]],["p-8ed0f8b1",[[1,"ur-novl",{novlId:[520,"novl-id"],loading:[4],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"],borderRadius:[1,"border-radius"]}]]],["p-119eb481",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]],["p-7595aad6",[[1,"ur-avatar",{size:[1],src:[1],name:[1],border:[1],radius:[1]}]]],["p-782d2952",[[1,"ur-menu-profile",{userAvatar:[1,"user-avatar"],userName:[1,"user-name"],userRole:[1,"user-role"]}],[1,"ur-list"],[1,"ur-list-item",{content:[1],disabled:[4],active:[4],nonclickable:[4],rounded:[4],alignment:[1],icon:[1],endIcon:[1,"end-icon"],description:[1],href:[1],target:[1],rel:[1]}]]],["p-303bc73c",[[1,"ur-button-icon",{disabled:[4],loading:[4],variant:[1],icon:[1],selectedIcon:[1,"selected-icon"],selected:[4]}]]],["p-d071d78d",[[1,"ur-logo",{width:[1],height:[1],color:[1],rotation:[2],opacity:[2]}]]],["p-7a41d8c5",[[1,"ur-button",{disabled:[4],variant:[1],icon:[8],endIcon:[8,"end-icon"],fullWidth:[4,"full-width"]}]]]],e))));

package/dist/urnovl-web-components/p-a32767cd.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as s,H as e,g as r}from"./p-b9030d3f.js";const o=class{constructor(s){i(this,s),this.intersectionUpdated=t(this,"intersectionUpdated",7),this.prevClicked=t(this,"prevClicked",7),this.nextClicked=t(this,"nextClicked",7),this.onIntersection=async i=>{this.intersectionUpdated.emit(i)},this.novls=[],this.breakpoints={},this.grid={rows:1,fill:"row"},this.slidesPerView="auto",this.spaceBetween="0",this.navigation=!1}componentDidLoad(){const i=this.el.shadowRoot.querySelector("swiper-container");this.navigation&&(this.el.shadowRoot.querySelector("ur-button-arrow-left").addEventListener("click",(()=>{var t;null===(t=null==i?void 0:i.swiper)||void 0===t||t.slidePrev(),this.prevClicked.emit()})),this.el.shadowRoot.querySelector("ur-button-arrow-right").addEventListener("click",(()=>{var t;null===(t=null==i?void 0:i.swiper)||void 0===t||t.slideNext(),this.nextClicked.emit()})));const t=this.el.shadowRoot.querySelectorAll("ur-novl");this.observer=new IntersectionObserver(this.onIntersection),t.forEach((i=>{this.observer.observe(i)}))}render(){return s(e,{key:"5f09f8605726f1f12c4209d120833b776694ad93"},s("div",{key:"ff0c257e1f66f75f90860e32300e5678c0543066",class:"carousel"},this.navigation&&s("ur-button-arrow-left",{key:"9b4ff817d0ad7bd7e4df4da8a641169f05ce5972"}),this.navigation&&s("ur-button-arrow-right",{key:"e10aa95ad30a17d4ce50ba37d3023a56322ae399"}),s("swiper-container",{key:"82ab526ecc8e7e7551909e4dc48c9fe434313c2f","breakpoint-base":"container",grid:this.grid,breakpoints:this.breakpoints,"slides-per-view":this.slidesPerView,"space-between":this.spaceBetween},this.novls.map((i=>s("swiper-slide",null,s("ur-novl",Object.assign({},i))))))))}get el(){return r(this)}};o.style=":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host swiper-slide{width:var(--swiper-slide-width)}:host ur-button-arrow-left,:host ur-button-arrow-right{position:absolute;top:calc(50% - 34px);left:-17px;z-index:2}:host ur-button-arrow-right{left:auto;right:-17px}@media (min-width: 0px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 321px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 640px){:host swiper-slide{width:calc(90% / 3)}}@media (min-width: 1150px){:host swiper-slide{width:calc(90% / 4)}}@media (min-width: 1770px){:host swiper-slide{width:calc(90% / 5)}}@media (min-width: 2140px){:host swiper-slide{width:calc(90% / 6)}}";export{o as ur_novl_carousel}

package/dist/urnovl-web-components/p-c8d21b34.entry.js

@@ -1 +0,0 @@
-import{r as n,c as i,h as o,H as t}from"./p-b9030d3f.js";const a=class{constructor(o){n(this,o),this.novlClicked=i(this,"novlClicked",7),this.novlId=void 0,this.loading=!1,this.novlTitle="Novl title",this.novlCover=void 0,this.novlCoverFallback="data:image/webp;base64,UklGRtQAAABXRUJQVlA4TMgAAAAv/8f/EQfQla70pPIBIUHi/+9mIvqf8Z///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7vAQ==",this.likes=0,this.views=0,this.showStats=!0,this.novlDescription=void 0,this.authorAvatar=void 0,this.authorName=void 0,this.published=!1,this.price=null,this.publisherAvatar=null,this.publisherName=null}renderLoading(){return o(t,null,o("div",{class:"novl loading"},o("section",{class:"cover loading"}),o("section",{class:"info"},o("div",{class:"title loading"}," "),o("div",{class:"stats loading"}),o("div",{class:"description loading"}," "),o("div",{class:"author"},o("div",{class:"avatar loading"}," "),o("div",{class:"name loading"}," ")))))}render(){return this.loading?this.renderLoading():o(t,null,o("div",{class:"novl",onClick:()=>this.novlClicked.emit(this.novlId)},o("section",{class:"cover",style:{backgroundImage:this.novlCover?`url(${this.novlCover})`:`url(${this.novlCoverFallback})`}},!this.published&&o("div",{class:"ongoing"},o("span",null,"O")),!!this.price&&o("div",{class:"price"},o("span",null,this.price)),!!this.publisherAvatar&&this.publisherName&&o("div",{class:"publisher"},o("div",{class:"avatar",style:{backgroundImage:`url(${this.publisherAvatar})`}}),o("div",{class:"name"},this.publisherName))),o("section",{class:"info"},o("div",{class:"title"},this.novlTitle),this.showStats&&o("div",{class:"stats"},o("div",{class:"likes"},o("div",null,o("b",null,this.likes)," Likes"),o("div",{class:"dot"},"·")),o("div",{class:"views"},o("b",null,this.views)," Views")),o("div",{class:"description"},this.novlDescription),o("div",{class:"author"},o("div",{class:"avatar",style:{backgroundImage:`url(${this.authorAvatar})`}}),o("div",{class:"name"},this.authorName)))))}};a.style=":host {\n    --novl-width: 100%;\n    --novl-border-radius: 8px;\n}\n\n@keyframes placeholderAnimate {\n    0%{ background-position: -650px 0; }\n    100%{ background-position: 650px 0; }\n}\n\n:host {\n    display: flex;\n    flex-direction: column;\n    box-sizing: content-box;\n    container-type: inline-size;\n    container-name: novl;\n}\n\n:host .novl {\n    overflow: hidden;\n    width: var(--novl-width);\n    border-radius: var(--novl-border-radius);\n    cursor: pointer;\n}\n\n:host .novl.loading {\n    cursor: default;\n}\n\n:host .cover {\n    aspect-ratio: 2.25;\n    background-color: rgb(var(--mdui-color-error));\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center;\n    position: relative;\n}\n\n:host .cover.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .cover .ongoing {\n    background-color: rgb(var(--mdui-color-primary-container));\n    height: 32px;\n    width: 32px;\n    border-radius: 50%;\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: rgb(var(--mdui-color-primary));\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 14px;\n    line-height: 14px;\n}\n\n:host .cover .ongoing span {\n    position: relative;\n}\n\n:host .cover .price {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border-radius: 25px;\n    background: rgba(43, 43, 39, 0.55);\n    padding: 9px 16px;\n    box-sizing: border-box;\n    line-height: 14px;\n    font-weight: 700;\n    font-size: 14px;\n    color: #fff;\n}\n\n:host .cover .publisher {\n    left: 0;\n    bottom: 0;\n    height: 48px;\n    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    position: absolute;\n    align-items: center;\n    width: 100%;\n    padding: 0 8px;\n    box-sizing: border-box;\n    column-gap: 8px;\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}\n\n:host .info {\n    display: flex;\n    flex-direction: column;\n    padding: 8px;\n    row-gap: 8px;\n    background: rgb(var(--mdui-color-background));\n    box-sizing: border-box;\n}\n\n:host .info:has(.loading) {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n:host .info .title {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 700;\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}\n\n:host .info .title.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .stats {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 12px;\n    display: flex;\n    flex-direction: row;\n    color: rgb(var(--mdui-color-on-background));\n}\n\n:host .info .stats.loading {\n    height: 12px;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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 4px;\n}\n\n:host .info .description {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 16px; /* 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}\n\n:host .info .description.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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: rgb(var(--mdui-color-on-background));\n    cursor: pointer;\n    column-gap: 8px;\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 .avatar.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .author .name {\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 12px;\n}\n\n:host .info .author .name.loading {\n    width: 50%;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n@container novl (max-width: 300px) {\n    :host .info .title {\n        font-size: 14px;\n        line-height: 1.2rem;\n    }\n\n    :host .info .author .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher {\n        height: 40px;\n        padding: 0 4px;\n    }\n\n    :host .cover .publisher .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher .name {\n        font-size: 11px;\n    }\n\n    :host .info .author .name {\n        font-size: 11px;\n    }\n\n    :host .cover .ongoing {\n        width: 24px;\n        height: 24px;\n        left: 4px;\n    }\n\n    :host .cover .price {\n        padding: 5px 8px;\n        font-size: 12px;\n    }\n\n    :host .info .stats {\n        font-size: 11px;\n    }\n\n    :host .info .description{\n        font-size: 11px;\n    }\n\n    :host .info {\n        row-gap: 4px;\n        padding: 4px;\n    }\n}\n";export{a as ur_novl}

package/www/build/p-a32767cd.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as s,H as e,g as r}from"./p-b9030d3f.js";const o=class{constructor(s){i(this,s),this.intersectionUpdated=t(this,"intersectionUpdated",7),this.prevClicked=t(this,"prevClicked",7),this.nextClicked=t(this,"nextClicked",7),this.onIntersection=async i=>{this.intersectionUpdated.emit(i)},this.novls=[],this.breakpoints={},this.grid={rows:1,fill:"row"},this.slidesPerView="auto",this.spaceBetween="0",this.navigation=!1}componentDidLoad(){const i=this.el.shadowRoot.querySelector("swiper-container");this.navigation&&(this.el.shadowRoot.querySelector("ur-button-arrow-left").addEventListener("click",(()=>{var t;null===(t=null==i?void 0:i.swiper)||void 0===t||t.slidePrev(),this.prevClicked.emit()})),this.el.shadowRoot.querySelector("ur-button-arrow-right").addEventListener("click",(()=>{var t;null===(t=null==i?void 0:i.swiper)||void 0===t||t.slideNext(),this.nextClicked.emit()})));const t=this.el.shadowRoot.querySelectorAll("ur-novl");this.observer=new IntersectionObserver(this.onIntersection),t.forEach((i=>{this.observer.observe(i)}))}render(){return s(e,{key:"5f09f8605726f1f12c4209d120833b776694ad93"},s("div",{key:"ff0c257e1f66f75f90860e32300e5678c0543066",class:"carousel"},this.navigation&&s("ur-button-arrow-left",{key:"9b4ff817d0ad7bd7e4df4da8a641169f05ce5972"}),this.navigation&&s("ur-button-arrow-right",{key:"e10aa95ad30a17d4ce50ba37d3023a56322ae399"}),s("swiper-container",{key:"82ab526ecc8e7e7551909e4dc48c9fe434313c2f","breakpoint-base":"container",grid:this.grid,breakpoints:this.breakpoints,"slides-per-view":this.slidesPerView,"space-between":this.spaceBetween},this.novls.map((i=>s("swiper-slide",null,s("ur-novl",Object.assign({},i))))))))}get el(){return r(this)}};o.style=":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host swiper-slide{width:var(--swiper-slide-width)}:host ur-button-arrow-left,:host ur-button-arrow-right{position:absolute;top:calc(50% - 34px);left:-17px;z-index:2}:host ur-button-arrow-right{left:auto;right:-17px}@media (min-width: 0px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 321px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 640px){:host swiper-slide{width:calc(90% / 3)}}@media (min-width: 1150px){:host swiper-slide{width:calc(90% / 4)}}@media (min-width: 1770px){:host swiper-slide{width:calc(90% / 5)}}@media (min-width: 2140px){:host swiper-slide{width:calc(90% / 6)}}";export{o as ur_novl_carousel}

package/www/build/p-c8d21b34.entry.js

@@ -1 +0,0 @@
-import{r as n,c as i,h as o,H as t}from"./p-b9030d3f.js";const a=class{constructor(o){n(this,o),this.novlClicked=i(this,"novlClicked",7),this.novlId=void 0,this.loading=!1,this.novlTitle="Novl title",this.novlCover=void 0,this.novlCoverFallback="data:image/webp;base64,UklGRtQAAABXRUJQVlA4TMgAAAAv/8f/EQfQla70pPIBIUHi/+9mIvqf8Z///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7zn//85z//+c9//vOf//znP//5z3/+85///Oc///nPf/7vAQ==",this.likes=0,this.views=0,this.showStats=!0,this.novlDescription=void 0,this.authorAvatar=void 0,this.authorName=void 0,this.published=!1,this.price=null,this.publisherAvatar=null,this.publisherName=null}renderLoading(){return o(t,null,o("div",{class:"novl loading"},o("section",{class:"cover loading"}),o("section",{class:"info"},o("div",{class:"title loading"}," "),o("div",{class:"stats loading"}),o("div",{class:"description loading"}," "),o("div",{class:"author"},o("div",{class:"avatar loading"}," "),o("div",{class:"name loading"}," ")))))}render(){return this.loading?this.renderLoading():o(t,null,o("div",{class:"novl",onClick:()=>this.novlClicked.emit(this.novlId)},o("section",{class:"cover",style:{backgroundImage:this.novlCover?`url(${this.novlCover})`:`url(${this.novlCoverFallback})`}},!this.published&&o("div",{class:"ongoing"},o("span",null,"O")),!!this.price&&o("div",{class:"price"},o("span",null,this.price)),!!this.publisherAvatar&&this.publisherName&&o("div",{class:"publisher"},o("div",{class:"avatar",style:{backgroundImage:`url(${this.publisherAvatar})`}}),o("div",{class:"name"},this.publisherName))),o("section",{class:"info"},o("div",{class:"title"},this.novlTitle),this.showStats&&o("div",{class:"stats"},o("div",{class:"likes"},o("div",null,o("b",null,this.likes)," Likes"),o("div",{class:"dot"},"·")),o("div",{class:"views"},o("b",null,this.views)," Views")),o("div",{class:"description"},this.novlDescription),o("div",{class:"author"},o("div",{class:"avatar",style:{backgroundImage:`url(${this.authorAvatar})`}}),o("div",{class:"name"},this.authorName)))))}};a.style=":host {\n    --novl-width: 100%;\n    --novl-border-radius: 8px;\n}\n\n@keyframes placeholderAnimate {\n    0%{ background-position: -650px 0; }\n    100%{ background-position: 650px 0; }\n}\n\n:host {\n    display: flex;\n    flex-direction: column;\n    box-sizing: content-box;\n    container-type: inline-size;\n    container-name: novl;\n}\n\n:host .novl {\n    overflow: hidden;\n    width: var(--novl-width);\n    border-radius: var(--novl-border-radius);\n    cursor: pointer;\n}\n\n:host .novl.loading {\n    cursor: default;\n}\n\n:host .cover {\n    aspect-ratio: 2.25;\n    background-color: rgb(var(--mdui-color-error));\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center;\n    position: relative;\n}\n\n:host .cover.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .cover .ongoing {\n    background-color: rgb(var(--mdui-color-primary-container));\n    height: 32px;\n    width: 32px;\n    border-radius: 50%;\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: rgb(var(--mdui-color-primary));\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: 14px;\n    line-height: 14px;\n}\n\n:host .cover .ongoing span {\n    position: relative;\n}\n\n:host .cover .price {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border-radius: 25px;\n    background: rgba(43, 43, 39, 0.55);\n    padding: 9px 16px;\n    box-sizing: border-box;\n    line-height: 14px;\n    font-weight: 700;\n    font-size: 14px;\n    color: #fff;\n}\n\n:host .cover .publisher {\n    left: 0;\n    bottom: 0;\n    height: 48px;\n    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    position: absolute;\n    align-items: center;\n    width: 100%;\n    padding: 0 8px;\n    box-sizing: border-box;\n    column-gap: 8px;\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}\n\n:host .info {\n    display: flex;\n    flex-direction: column;\n    padding: 8px;\n    row-gap: 8px;\n    background: rgb(var(--mdui-color-background));\n    box-sizing: border-box;\n}\n\n:host .info:has(.loading) {\n    padding-left: 0;\n    padding-right: 0;\n}\n\n:host .info .title {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 700;\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}\n\n:host .info .title.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .stats {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 12px;\n    display: flex;\n    flex-direction: row;\n    color: rgb(var(--mdui-color-on-background));\n}\n\n:host .info .stats.loading {\n    height: 12px;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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 4px;\n}\n\n:host .info .description {\n    color: rgb(var(--mdui-color-on-background));\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 16px; /* 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}\n\n:host .info .description.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\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: rgb(var(--mdui-color-on-background));\n    cursor: pointer;\n    column-gap: 8px;\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 .avatar.loading {\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n:host .info .author .name {\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 12px;\n}\n\n:host .info .author .name.loading {\n    width: 50%;\n    animation-duration: 1.7s;\n    animation-fill-mode: forwards;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-name: placeholderAnimate;\n    background: #f6f7f8;\n    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);\n    background-size: 1000px;\n}\n\n@container novl (max-width: 300px) {\n    :host .info .title {\n        font-size: 14px;\n        line-height: 1.2rem;\n    }\n\n    :host .info .author .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher {\n        height: 40px;\n        padding: 0 4px;\n    }\n\n    :host .cover .publisher .avatar {\n        height: 24px;\n        width: 24px;\n    }\n\n    :host .cover .publisher .name {\n        font-size: 11px;\n    }\n\n    :host .info .author .name {\n        font-size: 11px;\n    }\n\n    :host .cover .ongoing {\n        width: 24px;\n        height: 24px;\n        left: 4px;\n    }\n\n    :host .cover .price {\n        padding: 5px 8px;\n        font-size: 12px;\n    }\n\n    :host .info .stats {\n        font-size: 11px;\n    }\n\n    :host .info .description{\n        font-size: 11px;\n    }\n\n    :host .info {\n        row-gap: 4px;\n        padding: 4px;\n    }\n}\n";export{a as ur_novl}