urnovl-web-components 0.0.247 → 0.0.248

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

@@ -155,7 +155,7 @@ const UrNovlOverviewInfo = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'af6107110ba2f2dbf6271f65c2a1e21ad05be56a' }, this.deviceSize === 'large' && (index.h("div", { key: '01a7c349db9ba84be90b00c7fb9192cdfa967a6f', class: "cover-total", style: { backgroundImage: `url(${this.coverImage})` } }, index.h("div", { key: '0c68d49b2cf5e7daacc97eaf6421098077fe155a', class: "cover-blur-overlay" }), index.h("div", { key: '57e47f13cd1a49586a494701df1af6511ab8c740', class: "cover-gradient-overlay" }))), index.h("div", { key: 'eb01b0e5b15efd05969a433de42ca4e4e04c361e', class: `overview ${this.deviceSize === 'small' ? 'small-device' : 'large-device'}` }, index.h("div", { key: 'f88302a6106ae37ca5273f516b6bcf9e0c091ed6', class: "cover" }, index.h("div", { key: 'acad1dfdb53adc2a905284afecad0b28a55b46a6', class: "inner-cover-hld" }, index.h("div", { key: '771ce2c5157b39f3e961d0fbcf0eb90346463dc7', class: "inner-cover" }, this.skeleton ? (index.h("div", { class: "cover-skeleton loading" })) : (index.h("img", { class: "cover-image", src: this.coverImage, alt: "Novl Cover" }))), !this.skeleton && this.isOwner && this.renderVisibilitySwitch())), index.h("div", { key: '24ac06ada666c8ca572167de9d6b961a5771ce76', class: "novl-content" }, index.h("div", { key: '08ded6bef5e29af899ab2e5a8c4f9d2eb583d91f', class: "main-content" }, index.h("div", { key: '049b67f32210e0ee88eb4998b80711f4afb3281d', class: "upper-hld" }, this.renderStatusChips(), index.h("div", { key: '26300542deb11331f0d27d81cf6feec27197cb20', class: "upper-right" }, this.renderEditInfoButton())), index.h("div", { key: '6c2dbf51459a1daf4214c00b23b6e763a32a8d02', class: "main-content-inner" }, index.h("div", { key: '856d0c6b9428e4ff02c0b94a22308875c850733f', class: "title-hld" }, this.skeleton ? (index.h("h1", { class: "title-text title-skeleton loading" }, "\u00A0")) : (index.h("h1", { class: "title-text" }, this.novlTitle)))), this.skeleton ? (index.h("span", { class: "story-stats stats-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "story-stats" }, this.likes > 0 && (index.h("span", { class: "story-stat" }, index.h("span", { class: "story-stat-value" }, this.likes), index.h("span", { class: "story-stat-label" }, this.likesText))), this.likes > 0 && index.h("span", { class: "story-stat-separator" }, "\u00B7"), this.views > 0 && (index.h("span", { class: "story-stat" }, index.h("span", { class: "story-stat-value" }, this.views), index.h("span", { class: "story-stat-label" }, this.viewsText))), this.views > 0 && index.h("span", { class: "story-stat-separator" }, "\u00B7"), index.h("span", { class: "story-stat" }, index.h("span", { class: "story-stat-value" }, this.readingDuration === '-1' ? 'N/A' : this.readingDuration), index.h("span", { class: "story-stat-label" }, this.readingDurationText)))), index.h("div", { key: '8879a41f8a1e7e0ad9e415dd78b30d61aa739c5e', class: "novl-details" }, this.skeleton ? ([
+        return (index.h(index.Host, { key: 'af6107110ba2f2dbf6271f65c2a1e21ad05be56a' }, this.deviceSize === 'large' && (index.h("div", { key: '01a7c349db9ba84be90b00c7fb9192cdfa967a6f', class: "cover-total", style: { backgroundImage: `url(${this.coverImage})` } }, index.h("div", { key: '0c68d49b2cf5e7daacc97eaf6421098077fe155a', class: "cover-blur-overlay" }), index.h("div", { key: '57e47f13cd1a49586a494701df1af6511ab8c740', class: "cover-gradient-overlay" }))), index.h("div", { key: 'eb01b0e5b15efd05969a433de42ca4e4e04c361e', class: `overview ${this.deviceSize === 'small' ? 'small-device' : 'large-device'}` }, index.h("div", { key: 'f88302a6106ae37ca5273f516b6bcf9e0c091ed6', class: "cover" }, index.h("div", { key: 'acad1dfdb53adc2a905284afecad0b28a55b46a6', class: "inner-cover-hld" }, index.h("div", { key: '771ce2c5157b39f3e961d0fbcf0eb90346463dc7', class: "inner-cover" }, this.skeleton ? (index.h("div", { class: "cover-skeleton loading" })) : (index.h("img", { class: "cover-image", src: this.coverImage, alt: "Novl Cover" }))), !this.skeleton && this.isOwner && this.renderVisibilitySwitch()), index.h("slot", { key: '7f9fde79de7b34f204e677f32bc43a47f10b8da1', name: "ad-slot-left" })), index.h("div", { key: '6dfe49c72ee8e6eb456ad37de7610b0eded2c783', class: "novl-content" }, index.h("div", { key: 'd38bb2266b48a85fc180a99139d5399c4ee7299f', class: "main-content" }, index.h("div", { key: '916072b07837bdd8b3f1843c0f1a3a3814d81550', class: "upper-hld" }, this.renderStatusChips(), index.h("div", { key: 'eec3e7038a96c967ba7c9fe5d0bad2778d42f2b3', class: "upper-right" }, this.renderEditInfoButton())), index.h("div", { key: 'b315a90ad3d415fe0b5afc25016fa2ef1a68524e', class: "main-content-inner" }, index.h("div", { key: 'e73d5cb8c6761b0bdfef4bb5dfd4c704f9a18cdf', class: "title-hld" }, this.skeleton ? (index.h("h1", { class: "title-text title-skeleton loading" }, "\u00A0")) : (index.h("h1", { class: "title-text" }, this.novlTitle)))), this.skeleton ? (index.h("span", { class: "story-stats stats-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "story-stats" }, this.likes > 0 && (index.h("span", { class: "story-stat" }, index.h("span", { class: "story-stat-value" }, this.likes), index.h("span", { class: "story-stat-label" }, this.likesText))), this.likes > 0 && index.h("span", { class: "story-stat-separator" }, "\u00B7"), this.views > 0 && (index.h("span", { class: "story-stat" }, index.h("span", { class: "story-stat-value" }, this.views), index.h("span", { class: "story-stat-label" }, this.viewsText))), this.views > 0 && index.h("span", { class: "story-stat-separator" }, "\u00B7"), index.h("span", { class: "story-stat" }, index.h("span", { class: "story-stat-value" }, this.readingDuration === '-1' ? 'N/A' : this.readingDuration), index.h("span", { class: "story-stat-label" }, this.readingDurationText)))), index.h("div", { key: '78bb1f9ed46344325d51fbd5d9a5239a3d9fa075', class: "novl-details" }, this.skeleton ? ([
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" }),
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" }),
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" }),
@@ -164,7 +164,7 @@ const UrNovlOverviewInfo = class {
             ...this.languages.split(',').map(language => (index.h("ur-chip", { fontColor: "rgb(var(--ur-color-on-surface-lite))", backColor: "rgb(var(--ur-color-surface-container-high))", size: "28px", class: "info-chip", clickable: false, label: language }))),
             ...this.literatureTypes.split(',').map(litType => (index.h("ur-chip", { fontColor: "rgb(var(--ur-color-on-surface-lite))", backColor: "rgb(var(--ur-color-surface-container-high))", size: "28px", class: "info-chip", clickable: false, label: litType }))),
             ...this.genres.split(',').map(genre => (index.h("ur-chip", { fontColor: "rgb(var(--ur-color-on-surface-lite))", backColor: "rgb(var(--ur-color-surface-container-high))", size: "28px", class: "info-chip", clickable: false, label: genre })))
-        ])), index.h("div", { key: '708b4db366c6b61a02764f95ef528ab352adaa99', class: "actions-holder" }, this.skeleton ? ([
+        ])), index.h("div", { key: 'f28a0683ed3ac49a136178cd35357490c792267f', class: "actions-holder" }, this.skeleton ? ([
             index.h("ur-button", { skeleton: true, class: "summary-action", "full-width": this.deviceSize === 'large' ? false : true }),
             index.h("ur-button", { skeleton: true, class: "summary-action" })
         ]) : ([
@@ -175,13 +175,13 @@ const UrNovlOverviewInfo = class {
             this.novlPaid &&
                 (this.novlPurchasedAt ? (index.h("ur-button", { class: "summary-action", variant: "filled", fullWidth: true, onClick: () => this.onReadStory() }, this.readStoryText)) : (index.h("ur-button", { class: "summary-action", variant: "filled", fullWidth: true, onClick: () => this.onBuyStory() }, this.buyStoryText, "\u00A0", index.h("span", { class: "buy-price" }, this.novlPrice)))),
             this.isUserLoggedIn && (index.h("ur-button", { class: "summary-action", icon: "collections_bookmark--outlined", variant: "text", onClick: () => this.onToggleLibrary() }, this.addToLibraryText))
-        ].filter(Boolean)))), index.h("div", { key: 'cc2072173f4e3b26b5ff16160e3db8e279b841d3', class: "description" }, index.h("div", { key: '132e6b41974d6a9ee07ee8f30de95a03dc8e5eeb', class: "description-header" }, this.skeleton ? (index.h("span", { class: "label label-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "label" }, this.descriptionText))), this.skeleton ? (index.h("ur-long-description", { skeleton: true })) : (index.h("slot", { name: "description" }))), index.h("div", { key: '55783f378cbcc9ceeaf3db3da5224d7f185db7c8', class: "owner-holder" }, this.skeleton ? ([
+        ].filter(Boolean)))), index.h("div", { key: 'd30b3277cf6a0b010abbc95cf0dfc38910dd45d0', class: "description" }, index.h("div", { key: 'ddb63d56292aea4b01cefdf007833d1bec458464', class: "description-header" }, this.skeleton ? (index.h("span", { class: "label label-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "label" }, this.descriptionText))), this.skeleton ? (index.h("ur-long-description", { skeleton: true })) : (index.h("slot", { name: "description" }))), index.h("div", { key: '9fa597689a3010c57dc79a32ab0ad5c68a0f21b7', class: "owner-holder" }, this.skeleton ? ([
             index.h("ur-profile-card", { skeleton: true, profileType: "user", avatarSize: "40px" }),
             index.h("ur-profile-card", { skeleton: true, profileType: "page", avatarSize: "40px" })
         ]) : ([
             index.h("slot", { name: "owner" }),
             index.h("slot", { name: "owner-page" })
-        ])), index.h("slot", { key: '6695c543f475956a6fe25d7dddc078b4bb619ce4', name: "chapters" })), index.h("div", { key: '14548e271f4dc5dd4cefe9d11127d95a06b11640', class: "ad-space" }, "\u00A0"))));
+        ])), index.h("slot", { key: 'a1b5bb3520675070f090e4e1f374f28adb9d8302', name: "chapters" })), index.h("div", { key: '16506642808ae60144aef4bb89de21fad5bede53', class: "ad-space" }, index.h("slot", { key: '6cc0a8b8007fa5f9d77e804c9ee2539f6d3b5bf6', name: "ad-slot-right" })))));
     }
     renderStatusChips() {
         return (index.h("div", { class: `status ${this.deviceSize === 'small' ? 'small-device' : 'large-device'}` }, this.skeleton ? (index.h("ur-chip", { skeleton: true, size: "32px", class: "status-chip", radius: "50px", border: "2px" })) : (this.storyCompleteStatus ? (index.h("ur-chip", { fontColor: "#1A5100", backColor: "#C6F4D0", radius: "50px", border: "2px", size: "32px", class: "status-chip", clickable: false, label: this.completeText })) : (index.h("ur-chip", { fontColor: "rgb(var(--ur-color-primary))", backColor: "rgb(var(--ur-color-primary-container))", size: "32px", class: "status-chip", border: "2px", radius: "50px", clickable: false, label: this.ongoingText })))));

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

@@ -88,7 +88,7 @@ const UrNovlSummary = class {
         this.expanded = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'ad602a53b54c6af6ffd3951ec6fa7128c6028af8', class: { 'skeleton': this.skeleton } }, index.h("div", { key: '34c8788c50b5f8b9870cff6d2d7582d7806b8e1d', class: "cover" }, this.skeleton ? (index.h("div", { class: "cover-skeleton loading" })) : (index.h("img", { class: "cover-image", src: this.coverImage, alt: "Novl Cover" }))), index.h("div", { key: '3a8d1cc0250457486f6b17b78c8fceb8417bd2c1', class: "novl-content" }, index.h("div", { key: 'e72cd57479b14ecaefbff7eef45e2d2647e48893', class: "status" }, this.skeleton ? (index.h("ur-chip", { skeleton: true, size: "32px", class: "status-chip", radius: "50px", border: "2px" })) : (this.storyCompleteStatus ? (index.h("ur-chip", { fontColor: "#1A5100", backColor: "#C6F4D0", radius: "50px", border: "2px", size: "32px", class: "status-chip", clickable: false, label: this.completeText })) : (index.h("ur-chip", { fontColor: "rgb(var(--ur-color-primary))", backColor: "rgb(var(--ur-color-primary-container))", size: "32px", class: "status-chip", border: "2px", radius: "50px", clickable: false, label: this.ongoingText })))), index.h("div", { key: '6bf8a5bbbb022bc3afd9560d43fbfb22b2e33fc0', class: "main-content" }, this.skeleton ? (index.h("h1", { class: "title-text title-skeleton loading" }, "\u00A0")) : (index.h("h1", { class: "title-text" }, this.novlTitle)), this.skeleton ? (index.h("span", { class: "story-stats stats-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "story-stats" }, this.likes > 0 && (index.h("span", { class: "story-stat" }, index.h("span", { class: "story-stat-value" }, this.likes), index.h("span", { class: "story-stat-label" }, this.likesText))), this.likes > 0 && index.h("span", { class: "story-stat-separator" }, "\u00B7"), this.views > 0 && (index.h("span", { class: "story-stat" }, index.h("span", { class: "story-stat-value" }, this.views), index.h("span", { class: "story-stat-label" }, this.viewsText))), this.views > 0 && index.h("span", { class: "story-stat-separator" }, "\u00B7"), index.h("span", { class: "story-stat" }, index.h("span", { class: "story-stat-value" }, this.readingDuration === '-1' ? 'N/A' : this.readingDuration), index.h("span", { class: "story-stat-label" }, this.readingDurationText))))), index.h("div", { key: 'f88902221b6c33a969e608b481d449ebf7a8c66b', class: "novl-details" }, this.skeleton ? ([
+        return (index.h(index.Host, { key: 'c4cc261d763eebad38e4515dd16160e28710859a', class: { 'skeleton': this.skeleton } }, index.h("div", { key: '236036f606a6b2dc5f255281df317c97901cd9ab', class: "cover" }, this.skeleton ? (index.h("div", { class: "cover-skeleton loading" })) : (index.h("img", { class: "cover-image", src: this.coverImage, alt: "Novl Cover" }))), index.h("div", { key: 'ecfcbf3c902dbdd16f5335e2d9343a0897c72a04', class: "novl-content" }, index.h("div", { key: 'ba9623eccefb1b2416ccc83a32d9aab5a96fe1ea', class: "status" }, this.skeleton ? (index.h("ur-chip", { skeleton: true, size: "32px", class: "status-chip", radius: "50px", border: "2px" })) : (this.storyCompleteStatus ? (index.h("ur-chip", { fontColor: "#1A5100", backColor: "#C6F4D0", radius: "50px", border: "2px", size: "32px", class: "status-chip", clickable: false, label: this.completeText })) : (index.h("ur-chip", { fontColor: "rgb(var(--ur-color-primary))", backColor: "rgb(var(--ur-color-primary-container))", size: "32px", class: "status-chip", border: "2px", radius: "50px", clickable: false, label: this.ongoingText })))), index.h("div", { key: '310baf98028001f0eed80327da7f06383c064729', class: "main-content" }, this.skeleton ? (index.h("h1", { class: "title-text title-skeleton loading" }, "\u00A0")) : (index.h("h1", { class: "title-text" }, this.novlTitle)), this.skeleton ? (index.h("span", { class: "story-stats stats-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "story-stats" }, this.likes > 0 && (index.h("span", { class: "story-stat" }, index.h("span", { class: "story-stat-value" }, this.likes), index.h("span", { class: "story-stat-label" }, this.likesText))), this.likes > 0 && index.h("span", { class: "story-stat-separator" }, "\u00B7"), this.views > 0 && (index.h("span", { class: "story-stat" }, index.h("span", { class: "story-stat-value" }, this.views), index.h("span", { class: "story-stat-label" }, this.viewsText))), this.views > 0 && index.h("span", { class: "story-stat-separator" }, "\u00B7"), index.h("span", { class: "story-stat" }, index.h("span", { class: "story-stat-value" }, this.readingDuration === '-1' ? 'N/A' : this.readingDuration), index.h("span", { class: "story-stat-label" }, this.readingDurationText))))), index.h("div", { key: '0d323096863409f49c447517de80c22c84c6cb19', class: "novl-details" }, this.skeleton ? ([
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" }),
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" }),
             index.h("ur-chip", { skeleton: true, size: "28px", class: "info-chip" }),
@@ -97,7 +97,7 @@ const UrNovlSummary = class {
             ...this.languages.split(',').map(language => (index.h("ur-chip", { fontColor: "rgb(var(--ur-color-on-surface-lite))", backColor: "rgb(var(--ur-color-surface-container-high))", size: "28px", class: "info-chip", clickable: false, label: language }))),
             ...this.literatureTypes.split(',').map(litType => (index.h("ur-chip", { fontColor: "rgb(var(--ur-color-on-surface-lite))", backColor: "rgb(var(--ur-color-surface-container-high))", size: "28px", class: "info-chip", clickable: false, label: litType }))),
             ...this.genres.split(',').map(genre => (index.h("ur-chip", { fontColor: "rgb(var(--ur-color-on-surface-lite))", backColor: "rgb(var(--ur-color-surface-container-high))", size: "28px", class: "info-chip", clickable: false, label: genre })))
-        ])), index.h("div", { key: '31706ca802b995756d3335c498954d3b34450b20', class: "description" }, index.h("slot", { key: '9bac6b809665e8381c35590f484ea432c0b55f3a', name: "description" })), index.h("div", { key: '936fbf8a4bb44227ae24a409246dae39d209752d', class: "actions-holder" }, this.skeleton ? ([
+        ])), index.h("div", { key: '3749cf7ffaaa01158d5619f928b8975ca6bdc9d0', class: "description" }, index.h("slot", { key: 'ebfe2e41c1320543b9837b801e1899dec773b0e0', name: "description" })), index.h("div", { key: 'dce26c659dff84b579ea4508a6045e8079ed2888', class: "actions-holder" }, this.skeleton ? ([
             index.h("ur-button", { skeleton: true, class: "summary-action", "full-width": true }),
             index.h("ur-button", { skeleton: true, class: "summary-action", "full-width": true }),
             index.h("ur-button", { skeleton: true, class: "summary-action" })
@@ -108,7 +108,7 @@ const UrNovlSummary = class {
                 (this.novlPurchasedAt ? (index.h("ur-button", { class: "summary-action", variant: "filled", fullWidth: true, onClick: () => this.onReadStory() }, this.readStoryText)) : (index.h("ur-button", { class: "summary-action", variant: "filled", fullWidth: true, onClick: () => this.onBuyStory() }, this.buyStoryText, "\u00A0", index.h("span", { class: "buy-price" }, this.novlPrice)))),
             index.h("ur-button", { class: "summary-action", variant: "outlined", fullWidth: true, onClick: () => this.onLearnMore() }, this.learnMoreText),
             this.isUserLoggedIn && (index.h("ur-button", { class: "summary-action", icon: "collections_bookmark--outlined", variant: "text", onClick: () => this.onToggleLibrary() }, this.addToLibraryText))
-        ].filter(Boolean))), index.h("div", { key: '126ca410f7d977ab15925c89002e9bf2cecf6f7b', class: "owner-holder" }, index.h("slot", { key: '34ea28d0aadcde9fda32599dd5ab56468bb03fd4', name: "owner" }), index.h("slot", { key: 'b20befc81d8cf732334e49dad2444908c4e6d339', name: "owner-page" })))));
+        ].filter(Boolean))), index.h("div", { key: '4b96b6dae064b2d7a8b5b1e257811810037a4c95', class: "owner-holder" }, index.h("slot", { key: 'bb8e0610825d0e999e414e3f377f5c21f362f48d', name: "owner" }), index.h("slot", { key: '8c307494f8727460f6361fe7909d0fb958145fab', name: "owner-page" })))));
     }
 };
 UrNovlSummary.style = urNovlSummaryCss;

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

@@ -133,7 +133,7 @@ const UrPageCarousel = class {
         return (index.h("swiper-slide", null, this.debug && index.h("span", { class: "index" }, index$1 + 1), index.h("ur-page", Object.assign({}, page, { followLabel: this.followLabel, followingLabel: this.followingLabel, followerLabel: this.followerLabel, followersLabel: this.followersLabel }))));
     }
     render() {
-        return (index.h(index.Host, { key: 'e66246cb532a2a1d81a7ab72a629735cc57ccab6' }, index.h("div", { key: '64d584248357b7460e2e8437bd01628d7a5f30e3', class: "carousel" }, this.navigation && (index.h("ur-button-arrow-left", { key: 'e39640fa44873793db2334896958869402ba7431', disabled: this.disabledPrev })), this.navigation && (index.h("ur-button-arrow-right", { key: '7019d31b9826583a4891fff770ca142f4d07795e', disabled: this.loading || this.disabledNext })), index.h("swiper-container", { key: '7ef901ecd939da2ef5399425c25dcf7b6833efbc', init: true, observer: true, "observe-slide-children": true, "slides-per-group-auto": true, "watch-slides-progress": true, "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.pages.map((page, index) => this.renderPage(page, index))))));
+        return (index.h(index.Host, { key: 'c0d3747bf1712f5713b57f3a8482f36d4edd35ea' }, index.h("div", { key: 'b742a119c42ae80651947329267b25cca2f112c8', class: "carousel" }, this.navigation && (index.h("ur-button-arrow-left", { key: 'e558008412bbdb23d8fba208d8eec639584ce4dc', disabled: this.disabledPrev })), this.navigation && (index.h("ur-button-arrow-right", { key: 'bf25fc1fd7d49ea9217a98d760d10134a4208dd5', disabled: this.loading || this.disabledNext })), index.h("swiper-container", { key: 'b15005550fc32c042a4a26f4664a9167d950bc72', init: true, observer: true, "observe-slide-children": true, "slides-per-group-auto": true, "watch-slides-progress": true, "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.pages.map((page, index) => this.renderPage(page, index))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ur-page-profile-tabs.cjs.entry.js

@@ -104,7 +104,7 @@ const UrPageProfileTabs = class {
     }
     render() {
         const visibleTabs = this.getVisibleTabs();
-        return (index.h(index.Host, { key: 'c9e1c2ea27418cfbdaa09b2c8ce963392c8795e4' }, index.h("mdui-tabs", { key: 'a34be97c67891203b756df1766c812395f470fd1', value: this.activeTab, onChange: this.handleTabChange, "full-width-tabs": this.fullWidthTabs }, visibleTabs.map(tab => (index.h("mdui-tab", { key: tab.value, value: tab.value }, tab.text()))), visibleTabs.map(tab => (index.h("mdui-tab-panel", { key: tab.value, slot: "panel", value: tab.value }, index.h("slot", { name: tab.value })))))));
+        return (index.h(index.Host, { key: 'c281a447dac172060d567e20f9735b05a72605b2' }, index.h("mdui-tabs", { key: '480a127e0079b5129f05cab6b2b97c41db9b1019', value: this.activeTab, onChange: this.handleTabChange, "full-width-tabs": this.fullWidthTabs }, visibleTabs.map(tab => (index.h("mdui-tab", { key: tab.value, value: tab.value }, tab.text()))), visibleTabs.map(tab => (index.h("mdui-tab-panel", { key: tab.value, slot: "panel", value: tab.value }, index.h("slot", { name: tab.value })))))));
     }
     static get watchers() { return {
         "activeTab": ["activeTabChanged"]

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

@@ -227,14 +227,14 @@ const UrPageProfile = class {
             'profile-mobile-main': this.platform === 'mobile-main',
             'profile-mobile-secondary': this.platform === 'mobile-secondary',
         };
-        return (index.h(index.Host, { key: '16debd81c2a977f6de61b4605371903940763b97', class: classes }, index.h("div", { key: '9a44e28bf986e56e039394a3f793058c527cfe2f', class: classes }, this.platform === 'desktop' && (index.h("div", { key: '8f3d38267c419b9f110ebc3073a844fe60dfa026', class: "desktop-content" }, index.h("div", { key: '99ed595294de4ec6f081d517a9db9120a4d12811', class: "avatar" }, index.h("ur-avatar", { key: '5f164453b6ab396256ff271f2996855efc5fcf1d', border: "4px", radius: "8px", size: "96px", src: this.avatar, name: this.name, variant: "page", skeleton: this.skeleton })), index.h("div", { key: 'd9bae83bead0e96e4faa026f73deac0ea5e74176', class: "info" }, index.h("div", { key: '86b8f6d422caccfdde01d5aea5976bcf35f30260', class: "name" }, this.skeleton ? index.h("div", { class: "skeleton-line loading", style: { width: '200px', height: '22px' } }) : this.name), this.renderPageType(), this.skeleton ? index.h("ur-long-description", { class: "about", skeleton: true }) : this.about && index.h("ur-long-description", { class: "about", description: this.about }), this.renderLocation(), this.renderSocialLinks(), this.renderWebsite()), this.renderActions())), this.platform === 'desktop' && [
+        return (index.h(index.Host, { key: 'b043caff9517bfd1e050299d5a8393359e677e69', class: classes }, index.h("div", { key: '8c2a766d9e50b7064ace7828ffc914fb724be798', class: classes }, this.platform === 'desktop' && (index.h("div", { key: '473dbefc5a74c3f11546ca40ac51c91153762448', class: "desktop-content" }, index.h("div", { key: 'bb25b2f679d9974c9439dfedb5c5d942196725be', class: "avatar" }, index.h("ur-avatar", { key: 'f420b4c88bf98e3488c1fb3daf22dc663a6d944c', border: "4px", radius: "8px", size: "96px", src: this.avatar, name: this.name, variant: "page", skeleton: this.skeleton })), index.h("div", { key: '6435c1c0564d6d544df9c91fe5bf27ad5ce78c8f', class: "info" }, index.h("div", { key: '11c04aff1103165622cf57a20cd52ac8813fe80f', class: "name" }, this.skeleton ? index.h("div", { class: "skeleton-line loading", style: { width: '200px', height: '22px' } }) : this.name), this.renderPageType(), this.skeleton ? index.h("ur-long-description", { class: "about", skeleton: true }) : this.about && index.h("ur-long-description", { class: "about", description: this.about }), this.renderLocation(), this.renderSocialLinks(), this.renderWebsite()), this.renderActions())), this.platform === 'desktop' && [
             this.renderStats(),
             this.renderLanguages(),
             this.renderGenres(),
             this.renderLiteratureTypes(),
             this.renderPageCreator(),
             this.renderPageCreationDate(),
-        ], this.platform === 'mobile-main' && (index.h("div", { key: 'df8a1cdb0ee6c2d2eadb668bf00f3c2a9df6262c', class: "mobile-main-content" }, index.h("div", { key: 'fed39b707c2b26d073f623615ca67f35c888169b', class: "avatar" }, index.h("ur-avatar", { key: '9979dae025fdd6737810ddf5605569d8d2e54aec', border: "4px", radius: "8px", size: "96px", src: this.avatar, name: this.name, variant: "page", skeleton: this.skeleton })), index.h("div", { key: 'b1ac3d045a30084d91e5161772b4b772b0a03a81', class: "info" }, index.h("div", { key: '5820c50bc21c18b80bd57021c30077b189c214ea', class: "name" }, this.skeleton ? index.h("div", { class: "skeleton-line loading", style: { width: '200px', height: '22px' } }) : this.name), this.renderPageType(), this.skeleton ? index.h("ur-long-description", { class: "about", skeleton: true }) : this.about && index.h("ur-long-description", { class: "about", description: this.about })), this.renderActions())), this.platform === 'mobile-secondary' && [
+        ], this.platform === 'mobile-main' && (index.h("div", { key: 'd8d408472d262ed2c2f9a01dc8b508ab77af62f2', class: "mobile-main-content" }, index.h("div", { key: 'b4de788dbd1de6dfd5675927b92e93f1f9a18c8b', class: "avatar" }, index.h("ur-avatar", { key: 'b3d0f4ae9c6cfc0f87170014adbfa2ca3a841a9f', border: "4px", radius: "8px", size: "96px", src: this.avatar, name: this.name, variant: "page", skeleton: this.skeleton })), index.h("div", { key: 'ab0e40d8bd4a1b75127cf563477f8264de36bcf3', class: "info" }, index.h("div", { key: 'bf2df8fc590c613cf7a9bd5158191e284e44805c', class: "name" }, this.skeleton ? index.h("div", { class: "skeleton-line loading", style: { width: '200px', height: '22px' } }) : this.name), this.renderPageType(), this.skeleton ? index.h("ur-long-description", { class: "about", skeleton: true }) : this.about && index.h("ur-long-description", { class: "about", description: this.about })), this.renderActions())), this.platform === 'mobile-secondary' && [
             this.renderLocation(),
             this.renderSocialLinks(),
             this.renderWebsite(),

package/dist/cjs/ur-page-shared-list-tabs.cjs.entry.js

@@ -69,7 +69,7 @@ const UrPageSharedListTabs = class {
     }
     render() {
         const visibleTabs = this.getVisibleTabs();
-        return (index.h(index.Host, { key: '786a0288354272aeb64389e835182286efa56839' }, index.h("mdui-tabs", { key: '6d00bbd50cc0f602e73a69f6f86465e2b1e686a0', value: this.activeTab, onChange: this.handleTabChange, "full-width-tabs": this.fullWidthTabs }, visibleTabs.map(tab => (index.h("mdui-tab", { key: tab.value, value: tab.value }, tab.text()))), visibleTabs.map(tab => (index.h("mdui-tab-panel", { key: tab.value, slot: "panel", value: tab.value }, index.h("slot", { name: tab.value })))))));
+        return (index.h(index.Host, { key: 'f84fb8dd89ca68866302b4492ac252bca7f56a92' }, index.h("mdui-tabs", { key: '756430f965a79d28997695048bcd88ded7649e7d', value: this.activeTab, onChange: this.handleTabChange, "full-width-tabs": this.fullWidthTabs }, visibleTabs.map(tab => (index.h("mdui-tab", { key: tab.value, value: tab.value }, tab.text()))), visibleTabs.map(tab => (index.h("mdui-tab-panel", { key: tab.value, slot: "panel", value: tab.value }, index.h("slot", { name: tab.value })))))));
     }
 };
 UrPageSharedListTabs.style = urPageSharedListTabsCss;

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

@@ -258,13 +258,13 @@ const UrPlayer = class {
     }
     render() {
         const themeClass = this.darkMode ? 'dark-theme' : 'light-theme';
-        return (index.h(index.Host, { key: 'be4cc9daa9156a1ef95ec908e74a6d149b584665', class: themeClass, ref: el => (this.element = el) }, index.h("audio", { key: 'f984efee548eb1203746364ef874c2376f279e44', ref: el => (this.audioRef = el), src: this.src, preload: "auto", onTimeUpdate: this.onTimeUpdate, onLoadedMetaData: this.onLoadedMetadata, onProgress: this.onProgress, onEnded: this.onEnded, onPlay: this.onPlay, onPause: this.onPause, onError: this.onError, style: { display: 'none' } }), index.h("div", { key: 'ae27a2f63b1edab4abb861669a2ad8e009e8fdc1', class: "player-container" }, index.h("div", { key: '918258ca6bec17660202c8fa836ecab1409f1ba4', class: "player-header" }, this.coverImage && (index.h("div", { key: '3a54ebce773dac512b5fe0d37622b55dfb2d93ea', class: "cover-image" }, index.h("img", { key: 'b168915c2b0a2e35c0e2b4c6ea80ce5b40c8471a', src: this.coverImage, alt: `${this.storyTitle} cover` }))), index.h("div", { key: '5716305be5066472a36879c2bfbb0ca4232b9ea9', class: "player-info" }, index.h("h2", { key: 'e336ca6837e55ac1b28d23bb8057891605d76667', class: "title" }, this.storyTitle), index.h("p", { key: '1986abcd6afa9579b40b00a1a6eff68b75265bd4', class: "author" }, this.author), index.h("p", { key: '509fbabe26bb88a60f13210b06d55445bc96eeb8', class: "chapter" }, this.chapterName))), index.h("div", { key: '962c2f113d0b13815bf46c4d509cb06a15480380', class: "progress-container" }, index.h("div", { key: '2fca22de2d98cae2882bdfb2ef0dba522eff83ea', class: "progress-bar", onClick: this.handleProgressClick }, index.h("ur-linear-progress", { key: '97000d50f348689c3d701ec373375261ade7e050', value: this.currentTime, max: this.duration }), index.h("div", { key: 'a77ab9820450662c3e8beafe1a47289b8840eb06', class: "progress-thumb", style: {
+        return (index.h(index.Host, { key: 'ad414bcfb88436b3554f10d29a15b83ee63687bd', class: themeClass, ref: el => (this.element = el) }, index.h("audio", { key: 'f5bbbda08714c5d1f9ab81d29d0603a10469f69b', ref: el => (this.audioRef = el), src: this.src, preload: "auto", onTimeUpdate: this.onTimeUpdate, onLoadedMetaData: this.onLoadedMetadata, onProgress: this.onProgress, onEnded: this.onEnded, onPlay: this.onPlay, onPause: this.onPause, onError: this.onError, style: { display: 'none' } }), index.h("div", { key: 'a350c54310725d10a50e0b353ecbcb91147705d7', class: "player-container" }, index.h("div", { key: '69c88b940e068fd172d205d1fac5e3d0402fcca6', class: "player-header" }, this.coverImage && (index.h("div", { key: 'b36c063c9af1436c5439b61624452eff34de35bc', class: "cover-image" }, index.h("img", { key: '1171d1e9764270156b34b0879f39151069300d96', src: this.coverImage, alt: `${this.storyTitle} cover` }))), index.h("div", { key: '01cea0b90ad226e3aa82f016d39a2874dda648f8', class: "player-info" }, index.h("h2", { key: '6bb7f37214918a606ec11e4ff27bbceb5145c0e4', class: "title" }, this.storyTitle), index.h("p", { key: '257dcda0d1ebd60ffba0e9f827eac324e5ae67ec', class: "author" }, this.author), index.h("p", { key: '7fb1b15be79b0e43ae6eb0b8e2634e5f81701a4e', class: "chapter" }, this.chapterName))), index.h("div", { key: '018b61b230e42b08039f7f37e9c1e3abf2f44716', class: "progress-container" }, index.h("div", { key: '1ede43bcb64771d9751d189e3105312ded0fe7c8', class: "progress-bar", onClick: this.handleProgressClick }, index.h("ur-linear-progress", { key: '5209c1e2a5bc1e753f9ecab7bd614757abccedb1', value: this.currentTime, max: this.duration }), index.h("div", { key: '93243265e85bebc7b48c506ecc8dcdde8d0d0c5f', class: "progress-thumb", style: {
                 left: `${(this.currentTime / (this.duration || 1)) * 100}%`,
                 display: this.duration > 0 ? 'block' : 'none',
-            }, onMouseDown: this.handleThumbMouseDown })), index.h("div", { key: '458da855954bd42ca585571677a3c5030caa7d89', class: "time-display" }, index.h("span", { key: 'c36086f380a84ce3109fe286d733315b81568b42', class: "current-time" }, this.formatTime(this.currentTime)), index.h("span", { key: 'b70bef8e4b06ce17e24b48e80b097454c83f9dd4', class: "duration" }, this.formatTime(this.duration)))), this.showControls && (index.h("div", { key: '16c9b69e57c90b1efe7af0b4e92cd5e238a266a4', class: "controls" }, index.h("div", { key: '1221302338d924f48eccdf44ae04988f6418d645', class: "main-controls" }, index.h("ur-button-icon", { key: '7e389b2325ce092294febbcebae123bce5fc4918', icon: "skip_previous", variant: "standard", buttonHeight: "44px", buttonWidth: "44px", onClick: this.handleSkipBackward, "aria-label": this.backwardText }), index.h("ur-button-icon", { key: '6fc6163403dc82e4505ff3e38db219f824d4046c', class: "play-pause-button", icon: this.isPlaying ? 'pause' : 'play_arrow', variant: "filled", buttonHeight: "56px", buttonWidth: "56px", onClick: this.handlePlayPause, "aria-label": this.isPlaying ? this.pauseText : this.playText }), index.h("ur-button-icon", { key: 'f4713d7d9170e718ba658da0618bfe6f14aee06c', icon: "skip_next", variant: "standard", buttonHeight: "44px", buttonWidth: "44px", onClick: this.handleSkipForward, "aria-label": this.forwardText })), index.h("div", { key: '40c2f5efb015297d0ef90888ca07cb68b1745eac', class: "secondary-controls" }, index.h("div", { key: '6910380c735a1e22f69973cd006bcb50a9993be4', class: "speed-control" }, index.h("ur-tooltip", { key: 'e02abe19035f59c146e3b0c508989c96f097cf22', variant: "rich", placement: "top", trigger: "click" }, index.h("ur-button-icon", { key: 'e3b36546f7bd3a590d19e39edb82246eb28579a7', slot: "", icon: "speed", variant: "standard", buttonHeight: "36px", buttonWidth: "36px", "aria-label": this.speedText }), index.h("div", { key: '73a8ed0420738af23aa2f293dbbcb511eae2ad37', slot: "rich-content", class: "speed-options" }, [0.5, 0.75, 1.0, 1.25, 1.5, 2.0].map(rate => (index.h("button", { class: {
+            }, onMouseDown: this.handleThumbMouseDown })), index.h("div", { key: '4bf4fb578ca001c3d0114740db5eba3c5719976d', class: "time-display" }, index.h("span", { key: 'c35e405c379ced6a53a54347a456154ffbb5ad9c', class: "current-time" }, this.formatTime(this.currentTime)), index.h("span", { key: '579be9219a4b117543df8f959dffdc491405e1c7', class: "duration" }, this.formatTime(this.duration)))), this.showControls && (index.h("div", { key: 'cf5d2a4d2431cfa48dc656022c2b8176cc3d38e6', class: "controls" }, index.h("div", { key: '40a2a087d899d473a4947b97df75e85fd75e2614', class: "main-controls" }, index.h("ur-button-icon", { key: 'cb02a8cfa6452faf94b2549a75b2428c0d688df4', icon: "skip_previous", variant: "standard", buttonHeight: "44px", buttonWidth: "44px", onClick: this.handleSkipBackward, "aria-label": this.backwardText }), index.h("ur-button-icon", { key: '9dd35dcdc4cb987138689a6bbd996a0db1ee9874', class: "play-pause-button", icon: this.isPlaying ? 'pause' : 'play_arrow', variant: "filled", buttonHeight: "56px", buttonWidth: "56px", onClick: this.handlePlayPause, "aria-label": this.isPlaying ? this.pauseText : this.playText }), index.h("ur-button-icon", { key: 'c1b97a8a1740bac243c40e98b1bfc5565bd27097', icon: "skip_next", variant: "standard", buttonHeight: "44px", buttonWidth: "44px", onClick: this.handleSkipForward, "aria-label": this.forwardText })), index.h("div", { key: 'ce63edad946e1dfc0fc58707dce3cdbe672a6ea3', class: "secondary-controls" }, index.h("div", { key: 'c7c1e3776dadfdfc5c5768d6637f5b0b45b7b288', class: "speed-control" }, index.h("ur-tooltip", { key: '15ed2478980c1b0f2c9eb7db548dd75ba46c26fb', variant: "rich", placement: "top", trigger: "click" }, index.h("ur-button-icon", { key: 'c5e2ca0286bb5cd5a6c0752e73a915fb2f8c6a8d', slot: "", icon: "speed", variant: "standard", buttonHeight: "36px", buttonWidth: "36px", "aria-label": this.speedText }), index.h("div", { key: '3106ca40262b063426304b7a5aa7d6dc4bc8e133', slot: "rich-content", class: "speed-options" }, [0.5, 0.75, 1.0, 1.25, 1.5, 2.0].map(rate => (index.h("button", { class: {
                 'speed-option': true,
                 'active': this.playbackRate === rate,
-            }, onClick: () => this.handlePlaybackRateChange(rate) }, rate, "x")))))), index.h("div", { key: 'b48f3900935f1c62267786822402551d66a4b43c', class: "volume-control" }, index.h("ur-button-icon", { key: 'bb3a459f23c4b30eedd65a1da22d184f9855003b', icon: this.volume === 0 ? 'volume_off' : this.volume < 0.5 ? 'volume_down' : 'volume_up', variant: "standard", buttonHeight: "36px", buttonWidth: "36px", onClick: this.handleVolumeChange, "aria-label": this.volumeText }), index.h("div", { key: '1ab05a01e8c384932e56fa303a1213b18ec73226', class: "volume-slider-container" }, index.h("input", { key: '6d0327dd682aab895fb88ea285d9c14451f4fd04', title: "Volume", type: "range", min: "0", max: "1", step: "0.01", value: this.volume, class: "volume-slider", onInput: this.handleVolumeChange })))))))));
+            }, onClick: () => this.handlePlaybackRateChange(rate) }, rate, "x")))))), index.h("div", { key: 'a78bd7abaf7d7d7a995fda08c76c5e67376a9475', class: "volume-control" }, index.h("ur-button-icon", { key: '569efdd4a0a9e78943a997040b4751caf7f9fad9', icon: this.volume === 0 ? 'volume_off' : this.volume < 0.5 ? 'volume_down' : 'volume_up', variant: "standard", buttonHeight: "36px", buttonWidth: "36px", onClick: this.handleVolumeChange, "aria-label": this.volumeText }), index.h("div", { key: '045a43965d9733fff4176663832510d72dc4ff1c', class: "volume-slider-container" }, index.h("input", { key: '28b365c998a11c376756aa66afe6943cabb36d12', title: "Volume", type: "range", min: "0", max: "1", step: "0.01", value: this.volume, class: "volume-slider", onInput: this.handleVolumeChange })))))))));
     }
     static get watchers() { return {
         "src": ["onSourceChange"]

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

@@ -113,11 +113,11 @@ const UrProfile = class {
         this.member_since = 'May 25, 20215';
     }
     render() {
-        return (index.h(index.Host, { key: '7cca0ab6deebc7717a10d80856df9e35e17d5b5a' }, index.h("div", { key: '075ca820410e891275a8d7606777eb43798d8341', class: "profile" }, index.h("div", { key: '61a3ebc77377fc6345ed7a24e3e767a6d8090447', class: "name" }, this.name), this.description && index.h("div", { key: 'f157e455675e1fd3c45318b027868f008eed0fd3', class: "description" }, this.description), this.location && index.h("div", { key: '3afe5288319847908f7b50d940fc89a6f82b0fcd', class: "location" }, this.location), index.h("div", { key: 'c014546e324dc4c759a4a509d1f46911c7fd3c96', class: "social" }, this.facebook_url && index.h("a", { key: '2bb14bdd23f4df5b21c8deb36289e42ada58afee', href: this.facebook_url, title: "facebook", target: "_blank" }, index.h("span", { key: 'ecf3d478d5469410541854d478931a94853c3105', class: "icon", innerHTML: Icons.facebook })), this.twitter_url && index.h("a", { key: 'd4d13bafe51598cd7f1e3676e9e3c0659b2e6d25', href: this.twitter_url, title: "twitter", target: "_blank" }, index.h("span", { key: 'c6151ba6e64b4a3ea2ad2372a04d6f0afd120f6b', class: "icon", innerHTML: Icons.twitter })), this.linkedin_url && index.h("a", { key: '89868f5e2ff2f9350ccec58405e3073daf2e1635', href: this.linkedin_url, title: "linkedin", target: "_blank" }, index.h("span", { key: '31ed6ffc1c047b3ea2ce1b545586997a80d50059', class: "icon", innerHTML: Icons.linkedin })), this.email && index.h("a", { key: '16b86a8ec02dea3a993fc6e02e33a108c8d44543', href: "mailto:" + this.email, title: "email", target: "_blank" }, index.h("span", { key: '41d9c3d1440ecc87571bb22832aab31d169999be', class: "icon", innerHTML: Icons.email })), this.phone && index.h("a", { key: '7a3a35e382a2544cb6d0fee85ae8a8b2a82a130a', href: "tel:" + this.phone, title: "phone", target: "_blank" }, index.h("span", { key: '786b95641cd53721c378db117a35d61fa3b44347', class: "icon", innerHTML: Icons.phone }))), this.website && index.h("a", { key: '144ce77d54b64f2572bbf2bb31e0ba51db383642', class: "website", href: this.website, title: "website", target: "_blank" }, index.h("span", { key: '98143f5682c8580a6f99575dba229ed637c755b8', class: "icon", innerHTML: Icons.website }), this.website), this.show_follow && index.h("div", { key: 'e5d277a2fa19bd1e58f00ae9e10f71b44c2fc0bc', class: "follow-action action" }, index.h("mdui-button", { key: '93b4d28fc96b1669d598a0a03d110dca0a7f013d' }, "Follow")), this.show_donate && index.h("div", { key: 'd9d2fa5119d5adee00e82da963c41a78af5d6070', class: "donate-action action" }, index.h("mdui-button", { key: '75385b10f94ab09e6d29a21573fdaf505a7ca7c4', variant: "outlined" }, "Donate")), this.show_become_member && index.h("div", { key: 'aef432391fcd5ee129c51bffa29d81d221e9b942', class: "member-action action" }, index.h("mdui-button", { key: 'a0528547c0739393973e8990a91ad23d257a08b7', variant: "outlined" }, "Become Member")), this.show_send_message && index.h("div", { key: '4f67c3486163e985ad3983be4707585d25727929', class: "message-action action" }, index.h("mdui-button", { key: '7c7b8b20dbfd84416072289a6ad1150ff95cf3e2', variant: "outlined" }, "Message")), this.show_stats && index.h("div", { key: '817dfa4c701cbbdd31ff04fb7fd169dc830ab475', class: "stats" }, index.h("div", { key: '546ce604217f16a43834ee29383d73ad810a76e0', class: "stat" }, index.h("span", { key: '16b94ebae958274ec1f790d7038cb5be54ec16b6', class: "label" }, "Stories"), index.h("span", { key: 'bfe7ffbe018d0c181c155566062a75b3bb307638', class: "value" }, this.stories_count)), index.h("div", { key: 'f0d9d4e34451cfda235542e8cc498f920d41d89d', class: "stat" }, index.h("span", { key: 'af99299b8c086b9e74f75cb394c4b950342addfe', class: "label" }, "Views"), index.h("span", { key: '2980d3df2acf8beb190f505b281b3ffadf4c954b', class: "value" }, this.views_count)), index.h("div", { key: '6d5ea331af0864a26bc5064271dc9c5f0aad653a', class: "stat" }, index.h("span", { key: '6b6ee2a192d3db844822c516c42a6533e413945e', class: "label" }, "Followers"), index.h("span", { key: 'bec423e89fb8b3133f2f6f6430bbd10845d7edbe', class: "value" }, this.followers_count)), index.h("div", { key: 'ae86431052bb9635248919ac104b1a65d70106c8', class: "stat" }, index.h("span", { key: 'd087c999cf8a2a64b5439487a2ba16a6d23fe83f', class: "label" }, "Writers"), index.h("span", { key: 'c35460b917e75d53d74eac9f32fcb2f909c26ce2', class: "value" }, this.writers_count))), this.show_languages && this.languages.trim().length > 0 && index.h("div", { key: 'a4d68ccb1e58a4f3edddac85a3f1ae670f43d854', class: "languages" }, index.h("div", { key: 'd1289f327ce6ef2ccd0ab55b289db522423441c2', class: "title" }, "Languages"), index.h("div", { key: '7005ef64e19579fd29618c549f6afd8832e4fc9c', class: "pills" }, this.languages.split(',').map((language) => {
+        return (index.h(index.Host, { key: '02c1b02a214a18dd7f4ddb57a61ef8077684f2b3' }, index.h("div", { key: '0a3dd05791f0951f79f28dc2006e8f4b3ce1ac82', class: "profile" }, index.h("div", { key: 'a1ff5850a4f7f75fa8499bdea4c003c9627fa1a7', class: "name" }, this.name), this.description && index.h("div", { key: '519edc5d85be8b1851ed30b16d7ea6a2d86bc127', class: "description" }, this.description), this.location && index.h("div", { key: '12652d011d9d3d7821c4d4c409e12a4dd246aa37', class: "location" }, this.location), index.h("div", { key: 'a0d120bd9a8647b8a9b051d1f19e8a76dc651590', class: "social" }, this.facebook_url && index.h("a", { key: 'bf4f1197094787163eeb46ceb12d82db7d2c9022', href: this.facebook_url, title: "facebook", target: "_blank" }, index.h("span", { key: 'aef9c00b0ea34be38f113b86664c29ee5024c15c', class: "icon", innerHTML: Icons.facebook })), this.twitter_url && index.h("a", { key: 'e77d42c443bed810943f3b235cbcac4028a23ae1', href: this.twitter_url, title: "twitter", target: "_blank" }, index.h("span", { key: '9c943a6a820e409825670d5f862d2f405d5110bf', class: "icon", innerHTML: Icons.twitter })), this.linkedin_url && index.h("a", { key: '0dc2843672345773c2aa497ebfcdebee572b17a4', href: this.linkedin_url, title: "linkedin", target: "_blank" }, index.h("span", { key: 'ad53e09ce1ad21fe3d59e585ed1407cfe3849456', class: "icon", innerHTML: Icons.linkedin })), this.email && index.h("a", { key: '9d3740b9f141c94bafc3e812a5eb384f19260c2a', href: "mailto:" + this.email, title: "email", target: "_blank" }, index.h("span", { key: 'ee47bf0778f92e54573a88a9e2f2caa051bd66f7', class: "icon", innerHTML: Icons.email })), this.phone && index.h("a", { key: 'e55fd16d285ae6681f01aa17ee943c108e5d22af', href: "tel:" + this.phone, title: "phone", target: "_blank" }, index.h("span", { key: 'ecf0c898ae7d287b978ef23f3d95a9be78d76b14', class: "icon", innerHTML: Icons.phone }))), this.website && index.h("a", { key: '2a0743ebfcdf29de63aeeef3aa0e4bf2803152c9', class: "website", href: this.website, title: "website", target: "_blank" }, index.h("span", { key: '8d508100124ba10d474c32b1eeaf28edf621dabe', class: "icon", innerHTML: Icons.website }), this.website), this.show_follow && index.h("div", { key: '42460b4c2ef50e179833bbd3cc2d69180bcf76b3', class: "follow-action action" }, index.h("mdui-button", { key: '01d4d59f571ea83c920ccd2585a11e1f5d54a69b' }, "Follow")), this.show_donate && index.h("div", { key: 'f3dd1c07589103dc435bd97b0914e659f9a50436', class: "donate-action action" }, index.h("mdui-button", { key: '3c73ec8b919a7c3f1e3cbb0859aee97792ec95e8', variant: "outlined" }, "Donate")), this.show_become_member && index.h("div", { key: '6f7e616bc0c7d7b4b96bba92046481dc1f8b5017', class: "member-action action" }, index.h("mdui-button", { key: 'd044e01663562a226e4640ee0067fcd37c33f560', variant: "outlined" }, "Become Member")), this.show_send_message && index.h("div", { key: 'e88b2f7db1fb909d2c15784256d093ab05f2f749', class: "message-action action" }, index.h("mdui-button", { key: '28ca481b39c5a0aeff4ecba4a9380e98fa23cbbe', variant: "outlined" }, "Message")), this.show_stats && index.h("div", { key: 'c7bd3fb2e57e0341d4393d6bf4de636e9b82d7bd', class: "stats" }, index.h("div", { key: '75fa63843c2c9896c12847c459fd0e69492b8f77', class: "stat" }, index.h("span", { key: '0e3ec824c579a5fa4da8502e62f9f156024f89ca', class: "label" }, "Stories"), index.h("span", { key: 'c20e6dbbc36cc68b5d28c2ca7a733a02a4653a94', class: "value" }, this.stories_count)), index.h("div", { key: '2769b1c4ece4c545ac4c45f1f234423c24087625', class: "stat" }, index.h("span", { key: '89f53a4583aaf6eb3b58d1dbb589ab49be15b0ac', class: "label" }, "Views"), index.h("span", { key: '2dd2b8826a3fac9ef034ac15bc71a8761e321822', class: "value" }, this.views_count)), index.h("div", { key: 'f63c1661b2186a2221f75f9bdecf1edfa6e3404c', class: "stat" }, index.h("span", { key: '0a5d80c56d46465b742fbf4b9a882cc2d59446d8', class: "label" }, "Followers"), index.h("span", { key: 'f1cb7ef721547801494ae5b28c3b9fd5cb7caa27', class: "value" }, this.followers_count)), index.h("div", { key: '593ba1bf72c71502f7f4adf998456fc36b40b6a2', class: "stat" }, index.h("span", { key: '9dde03f573314ae1dff6cf94003ddca0d61d3471', class: "label" }, "Writers"), index.h("span", { key: '9a8f13057d53ca4971bbe01db5895dcfe76025c8', class: "value" }, this.writers_count))), this.show_languages && this.languages.trim().length > 0 && index.h("div", { key: 'fa00c9bef5ab933dbbdff324faaf72e2dc9e8001', class: "languages" }, index.h("div", { key: 'f0b1ece6094797f942dd10bd02ec9afe4504549a', class: "title" }, "Languages"), index.h("div", { key: '9d823f4edc7f805f5772d09797077ce407949fb8', 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: 'ab345afabf820263f42bf3f820d154db6ba13286', class: "genres" }, index.h("div", { key: 'c3709720680b20d0c1dd162ad2dd7589b62ae3e5', class: "title" }, "Genres"), index.h("div", { key: '4a5d1bb7fb037e388db2df4996a5494c78613a6b', class: "pills" }, this.genres.split(',').map((genre) => {
+        }))), this.show_genres && this.genres.trim().length > 0 && index.h("div", { key: '74587026da21d9536e5696a90977f43e3982e32f', class: "genres" }, index.h("div", { key: 'fec9a23bf43be8ad87fa4f73ccab42773e8234d9', class: "title" }, "Genres"), index.h("div", { key: 'a8dcd81957591ff9b1da3fa044ec6d54a5704d75', 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: '06de5f06e89f6f92df7399a86344fdb6cf9f6385', class: "member_since" }, "Member Since: ", this.member_since.trim()))));
+        }))), this.show_member_since && this.member_since.trim().length > 0 && index.h("div", { key: '8cba8c447bcede8e9c7d20cb5293d279ba55cdcd', class: "member_since" }, "Member Since: ", this.member_since.trim()))));
     }
 };
 UrProfile.style = urProfileCss;

package/dist/cjs/ur-radio-button_2.cjs.entry.js

@@ -201,7 +201,7 @@ const UrRadioButton = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ea94e728a21d3b94235f42bcb059207d8a51a13f' }, index.h("mdui-radio", { key: '509ac7038c6fca53b71123f6b56e33b83d6bdb11', checked: this.checked, disabled: this.disabled, name: this.name, onClick: this.handleClick, class: this.fullWidth ? 'full-width' : '' }, index.h("slot", { key: 'df7fa807a30d4727a3e3ef4af515edcd612b8e76' }))));
+        return (index.h(index.Host, { key: '62bd549534e6a98bb304a62b26d79ae1c2d547ca' }, index.h("mdui-radio", { key: 'af4deb4e29d0d21babe3f5a7bce4f728d6e7a2ef', checked: this.checked, disabled: this.disabled, name: this.name, onClick: this.handleClick, class: this.fullWidth ? 'full-width' : '' }, index.h("slot", { key: 'd6c89e2b41c18bd774e5d731151b550b3f938067' }))));
     }
     static get watchers() { return {
         "checked": ["watchChecked"]
@@ -544,7 +544,7 @@ const UrRadioGroup = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'e4efb752205e7325e4e81b1aaefb4c567b3f2d04' }, index.h("mdui-radio-group", { key: 'a3747cd5f958b65b7e86bc0f3ed209d1c7445fb3' }, index.h("slot", { key: '61c9e368d47b1b9fb126f279cdd0fb8b61bfa90b', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: '0f0f5e86ea4a892238f6dc3676a0f7852673346b' }, index.h("mdui-radio-group", { key: '249fff1d1e6cd225b93d9446ab83724779b75efc' }, index.h("slot", { key: '3ff1d3f38b7a867a37e5d50fe4ed156b0130ce10', onSlotchange: this.onSlotChange }))));
     }
 };
 UrRadioGroup.style = urRadioGroupCss;

package/dist/cjs/ur-read-mobile-top-app-bar.cjs.entry.js

@@ -38,7 +38,7 @@ const UrMainDesktopTopAppBar = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'e8c59977c3ab043273473fdc04306cdec19217f0' }, index.h("mdui-top-app-bar", { key: '19972ff8947867b98be93a9d2f9d93dbbed91a37', variant: this.variant, "scroll-target": ".example-scroll-target", "scroll-behavior": this.scrollBehavior, "scroll-threshold": this.scrollThreshold }, index.h("ur-button-icon", { key: '7d4c10815e6c75e42d6e470031b95c8820c09e88', icon: "arrow_back", variant: "standard", "aria-label": "Back", onClick: this.handleBackClick }), index.h("mdui-top-app-bar-title", { key: '945fc5666b9145a02c88e47b3b4ae44ebc8c0bb7' }, this.headerTitle), index.h("ur-button-icon", { key: '60325bb6ddee1678a743fc4398534e28e9fb5a7d', icon: "library_books--outlined", variant: "standard", "aria-label": "Chapters", onClick: this.handleChaptersClick }), index.h("ur-button-icon", { key: '16e4fd7d09dc7e7793e37a59281bb437bda0a17f', icon: "text_format--outlined", variant: "standard", "aria-label": "Reading Settings", onClick: this.handleReadingSettingsClick }))));
+        return (index.h(index.Host, { key: '98c1c3a99594cf5a58e1bb830464e6a8f3b2592f' }, index.h("mdui-top-app-bar", { key: 'ebf1ed80d41d5438795eda1909994ddb32617971', variant: this.variant, "scroll-target": ".example-scroll-target", "scroll-behavior": this.scrollBehavior, "scroll-threshold": this.scrollThreshold }, index.h("ur-button-icon", { key: '1ebcde1084720e936e79f118d5b4b057dd0b9ca7', icon: "arrow_back", variant: "standard", "aria-label": "Back", onClick: this.handleBackClick }), index.h("mdui-top-app-bar-title", { key: 'a69508cba72f4361d2f4c07a7685be8f2908ea71' }, this.headerTitle), index.h("ur-button-icon", { key: '9702ba73dcbb8668681969778e1015d5c860ff7d', icon: "library_books--outlined", variant: "standard", "aria-label": "Chapters", onClick: this.handleChaptersClick }), index.h("ur-button-icon", { key: '6c83de7c0943f490eebc234ccd3fb60afa0b88f6', icon: "text_format--outlined", variant: "standard", "aria-label": "Reading Settings", onClick: this.handleReadingSettingsClick }))));
     }
 };
 UrMainDesktopTopAppBar.style = urReadMobileTopAppBarCss;

package/dist/cjs/ur-read-rail-mobile.cjs.entry.js

@@ -82,10 +82,10 @@ const UrReadRailMobile = class {
         this.updateVisibility();
     }
     render() {
-        return (index.h(index.Host, { key: '10a1ed12e5cd72a3112c643cf1af962a40904632', class: {
+        return (index.h(index.Host, { key: '47370a65f557a433379cd167d414e0d6b41b2956', class: {
                 'ur-read-rail': true,
                 'hidden': !this.isVisible, // Apply hidden class when isVisible is false
-            } }, index.h("div", { key: 'cceb10e552bddaadb4cdb284f305e98f9033b085', class: "profile-holder" }, index.h("ur-avatar", { key: '30e157903b1fe3918a26c4e3714de85368191eae', class: "avatar-button", src: this.avatarSrc, border: "4px", size: "56px", name: this.avatarName, onClick: () => this.handleViewProfile() }), !this.isFollowed && index.h("ur-button-icon", { key: '9d4247a1dbec16e053408518fee673a0be4e6b72', class: "follow-btn", icon: "add", variant: "filled", onClick: () => this.handleFollow() })), index.h("div", { key: '2c619178d0858bdbef0073ef8d0b2ce10c6df9af', class: "actions-holder" }, index.h("div", { key: 'a0b846d276036564d418f20a421fe427deba4168', class: "action" }, index.h("ur-button-icon", { key: 'a8793ede6b367b412a198af797eed6f927fa5370', icon: "thumb_up--outlined", variant: "standard", onClick: () => this.handleLike() }), index.h("span", { key: '804cd7d5dd468ecef21a72be44588ed6b46e3bed', class: "action-label" }, this.likes)), index.h("div", { key: 'e450fcd0cd2f59123744b85e9f69c2867df16da5', class: "action" }, index.h("ur-button-icon", { key: '169835b64e2c13a3c40db1dc541a28f2cccca393', icon: "thumb_down--outlined", variant: "standard", onClick: () => this.handleDislike() }), index.h("span", { key: '5058a1146f439d35c36aea991c24ab2a5da3af5f', class: "action-label" }, this.dislike)), index.h("div", { key: 'f9ef2e3c9bcf86cdc27af321d3da7c9366e423b3', class: "action" }, index.h("ur-button-icon", { key: '1b1ca31cf811207c07773c0df9dd8c6b503ca47f', icon: "comment--outlined", variant: "standard", onClick: () => this.handleComment() }), index.h("span", { key: '7839669ccccfbf7fdd6714373812340c293e16a4', class: "action-label" }, this.comments)), index.h("div", { key: '7a6f906e9471c8232813a6d517c43ccb305b9007', class: "action" }, index.h("ur-button-icon", { key: 'a7ba3c3f979be522379b99559d82e6f48cbe3a44', icon: "volunteer_activism--outlined", variant: "standard", onClick: () => this.handleDonate() }), index.h("span", { key: '49bbfec57e04b012a99156815d1ef404e96185c5', class: "action-label" }, this.donate)), index.h("div", { key: 'ac7db8defe3cf771e17222eb5ea9804ed06736c7', class: "action" }, index.h("ur-button-icon", { key: '54b122dfdbb3f00ec3ea1819886895d825a170ea', icon: "share--outlined", variant: "standard", onClick: () => this.handleShare() }), index.h("span", { key: 'a4a7d627e6725da5941075dfc3acdf7f298a2167', class: "action-label" }, this.share)))));
+            } }, index.h("div", { key: '37ec3820ce2ec1d3cc04d3f116918b33c9336d78', class: "profile-holder" }, index.h("ur-avatar", { key: '68818a6fcf1ce625ec7bc11ce1e0c8d1c4fff27b', class: "avatar-button", src: this.avatarSrc, border: "4px", size: "56px", name: this.avatarName, onClick: () => this.handleViewProfile() }), !this.isFollowed && index.h("ur-button-icon", { key: 'fcd3cf9f345bf081e05cf8d6ff8e3468d324af18', class: "follow-btn", icon: "add", variant: "filled", onClick: () => this.handleFollow() })), index.h("div", { key: '2678258df533de96f8de4de6bd71ea8d2d41eb77', class: "actions-holder" }, index.h("div", { key: '9f07ef72d9d32726d784497a69faa6e07123bbd6', class: "action" }, index.h("ur-button-icon", { key: '1aee1f604fcca261c253d08c3743109485863b67', icon: "thumb_up--outlined", variant: "standard", onClick: () => this.handleLike() }), index.h("span", { key: 'feb13385f4841ca6b3cd099b7b61909bfb9b89ed', class: "action-label" }, this.likes)), index.h("div", { key: '6371fca3c7f60227db6e93867b42de29f26f81a6', class: "action" }, index.h("ur-button-icon", { key: '5ac7c44f9da61576e0f6c9d1b355611b22693a41', icon: "thumb_down--outlined", variant: "standard", onClick: () => this.handleDislike() }), index.h("span", { key: '87d8b21752d9a4e7f5e60aca066eb77b54235594', class: "action-label" }, this.dislike)), index.h("div", { key: 'd6027264a7944a694bb9b740a925e49d1c5650d6', class: "action" }, index.h("ur-button-icon", { key: 'cb8c2a78ea0c774e187c9b2f4c723ba360c40a49', icon: "comment--outlined", variant: "standard", onClick: () => this.handleComment() }), index.h("span", { key: '5f29172fc300d205788c27b0f2d0e2dbfc0eb05f', class: "action-label" }, this.comments)), index.h("div", { key: '87a7e7514f8c6b97725badee3b87340bc5de80d9', class: "action" }, index.h("ur-button-icon", { key: '8e01af5932a3a514e99e95a564f0b48838ed5e7a', icon: "volunteer_activism--outlined", variant: "standard", onClick: () => this.handleDonate() }), index.h("span", { key: '9705005c96e249083cf87b5903eaf011dc6be125', class: "action-label" }, this.donate)), index.h("div", { key: '6b891828f34a8f470b249717c65815eda6d5c6d5', class: "action" }, index.h("ur-button-icon", { key: '485b80f7865f60a04d0104d53e369c4126ac132c', icon: "share--outlined", variant: "standard", onClick: () => this.handleShare() }), index.h("span", { key: '334a14f5e3d1184e40771816f9d01636a45a54be', class: "action-label" }, this.share)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ur-read-rail.cjs.entry.js

@@ -112,10 +112,10 @@ const UrReadRail = class {
         this.updateVisibility();
     }
     render() {
-        return (index.h(index.Host, { key: '14c20abe85536fd125f1389cd21cd5f3cc4d78d1', class: {
+        return (index.h(index.Host, { key: '29df4bbe6b53dacd96fa6d39fea78d5777891cad', class: {
                 'ur-read-rail': true,
                 'hidden': !this.isVisible, // Apply hidden class when isVisible is false
-            } }, index.h("div", { key: '75bb0a1771e7790df344c9b65c7ab8268e32f0e0', class: "profile-holder" }, index.h("ur-avatar", { key: '17f1300ef7bc0d5f34f0affc8baa2545667bad3f', class: "avatar-button", src: this.avatarSrc, border: "4px", size: "56px", name: this.avatarName, onClick: () => this.handleViewProfile() }), !this.isFollowed && !this.isOwnChapter && index.h("ur-button-icon", { key: 'e7b1a7eb597bade9316179065b320db4a6af7a14', class: "follow-btn", icon: "add", variant: "filled", onClick: () => this.handleFollow() })), this.pageId && this.pageName && (index.h("div", { key: '5d843cc66576a04bfd43e44d9366623c86117563', class: "profile-holder page-profile" }, index.h("ur-avatar", { key: '5a09b0c7eb46adc106799299b279e801abbf26c2', class: "avatar-button", src: this.pageSrc, border: "4px", size: "56px", name: this.pageName, variant: "page", radius: "8px", onClick: () => this.handleViewPageProfile() }), !this.isPageFollowed && index.h("ur-button-icon", { key: '5e0af771dca2becd6114910e87449704bdac710b', class: "follow-btn", icon: "add", variant: "filled", onClick: () => this.handlePageFollow() }))), index.h("div", { key: 'e5ca55665a3d972ca36e31fe4a52c13bee1fcb68', class: "actions-holder" }, index.h("slot", { key: '12d9389313e7c1b4a416ad7879e12c30a375c8fc', name: "thumbs-rating" }), index.h("div", { key: '4d9d1f8b90a93a958172c7bd629e8407e250ce95', class: "action" }, index.h("ur-button-icon", { key: '3aa3124d906cc649f5071a98cb5f11942363843f', icon: "comment--outlined", variant: "standard", onClick: () => this.handleComment() }), index.h("span", { key: 'b1c769013e785eee386debc9f70443caaa994322', class: "action-label" }, this.comments)), this.isDonationsEnabled && !this.isPaidChapter && !this.isOwnChapter && this.isAuthorPro && (index.h("div", { key: '1e4a6a2a9b8922af360e249eedc1e42877da5bf7', class: "action" }, index.h("ur-button-icon", { key: 'a86c9ef3c668c5ebf06a54252f4eaaef368ecf62', icon: "volunteer_activism--outlined", variant: "standard", onClick: () => this.handleDonate() }), index.h("span", { key: '0fde7c74b3431cf720e3880060f8a5d97065a941', class: "action-label" }, this.donate))), this.renderShareButton())));
+            } }, index.h("div", { key: 'a41ca0f57ca58ab805725516013ede61577c4c87', class: "profile-holder" }, index.h("ur-avatar", { key: 'a34b18fbc3b92b64ab815c564d2be7b56a2b1d9d', class: "avatar-button", src: this.avatarSrc, border: "4px", size: "56px", name: this.avatarName, onClick: () => this.handleViewProfile() }), !this.isFollowed && !this.isOwnChapter && index.h("ur-button-icon", { key: '7e7b85623c6608455eeabc27e83114cef9d0fd05', class: "follow-btn", icon: "add", variant: "filled", onClick: () => this.handleFollow() })), this.pageId && this.pageName && (index.h("div", { key: '5dae92649635e2265c8efaa5f0c446e823e448bb', class: "profile-holder page-profile" }, index.h("ur-avatar", { key: 'be2d95a469bbac11a20a559771d25a6f0bc51f87', class: "avatar-button", src: this.pageSrc, border: "4px", size: "56px", name: this.pageName, variant: "page", radius: "8px", onClick: () => this.handleViewPageProfile() }), !this.isPageFollowed && index.h("ur-button-icon", { key: '980e1d5fef1996de0232b109715e13434062365a', class: "follow-btn", icon: "add", variant: "filled", onClick: () => this.handlePageFollow() }))), index.h("div", { key: '69b3334c650926905bbba172c2e36563f0d5b468', class: "actions-holder" }, index.h("slot", { key: '9f679457a9ad418162f2db6d8d1c3137a954a6f1', name: "thumbs-rating" }), index.h("div", { key: '0a57b678aace832485bb58957c698dddb42a440e', class: "action" }, index.h("ur-button-icon", { key: 'f3e7380ef2c7e010b83d25a9578cc941d8d303ac', icon: "comment--outlined", variant: "standard", onClick: () => this.handleComment() }), index.h("span", { key: '9cfc9b69dd9fb8f7607d09fe7afffe9c2a62df2b', class: "action-label" }, this.comments)), this.isDonationsEnabled && !this.isPaidChapter && !this.isOwnChapter && this.isAuthorPro && (index.h("div", { key: '389827afcf5f89366eca436816df870f309e9efb', class: "action" }, index.h("ur-button-icon", { key: 'd70ea1f44fd0ef81f6ae2655f0f8f1cce6b20634', icon: "volunteer_activism--outlined", variant: "standard", onClick: () => this.handleDonate() }), index.h("span", { key: '20b64fc924c0a8292f53b71355fb38176d76b485', class: "action-label" }, this.donate))), this.renderShareButton())));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ur-read-top-app-bar.cjs.entry.js

@@ -112,7 +112,7 @@ const UrReadTopAppBar = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0efdc5ab0406ea5184673e099fc7f045f4a68304' }, index.h("mdui-top-app-bar", { key: '531c90c8699975483b99f7c5f77e396b2c7aeaf7', variant: this.variant, "scroll-target": ".example-scroll-target", "scroll-behavior": this.scrollBehavior, "scroll-threshold": this.scrollThreshold, style: { top: this.topValue } }, index.h("mdui-top-app-bar-title", { key: 'ac47bd0110dd5a2cbf5026beb9cbd75ebb685d84' }, this.novelTitle), this.isChapterOwner && (index.h("ur-tooltip", { key: '690ff05ed532871b284a1562201edc4fb0d8f61c', content: this.editChapterTooltip, placement: "bottom", trigger: "hover", colorScheme: "dark" }, index.h("ur-button-icon", { key: '16571df8059d592cbbafa0070d3adf5eb20fa80c', icon: "edit", variant: "standard", "aria-label": "Edit Chapter", onClick: this.handleEditChapterClick }))), this.deviceVariant === 'desktop' && index.h("slot", { key: '4d1570666c9403099d352b1f1fd6618a43a6b74b', name: "chapter-select" }), this.deviceVariant === 'mobile' && (index.h("ur-tooltip", { key: '7268a7c2371528d5c053c2845b11540d2eed34e8', content: this.selectChapterTooltip, placement: "bottom", trigger: "hover", colorScheme: "dark" }, index.h("ur-button-icon", { key: '0940a73324d0286b8140608a108081e7f6450d44', icon: "list", variant: "standard", "aria-label": "Select Chapter", onClick: this.handleChapterButtonClick }))), index.h("ur-tooltip", { key: '9a58765cebdf3f37395332081341429b73ca5971', content: this.storySummaryTooltip, placement: "bottom", trigger: "hover", colorScheme: "dark" }, index.h("ur-button-icon", { key: '733c7ae42c978df538b9eaab0d032015251696ba', icon: "info_outline", variant: "standard", "aria-label": "Story Summary", onClick: this.handleStorySummaryClick })), index.h("ur-tooltip", { key: 'da93441da5a29f70705f7281d573726ca3fed8f3', content: this.readingSettingsTooltip, placement: "bottom-left", trigger: "hover", colorScheme: "dark" }, index.h("ur-button-icon", { key: '5508a2422a152d52f886e0d3b831374a5b1f64d5', icon: "text_format--outlined", variant: "standard", "aria-label": "Reading Settings", onClick: this.handleReadingSettingsClick })), index.h("div", { key: 'c2e54ca69c11c75ab2483f5df250e4ab2a65a2bf', class: "read-progress" }, index.h("slot", { key: 'f45fe4e0ceb8eb8c3ee2ea7d8e0e6902749a014f', name: "read-progress" })))));
+        return (index.h(index.Host, { key: '90f73c0dac81541dbbeb5753592fe41bee28a2b1' }, index.h("mdui-top-app-bar", { key: 'aa33aaa714944f1221dccb4f245a794c1bd34cc2', variant: this.variant, "scroll-target": ".example-scroll-target", "scroll-behavior": this.scrollBehavior, "scroll-threshold": this.scrollThreshold, style: { top: this.topValue } }, index.h("mdui-top-app-bar-title", { key: 'f32eb964cc85f6669228dd48bb6324ac88df6c44' }, this.novelTitle), this.isChapterOwner && (index.h("ur-tooltip", { key: 'cbeca37f88591286e79c5b3113b9b09f4f6e5d43', content: this.editChapterTooltip, placement: "bottom", trigger: "hover", colorScheme: "dark" }, index.h("ur-button-icon", { key: 'c5706a29853bcf77181bbd7c16a1da2bd6e9a205', icon: "edit", variant: "standard", "aria-label": "Edit Chapter", onClick: this.handleEditChapterClick }))), this.deviceVariant === 'desktop' && index.h("slot", { key: '1d56ffa366c8347f739a278831d57887a560967c', name: "chapter-select" }), this.deviceVariant === 'mobile' && (index.h("ur-tooltip", { key: '094b4c1f22715ffc9e4d81c7a6d574bb7a21f4e3', content: this.selectChapterTooltip, placement: "bottom", trigger: "hover", colorScheme: "dark" }, index.h("ur-button-icon", { key: 'c15acf537ee9201520be8b23482abff899354fa8', icon: "list", variant: "standard", "aria-label": "Select Chapter", onClick: this.handleChapterButtonClick }))), index.h("ur-tooltip", { key: 'dd81a05b9fd969bc107b8dddffafb127326bde5e', content: this.storySummaryTooltip, placement: "bottom", trigger: "hover", colorScheme: "dark" }, index.h("ur-button-icon", { key: '1798d70f3fc41089be4fc3d22290ca179a634797', icon: "info_outline", variant: "standard", "aria-label": "Story Summary", onClick: this.handleStorySummaryClick })), index.h("ur-tooltip", { key: '039d09af3a74da0133d85e67644ec6d796e81e6e', content: this.readingSettingsTooltip, placement: "bottom-left", trigger: "hover", colorScheme: "dark" }, index.h("ur-button-icon", { key: '3f59e0423ce80891ffe4a6b3940196135db77415', icon: "text_format--outlined", variant: "standard", "aria-label": "Reading Settings", onClick: this.handleReadingSettingsClick })), index.h("div", { key: '0e206a54a18a99fac316974412a82e8ac8f2a791', class: "read-progress" }, index.h("slot", { key: '96950143c8ac22712a73cd656c3df9018ef1f8d7', name: "read-progress" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -565,7 +565,7 @@ const UrSegment = class {
         this.likeLabel = '2.5k'; // Default label is 'Like'
     }
     render() {
-        return (index.h(index.Host, { key: '3885a7e20458a8fb4ebf3bcb1dbfc1ffb338ab2d' }, index.h("mdui-segmented-button-group", { key: '61808e4f7853cceade31d878035cbb865ab4656b', selects: "single" }, index.h("mdui-segmented-button", { key: 'f653b575e4e7c404eee1e9f4ab10bf190406dcc2', icon: "thumb_up--outlined", "selected-icon": "thumb_up", value: "like" }, this.likeLabel), index.h("mdui-segmented-button", { key: 'd2b9d31ac656c053725a4dcb203cd4dedaecf4aa', icon: "thumb_down--outlined", "selected-icon": "thumb_down", value: "dislike" }))));
+        return (index.h(index.Host, { key: 'ca7d34d8c7dfa6e45c7ed431c2e9cd39e9494bde' }, index.h("mdui-segmented-button-group", { key: '0e995de4f387adb2b27af437522f48e5e7c8b190', selects: "single" }, index.h("mdui-segmented-button", { key: 'e0036bf1058b660f7f5d614e1846659ab1f76919', icon: "thumb_up--outlined", "selected-icon": "thumb_up", value: "like" }, this.likeLabel), index.h("mdui-segmented-button", { key: '644e878c99f419d6d3c122663d6a30ef36069467', icon: "thumb_down--outlined", "selected-icon": "thumb_down", value: "dislike" }))));
     }
 };
 UrSegment.style = urSegmentButtonCss;

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

@@ -502,7 +502,7 @@ const UrSelect = class {
         };
         // For multi-select, always use this.value directly, for single-select use displayText fallback
         const selectValue = this.multiple ? this.value : (this.displayText || this.value);
-        return (index.h(index.Host, { key: '2f69446b46ddcfdc67d1e87fd83f6bcf132d2354', style: selectStyles }, index.h("mdui-select", { key: '6415b6d5964831be04fc5ea2b1f9b7e91e9deb90', name: this.name, value: selectValue, label: this.label || '', variant: this.variant, usage: this.usage, multiple: this.multiple, class: !this.multiple ? 'single-select' : '', flex: this.flex, clearable: this.clearable, disabled: this.disabled, required: this.required, readonly: this.readonly, placement: this.placement, placeholder: this.placeholder, onChange: this.handleChange }, this.icon && (index.h("mdui-icon", { key: 'd8f79b4adc9c178034c21b27e79a73ad43e68495', slot: "icon", name: this.icon })), this.endIcon && (index.h("mdui-icon", { key: 'ebce34c2ba283d45c8ab689dca81f2a7acb75a64', slot: "end-icon", name: this.endIcon })), this.suffix && index.h("span", { key: '915c8860e8a91c902e06d3b8871d949f3eaf2766', slot: "suffix" }, this.suffix), index.h("slot", { key: '43fd775838602755a354f71657ccef30640f4835' }), this.helper && index.h("span", { key: 'ea749ec952d67e713ded60356faff6851108d8c6', slot: "helper" }, this.helper))));
+        return (index.h(index.Host, { key: 'c1d447eacac7364d7a659a4a0659a3c7fbe78b0f', style: selectStyles }, index.h("mdui-select", { key: 'd2f29886437be87f29ea2218e4d7fb863961a9ae', name: this.name, value: selectValue, label: this.label || '', variant: this.variant, usage: this.usage, multiple: this.multiple, class: !this.multiple ? 'single-select' : '', flex: this.flex, clearable: this.clearable, disabled: this.disabled, required: this.required, readonly: this.readonly, placement: this.placement, placeholder: this.placeholder, onChange: this.handleChange }, this.icon && (index.h("mdui-icon", { key: '1975acb70344af747191ffb5059b55f1917fac8e', slot: "icon", name: this.icon })), this.endIcon && (index.h("mdui-icon", { key: '6b7f9efef214bb58cb93625376ad633527c9b2a0', slot: "end-icon", name: this.endIcon })), this.suffix && index.h("span", { key: 'da2ba489a3c2117efbe131bcea07ba0d8e34ac84', slot: "suffix" }, this.suffix), index.h("slot", { key: '2270aa6dfdf100c675f928a13d8fb04295941843' }), this.helper && index.h("span", { key: 'ddbc29171704274c6e01cf2c00d6f7265e914774', slot: "helper" }, this.helper))));
     }
     static get watchers() { return {
         "value": ["handleValueChange"]

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

@@ -438,12 +438,12 @@ const UrSnackbar = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '9ec90e38d121c562abd6b489ca0243501461e573' }, index.h("mdui-snackbar", { key: '358ec74918b442b27dbafd4d6a983ae7173145ae', open: this.open, placement: this.placement, action: this.action, "action-loading": this.actionLoading, closeable: this.closeable, "close-icon": this.closeIcon, "message-line": this.messageLine, "auto-close-delay": this.autoCloseDelay, "close-on-outside-click": this.closeOnOutsideClick, onOpen: this.handleOpen, onOpened: this.handleOpened, onClose: this.handleClose, onClosed: this.handleClosed, "onAction-click": this.handleActionClick, style: {
+        return (index.h(index.Host, { key: '1845eebfbab437a61120ceb628b6a5b205a74d82' }, index.h("mdui-snackbar", { key: 'fc739be6dd3b604974cc3cdffb3e9860a714c184', open: this.open, placement: this.placement, action: this.action, "action-loading": this.actionLoading, closeable: this.closeable, "close-icon": this.closeIcon, "message-line": this.messageLine, "auto-close-delay": this.autoCloseDelay, "close-on-outside-click": this.closeOnOutsideClick, onOpen: this.handleOpen, onOpened: this.handleOpened, onClose: this.handleClose, onClosed: this.handleClosed, "onAction-click": this.handleActionClick, style: {
                 '--z-index': this.zIndex,
                 '--shape-corner': this.radius,
                 'background-color': this.backColor,
                 'color': this.fontColor,
-            } }, this.message, index.h("slot", { key: 'ffe82b150112c798663016407235dafd66282443' }), index.h("slot", { key: '8695ffe5674cc914161d9a8c299b819f1c9df2b7', name: "action", slot: "action" }), index.h("slot", { key: 'd0caf7c2c8c1eddec5d98b22f4733c00548e7273', name: "close-button", slot: "close-button" }), index.h("slot", { key: 'ebebc3ede02704152aad020fd131b9ccec91ffe7', name: "close-icon", slot: "close-icon" }))));
+            } }, this.message, index.h("slot", { key: 'a2b6c5005cb1ef14940aee5655d7a47ae988e58a' }), index.h("slot", { key: '1cd1e0c3274016c43a7a24c4321810e0ae4b4f80', name: "action", slot: "action" }), index.h("slot", { key: 'a46ac6ccd8a10059a9228e9b0fcdb438e570357c', name: "close-button", slot: "close-button" }), index.h("slot", { key: 'a14b7ec74bf6580a1082c816c0b18d9a816b53da', name: "close-icon", slot: "close-icon" }))));
     }
 };
 UrSnackbar.style = urSnackbarCss;

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

@@ -221,7 +221,7 @@ const UrStepper = class {
         this.updateStepVisibility();
     }
     render() {
-        return (index.h(index.Host, { key: '3e44b02733fce5d8dea4c0d7b3e7c641d03df0dd', class: this.customClass }, index.h("div", { key: '6102c3004c88a2bd78ce9ba07cabdcdfcf78bb75', class: "stepper-container" }, Array.from({ length: this.stepCount }, (_, index) => this.renderStepIndicator(index + 1)))));
+        return (index.h(index.Host, { key: '804c2d55d3ecf24303aae4295d41b6a11fb9e04f', class: this.customClass }, index.h("div", { key: '2f2ac6b517044d102ef6115c9f5df8d4123960d0', class: "stepper-container" }, Array.from({ length: this.stepCount }, (_, index) => this.renderStepIndicator(index + 1)))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -55,7 +55,7 @@ const UrTabs = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '5adf430840eb9581f41a9f93425fb7258978a530' }, index.h("div", { key: '3b86096a11e1c0be67c5a8f4866f32acd86c11f5', class: "tabs-container" }, index.h("mdui-tabs", { key: '31ce7177c6c0acade02a1d38eaa5b8181cc461aa', value: this.value || ((_a = this.tabs[0]) === null || _a === void 0 ? void 0 : _a.value) }, this.tabs.map(tab => (index.h("mdui-tab", { value: tab.value }, tab.label)))), index.h("div", { key: '612fbc4b9178d9e017ff029838b6fd405e3b5a09', class: "panels-container" }, this.panels.map(panel => (index.h("mdui-tab-panel", { value: panel.value }, index.h("slot", { name: `panel-${panel.value}` }, panel.content))))))));
+        return (index.h(index.Host, { key: '9002d34bf55af5c68d2e0e691a762a9e1ff0b11b' }, index.h("div", { key: '223e1db6d334b70b35fc938f41662ab36c0b3c1f', class: "tabs-container" }, index.h("mdui-tabs", { key: 'c2197748ecf160dfd58c7a1c085fef797c2741f9', value: this.value || ((_a = this.tabs[0]) === null || _a === void 0 ? void 0 : _a.value) }, this.tabs.map(tab => (index.h("mdui-tab", { value: tab.value }, tab.label)))), index.h("div", { key: '70e52d083c856b027dba2a5a4f2b7123caca7c38', class: "panels-container" }, this.panels.map(panel => (index.h("mdui-tab-panel", { value: panel.value }, index.h("slot", { name: `panel-${panel.value}` }, panel.content))))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ur-thumbs-rating.cjs.entry.js

@@ -23,15 +23,15 @@ const UrThumbsRating = class {
         this.thumbsDown.emit();
     }
     render() {
-        return (index.h(index.Host, { key: 'f1401152bac808905a9cb35b54a23a3cf88804e9' }, index.h("div", { key: '7b94a5d4c9eae31d4310c3f2b5a9b586d19e7b3f', class: "action" }, index.h("ur-button-icon", { key: '28092c3371ad519abc2cf018147090e163d60feb', class: {
+        return (index.h(index.Host, { key: 'fb6822cdfbcd44e22f1de2a40d86415921b7f528' }, index.h("div", { key: '3a08adeda71737ae7f541fd7717b2a91645288ad', class: "action" }, index.h("ur-button-icon", { key: '858199b06eda98100e9137a9415b3557611a8476', class: {
                 'thumbs': true,
                 'thumbs-up': true,
                 'active': this.isLiked,
-            }, icon: this.isLiked ? 'thumb_up' : 'thumb_up--outlined', selectedIcon: "thumb_up", selected: this.isLiked, onClick: () => this.handleThumbsUp() }), index.h("span", { key: '00d027b46629479a6255aa86c3f9bacbe786dea9', class: "action-text" }, this.likesCount)), index.h("div", { key: '24f7730bfa4311fc570979c720d58cb727db1362', class: "action" }, index.h("ur-button-icon", { key: '34e25d7acfdeed275bb1bd0ab6be1e797d060450', class: {
+            }, icon: this.isLiked ? 'thumb_up' : 'thumb_up--outlined', selectedIcon: "thumb_up", selected: this.isLiked, onClick: () => this.handleThumbsUp() }), index.h("span", { key: 'cb00defb218aca8c943ff962b07d2008bfd84ff7', class: "action-text" }, this.likesCount)), index.h("div", { key: '2008d1af58b8c473eb4d125b30880e9553b0bcb9', class: "action" }, index.h("ur-button-icon", { key: 'c22a9d621575f452adffca08a3b2e6538e520c9f', class: {
                 'thumbs': true,
                 'thumbs-down': true,
                 'active': this.isDisliked,
-            }, icon: this.isDisliked ? 'thumb_down' : 'thumb_down--outlined', selectedIcon: "thumb_down", selected: this.isDisliked, onClick: () => this.handleThumbsDown() }), index.h("span", { key: 'd61cc1d398e1b78095db0a5dbf4b8d058179bc4d', class: "action-text" }, this.dislikeText))));
+            }, icon: this.isDisliked ? 'thumb_down' : 'thumb_down--outlined', selectedIcon: "thumb_down", selected: this.isDisliked, onClick: () => this.handleThumbsDown() }), index.h("span", { key: '705231189c0d35b48087b452c53480c9d22e6683', class: "action-text" }, this.dislikeText))));
     }
 };
 UrThumbsRating.style = urThumbsRatingCss;

package/dist/cjs/ur-top-app-bar.cjs.entry.js

@@ -121,13 +121,13 @@ const UrTopAppBar = class {
         this.scrollThreshold = 30; // Default value
     }
     render() {
-        return (index.h(index.Host, { key: '89f12eed430401dc61efb9b33da6212c39850974' }, index.h("mdui-top-app-bar", { key: '86c96c8ca6b0a24ffe8e501304751717604526c9', variant: this.variant, "scroll-target": ".example-scroll-target", "scroll-behavior": this.scrollBehavior, "scroll-threshold": this.scrollThreshold }, index.h("ur-logo", { key: '33a22ebb43c3e2a315c0ae2dd5a3dc98dc9f742b', width: "70" // Custom width for the logo
+        return (index.h(index.Host, { key: 'f1acf445fe45e190317cccb91c6d068be3b79dee' }, index.h("mdui-top-app-bar", { key: '232b7a44b9a514f4dab55e95a7013bb84eb2ca77', variant: this.variant, "scroll-target": ".example-scroll-target", "scroll-behavior": this.scrollBehavior, "scroll-threshold": this.scrollThreshold }, index.h("ur-logo", { key: '06611a1fa6b67cc3c0d1bc5f62cb69acfdebad6e', width: "70" // Custom width for the logo
             ,
             height: "19" // Custom height for the logo
             ,
             color: "currentColor" // Dynamic fill color of the logo
             ,
-            rotation: this.logoRotation, opacity: this.logoOpacity }), index.h("mdui-top-app-bar-title", { key: '5b71d5fa1bf9f45ff7f0ce90c725fc803f09e6c0' }, this.headerTitle))));
+            rotation: this.logoRotation, opacity: this.logoOpacity }), index.h("mdui-top-app-bar-title", { key: '18eb1d3740398412bd22bcd13cf60bd09daa4443' }, this.headerTitle))));
     }
 };
 UrTopAppBar.style = urTopAppBarCss;

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

@@ -74,7 +74,7 @@ const UrUserCarousel = class {
         this.observer.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '460a09bc4173947652dc35063b7a7f2f5c5c76c0' }, index.h("div", { key: '06c6d458d0dcf120a8900e2a0626ac12d0f2cc11', class: "carousel" }, this.navigation && (index.h("ur-button-arrow-left", { key: 'd1f7dc9f07670dc7b83583471b31df67ba9c6c56', disabled: true })), this.navigation && (index.h("ur-button-arrow-right", { key: 'e29f854ebc3d794e76fed008bfa7f908e34c2599', disabled: true })), index.h("swiper-container", { key: '74f70315f1967e5a31d7b13c3604d3c8237aadbf', "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.users.map((user, index$1) => {
+        return (index.h(index.Host, { key: '8d3d756467fb1a8d1df2365d549fbd8375295775' }, index.h("div", { key: 'c0748d7337bcb2e24aaeb44404080e5e5b212031', class: "carousel" }, this.navigation && (index.h("ur-button-arrow-left", { key: '0aa95de76cbda0826fe76b7f6119d3cd5ec6c2bc', disabled: true })), this.navigation && (index.h("ur-button-arrow-right", { key: 'e80026ca4345908ca265985da7b5d3d1339f142c', disabled: true })), index.h("swiper-container", { key: 'ff62b4a029dcf727998e034d0a1cf1b008f40868', "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.users.map((user, index$1) => {
             if (is_custom_data(user)) {
                 return (index.h("swiper-slide", null, index.h("div", { class: "custom", innerHTML: user.content(index$1) })));
             }

package/dist/cjs/ur-user-page-profile.cjs.entry.js

@@ -162,11 +162,11 @@ const UrUserPageProfile = class {
             'profile-mobile-main': this.platform === 'mobile-main',
             'profile-mobile-secondary': this.platform === 'mobile-secondary',
         };
-        return (index.h(index.Host, { key: '1deef45f7bd7a100eca0283f14aa0cb83485bd9a', class: classes }, index.h("div", { key: '623458170f493a5f76f03ae182d0709845a8e3f8', class: classes }, this.platform === 'desktop' && (index.h("div", { key: '96bbffecdfb9e7525cf095b443b4ecae5ba476c0', class: "desktop-content" }, index.h("div", { key: '3633c6870c808145aa27a6707d659e392a3cec10', class: "avatar" }, index.h("ur-avatar", { key: '3e96e04d0c1d53704b631ed29a84bd71d5e3fd35', border: "4px", radius: "50px", size: "96px", src: this.avatar, name: this.name, skeleton: this.skeleton })), index.h("div", { key: '3c71815e15a049b61ede07f9d280892f14998ea9', class: "info" }, index.h("div", { key: 'f021b29991d5220c9f1592bdd90746727d6b943b', class: "name" }, this.skeleton ? index.h("div", { class: "skeleton-line loading", style: { width: '180px', height: '22px' } }) : this.name), this.renderProfileType(), this.skeleton ? index.h("ur-long-description", { class: "about", skeleton: true }) : this.about && index.h("ur-long-description", { class: "about", description: this.about }), this.renderLocation(), this.renderSocialLinks(), this.renderWebsite()), this.isLoggedIn && this.renderActions())), this.platform === 'desktop' && [
+        return (index.h(index.Host, { key: 'a2524fc9dc35487e2827e50bc12e6eb5fd755ab8', class: classes }, index.h("div", { key: 'c012b1230533a7559ed41d41bc49a94e9d8cfe4c', class: classes }, this.platform === 'desktop' && (index.h("div", { key: '03621bd8a3576c2c32c1711313b8f448fc2a3bab', class: "desktop-content" }, index.h("div", { key: '2d0442bd3ea5a093cccd61ba026fe8b5616a7624', class: "avatar" }, index.h("ur-avatar", { key: '556d164bb0562b5076052a278e4732e2cc7fbfa8', border: "4px", radius: "50px", size: "96px", src: this.avatar, name: this.name, skeleton: this.skeleton })), index.h("div", { key: '3e705beb779038d23417e0237a1b80ea06026cd6', class: "info" }, index.h("div", { key: '8768ffa175c9154d8283ba258b4cd047a6d5eed4', class: "name" }, this.skeleton ? index.h("div", { class: "skeleton-line loading", style: { width: '180px', height: '22px' } }) : this.name), this.renderProfileType(), this.skeleton ? index.h("ur-long-description", { class: "about", skeleton: true }) : this.about && index.h("ur-long-description", { class: "about", description: this.about }), this.renderLocation(), this.renderSocialLinks(), this.renderWebsite()), this.isLoggedIn && this.renderActions())), this.platform === 'desktop' && [
             this.renderStats(),
             this.renderUserCreationDate(),
             this.renderLogoutAction(),
-        ], this.platform === 'mobile-main' && (index.h("div", { key: '4a34e08e4f5346d7ee571fcb89e48a8a25f2c4f3', class: "mobile-main-content" }, index.h("div", { key: '40f0d7004b87160b823727d39879a60e966955b2', class: "avatar" }, index.h("ur-avatar", { key: 'ba3b45562dd2fad9e824324203d5fa1b4375267d', border: "4px", radius: "50px", size: "96px", src: this.avatar, name: this.name, skeleton: this.skeleton })), index.h("div", { key: '7c43a147dd6dabc1db9f36c51ea1f45afda418b8', class: "info" }, index.h("div", { key: '7d2bd38213add5d00094c7934d8ea5b2320fd4a8', class: "name" }, this.skeleton ? index.h("div", { class: "skeleton-line loading", style: { width: '180px', height: '22px' } }) : this.name), this.renderProfileType(), this.skeleton ? index.h("ur-long-description", { class: "about", skeleton: true }) : this.about && index.h("ur-long-description", { class: "about", description: this.about })), this.isLoggedIn && this.renderActions())), this.platform === 'mobile-secondary' && [
+        ], this.platform === 'mobile-main' && (index.h("div", { key: '8c0263a651dbdf89b4eec834c6848c8575e031f3', class: "mobile-main-content" }, index.h("div", { key: '7105f66fb8533e170ec007ede37d59441845abf8', class: "avatar" }, index.h("ur-avatar", { key: '16df193febd57d9d1e0377c64dfe371dbbe819b2', border: "4px", radius: "50px", size: "96px", src: this.avatar, name: this.name, skeleton: this.skeleton })), index.h("div", { key: '0cee88dadb6b2c14a837bd7f4fed1868ad23b424', class: "info" }, index.h("div", { key: '3fcf3ee0b239ba880889317537d9c49605cf9c62', class: "name" }, this.skeleton ? index.h("div", { class: "skeleton-line loading", style: { width: '180px', height: '22px' } }) : this.name), this.renderProfileType(), this.skeleton ? index.h("ur-long-description", { class: "about", skeleton: true }) : this.about && index.h("ur-long-description", { class: "about", description: this.about })), this.isLoggedIn && this.renderActions())), this.platform === 'mobile-secondary' && [
             this.renderLocation(),
             this.renderSocialLinks(),
             this.renderWebsite(),