npm - urnovl-web-components - Versions diffs - 0.0.134 → 0.0.136 - Mend

urnovl-web-components 0.0.134 → 0.0.136

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (107) hide show

package/dist/cjs/loader.cjs.js CHANGED Viewed

@@ -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-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-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-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-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-button-icon.cjs",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-checkbox.cjs",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip.cjs",[[0,"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-loader.cjs",[[1,"ur-loader"]]],["ur-locale-filter-button.cjs",[[1,"ur-locale-filter-button",{"count":[2]}]]],["ur-locale-filter-panel.cjs",[[1,"ur-locale-filter-panel",{"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"locales":[16]}]]],["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-avatar.cjs",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-menu-item.cjs",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4]}]]],["ur-novl.cjs",[[1,"ur-novl",{"novlTitle":[1,"novl-title"],"novlCover":[8,"novl-cover"],"novlCoverFallback":[1,"novl-cover-fallback"],"likes":[2],"views":[2],"showStats":[4,"show-stats"],"novlDescription":[8,"novl-description"],"authorAvatar":[8,"author-avatar"],"authorName":[8,"author-name"],"published":[4],"price":[1],"publisherAvatar":[1,"publisher-avatar"],"publisherName":[1,"publisher-name"]}]]],["ur-button-arrow-left_2.cjs",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]],["ur-button.cjs",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"]}]]]], options);
+  return index.bootstrapLazy([["ur-novl-carousel.cjs",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-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-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-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-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-button-icon.cjs",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-checkbox.cjs",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip.cjs",[[0,"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-loader.cjs",[[1,"ur-loader"]]],["ur-locale-filter-button.cjs",[[1,"ur-locale-filter-button",{"count":[2]}]]],["ur-locale-filter-panel.cjs",[[1,"ur-locale-filter-panel",{"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"locales":[16]}]]],["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-avatar.cjs",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-menu-item.cjs",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4]}]]],["ur-novl.cjs",[[1,"ur-novl",{"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-button.cjs",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"]}]]]], options);
 };
 exports.setNonce = index.setNonce;

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

@@ -36,7 +36,7 @@ const UrNovlCarousel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '802a9edce3fd94ff1822f28424c4d4bd151e06db' }, index.h("div", { key: 'e67f2d737117ead21c23c06d5de57db69d2da1e9', class: "carousel" }, this.navigation && (index.h("ur-button-arrow-left", { key: '9c4c07c4227ac2bd680f19a8abd6e16bb2af0cbc' })), this.navigation && (index.h("ur-button-arrow-right", { key: '50c089d896d4acaaa669fa427762a3d9d18e9f81' })), index.h("swiper-container", { key: '56814bf6d38a3dcba38da7fe14c85999a82c863c', "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(index.Host, { key: '782cdccc39ded1a7b0eef16a2d32952d45925e59' }, index.h("div", { key: '0303af06549a157a93fe238e07464b51e7a142f3', class: "carousel" }, this.navigation && (index.h("ur-button-arrow-left", { key: 'cc797ab8539947a86a5e4c7d1e72c9ac60614013' })), this.navigation && (index.h("ur-button-arrow-right", { key: '4ab32fddadbddf98a89929349d0dcc09ff3ffec4' })), index.h("swiper-container", { key: 'e57babb86aaa6e1bbb58a89dbc6148c26c3ff5c4', "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))));
         })))));
     }

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

@@ -6,13 +6,14 @@ const index = require('./index-056c4ab5.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: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}\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 .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 .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 .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 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 .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 .name {\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 12px;\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}\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 UrNovlStyle0 = urNovlCss;
 const UrNovl = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.authorClicked = index.createEvent(this, "authorClicked", 7);
+        this.loading = false;
         this.novlTitle = 'Novl title';
         this.novlCover = undefined;
         this.novlCoverFallback = NOVL_COVER_FALLBACK;
@@ -28,9 +29,9 @@ const UrNovl = class {
         this.publisherName = null;
     }
     render() {
-        return (index.h(index.Host, { key: '728975630ac481febf8194c860216d4e822f2dd2' }, index.h("div", { key: '63c1af950691c6fab109c2ac116390b18316876b', class: "novl" }, index.h("section", { key: '5cdea8d501f6713f6f9ccc2fd377883f248583a1', class: "cover", style: {
+        return (index.h(index.Host, { key: '458f23b073d8fb709f2cf045d4028e7dbd01fe17' }, index.h("div", { key: 'f1c29d27093a2227e4bf994af75baf8398a930fe', class: "novl" }, this.loading && index.h("section", { key: '4a9c3a78ff453969bb69edc61f4ec868786e7e8b', class: "cover loading" }), !this.loading && index.h("section", { key: '8b9a1195e3bc3bf17dfb816e2a844b225979cd54', class: "cover", style: {
                 backgroundImage: this.novlCover ? `url(${this.novlCover})` : `url(${this.novlCoverFallback})`,
-            } }, !this.published && (index.h("div", { key: '0b7a986e6464fbd2192eda566eeee9f9068034e7', class: "ongoing" }, index.h("span", { key: '96676f2a4b1bd1f3c5679d2bc4b6a4174c320557' }, "O"))), !!this.price && (index.h("div", { key: '0fac49d99f295dfd266fa3f4a6f5a1263156071c', class: "price" }, index.h("span", { key: 'a3f89bc5f07012f3ddcdd91e40fa3c19a3ab75b6' }, this.price))), !!this.publisherAvatar && this.publisherName && (index.h("div", { key: 'b6b2822c6c6354458b8da7f52bf12f12c539e20e', class: "publisher" }, index.h("div", { key: '7c62fec8d631616555d9d89cb637fad0ec1d4723', class: "avatar", style: { backgroundImage: `url(${this.publisherAvatar})` } }), index.h("div", { key: '3aae253feb3bbf8052b238cdc420b4e6235829bd', class: "name" }, this.publisherName)))), index.h("section", { key: 'acb5bf23d68ffa97182c885f5194d521e6f32bb2', class: "info" }, index.h("div", { key: 'c54dd5c117cba9063061e7608f580d342245ebb0', class: "title" }, this.novlTitle), this.showStats && (index.h("div", { key: 'c534397217bc605c4a34edfc577a120d9d072ea4', class: "stats" }, index.h("div", { key: 'e0d992ba4030b96c990fff230312b6998b120362', class: "likes" }, index.h("div", { key: '78b755d6671c8876436091c4e2d944b9f6d456d8' }, index.h("b", { key: '37d702f2604acc9dfa999b98a32790277e100ea7' }, this.likes), " Likes"), index.h("div", { key: '639e4cd4838893bc7806c9afe1b8abd978ef992c', class: "dot" }, "\u00B7")), index.h("div", { key: 'f27faa93481bddc04794fdeaa95a2ecb2370393f', class: "views" }, index.h("b", { key: '3d39c4eb28230faf04ce8b08348a2472c7464567' }, this.views), " Views"))), index.h("div", { key: '84d02bd72ac614062df6a3d5542858e57f2d110f', class: "description" }, this.novlDescription), index.h("div", { key: 'de51b51d70a92efed9b940f9a3b8a1f69e06ed37', class: "author", onClick: _ => this.authorClicked.emit() }, index.h("div", { key: '456e0fda57594b3e94df1fdeee9849aabb19ca40', class: "avatar", style: { backgroundImage: `url(${this.authorAvatar})` } }), index.h("div", { key: '75e13ed65d61f30ca8a4b4c17b25fd5aa00068c5', class: "name" }, this.authorName))))));
+            } }, !this.published && (index.h("div", { key: '3f0ce884d9fcf33a15728908bd2de5a121a86b68', class: "ongoing" }, index.h("span", { key: 'c1f1210cc7e8520ae26002326c92bf553e4cbddc' }, "O"))), !!this.price && (index.h("div", { key: '372cb31e5cb4932fde30017ec1fc7083566f7bc2', class: "price" }, index.h("span", { key: 'ce623ff2a2ea5c5c5d8e99cfc57cd2504c7900d7' }, this.price))), !!this.publisherAvatar && this.publisherName && (index.h("div", { key: '8f26dbd53e364481f51779b7ae52293dfabe8e4f', class: "publisher" }, index.h("div", { key: 'ef20c9403c20ecc96052671ab3eaa18f5320757b', class: "avatar", style: { backgroundImage: `url(${this.publisherAvatar})` } }), index.h("div", { key: '4cd860be24211f91c4696040399a4f9a3689585b', class: "name" }, this.publisherName)))), index.h("section", { key: '51300b8a10754cf88c82a0015c913f8dfdc90191', class: "info" }, this.loading && index.h("div", { key: '122e2e0a7821496fab4ef12a4b8d570681ce4ca7', class: "title loading" }, "\u00A0"), !this.loading && index.h("div", { key: '84f48575875a9283fc4f99a2ea72e1f765a82b4c', class: "title" }, this.novlTitle), this.loading && index.h("div", { key: 'be3f1e39d1dc300dc99e8daf0e5ce723ad33c0ca', class: "stats loading" }), this.showStats && !this.loading && (index.h("div", { key: '12aa818dd17af469eab31d48b296c83176e16cf8', class: "stats" }, index.h("div", { key: 'cb4495e0f8fc1956a1742ce8e9fe38291792a205', class: "likes" }, index.h("div", { key: '9dd1e5bae9d82386d5e085330ed56698c05c04c8' }, index.h("b", { key: '34b0941f5f4af64f97848419e385005b94829c0c' }, this.likes), " Likes"), index.h("div", { key: '35ce9b6753609be4dd098b5c26d3037fa26c39c3', class: "dot" }, "\u00B7")), index.h("div", { key: 'ace0bd67b77cf0956a720f6fa6d2cde6c5553a0f', class: "views" }, index.h("b", { key: '29f73aef58cbc52a9865e3fcc975cb3edcb76565' }, this.views), " Views"))), this.loading && index.h("div", { key: '8039ee28ce37c1cb470823eaa4dca8829c86f08c', class: "description loading" }, "\u00A0"), !this.loading && index.h("div", { key: '93c74eac2d560fab777ac2a2d09cd64ef625e7c4', class: "description" }, this.novlDescription), index.h("div", { key: '904fdc9b72c99f8f518734f4102f9c8934b030dc', class: "author", onClick: _ => this.authorClicked.emit() }, this.loading && index.h("div", { key: '04ea2013f5277121afdbd5e60ee72a20fe939e37', class: "avatar loading" }, "\u00A0"), !this.loading && index.h("div", { key: '985262a1bd05b701006f652797b5b089d75a37b3', class: "avatar", style: { backgroundImage: `url(${this.authorAvatar})` } }), this.loading && index.h("div", { key: 'f5094c264cf5ea51ab220893975ca131474ca67d', class: "name loading" }, "\u00A0"), !this.loading && index.h("div", { key: 'd85a6037900f7c4667fc5b6110420c2951ec0ef7', class: "name" }, this.authorName))))));
     }
 };
 UrNovl.style = UrNovlStyle0;

package/dist/cjs/ur-page-profile.cjs.entry.js CHANGED Viewed

@@ -114,13 +114,13 @@ const UrPageProfile = class {
         this.pageCreationDate = null;
     }
     render() {
-        return (index.h(index.Host, { key: 'a2466dff2f6182b96abc5e43142ddf89742476cd' }, index.h("div", { key: '3de9b33bc49451a833a31a8ed22ab11965c4f177', class: "profile" }, index.h("div", { key: 'cbb27f2df1c104090ee54f0c9ab16e4583f455da', class: "avatar" }, index.h("ur-avatar", { key: 'daf70bdbe46b391a362716107f774e60be18d454', border: "5px", radius: "25px", size: "96px", src: this.avatar, name: this.name })), index.h("div", { key: '2d15a15204c7ecb55cfa42b0adaf4ea0031aaf05', class: "info" }, index.h("div", { key: 'd742bb5b3795476205b5911270352a3f4024addf', class: "name" }, this.name), this.description && index.h("div", { key: '97e70ad5bea749815a114b0f0d41f366ccbc2ab7', class: "description" }, this.description), this.location && index.h("div", { key: '03ee82d26a7d2260c782e6edb175e4a8e5029b3a', class: "location" }, this.location), (!!this.facebook_url || !!this.twitter_url || !!this.linkedin_url || !!this.email || !!this.phone) && (index.h("div", { key: '220dc30f2372120aff2f4b9517c0d6e68b34aa9e', class: "social" }, this.facebook_url && index.h("a", { key: 'fb894099d1f7a30619bd88cc40c2ccc6c9257f84', href: this.facebook_url, title: "facebook", target: "_blank" }, index.h("span", { key: '8bdb282dae39ee4c030fb13f43dc90e40ba39531', class: "icon", innerHTML: Icons.facebook })), this.twitter_url && index.h("a", { key: '6340cf9203455fcef16fdc4ec455edaaf01cdf09', href: this.twitter_url, title: "twitter", target: "_blank" }, index.h("span", { key: '36a850b1148c2cd1a37dba24c79fbb370b6321ac', class: "icon", innerHTML: Icons.twitter })), this.linkedin_url && index.h("a", { key: 'a45a9e32fbe0d29288ec82665aed3eb9a223c5ec', href: this.linkedin_url, title: "linkedin", target: "_blank" }, index.h("span", { key: '28198ffb0984e50508dc73127aaf689df6fd48aa', class: "icon", innerHTML: Icons.linkedin })), this.email && index.h("a", { key: 'ab83fca69630900fe54552baf44f7e1f0ef1929b', href: "mailto:" + this.email, title: "email", target: "_blank" }, index.h("span", { key: 'f25e0a9714f625d7f206d1ebc35b4c1bf6d23e1e', class: "icon", innerHTML: Icons.email })), this.phone && index.h("a", { key: '4b558d6b8f01d118c43cbf73acc7abb7dc5fe91f', href: "tel:" + this.phone, title: "phone", target: "_blank" }, index.h("span", { key: 'a048976a89c5d141058113ea4372114d52beac98', class: "icon", innerHTML: Icons.phone })))), this.website && index.h("a", { key: '90341de6717b0821fb5a331096280eeac9345e03', class: "website", href: this.website, title: "website", target: "_blank" }, index.h("span", { key: '4d961c28d2dc21519dd6b84ae2883475aa1075bd', class: "icon", innerHTML: Icons.website }), this.website)), index.h("div", { key: '0f6535dd3389d7108063c2e37b6d6d8db0d507c1', class: "actions" }, this.showFollow && index.h("ur-button", { key: 'daf1581776d4a5286b95a6f1fe2ee6641ac4b7e3', class: "follow", onClick: () => this.follow.emit() }, "Follow"), this.showBecomeMember && index.h("ur-button", { key: '81861068ad42769cd18a770f65161d57d831a542', class: "follow", variant: "outlined", onClick: () => this.member.emit() }, "Become a Member"), this.showDonate && index.h("ur-button", { key: '626f93fd793697f25082f93aed8b33587d7102f2', class: "follow", variant: "outlined", onClick: () => this.donate.emit() }, "Donate"), this.showSendMessage && index.h("ur-button", { key: '81fe003737b410b57c0d020ab83a90483ba34c8c', class: "follow", variant: "outlined", onClick: () => this.sendMessage.emit() }, "Message")), index.h("div", { key: '7d7f17eb2f1b29d594774f9cd39049dbcc46604c', class: "stats" }, utils.isNumber(this.stories) && index.h("div", { key: 'fa5629c769c00b87ae347c63c4d44657fd17dba3' }, index.h("div", { key: '9d6c8151dbccee7401b8a0f0318b8a413e6e9066', class: "stat" }, index.h("div", { key: '7cb7156e964aaf4b74025de5a948499c407eba19', class: "key" }, "Stories"), index.h("div", { key: 'cd989fbd1ab77ac7d12be67141e5e9c15d143a7c', class: "value" }, this.stories))), utils.isNumber(this.views) && index.h("div", { key: 'cefe1640d5d444974c3997534a6f3a0b1d097ca6' }, index.h("div", { key: '0eea9c0cb304c55f41220a2e6ddfb1507a6c0c8d', class: "stat" }, index.h("div", { key: '1a50c20c3aea17c7850145f2f515a070b735fac3', class: "key" }, "Views"), index.h("div", { key: '43d9df23c08500c28838bcc5664a87de24404010', class: "value" }, this.views))), utils.isNumber(this.following) && index.h("div", { key: '04819926efbafc273bd3f662f220023e5ecb097a' }, index.h("div", { key: 'f0e13f16d87920c7f4376ed91cd42cd5b785074a', class: "stat" }, index.h("div", { key: '9b4cab8d23637e2bf9ddc6be7a2f67cf28cfd8e8', class: "key" }, "Following"), index.h("div", { key: '1d944d7380285c13c5e363edf339f575b7b283a0', class: "value" }, this.following))), utils.isNumber(this.followers) && index.h("div", { key: '94363ce1df25874d53e8cddb49c2a1c43466a049' }, index.h("div", { key: '957fea585c94d0e7b5f46eaeda7f11e74f84ff72', class: "stat" }, index.h("div", { key: 'c14a50cce8121c55a0d392f6fe58c54d24ffcb2f', class: "key" }, "Followers"), index.h("div", { key: 'f0845a7e7e821df2f3a4ed79eac133fff64ceeea', class: "value" }, this.followers))), utils.isNumber(this.members) && index.h("div", { key: '68f4724958169ee72ff9b847b0ada136fdf5c7f5' }, index.h("div", { key: '154fd04d5a105bc715506fc5992adc6252a123ee', class: "stat" }, index.h("div", { key: 'fce20e98b00d5bd27252d3a9493fcb23f49c289c', class: "key" }, "Members"), index.h("div", { key: '43949ee977d22dfa34af7d07ec941803bd61c43e', class: "value" }, this.members)))), this.languages && index.h("div", { key: '91eed340f99abce01ebacf00916fce870b19a07d', class: "languages" }, index.h("div", { key: 'ad677e7a4fb7e8ff6522f243de687e6ee9b3c897', class: "category" }, "Languages"), index.h("div", { key: 'ae34bdac050b832d0e9e8edc820a5f32eea57895', class: "items" }, this.languages.split(",").map(language => {
+        return (index.h(index.Host, { key: '963a8a615452f48134f9bbfda911bf6912e173a8' }, index.h("div", { key: '7978303cd2b6b1c0cae85d3c34554c140068d35c', class: "profile" }, index.h("div", { key: '180340a251879ade3fe2f2ea71f044865c9f3b65', class: "avatar" }, index.h("ur-avatar", { key: '7cf95d5e6d33da450e25eee97818e27594f1c112', border: "5px", radius: "25px", size: "96px", src: this.avatar, name: this.name })), index.h("div", { key: 'd5a69965adb620ca59ee2a7191c60fa5b7ce8a41', class: "info" }, index.h("div", { key: '772aba0fee8c7998a225ea555df39cb93eca262f', class: "name" }, this.name), this.description && index.h("div", { key: '7bef428a35527dc510d7fb99eb702f460913d097', class: "description" }, this.description), this.location && index.h("div", { key: 'd69bef30e54de35965bd1e1ac80261b9eb97be05', class: "location" }, this.location), (!!this.facebook_url || !!this.twitter_url || !!this.linkedin_url || !!this.email || !!this.phone) && (index.h("div", { key: 'b99b725dcfe76b7abffcaa718f058540f58158f9', class: "social" }, this.facebook_url && index.h("a", { key: '3e81bc5f8ff3ffea643b0caf01b0601ca09ee3af', href: this.facebook_url, title: "facebook", target: "_blank" }, index.h("span", { key: 'f36bc5c7c4001baae431766ec79fe0e2e5b599df', class: "icon", innerHTML: Icons.facebook })), this.twitter_url && index.h("a", { key: 'ccec669c5df8439f05a24882f349c1d5ca89cd27', href: this.twitter_url, title: "twitter", target: "_blank" }, index.h("span", { key: '7e5c439cde3a9d71022c661045adeff2acfa5fac', class: "icon", innerHTML: Icons.twitter })), this.linkedin_url && index.h("a", { key: '69131c35bb6b0e1160171b3b4747ebdabcf1bd16', href: this.linkedin_url, title: "linkedin", target: "_blank" }, index.h("span", { key: '40af617ce078ae0592f2f355708cbd23af3b55e1', class: "icon", innerHTML: Icons.linkedin })), this.email && index.h("a", { key: 'd2e7a6c4d97abc98304348d8fbd2611992dd700b', href: "mailto:" + this.email, title: "email", target: "_blank" }, index.h("span", { key: 'f1ddacfd2fc5a5ce7fd3a836e1f8c26320e50ee6', class: "icon", innerHTML: Icons.email })), this.phone && index.h("a", { key: 'a02778875c44c7ebeb6cab71de93fe6cf24a1126', href: "tel:" + this.phone, title: "phone", target: "_blank" }, index.h("span", { key: 'f762fd2481e0ba9264449b519d608ef4fe9f5836', class: "icon", innerHTML: Icons.phone })))), this.website && index.h("a", { key: 'b93c99ba439021e56d2a8f89bf6ab919fb878b73', class: "website", href: this.website, title: "website", target: "_blank" }, index.h("span", { key: 'f172e00516834116b9ff09f73264b381bf6d70b4', class: "icon", innerHTML: Icons.website }), this.website)), index.h("div", { key: '0eca555b0f3c275e098248cbc3439fb1a6d5276f', class: "actions" }, this.showFollow && index.h("ur-button", { key: 'f7de9df920f1cdcec3526866c36c05ecac3e4546', class: "follow", onClick: () => this.follow.emit() }, "Follow"), this.showBecomeMember && index.h("ur-button", { key: '28f76719dff95cfd9dae4a7b8d0a932ce78acfba', class: "follow", variant: "outlined", onClick: () => this.member.emit() }, "Become a Member"), this.showDonate && index.h("ur-button", { key: '40e53f3ade9eea3cd5291725ccc05084e8ad64e0', class: "follow", variant: "outlined", onClick: () => this.donate.emit() }, "Donate"), this.showSendMessage && index.h("ur-button", { key: '74b122dc13442e00eb70cd97cec9226b0e496d3a', class: "follow", variant: "outlined", onClick: () => this.sendMessage.emit() }, "Message")), index.h("div", { key: '7c5231fb39d1d071fd9f2e1996a9592cb6db313b', class: "stats" }, utils.isNumber(this.stories) && index.h("div", { key: 'c191969ec1d7f52b31d73d4b6984a028dcc3e9fd' }, index.h("div", { key: '6822bc5c6de98c650e12b38bd5298e7fb14a5fae', class: "stat" }, index.h("div", { key: 'c038ffd2017ef0b196b14716ff00955bd32a2081', class: "key" }, "Stories"), index.h("div", { key: '2ec37956747b3e81acef9d105d4566b0534b4e99', class: "value" }, this.stories))), utils.isNumber(this.views) && index.h("div", { key: '3eec0eab7ebfab17ee7bb4be8eb42cd910719085' }, index.h("div", { key: '674ebb3a34d45ee13db325897c4521b6d7e75f4a', class: "stat" }, index.h("div", { key: 'ed48e89f94770b396f5429359cde32bb6088fade', class: "key" }, "Views"), index.h("div", { key: '89a69057ea29c0167caf8a547e20489143c47f03', class: "value" }, this.views))), utils.isNumber(this.following) && index.h("div", { key: 'bb5e7307d40e9062b8effcf18cac503775f5c044' }, index.h("div", { key: '2a1ceb6bd59e7fedde64785820ee098a1041baaa', class: "stat" }, index.h("div", { key: '71ef55938864b822b0f66575b4e6797a77ebaf83', class: "key" }, "Following"), index.h("div", { key: 'dfcba447fc84ab6d46fcb40e990884311b509e09', class: "value" }, this.following))), utils.isNumber(this.followers) && index.h("div", { key: '62e3ff7391c9f70ad0b988640ba0c43d78861176' }, index.h("div", { key: '8886db5948ba5f6648903efc1cc87fb9994fac5e', class: "stat" }, index.h("div", { key: 'e1fe1282f4c28b58f98b514c3d6ef6a055123d43', class: "key" }, "Followers"), index.h("div", { key: '7eb8661471d54159ab182744101dab856bbc3a06', class: "value" }, this.followers))), utils.isNumber(this.members) && index.h("div", { key: '41652879286f3b4cfc3c17882be9b217c25d2a1c' }, index.h("div", { key: '88f9d3c3cb122091ac796a3e0360b2b2e04e22e5', class: "stat" }, index.h("div", { key: '79ddbac86ad92d8a61efd8f1a14847595f1fe6fe', class: "key" }, "Members"), index.h("div", { key: 'b969730bbfddf415d7788270b3b2ac33910900c8', class: "value" }, this.members)))), this.languages && index.h("div", { key: 'a070ff4e81ccfbabefa0751c9075bcf93ba226fd', class: "languages" }, index.h("div", { key: '6c405650989501681bc5649d98d560f9996cecf5', class: "category" }, "Languages"), index.h("div", { key: '7cc2a24e96c303a06af57f419c52236b62369e0f', class: "items" }, this.languages.split(",").map(language => {
             return index.h("div", { class: "chip" }, language);
-        }))), this.genres && index.h("div", { key: 'b80f289fe9c89b08b17b04a8e20589e31895199e', class: "genres" }, index.h("div", { key: '7bc8119f4ce7869d5db0526938b49b5cfa945dad', class: "category" }, "Genres"), index.h("div", { key: '737c3a1a44dd8b1bd15143f75f5e4b02cd6bbc36', class: "items" }, this.genres.split(",").map(genre => {
+        }))), this.genres && index.h("div", { key: 'e4fcb9e691526a0b9e7ff7ed6e44905e1fe6010c', class: "genres" }, index.h("div", { key: '03621c9dbd78495c994ddbe42cc9134ed4bb8a8a', class: "category" }, "Genres"), index.h("div", { key: '4748865b6991890876521b0aacac7d407dd10a48', class: "items" }, this.genres.split(",").map(genre => {
             return index.h("div", { class: "chip" }, genre);
-        }))), this.literatureTypes && index.h("div", { key: '580288d608753a01f24412f4f9a95e834c3f9f60', class: "literature-types" }, index.h("div", { key: '82fec5ce92845c47494a8717b73646488693d5a5', class: "category" }, "Literature Types"), index.h("div", { key: '29e05a6aec00613cb65ea0d3c1163b84a17da857', class: "items" }, this.literatureTypes.split(",").map(litType => {
+        }))), this.literatureTypes && index.h("div", { key: 'dd3f5762b4892a784fc1be791824af54f0424bc1', class: "literature-types" }, index.h("div", { key: 'b452ea473ac4572fe565a250495fb647ba7d76d4', class: "category" }, "Literature Types"), index.h("div", { key: '1c17e1391e4fd794d5743d7c84d4f32bd9d3798a', class: "items" }, this.literatureTypes.split(",").map(litType => {
             return index.h("div", { class: "chip" }, litType);
-        }))), this.pageCreatorName && this.pageCreatorImage && index.h("div", { key: '89fcc024bdc52ae45e36daab7f80838319b80cce', class: "created-by" }, index.h("div", { key: 'cc9bfba3c3fcb8e30d70d728e5ec9075533e464c', class: "category" }, "Created by"), index.h("div", { key: '4e1fb6c32b31ff528d51fb508d57d0c0abfc14bc', class: "person" }, index.h("ur-avatar", { key: 'a879619a5fb4cae372e2a4acf26994e99452caba', name: this.pageCreatorName, src: this.pageCreatorImage }), index.h("div", { key: 'e6c6bbb413e2923b54949cc0248600e0515aa9c7' }, this.pageCreatorName))), this.pageCreationDate && index.h("div", { key: 'b75027bcaa8f8585bed9d2ae0a24012917430b0d', class: "page-creation-date" }, "Page Created: ", this.pageCreationDate))));
+        }))), this.pageCreatorName && this.pageCreatorImage && index.h("div", { key: '2c4c694f6b79000964316147372625b23fb1f2ad', class: "created-by" }, index.h("div", { key: '2223bb59f47156612fbb6d3d301e346e69db40a3', class: "category" }, "Created by"), index.h("div", { key: '276a0b86df5fc4396ac2233f631446d92c2bdfd4', class: "person" }, index.h("ur-avatar", { key: '990d7aa53fcc6a17b0ad9b46898857768c33a457', name: this.pageCreatorName, src: this.pageCreatorImage }), index.h("div", { key: '051faaef94ad794d009032e2659c48dd5e3b541e' }, this.pageCreatorName))), this.pageCreationDate && index.h("div", { key: '91468c92656ac6fd021e0575bc1272cec37135af', class: "page-creation-date" }, "Page Created: ", this.pageCreationDate))));
     }
 };
 UrPageProfile.style = UrPageProfileStyle0;

package/dist/cjs/ur-page.cjs.entry.js CHANGED Viewed

@@ -21,10 +21,10 @@ const UrPage = class {
         this.pageDescription = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'f7925daefe7eb9b514e10f6ed44d25568b535472' }, index.h("div", { key: '18b3c99ea8aef997061a4f79710240240a811515', class: "page" }, index.h("section", { key: 'bd7ef805c6e3c72e7c760514f6d8e79055de2d30', class: 'cover', style: {
+        return (index.h(index.Host, { key: '5ced6a2844e3fa048e069c46d5413ddf37c9a15f' }, index.h("div", { key: 'a2f2ae521a8da65724168b8a148ec75f3702460e', class: "page" }, index.h("section", { key: '76e2057914b616e23293b7660ac5648c5ebf794a', class: 'cover', style: {
                 backgroundImage: this.pageCover ? `url(${this.pageCover})` : `url(${this.pageCoverFallback})`
-            } }), index.h("section", { key: '4c72192024018deb16179e051379dae64952fb71', class: 'info' }, index.h("div", { key: 'd484abe6252a91a3bea7ba585c2726a20b8dcd9e', class: 'title' }, this.pageTitle), index.h("div", { key: 'c77a8a47904774e40b03aaf5b43d580b4adc7198', class: "description" }, this.pageDescription), this.showStats &&
-            index.h("div", { key: '0eef96d8dec0cd9c4d0a49ae40f6a3f126b594ac', class: 'stats' }, index.h("div", { key: '541241cacb13fe4925ee298d8e3295b8675d9fb2', class: "followers" }, index.h("div", { key: 'aa7c462355c47d4bc78904b10e155b5b0ed896a5' }, index.h("b", { key: '7db243984174dede0e178bbf7e1f8ac88f68434f' }, this.followers), " Followers"))), index.h("div", { key: '3b3f6f6274cf6a0b3d86f9a7a4d699f63a9599c0', class: "actions" }, index.h("ur-button", { key: '74f29be1e8159a9401b4335d628b663091966c16', class: "follow", variant: "outlined", onClick: () => this.pageFollowClicked.emit() }, "Follow"))))));
+            } }), index.h("section", { key: '9c2cb0c846eac35cd7de852f2ba45ba9f79fac8a', class: 'info' }, index.h("div", { key: 'b72677d75069b6c9a98b6db91ff42c0345533592', class: 'title' }, this.pageTitle), index.h("div", { key: '6ab6854371ddbfdf3b248d281187b90ee7efe82f', class: "description" }, this.pageDescription), this.showStats &&
+            index.h("div", { key: 'f6a302de0d6a256ea8a5731871caed78c83f1f90', class: 'stats' }, index.h("div", { key: '287d01032e51e9e1add24bbb3300dfa5d34fdc29', class: "followers" }, index.h("div", { key: '0b9cb148d9102db38488acff1010712d4c7a868a' }, index.h("b", { key: '6a36f0352078c8c6bd9208b27796e1695d3fda25' }, this.followers), " Followers"))), index.h("div", { key: '78c0d5e83ddc1ff67965e54c4f8dbcc7d4f4917f', class: "actions" }, index.h("ur-button", { key: 'eac92bd922fc5e4feb8390b9fcc3e3417b9801a7', class: "follow", variant: "outlined", onClick: () => this.pageFollowClicked.emit() }, "Follow"))))));
     }
 };
 UrPage.style = UrPageStyle0;

package/dist/cjs/ur-profile.cjs.entry.js CHANGED Viewed

@@ -106,11 +106,11 @@ const UrProfile = class {
         this.member_since = 'May 25, 20215';
     }
     render() {
-        return (index.h(index.Host, { key: '6c9deeb5def42d207760ab21bc19e8543a081e78' }, index.h("div", { key: '84836fa721d5851093153935332d48f17c74baf7', class: "profile" }, index.h("div", { key: '681cc19a6b7411a6651dd261aec265f21cba2a6a', class: "name" }, this.name), this.description && index.h("div", { key: '730faef1903e4763cc4e3a5d8321dda6043137f8', class: "description" }, this.description), this.location && index.h("div", { key: '30b24d496979c01041331695726e5308138d4f24', class: "location" }, this.location), index.h("div", { key: 'b9e0b5442a87fd2ab2ce577b5f22a5a4afd485cf', class: "social" }, this.facebook_url && index.h("a", { key: 'f3d49bc5b18024fa87fad8929c91d6a6bb5b794c', href: this.facebook_url, title: "facebook", target: "_blank" }, index.h("span", { key: '21dbe3f1d2a85d539899d92f2acac966f47319e9', class: "icon", innerHTML: Icons.facebook })), this.twitter_url && index.h("a", { key: '9b35328b2f24d55a4fecdb29dc8d4c036b0ff4e9', href: this.twitter_url, title: "twitter", target: "_blank" }, index.h("span", { key: '56204c186a32598fc3a6f3ee10d604f1a2f38d0d', class: "icon", innerHTML: Icons.twitter })), this.linkedin_url && index.h("a", { key: '77e2393998a60959f1c18ff042eeec0f5b027db4', href: this.linkedin_url, title: "linkedin", target: "_blank" }, index.h("span", { key: 'b72d7eb2c58b312726146557d813b3a29ea7ac03', class: "icon", innerHTML: Icons.linkedin })), this.email && index.h("a", { key: '1905fe4900a447ebe555d4cd1301e310853c8211', href: "mailto:" + this.email, title: "email", target: "_blank" }, index.h("span", { key: '4499a9edb36c289b939820b7a41eaa41425732dc', class: "icon", innerHTML: Icons.email })), this.phone && index.h("a", { key: 'eff042310f0da276d766f938c6e51aaf4efdb998', href: "tel:" + this.phone, title: "phone", target: "_blank" }, index.h("span", { key: 'b37e98e72585364720d96453bdd05e85acdf177a', class: "icon", innerHTML: Icons.phone }))), this.website && index.h("a", { key: 'e376019b5df9ecaaa7c72b97bb6c60ebd3ae44e3', class: "website", href: this.website, title: "website", target: "_blank" }, index.h("span", { key: 'cb5644d5ae529a4b3ed1eb98607d15902a933388', class: "icon", innerHTML: Icons.website }), this.website), this.show_follow && index.h("div", { key: '4574cbbeb71edaff6b735cd476eae7b73392302e', class: "follow-action action" }, index.h("mdui-button", { key: '76403135587c616a254500adfb3d1eeb302ebe6a' }, "Follow")), this.show_donate && index.h("div", { key: 'fb147a3f69f2a98d5b6c39cd3e36cec0e95da151', class: "donate-action action" }, index.h("mdui-button", { key: 'bc5df85c421e971f6ee0e59f397bffffc8f3c876', variant: "outlined" }, "Donate")), this.show_become_member && index.h("div", { key: '12205d01a17656f5f60f652d6091da76a2625ff6', class: "member-action action" }, index.h("mdui-button", { key: 'afa06059a3a4b6a14c73282e2f0fa522632049e5', variant: "outlined" }, "Become Member")), this.show_send_message && index.h("div", { key: '0c0814d5d1476ce48a8d04ec5ff63430f9ca3ccf', class: "message-action action" }, index.h("mdui-button", { key: '2b4cb36999b7f82d120b5728b0416f9e2ef63335', variant: "outlined" }, "Message")), this.show_stats && index.h("div", { key: '6a79843613102a1115c8829be7e73d544710ea1e', class: "stats" }, index.h("div", { key: 'c7c3567e64a0d898834b973dbe38be64ce790f08', class: "stat" }, index.h("span", { key: '31791211d01b4c7e2477d40869a584b258dafdb8', class: "label" }, "Stories"), index.h("span", { key: '121728d8663796937673045b0b91208faca5d1f7', class: "value" }, this.stories_count)), index.h("div", { key: '6de03dfd3cfefa900a10767b79793407c2685228', class: "stat" }, index.h("span", { key: 'aac68daad7f0c907f32fdfce83b03299a714bef6', class: "label" }, "Views"), index.h("span", { key: 'dde27220f9877cc4d12300919fbdfcf12a334592', class: "value" }, this.views_count)), index.h("div", { key: 'd12adecf98716c65cdb2a567e109b35add20aa1f', class: "stat" }, index.h("span", { key: 'a326b33524cc8373866b312dad49f2fea2cc380e', class: "label" }, "Followers"), index.h("span", { key: 'b1a6a87e21a0fd324d53b717c00951f6435c0004', class: "value" }, this.followers_count)), index.h("div", { key: '1d46876909bf7b483df056f9ca1ce9236e9d7da4', class: "stat" }, index.h("span", { key: 'dfd2aa602d59c5479fd68b74ec4151a23211873a', class: "label" }, "Writers"), index.h("span", { key: 'c0bcf8cb22f8687a767cd9426db74ce36339d068', class: "value" }, this.writers_count))), this.show_languages && this.languages.trim().length > 0 && index.h("div", { key: '1c14a4a88cbbbe225ae955910866f23e39a7a51d', class: "languages" }, index.h("div", { key: 'e4ff19d9937c41e72d0443835e911f6bcfbebb8c', class: "title" }, "Languages"), index.h("div", { key: '8c399f52386266df88f32f1983ee391659e44ba3', class: "pills" }, this.languages.split(',').map((language) => {
+        return (index.h(index.Host, { key: 'cbfac5df4eb0663c3ae5ede0dadde563d6a18140' }, index.h("div", { key: 'c492ecad4dd9cb935f9ecb784c84eb601cbde3b3', class: "profile" }, index.h("div", { key: '5d99eb84ef412bf48dcaf7b445a5c5aa08e01e82', class: "name" }, this.name), this.description && index.h("div", { key: '101f69c99ba42b466d324923293cc5f52ecc3554', class: "description" }, this.description), this.location && index.h("div", { key: '5faa860fe5f02de54c630bd1631da7254c48e18f', class: "location" }, this.location), index.h("div", { key: '7ed33d111241d509375c4640d94812f72b48cc07', class: "social" }, this.facebook_url && index.h("a", { key: '40d83374f7e54cd62d746f13e9c70c1c7f597efe', href: this.facebook_url, title: "facebook", target: "_blank" }, index.h("span", { key: '4cddfb5f74c12e28143bdff8699b1fb82d9173b8', class: "icon", innerHTML: Icons.facebook })), this.twitter_url && index.h("a", { key: '628259770e6c0977782f2c97cc8b93c9d60d2a66', href: this.twitter_url, title: "twitter", target: "_blank" }, index.h("span", { key: 'c98081d4178f35e17f63a5c3267e9f48146400ae', class: "icon", innerHTML: Icons.twitter })), this.linkedin_url && index.h("a", { key: '4c08ea38fb2470d57fc04dc958dbedcc89881e4f', href: this.linkedin_url, title: "linkedin", target: "_blank" }, index.h("span", { key: 'c670fc6c6744b672edfd6f5edd197bd48e5e3eeb', class: "icon", innerHTML: Icons.linkedin })), this.email && index.h("a", { key: 'e9f42c6304100e12cbb43afceefa11cbdc8af409', href: "mailto:" + this.email, title: "email", target: "_blank" }, index.h("span", { key: '038b9e54f242f9bcd05c03ddf0eb4b49384490a1', class: "icon", innerHTML: Icons.email })), this.phone && index.h("a", { key: 'e109644877cd23fe7737c5c0706039a9efe305d3', href: "tel:" + this.phone, title: "phone", target: "_blank" }, index.h("span", { key: '870436fed22e8d6f0b7bc8ffb97992f6c079e2f1', class: "icon", innerHTML: Icons.phone }))), this.website && index.h("a", { key: 'df3b9f3369f3feaae8f74ebafab85cb44e685491', class: "website", href: this.website, title: "website", target: "_blank" }, index.h("span", { key: 'ef5950a8430c6715f3b2af20d9150b89fcb23ec3', class: "icon", innerHTML: Icons.website }), this.website), this.show_follow && index.h("div", { key: 'fbe6b5d72bf9c0025ff9511faa31120565be77a3', class: "follow-action action" }, index.h("mdui-button", { key: '5d096201c2dc9570d2cfe80a6ee75b90a93c5316' }, "Follow")), this.show_donate && index.h("div", { key: 'efb5510f48813074570da6a1349c281f81ba8e56', class: "donate-action action" }, index.h("mdui-button", { key: '6b18b7be9024e3c59622faed2766419cbb56b759', variant: "outlined" }, "Donate")), this.show_become_member && index.h("div", { key: 'b820c8aa232cd578282a190b4a5e5658da95d649', class: "member-action action" }, index.h("mdui-button", { key: 'ed1832299fc0fa99a7e96cae94a96b8a02e99724', variant: "outlined" }, "Become Member")), this.show_send_message && index.h("div", { key: 'db66091eb67b6297ab30d165094f82c09cb7d3e8', class: "message-action action" }, index.h("mdui-button", { key: '9b9342863a3c1f86c7cbf16461689f220f4ed654', variant: "outlined" }, "Message")), this.show_stats && index.h("div", { key: 'd49fe6aa8ff43bf1090e607c547fd972dad18dbf', class: "stats" }, index.h("div", { key: '551ba594ee9e5dacbdf7989de2e9680e8b432407', class: "stat" }, index.h("span", { key: '3c2c48a0c8d49e64fa0014174d7ab9a708abc14b', class: "label" }, "Stories"), index.h("span", { key: '9848ff055cf4570c848f3abd8267038b8ec7a1ca', class: "value" }, this.stories_count)), index.h("div", { key: '2ec31330d974348ee8f84208967fe44866aa95a5', class: "stat" }, index.h("span", { key: '40377be791d844ceb591fc262c9b01b96dc87e07', class: "label" }, "Views"), index.h("span", { key: 'af0e640550d48aef4d5843f0e73c69ea9182a98f', class: "value" }, this.views_count)), index.h("div", { key: 'f4d0ccb491c34b1230801391ff31a05bdc9a9c94', class: "stat" }, index.h("span", { key: '547edd4d60aea4f81ea67f30e4e364b4cbd9fd10', class: "label" }, "Followers"), index.h("span", { key: '72aa09bf232d1b9cf10af1937533e9345480b25d', class: "value" }, this.followers_count)), index.h("div", { key: '046d536da490b39b38a7b33558ae2e3ec589f363', class: "stat" }, index.h("span", { key: '40b04d613711dd29a58646c517d1b602d95369c2', class: "label" }, "Writers"), index.h("span", { key: '1739926c2a44d7ce668867014a2de5adf6c53c9e', class: "value" }, this.writers_count))), this.show_languages && this.languages.trim().length > 0 && index.h("div", { key: '8b9587f2cde742c829c1d126cf5440aa77b61e1c', class: "languages" }, index.h("div", { key: 'a7e1b2c5c128126217166c2c6d9bc49eb50662c8', class: "title" }, "Languages"), index.h("div", { key: '719116bdd66eb79301d8b3f67635af6cff4b99d3', class: "pills" }, this.languages.split(',').map((language) => {
             return index.h("div", { class: "pill" }, language.trim());
-        }))), this.show_genres && this.genres.trim().length > 0 && index.h("div", { key: '1321b91d12724181c40c12a8c71dc69e2ba9f8a9', class: "genres" }, index.h("div", { key: 'c7787795b5047c4113dfc159fd22413b489b9b12', class: "title" }, "Genres"), index.h("div", { key: '6c47039dbe5bf214c61abd601a5d8d279f6ade8d', class: "pills" }, this.genres.split(',').map((genre) => {
+        }))), this.show_genres && this.genres.trim().length > 0 && index.h("div", { key: 'cae5845d89da37fb35385028d1502316a119f17c', class: "genres" }, index.h("div", { key: '86949d1db6d9af067e8e3de37564e75505b79c9c', class: "title" }, "Genres"), index.h("div", { key: '946ee3c4479122d5688321717bf0ab573cbf22eb', class: "pills" }, this.genres.split(',').map((genre) => {
             return index.h("div", { class: "pill" }, genre.trim());
-        }))), this.show_member_since && this.member_since.trim().length > 0 && index.h("div", { key: '7055feee125fa764fecbd8147747954b136ba310', class: "member_since" }, "Member Since: ", this.member_since.trim()))));
+        }))), this.show_member_since && this.member_since.trim().length > 0 && index.h("div", { key: '89749a2f875a3027f347000ba59266bddd3df412', class: "member_since" }, "Member Since: ", this.member_since.trim()))));
     }
 };
 UrProfile.style = UrProfileStyle0;

package/dist/cjs/ur-radio-button.cjs.entry.js CHANGED Viewed

@@ -177,7 +177,7 @@ const UrRadioButton = class {
         this.text = 'Mandarin';
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '52a3e7ea6ecdfe8d5d321a12abc6fbc2b71d489b' }, index$1.h("mdui-radio", { key: 'a38a16cf247a96146ac9accfef8a2143ec73961f', checked: this.checked, disabled: this.disabled }, this.text)));
+        return (index$1.h(index$1.Host, { key: 'e3b76e6e3f5fe840f4854b894f0324953e869a58' }, index$1.h("mdui-radio", { key: '8eb641b42d8f6f4da1410d85bfbe430b2875294a', checked: this.checked, disabled: this.disabled }, this.text)));
     }
 };
 UrRadioButton.style = UrRadioButtonStyle0;

package/dist/cjs/ur-segment-button.cjs.entry.js CHANGED Viewed

@@ -556,7 +556,7 @@ const UrSegment = class {
         this.likeLabel = '2.5k';
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'dfd01c18d608a838b48fb473346ac52911c7c730' }, index$1.h("mdui-segmented-button-group", { key: 'f56f32471c26e6e30ab88f74649058b84a862ef3', selects: "single" }, index$1.h("mdui-segmented-button", { key: '57f43452a936526b3ed316d111cad36b95fc250d', icon: "thumb_up--outlined", "selected-icon": "thumb_up", value: "like" }, this.likeLabel), index$1.h("mdui-segmented-button", { key: '59f0527f73fa7a4d8ce4e2447b25a85dc4f9fa35', icon: "thumb_down--outlined", "selected-icon": "thumb_down", value: "dislike" }))));
+        return (index$1.h(index$1.Host, { key: '402638d784ea6d58fbd40377ba9642f7519dedc0' }, index$1.h("mdui-segmented-button-group", { key: '79f6c72d61f1fc6e64679154afebaddbf4c9c7d5', selects: "single" }, index$1.h("mdui-segmented-button", { key: '6d3b17236078d5b47eff0bb132ed0e5cacba3332', icon: "thumb_up--outlined", "selected-icon": "thumb_up", value: "like" }, this.likeLabel), index$1.h("mdui-segmented-button", { key: '902b48ca6f6152d1781b807ee16341d290e4dee0', icon: "thumb_down--outlined", "selected-icon": "thumb_down", value: "dislike" }))));
     }
 };
 UrSegment.style = UrSegmentButtonStyle0;

package/dist/cjs/ur-select.cjs.entry.js CHANGED Viewed

@@ -1586,7 +1586,7 @@ const UrSelect = class {
         this.selectedValue = this.value;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'aff0de637de0f40fe34c0ce4a473d5c81c41aca3' }, index$1.h("mdui-select", { key: '93b3f8458abc26c885848ba3efb721576f5d5cb9', label: this.label, name: this.name, value: this.selectedValue, placeholder: this.placeholder, helper: this.helper, readonly: this.readonly, disabled: this.disabled, clearable: this.clearable, multiple: this.multiple, "end-aligned": this.endAligned, variant: this.variant, placement: this.placement, icon: this.icon, "end-icon": this.endIcon, form: this.form }, this.items.map(([label, value, disabled]) => (index$1.h("ur-menu-item", { value: value, label: label, disabled: disabled, onItemClicked: (event) => this.handleItemClicked(event) }))))));
+        return (index$1.h(index$1.Host, { key: 'bc0ce754dc69430cd004506ccee142e03f4876ae' }, index$1.h("mdui-select", { key: '3fcc70eb5feb78a37c6829ff92f9b95f8c347337', label: this.label, name: this.name, value: this.selectedValue, placeholder: this.placeholder, helper: this.helper, readonly: this.readonly, disabled: this.disabled, clearable: this.clearable, multiple: this.multiple, "end-aligned": this.endAligned, variant: this.variant, placement: this.placement, icon: this.icon, "end-icon": this.endIcon, form: this.form }, this.items.map(([label, value, disabled]) => (index$1.h("ur-menu-item", { value: value, label: label, disabled: disabled, onItemClicked: (event) => this.handleItemClicked(event) }))))));
     }
     static get watchers() { return {
         "value": ["valueChanged"]

package/dist/cjs/ur-switch.cjs.entry.js CHANGED Viewed

@@ -248,7 +248,7 @@ const UrSwitch = class {
         this.checked = false;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '6164198b5984485325b21bf3df480282959b1dda' }, index$1.h("mdui-switch", { key: 'ffbb4f1dff4fba84b57c18154df065ec54d90b28', checked: this.checked, disabled: this.disabled })));
+        return (index$1.h(index$1.Host, { key: '1779f651a883df115669237ac7b0fddf9a75e24f' }, index$1.h("mdui-switch", { key: '5c34fe9c95c3ff675ddcb645a117a5b2017b5574', checked: this.checked, disabled: this.disabled })));
     }
 };
 UrSwitch.style = UrSwitchStyle0;

package/dist/cjs/ur-tabs.cjs.entry.js CHANGED Viewed

@@ -399,7 +399,7 @@ const UrTabs = class {
     }
     render() {
         var _a;
-        return (index$1.h(index$1.Host, { key: '1b16931c182d41af9a5da90733fdb0f2d9b092a1' }, index$1.h("mdui-tabs", { key: 'a5545f17a3971950e1f0a20fe895a535e7ef06d8', value: ((_a = this.tabs[0]) === null || _a === void 0 ? void 0 : _a.value) || 'tab-1' }, " ", this.tabs.map(tab => (index$1.h("mdui-tab", { value: tab.value }, tab.label))), this.panels.map(panel => (index$1.h("mdui-tab-panel", { value: panel.value }, index$1.h("slot", { name: `panel-${panel.value}` }, panel.content), " "))))));
+        return (index$1.h(index$1.Host, { key: 'ddff61a088a8306becf4c420bbfd5380d35d582a' }, index$1.h("mdui-tabs", { key: 'cac5e51967ccb0da5c7e584f208c7ff5ed3e1b7b', value: ((_a = this.tabs[0]) === null || _a === void 0 ? void 0 : _a.value) || 'tab-1' }, " ", this.tabs.map(tab => (index$1.h("mdui-tab", { value: tab.value }, tab.label))), this.panels.map(panel => (index$1.h("mdui-tab-panel", { value: panel.value }, index$1.h("slot", { name: `panel-${panel.value}` }, panel.content), " "))))));
     }
 };
 UrTabs.style = UrTabsStyle0;

package/dist/cjs/ur-text-field.cjs.entry.js CHANGED Viewed

@@ -36,7 +36,7 @@ const UrTextField = class {
         this.endIcon = null;
     }
     render() {
-        return (index.h(index.Host, { key: 'e64a44c19767681af243704daa2b1470950bacea' }, index.h("mdui-text-field", { key: '4a556b3b6a9ca1d2677468487359ae28d61335f8', variant: this.variant, disabled: this.disabled, value: this.value, label: !!this.label ? this.label : '', helper: !!this.helper ? this.helper : '', "end-icon": this.endIcon, placeholder: !!this.placeholder ? this.placeholder : '' })));
+        return (index.h(index.Host, { key: '50f9bd2892996d0d99ded046c815c709d40cade1' }, index.h("mdui-text-field", { key: '4381be17378e8a3305c1dedfe6052a394dcc7d54', variant: this.variant, disabled: this.disabled, value: this.value, label: !!this.label ? this.label : '', helper: !!this.helper ? this.helper : '', "end-icon": this.endIcon, placeholder: !!this.placeholder ? this.placeholder : '' })));
     }
 };
 UrTextField.style = UrTextFieldStyle0;

package/dist/cjs/ur-user-profile.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const UrUserProfile = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '6ae5d66b44137e5686706078b159f7c30704614f' }, index.h("slot", { key: '17af210205ea8840c8a5dcee278999fbbc8a99c6' })));
+        return (index.h(index.Host, { key: '4903107b854c6f585384bd65fac9c6c903db551b' }, index.h("slot", { key: '187be2c87868290f105d2bc0d2a0ef9d98e8b4ea' })));
     }
 };
 UrUserProfile.style = UrUserProfileStyle0;

package/dist/cjs/ur-user.cjs.entry.js CHANGED Viewed

@@ -21,10 +21,10 @@ const UrUser = class {
         this.userDescription = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '27f4183ea427fd41aacacf554cfaf5862ca596c4' }, index.h("div", { key: '5b4af2eea357a7ffb516149c7bc8ea527cfbd610', class: "user" }, index.h("section", { key: '0f2811ffa9c45255efc52145ac8b7624183db34b', class: 'cover', style: {
+        return (index.h(index.Host, { key: 'b71276d85a47a5314dee7d1fd273357cbaa44ece' }, index.h("div", { key: '1fc4d260a2af242ac2b7a3d75f2173c493836be1', class: "user" }, index.h("section", { key: '8a4c2d9b0266ceb0540972a68b794b98271bb220', class: 'cover', style: {
                 backgroundImage: this.userCover ? `url(${this.userCover})` : `url(${this.userCoverFallback})`
-            } }), index.h("section", { key: 'f66abfa550c61e067f84605af314a66c6eee998b', class: 'info' }, index.h("div", { key: '2cd2a0d57a24e047b9c5121df82c38d6af5a50f9', class: 'title' }, this.userTitle), this.showStats &&
-            index.h("div", { key: 'b6b005015fa785c430147a1a304e85e891b18a27', class: 'stats' }, index.h("div", { key: '82ba4e50e07556090683e77162ef221e9b45745b', class: "followers" }, index.h("div", { key: 'c53e2b3a0d84ad9fdf9797c4fac2315fb27301db' }, index.h("b", { key: 'fdbd6c7f1c2d72671c24c57cd8f9cf23c8bd66bc' }, this.followers), " Followers"))), index.h("div", { key: '874f19143ec7a3a287e1644fa518ea55cc0a5b10', class: "description" }, this.userDescription), index.h("div", { key: '2143835f59ac2409f6de4ad2b431441f083821aa', class: "actions" }, index.h("ur-button", { key: '8e9e4c2afe15eeeb955f3754e314134142975dcc', class: "follow", variant: "outlined", onClick: () => this.userFollowClicked.emit() }, "Follow"))))));
+            } }), index.h("section", { key: '9df45e84e6e29258ed91f2eac9f7a7ef33d740ef', class: 'info' }, index.h("div", { key: '557db9d14c3ccec10ddba7cf64ca5a2e79e88826', class: 'title' }, this.userTitle), this.showStats &&
+            index.h("div", { key: 'f572d40ecf22da929306ff49ac601ff28e45016c', class: 'stats' }, index.h("div", { key: 'd1426abf4c8e682b011afea729b857e817274a6c', class: "followers" }, index.h("div", { key: 'ed82a651b15da7a302521d01a05042d8ea30415f' }, index.h("b", { key: 'd8ea88b58a571810a99acc70a8b5b55426e500b6' }, this.followers), " Followers"))), index.h("div", { key: '4bab6df76f81d11526485b0cb157e038f2e783ac', class: "description" }, this.userDescription), index.h("div", { key: '27c831cad266fc1e76c7651505cc24b062293e3a', class: "actions" }, index.h("ur-button", { key: '7d701e11d24adfdca44d3db92a4fc325f590e49a', class: "follow", variant: "outlined", onClick: () => this.userFollowClicked.emit() }, "Follow"))))));
     }
 };
 UrUser.style = UrUserStyle0;

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

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["ur-novl-carousel.cjs",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-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-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-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-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-button-icon.cjs",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-checkbox.cjs",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip.cjs",[[0,"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-loader.cjs",[[1,"ur-loader"]]],["ur-locale-filter-button.cjs",[[1,"ur-locale-filter-button",{"count":[2]}]]],["ur-locale-filter-panel.cjs",[[1,"ur-locale-filter-panel",{"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"locales":[16]}]]],["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-avatar.cjs",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-menu-item.cjs",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4]}]]],["ur-novl.cjs",[[1,"ur-novl",{"novlTitle":[1,"novl-title"],"novlCover":[8,"novl-cover"],"novlCoverFallback":[1,"novl-cover-fallback"],"likes":[2],"views":[2],"showStats":[4,"show-stats"],"novlDescription":[8,"novl-description"],"authorAvatar":[8,"author-avatar"],"authorName":[8,"author-name"],"published":[4],"price":[1],"publisherAvatar":[1,"publisher-avatar"],"publisherName":[1,"publisher-name"]}]]],["ur-button-arrow-left_2.cjs",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]],["ur-button.cjs",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"]}]]]], options);
+  return index.bootstrapLazy([["ur-novl-carousel.cjs",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-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-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-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-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-button-icon.cjs",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-checkbox.cjs",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip.cjs",[[0,"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-loader.cjs",[[1,"ur-loader"]]],["ur-locale-filter-button.cjs",[[1,"ur-locale-filter-button",{"count":[2]}]]],["ur-locale-filter-panel.cjs",[[1,"ur-locale-filter-panel",{"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"locales":[16]}]]],["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-avatar.cjs",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-menu-item.cjs",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4]}]]],["ur-novl.cjs",[[1,"ur-novl",{"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-button.cjs",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"]}]]]], options);
 });
 exports.setNonce = index.setNonce;

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

@@ -3,6 +3,11 @@
     --novl-border-radius: 8px;
 }
+@keyframes placeholderAnimate {
+    0%{ background-position: -650px 0; }
+    100%{ background-position: 650px 0; }
+}
 :host {
     display: flex;
     flex-direction: column;
@@ -26,6 +31,17 @@
     position: relative;
 }
+:host .cover.loading {
+    animation-duration: 1.7s;
+    animation-fill-mode: forwards;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+    animation-name: placeholderAnimate;
+    background: #f6f7f8;
+    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
+    background-size: 1000px;
+}
 :host .cover .ongoing {
     background-color: rgb(var(--mdui-color-primary-container));
     height: 32px;
@@ -100,6 +116,11 @@
     box-sizing: border-box;
 }
+:host .info:has(.loading) {
+    padding-left: 0;
+    padding-right: 0;
+}
 :host .info .title {
     color: rgb(var(--mdui-color-on-background));
     font-size: 16px;
@@ -112,6 +133,17 @@
     text-overflow: ellipsis;
 }
+:host .info .title.loading {
+    animation-duration: 1.7s;
+    animation-fill-mode: forwards;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+    animation-name: placeholderAnimate;
+    background: #f6f7f8;
+    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
+    background-size: 1000px;
+}
 :host .info .stats {
     font-size: 12px;
     font-weight: 400;
@@ -121,6 +153,18 @@
     color: rgb(var(--mdui-color-on-background));
 }
+:host .info .stats.loading {
+    height: 12px;
+    animation-duration: 1.7s;
+    animation-fill-mode: forwards;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+    animation-name: placeholderAnimate;
+    background: #f6f7f8;
+    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
+    background-size: 1000px;
+}
 :host .info .stats b {
     font-weight: 700;
 }
@@ -146,6 +190,17 @@
     text-overflow: ellipsis;
 }
+:host .info .description.loading {
+    animation-duration: 1.7s;
+    animation-fill-mode: forwards;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+    animation-name: placeholderAnimate;
+    background: #f6f7f8;
+    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
+    background-size: 1000px;
+}
 :host .info .author {
     height: 32px;
     display: flex;
@@ -165,6 +220,17 @@
     background-size: cover;
 }
+:host .info .author .avatar.loading {
+    animation-duration: 1.7s;
+    animation-fill-mode: forwards;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+    animation-name: placeholderAnimate;
+    background: #f6f7f8;
+    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
+    background-size: 1000px;
+}
 :host .info .author .name {
     font-size: 12px;
     font-style: normal;
@@ -172,6 +238,18 @@
     line-height: 12px;
 }
+:host .info .author .name.loading {
+    width: 50%;
+    animation-duration: 1.7s;
+    animation-fill-mode: forwards;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+    animation-name: placeholderAnimate;
+    background: #f6f7f8;
+    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
+    background-size: 1000px;
+}
 @container novl (max-width: 300px) {
     :host .info .title {
         font-size: 14px;

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

@@ -2,6 +2,7 @@ import { Host, h } from "@stencil/core";
 import { NOVL_COVER_FALLBACK } from "../../data/novls";
 export class UrNovl {
     constructor() {
+        this.loading = false;
         this.novlTitle = 'Novl title';
         this.novlCover = undefined;
         this.novlCoverFallback = NOVL_COVER_FALLBACK;
@@ -17,9 +18,9 @@ export class UrNovl {
         this.publisherName = null;
     }
     render() {
-        return (h(Host, { key: '728975630ac481febf8194c860216d4e822f2dd2' }, h("div", { key: '63c1af950691c6fab109c2ac116390b18316876b', class: "novl" }, h("section", { key: '5cdea8d501f6713f6f9ccc2fd377883f248583a1', class: "cover", style: {
+        return (h(Host, { key: '458f23b073d8fb709f2cf045d4028e7dbd01fe17' }, h("div", { key: 'f1c29d27093a2227e4bf994af75baf8398a930fe', class: "novl" }, this.loading && h("section", { key: '4a9c3a78ff453969bb69edc61f4ec868786e7e8b', class: "cover loading" }), !this.loading && h("section", { key: '8b9a1195e3bc3bf17dfb816e2a844b225979cd54', class: "cover", style: {
                 backgroundImage: this.novlCover ? `url(${this.novlCover})` : `url(${this.novlCoverFallback})`,
-            } }, !this.published && (h("div", { key: '0b7a986e6464fbd2192eda566eeee9f9068034e7', class: "ongoing" }, h("span", { key: '96676f2a4b1bd1f3c5679d2bc4b6a4174c320557' }, "O"))), !!this.price && (h("div", { key: '0fac49d99f295dfd266fa3f4a6f5a1263156071c', class: "price" }, h("span", { key: 'a3f89bc5f07012f3ddcdd91e40fa3c19a3ab75b6' }, this.price))), !!this.publisherAvatar && this.publisherName && (h("div", { key: 'b6b2822c6c6354458b8da7f52bf12f12c539e20e', class: "publisher" }, h("div", { key: '7c62fec8d631616555d9d89cb637fad0ec1d4723', class: "avatar", style: { backgroundImage: `url(${this.publisherAvatar})` } }), h("div", { key: '3aae253feb3bbf8052b238cdc420b4e6235829bd', class: "name" }, this.publisherName)))), h("section", { key: 'acb5bf23d68ffa97182c885f5194d521e6f32bb2', class: "info" }, h("div", { key: 'c54dd5c117cba9063061e7608f580d342245ebb0', class: "title" }, this.novlTitle), this.showStats && (h("div", { key: 'c534397217bc605c4a34edfc577a120d9d072ea4', class: "stats" }, h("div", { key: 'e0d992ba4030b96c990fff230312b6998b120362', class: "likes" }, h("div", { key: '78b755d6671c8876436091c4e2d944b9f6d456d8' }, h("b", { key: '37d702f2604acc9dfa999b98a32790277e100ea7' }, this.likes), " Likes"), h("div", { key: '639e4cd4838893bc7806c9afe1b8abd978ef992c', class: "dot" }, "\u00B7")), h("div", { key: 'f27faa93481bddc04794fdeaa95a2ecb2370393f', class: "views" }, h("b", { key: '3d39c4eb28230faf04ce8b08348a2472c7464567' }, this.views), " Views"))), h("div", { key: '84d02bd72ac614062df6a3d5542858e57f2d110f', class: "description" }, this.novlDescription), h("div", { key: 'de51b51d70a92efed9b940f9a3b8a1f69e06ed37', class: "author", onClick: _ => this.authorClicked.emit() }, h("div", { key: '456e0fda57594b3e94df1fdeee9849aabb19ca40', class: "avatar", style: { backgroundImage: `url(${this.authorAvatar})` } }), h("div", { key: '75e13ed65d61f30ca8a4b4c17b25fd5aa00068c5', class: "name" }, this.authorName))))));
+            } }, !this.published && (h("div", { key: '3f0ce884d9fcf33a15728908bd2de5a121a86b68', class: "ongoing" }, h("span", { key: 'c1f1210cc7e8520ae26002326c92bf553e4cbddc' }, "O"))), !!this.price && (h("div", { key: '372cb31e5cb4932fde30017ec1fc7083566f7bc2', class: "price" }, h("span", { key: 'ce623ff2a2ea5c5c5d8e99cfc57cd2504c7900d7' }, this.price))), !!this.publisherAvatar && this.publisherName && (h("div", { key: '8f26dbd53e364481f51779b7ae52293dfabe8e4f', class: "publisher" }, h("div", { key: 'ef20c9403c20ecc96052671ab3eaa18f5320757b', class: "avatar", style: { backgroundImage: `url(${this.publisherAvatar})` } }), h("div", { key: '4cd860be24211f91c4696040399a4f9a3689585b', class: "name" }, this.publisherName)))), h("section", { key: '51300b8a10754cf88c82a0015c913f8dfdc90191', class: "info" }, this.loading && h("div", { key: '122e2e0a7821496fab4ef12a4b8d570681ce4ca7', class: "title loading" }, "\u00A0"), !this.loading && h("div", { key: '84f48575875a9283fc4f99a2ea72e1f765a82b4c', class: "title" }, this.novlTitle), this.loading && h("div", { key: 'be3f1e39d1dc300dc99e8daf0e5ce723ad33c0ca', class: "stats loading" }), this.showStats && !this.loading && (h("div", { key: '12aa818dd17af469eab31d48b296c83176e16cf8', class: "stats" }, h("div", { key: 'cb4495e0f8fc1956a1742ce8e9fe38291792a205', class: "likes" }, h("div", { key: '9dd1e5bae9d82386d5e085330ed56698c05c04c8' }, h("b", { key: '34b0941f5f4af64f97848419e385005b94829c0c' }, this.likes), " Likes"), h("div", { key: '35ce9b6753609be4dd098b5c26d3037fa26c39c3', class: "dot" }, "\u00B7")), h("div", { key: 'ace0bd67b77cf0956a720f6fa6d2cde6c5553a0f', class: "views" }, h("b", { key: '29f73aef58cbc52a9865e3fcc975cb3edcb76565' }, this.views), " Views"))), this.loading && h("div", { key: '8039ee28ce37c1cb470823eaa4dca8829c86f08c', class: "description loading" }, "\u00A0"), !this.loading && h("div", { key: '93c74eac2d560fab777ac2a2d09cd64ef625e7c4', class: "description" }, this.novlDescription), h("div", { key: '904fdc9b72c99f8f518734f4102f9c8934b030dc', class: "author", onClick: _ => this.authorClicked.emit() }, this.loading && h("div", { key: '04ea2013f5277121afdbd5e60ee72a20fe939e37', class: "avatar loading" }, "\u00A0"), !this.loading && h("div", { key: '985262a1bd05b701006f652797b5b089d75a37b3', class: "avatar", style: { backgroundImage: `url(${this.authorAvatar})` } }), this.loading && h("div", { key: 'f5094c264cf5ea51ab220893975ca131474ca67d', class: "name loading" }, "\u00A0"), !this.loading && h("div", { key: 'd85a6037900f7c4667fc5b6110420c2951ec0ef7', class: "name" }, this.authorName))))));
     }
     static get is() { return "ur-novl"; }
     static get encapsulation() { return "shadow"; }
@@ -35,6 +36,24 @@ export class UrNovl {
     }
     static get properties() {
         return {
+            "loading": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "loading",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "novlTitle": {
                 "type": "string",
                 "mutable": false,

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

@@ -27,7 +27,7 @@ export class UrNovlCarousel {
         }
     }
     render() {
-        return (h(Host, { key: '802a9edce3fd94ff1822f28424c4d4bd151e06db' }, h("div", { key: 'e67f2d737117ead21c23c06d5de57db69d2da1e9', class: "carousel" }, this.navigation && (h("ur-button-arrow-left", { key: '9c4c07c4227ac2bd680f19a8abd6e16bb2af0cbc' })), this.navigation && (h("ur-button-arrow-right", { key: '50c089d896d4acaaa669fa427762a3d9d18e9f81' })), h("swiper-container", { key: '56814bf6d38a3dcba38da7fe14c85999a82c863c', "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.novls.map(novl => {
+        return (h(Host, { key: '782cdccc39ded1a7b0eef16a2d32952d45925e59' }, h("div", { key: '0303af06549a157a93fe238e07464b51e7a142f3', class: "carousel" }, this.navigation && (h("ur-button-arrow-left", { key: 'cc797ab8539947a86a5e4c7d1e72c9ac60614013' })), this.navigation && (h("ur-button-arrow-right", { key: '4ab32fddadbddf98a89929349d0dcc09ff3ffec4' })), h("swiper-container", { key: 'e57babb86aaa6e1bbb58a89dbc6148c26c3ff5c4', "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))));
         })))));
     }

package/dist/collection/components/ur-page/ur-page.js CHANGED Viewed

@@ -10,10 +10,10 @@ export class UrPage {
         this.pageDescription = undefined;
     }
     render() {
-        return (h(Host, { key: 'f7925daefe7eb9b514e10f6ed44d25568b535472' }, h("div", { key: '18b3c99ea8aef997061a4f79710240240a811515', class: "page" }, h("section", { key: 'bd7ef805c6e3c72e7c760514f6d8e79055de2d30', class: 'cover', style: {
+        return (h(Host, { key: '5ced6a2844e3fa048e069c46d5413ddf37c9a15f' }, h("div", { key: 'a2f2ae521a8da65724168b8a148ec75f3702460e', class: "page" }, h("section", { key: '76e2057914b616e23293b7660ac5648c5ebf794a', class: 'cover', style: {
                 backgroundImage: this.pageCover ? `url(${this.pageCover})` : `url(${this.pageCoverFallback})`
-            } }), h("section", { key: '4c72192024018deb16179e051379dae64952fb71', class: 'info' }, h("div", { key: 'd484abe6252a91a3bea7ba585c2726a20b8dcd9e', class: 'title' }, this.pageTitle), h("div", { key: 'c77a8a47904774e40b03aaf5b43d580b4adc7198', class: "description" }, this.pageDescription), this.showStats &&
-            h("div", { key: '0eef96d8dec0cd9c4d0a49ae40f6a3f126b594ac', class: 'stats' }, h("div", { key: '541241cacb13fe4925ee298d8e3295b8675d9fb2', class: "followers" }, h("div", { key: 'aa7c462355c47d4bc78904b10e155b5b0ed896a5' }, h("b", { key: '7db243984174dede0e178bbf7e1f8ac88f68434f' }, this.followers), " Followers"))), h("div", { key: '3b3f6f6274cf6a0b3d86f9a7a4d699f63a9599c0', class: "actions" }, h("ur-button", { key: '74f29be1e8159a9401b4335d628b663091966c16', class: "follow", variant: "outlined", onClick: () => this.pageFollowClicked.emit() }, "Follow"))))));
+            } }), h("section", { key: '9c2cb0c846eac35cd7de852f2ba45ba9f79fac8a', class: 'info' }, h("div", { key: 'b72677d75069b6c9a98b6db91ff42c0345533592', class: 'title' }, this.pageTitle), h("div", { key: '6ab6854371ddbfdf3b248d281187b90ee7efe82f', class: "description" }, this.pageDescription), this.showStats &&
+            h("div", { key: 'f6a302de0d6a256ea8a5731871caed78c83f1f90', class: 'stats' }, h("div", { key: '287d01032e51e9e1add24bbb3300dfa5d34fdc29', class: "followers" }, h("div", { key: '0b9cb148d9102db38488acff1010712d4c7a868a' }, h("b", { key: '6a36f0352078c8c6bd9208b27796e1695d3fda25' }, this.followers), " Followers"))), h("div", { key: '78c0d5e83ddc1ff67965e54c4f8dbcc7d4f4917f', class: "actions" }, h("ur-button", { key: 'eac92bd922fc5e4feb8390b9fcc3e3417b9801a7', class: "follow", variant: "outlined", onClick: () => this.pageFollowClicked.emit() }, "Follow"))))));
     }
     static get is() { return "ur-page"; }
     static get encapsulation() { return "shadow"; }