urnovl-web-components 0.0.260 → 0.0.261

package/dist/cjs/ur-navigation-bar.cjs.entry.js

@@ -413,7 +413,7 @@ const UrNavigationBar = class {
     }
     render() {
         const { position, value, labelVisibility, scrollBehavior, scrollThreshold, scrollTarget } = this;
-        return (index.h(index.Host, { key: '92456fe283c3314e584287a14ac9219cdb925588' }, index.h("mdui-navigation-bar", { key: '6b87fcf00ce5f30deb414b1edb938894db9c54a3', class: position === 'top' ? 'top-position' : '', value: value, "label-visibility": labelVisibility, "scroll-behavior": scrollBehavior, "scroll-threshold": scrollThreshold, "scroll-target": scrollTarget }, index.h("slot", { key: 'dcde6c1934e49d08f087d9aef12d6a90ae103775' }))));
+        return (index.h(index.Host, { key: 'a51849d372117d381bb3a041003484fe8e1eda1f' }, index.h("mdui-navigation-bar", { key: 'e6c34295ee9e30b919b7539c7aaa2a638c7e6622', class: position === 'top' ? 'top-position' : '', value: value, "label-visibility": labelVisibility, "scroll-behavior": scrollBehavior, "scroll-threshold": scrollThreshold, "scroll-target": scrollTarget }, index.h("slot", { key: '5d78bdc9dfc7455974138ccedb73e218de273ff8' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ur-navigation-drawer-global.cjs.entry.js

@@ -67,7 +67,7 @@ const UrNavigationDrawerGlobal = class {
         this.open = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'fcb5359c398fd61b9c82529368b9f31854e90f08' }, index.h("mdui-navigation-drawer", { key: '7ee05c984c08b9796cb1af55a69f6429cc17c634', placement: this.placement, modal: true, "close-on-esc": this.closeOnEsc, "close-on-overlay-click": this.closeOnOverlayClick, open: this.open }, index.h("div", { key: 'fbb93ebb5f3d0efd4d1a30b7380be5cccbabf99e', class: "drawer-header", role: "banner" }, index.h("slot", { key: 'edcfefd2f3900a8b700f69307163c5de320f45cd', name: "header" })), index.h("div", { key: '5cbe9631295035b3307a3e933a8a3232c7c5b2b4', class: "drawer-content", role: "main", style: { height: `calc(100vh - ${this.contentHeight}px)` } }, index.h("slot", { key: '24200e954b5ed1836a7bd5ba4cc989f65d1f6811' })), index.h("div", { key: '1397c98cc8cd793df47169ab7fd5c5067d4d561b', class: "drawer-footer", role: "contentinfo" }, index.h("slot", { key: 'caa6531bdb3454dbd7b2aaf933b41cfdf94fbde5', name: "footer" })))));
+        return (index.h(index.Host, { key: '899a18dbf4c5175c1e8382150bacd23156977fb5' }, index.h("mdui-navigation-drawer", { key: '9d160cfa09e90cfad718153516a20d39abad5d56', placement: this.placement, modal: true, "close-on-esc": this.closeOnEsc, "close-on-overlay-click": this.closeOnOverlayClick, open: this.open }, index.h("div", { key: '5a82ae2e84e1d2e4ac5d5b989c9ef221d2e73feb', class: "drawer-header", role: "banner" }, index.h("slot", { key: '81bf9602f0774c7f9fdd9b962077a06c26ebdb81', name: "header" })), index.h("div", { key: 'ee1920b1ecfcdd528cb9d6fc5c10db210d752cfe', class: "drawer-content", role: "main", style: { height: `calc(100vh - ${this.contentHeight}px)` } }, index.h("slot", { key: '85faac2c88f8e85a4fd8e2000f3436d43edf3253' })), index.h("div", { key: '7ff59ad0c08d3ce1ceec440d4a9f973d8839b1c6', class: "drawer-footer", role: "contentinfo" }, index.h("slot", { key: '73ea265888c83f5f079f8a4ff27ca8d6769c4b3b', name: "footer" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ur-navigation-drawer.cjs.entry.js

@@ -46,7 +46,7 @@ const UrNavigationDrawer = class {
         this.open = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'fd29e553be01e54aca6103150eb93ee813165910' }, index.h("mdui-navigation-drawer", { key: '2aa6c620bc93be655bde42274529ebe37ce06efe', placement: this.placement, modal: true, "close-on-esc": this.closeOnEsc, "close-on-overlay-click": this.closeOnOverlayClick, contained: this.contained, open: this.open }, index.h("slot", { key: '3f4559d98cce954239ff877432ccdcba77b3c5b5' }))));
+        return (index.h(index.Host, { key: 'c7bb3968b631f2bb21f5913c815aba82fc6e0553' }, index.h("mdui-navigation-drawer", { key: '7f6c1f0b8fa7587c11bd02535ff6c307e8fe7d67', placement: this.placement, modal: true, "close-on-esc": this.closeOnEsc, "close-on-overlay-click": this.closeOnOverlayClick, contained: this.contained, open: this.open }, index.h("slot", { key: 'c8d09a412ca8efcb98f6defa41ef5fd841ad905e' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,7 +1,8 @@
 'use strict';
 
 var index = require('./index-DlgBfuIH.js');
-require('./tab-panel-BS_8ksq9.js');
+require('./tab-BVwUIXQ4.js');
+require('./tab-panel-KdoHPsyE.js');
 require('./component-style-BC5DdXyd.js');
 require('./directive-CxKj9eM_.js');
 require('./state-BClMM5R0.js');
@@ -60,7 +61,7 @@ const UrNotificationTabs = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ba059b08641145f0c1771e84a7ce710d62f77e43' }, index.h("mdui-tabs", { key: '5f8e6acedc3685d8b2cd757702406e8e87c1c391', value: this.activeTab, onChange: this.handleTabChange, "full-width-tabs": this.fullWidthTabs }, this.tabs.map(tab => (index.h("mdui-tab", { key: tab.value, value: tab.value }, tab.text()))), this.tabs.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: '6a0d1dfbffb650d1520ed9757919ee403a442486' }, index.h("mdui-tabs", { key: 'db4e8539eed4e8cdaddc973f7062019273a30aef', value: this.activeTab, onChange: this.handleTabChange, "full-width-tabs": this.fullWidthTabs }, this.tabs.map(tab => (index.h("mdui-tab", { key: tab.value, value: tab.value }, tab.text()))), this.tabs.map(tab => (index.h("mdui-tab-panel", { key: tab.value, slot: "panel", value: tab.value }, index.h("slot", { name: tab.value })))))));
     }
 };
 UrNotificationTabs.style = urNotificationTabsCss;

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

@@ -131,7 +131,7 @@ const UrNovlCarousel = class {
         return (index.h("swiper-slide", null, this.debug && index.h("span", { class: "index" }, index$1 + 1), index.h("ur-novl", Object.assign({}, novl, { likesLabel: this.likesLabel, viewsLabel: this.viewsLabel }))));
     }
     render() {
-        return (index.h(index.Host, { key: '3fb03c41575c60b86b63fb774d24b75c8355ef81' }, index.h("div", { key: '654498ff5c56301ccebe0ad0b08c234ace2bb357', class: "carousel" }, this.navigation && (index.h("ur-button-arrow-left", { key: '45cc1d0e7e7a3cff0222dab62072d7a98c78fbe0', disabled: this.disabledPrev })), this.navigation && (index.h("ur-button-arrow-right", { key: '411f62314973ec523323c10aee9b85beec47ae22', disabled: this.loading || this.disabledNext })), index.h("swiper-container", { key: '4bdc33e21f08dfade50a2b4b43e56ace0c66f56d', 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.novls.map((novl, index) => this.renderNovl(novl, index))))));
+        return (index.h(index.Host, { key: 'bfaaf4fb33de648b4e5aee22e0dd8f7d6f9ded08' }, index.h("div", { key: '05da4cb59e0668b7945149e4ac25d793e8174e73', class: "carousel" }, this.navigation && (index.h("ur-button-arrow-left", { key: '5ee2ab6e5413fefa07523a752f183e4f670109fe', disabled: this.disabledPrev })), this.navigation && (index.h("ur-button-arrow-right", { key: '238cabc5b34cf9088fb1a729ab1bc625f64f64f8', disabled: this.loading || this.disabledNext })), index.h("swiper-container", { key: '49bb042dfb80f0dd1951b0698a8f89bb0d71dd12', 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.novls.map((novl, index) => this.renderNovl(novl, index))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -30,7 +30,7 @@ require('./state-BClMM5R0.js');
 require('./class-map-Epaosh8c.js');
 require('./appendTo-DN8OV-GK.js');
 require('./index-CealG8gc.js');
-require('./ur-avatar-COaGB2q6.js');
+require('./ur-avatar-BV3tq4vp.js');
 require('./ur-button.cjs.entry.js');
 require('./index-DjZZ27FG.js');
 require('./ur-button-icon.cjs.entry.js');
@@ -157,7 +157,7 @@ const UrNovlOverviewInfo = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3032ca7d67078f7c8f567ea141fd637329a73213' }, this.deviceSize === 'large' && (index.h("div", { key: 'd9a20474951922bcb56d7b9891b60df7b10cbba7', class: "cover-total", style: { backgroundImage: `url(${this.coverImage})` } }, index.h("div", { key: '4146414ae5bf0a0cef323b6d9b046d442a08179d', class: "cover-blur-overlay" }), index.h("div", { key: '0c3258419babe21a7cbe890104415736a319f400', class: "cover-gradient-overlay" }))), index.h("div", { key: 'aaa1cfcb7ce9ce89349e2ea2f09616e33614d54b', class: `overview ${this.deviceSize === 'small' ? 'small-device' : 'large-device'}` }, index.h("div", { key: '66d3648eb9e9f82841157ee3a470dd29ffab8394', class: "cover" }, index.h("div", { key: 'b4b653d0563ff1d69b7b3eb2adb34551d69eaa40', class: "inner-cover-hld" }, index.h("div", { key: '26bad038a046160766e6af05d90aa30196507bac', 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: '88ffd63cda358e424604d2dc11441b15ae30807d', name: "ad-slot-left" })), index.h("div", { key: '846349657eebe8520824d256afbd6c8158b926e1', class: "novl-content" }, index.h("div", { key: '916a052486b503398b1f6668f2d4e2d9833a6d59', class: "main-content" }, index.h("div", { key: '37780180f8b10d827102497105b4c4ea05661d15', class: "upper-hld" }, this.renderStatusChips(), index.h("div", { key: '0463645058f2790b451eed72ed51ff618030932b', class: "upper-right" }, this.renderEditInfoButton())), index.h("div", { key: '621231e2f56f33a96d0fbd478c06a50076069e98', class: "main-content-inner" }, index.h("div", { key: '4f7099da53bf193fa442b227ff3e05956446247b', 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: '578cb3bc90411da0e310074a3b06f4673b63b03f', class: "novl-details" }, this.skeleton ? ([
+        return (index.h(index.Host, { key: '2404fcf2ee64eb00da15b0616b2750e4ceb721df' }, this.deviceSize === 'large' && (index.h("div", { key: 'b43e244d157e964eefc0abbc86b00a2d8f8fada9', class: "cover-total", style: { backgroundImage: `url(${this.coverImage})` } }, index.h("div", { key: 'f2553a0432a8943276b2d2548dd6e3dab5f65114', class: "cover-blur-overlay" }), index.h("div", { key: 'fcfef7f799628e50f1da4e1c0dc1e382968da4a2', class: "cover-gradient-overlay" }))), index.h("div", { key: '0c738c27e414408da90e3e3536b9113fc3b01e1e', class: `overview ${this.deviceSize === 'small' ? 'small-device' : 'large-device'}` }, index.h("div", { key: '6d7e027b33ad039d98bb50bac5119af25488cc2a', class: "cover" }, index.h("div", { key: '692b4b5cd80fb44ab6681c74b9a28b2d19d65804', class: "inner-cover-hld" }, index.h("div", { key: '36bd945fccbf5726e4eca36410dfeb29811e3cad', 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: 'b2c81976175a2dce2f7546679e140b9384f4fef5', name: "ad-slot-left" })), index.h("div", { key: 'f156ca24adede9eb0e4a2119d7b63d84ddb57b2a', class: "novl-content" }, index.h("div", { key: '0b8e831bce53f01fd3b136a383a56c65d4f5c0d4', class: "main-content" }, index.h("div", { key: 'fee8f625de7df9a5f133f9518b43969fcec37c0a', class: "upper-hld" }, this.renderStatusChips(), index.h("div", { key: 'd1a3e7c9cac8999642d516dea712da471081e890', class: "upper-right" }, this.renderEditInfoButton())), index.h("div", { key: 'f9c3050fdc22915136b467234c1fd72f4c3a0d95', class: "main-content-inner" }, index.h("div", { key: '8b23046b7e1a576eba2424f62291a5de442817fd', 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: 'e8c7f5cd89afec62a10dfb0ee9e3eda9ba4c3a2b', 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" }),
@@ -166,7 +166,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: '2ffd9162ff8a92eb00270ba694fdc26f3a9ef389', class: "actions-holder" }, this.skeleton ? ([
+        ])), index.h("div", { key: 'eddc6dae77c3c80abdf93c240a4297efd6bcc9b1', 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" })
         ]) : ([
@@ -177,13 +177,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: '999ee1ba97d5f9ad1cd2d7b204bf9225e583ce0d', class: "description" }, index.h("div", { key: 'd820a8af26ad64ebfa179f411b4f3f8c200a50b4', 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: '2bda95cdda7834d43405da214737c7ac772db555', class: "owner-holder" }, this.skeleton ? ([
+        ].filter(Boolean)))), index.h("div", { key: '596002ba6825d58406d0ac1b745e8e93e22642e9', class: "description" }, index.h("div", { key: 'ec6e5d194fae65021aae31c4b84f866a551e09d4', 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: '9f43d69a393a603b19fc3347be56981fb5fa885a', 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: '3791090d3d2f747f9a4117d94db9398ef2cc158b', name: "chapters" })), index.h("div", { key: 'b8dd8365eb2fefaaad518b5ff85f0c58ee111d85', class: "ad-space" }, index.h("slot", { key: 'f2da3ba35f3ed219863ea30ebfc589475eacba70', name: "ad-slot-right" })))));
+        ])), index.h("slot", { key: '3f8d2747ef51f73e1a29419f79f3044fd5e26edb', name: "chapters" })), index.h("div", { key: '487406dd23d349959dbba7026bbee6e880fccf34', class: "ad-space" }, index.h("slot", { key: '451ccfc527df9e1dc49be8710184761307c93d04', 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

@@ -29,7 +29,7 @@ require('./state-BClMM5R0.js');
 require('./class-map-Epaosh8c.js');
 require('./appendTo-DN8OV-GK.js');
 require('./index-CealG8gc.js');
-require('./ur-avatar-COaGB2q6.js');
+require('./ur-avatar-BV3tq4vp.js');
 require('./ur-button.cjs.entry.js');
 require('./index-DjZZ27FG.js');
 require('./ur-button-icon.cjs.entry.js');
@@ -90,7 +90,7 @@ const UrNovlSummary = class {
         this.expanded = false;
     }
     render() {
-        return (index.h(index.Host, { key: '667a4ddd83818597ffc3c653e47f9262e4f209aa', class: { 'skeleton': this.skeleton } }, index.h("div", { key: 'e1294e40971e78c6550898e04f70d19ae5766236', 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: '85adaeef37c0e7adfc8393b7227b4583d547d301', class: "novl-content" }, index.h("div", { key: '0f21d456695c889f9a994a50c3b957ff601b8236', 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: '6cc715d77c7fb09bed85b92404c23acc7975a621', 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: '57304872a3bb5b995e2f7accbb8080f08c475caa', class: "novl-details" }, this.skeleton ? ([
+        return (index.h(index.Host, { key: '2d62172c304f33c143db813601797a745951299d', class: { 'skeleton': this.skeleton } }, index.h("div", { key: 'ce26264ebd877c8374a4dc63d8786d42b79bcde2', 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: '1ff276a6e6cd6601e2a357b3514671b228e472d5', class: "novl-content" }, index.h("div", { key: 'da251b0121ec1a952e8cc4fe5cbfaea7cb2bcf1d', 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: '9f9758f4eecbdd6b4c68d89a2181c75b0df8adae', 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: 'd94a5ab12d65967b9ce082a4eef70946814298fc', 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" }),
@@ -99,7 +99,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: '3b1efb47417c1b55c8f584b672fd895298f66103', class: "description" }, index.h("slot", { key: '4a3997e0c75826256c80a447b6d1de309c5441ae', name: "description" })), index.h("div", { key: 'e3476a8364b2bbb0110c2d2b1f67090b6a1ffb39', class: "actions-holder" }, this.skeleton ? ([
+        ])), index.h("div", { key: 'b38442da8eafc65293bdc54e488394a033cd2670', class: "description" }, index.h("slot", { key: '61902007a03712fa5aecec3cc00b149e62f55c0d', name: "description" })), index.h("div", { key: '35c0e2b367e776f9c9ee25f338f83742b42fe2a4', 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" })
@@ -110,7 +110,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: 'a83fc6f34e67bd4003c526fb1cb49943b7d12e10', class: "owner-holder" }, index.h("slot", { key: '20b715adbb9eda3d18c276ed64ce3d62e58dc111', name: "owner" }), index.h("slot", { key: '510872f4a28cd8c8dc752340d4395813f72e6dc6', name: "owner-page" })))));
+        ].filter(Boolean))), index.h("div", { key: '894e8197fb1873a3e7e3d8f18e070fd70ad66676', class: "owner-holder" }, index.h("slot", { key: '261fffa4a1e3bf6a7c6c6bab79199e190f92b65f', name: "owner" }), index.h("slot", { key: '18eb8ac056d41816f71027a8bd7cb9fb50541ce5', 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: '6fb5b5516acd3e50f34d3e55b82bbcf7e0901d7d' }, index.h("div", { key: 'b44d976ed5d0838086baf52286a0955eef0fa75b', class: "carousel" }, this.navigation && (index.h("ur-button-arrow-left", { key: 'be816f3f35f908c16cf8df039d5f68ee9bdb93c7', disabled: this.disabledPrev })), this.navigation && (index.h("ur-button-arrow-right", { key: '9bde1afec0bb844663361fb823699948db30dffd', disabled: this.loading || this.disabledNext })), index.h("swiper-container", { key: '95009ec1f8726ce4a59a6def516f943272a0c886', 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: '77288bae95c4b1947bb872ee1178c3901f9349bd' }, index.h("div", { key: '6325dc70fc7a69951e2dcd41ba607d113972c0b1', class: "carousel" }, this.navigation && (index.h("ur-button-arrow-left", { key: '4484844b6325ce00a1234b6e95580207faf00383', disabled: this.disabledPrev })), this.navigation && (index.h("ur-button-arrow-right", { key: '21b0c8a6f923d448815e54373d3a51ca6301e36f', disabled: this.loading || this.disabledNext })), index.h("swiper-container", { key: 'fcfe77fb68b04f9ca723f07b712a22008435dc11', 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

@@ -1,7 +1,8 @@
 'use strict';
 
 var index = require('./index-DlgBfuIH.js');
-require('./tab-panel-BS_8ksq9.js');
+require('./tab-BVwUIXQ4.js');
+require('./tab-panel-KdoHPsyE.js');
 require('./component-style-BC5DdXyd.js');
 require('./directive-CxKj9eM_.js');
 require('./state-BClMM5R0.js');
@@ -31,6 +32,7 @@ const UrPageProfileTabs = class {
         this.activeTab = 'stories'; // Controlled by the parent
         this.homeTabText = 'Home';
         this.storiesTabText = 'Stories';
+        this.postsTabText = 'Posts';
         this.shelvesTabText = 'Shelves';
         this.transactionsTabText = 'Transactions';
         this.statisticsTabText = 'Statistics';
@@ -69,6 +71,11 @@ const UrPageProfileTabs = class {
                 text: () => this.storiesTabText,
                 visibleFor: 'all',
             },
+            {
+                value: 'posts',
+                text: () => this.postsTabText,
+                visibleFor: 'all',
+            },
             {
                 value: 'shelves',
                 text: () => this.shelvesTabText,
@@ -124,7 +131,7 @@ const UrPageProfileTabs = class {
     }
     render() {
         const visibleTabs = this.getVisibleTabs();
-        return (index.h(index.Host, { key: '4b6719fc1e8a9f386550db1678c692cfdce46ae3' }, index.h("mdui-tabs", { key: 'd164866adc0fb42518c63f22ae21f4ce87120011', 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: '056f427c3157ca41903a59529b273457eb61f056' }, index.h("mdui-tabs", { key: '0d04058243a06897a6e157c573e4a99078ed70ad', 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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DlgBfuIH.js');
-require('./ur-avatar-COaGB2q6.js');
+require('./ur-avatar-BV3tq4vp.js');
 require('./ur-button.cjs.entry.js');
 require('./ur-time-ago.cjs.entry.js');
 require('./ur-long-description.cjs.entry.js');
@@ -239,14 +239,14 @@ const UrPageProfile = class {
             'profile-mobile-main': this.platform === 'mobile-main',
             'profile-mobile-secondary': this.platform === 'mobile-secondary',
         };
-        return (index.h(index.Host, { key: '146238646b5a99f456d0a293ee98c8abb1f32a7d', class: classes }, index.h("div", { key: '0511d2a764ffb6a1a28f459ccd40739266c17772', class: classes }, this.platform === 'desktop' && (index.h("div", { key: '7a0ecc12e32b55121ba00308be24e90d5fed3c03', class: "desktop-content" }, index.h("div", { key: 'e3e271e34d5613648153c78219d54e8275b12e8d', class: "avatar" }, index.h("ur-avatar", { key: '0a32f4275fefcec91104e4686a8cb4b8c7b7db22', border: "4px", radius: "8px", size: "96px", src: this.avatar, name: this.name, variant: "page", skeleton: this.skeleton })), index.h("div", { key: '4e0f6782c57d0ecdaacb27bcbbc2bcfb183294f4', class: "info" }, index.h("div", { key: '0dfe46dd760ad86cda17be419f120914c7e9f6c8', class: "name" }, this.skeleton ? index.h("div", { class: "skeleton-line loading", style: { width: '200px', height: '22px' } }) : this.name, !this.skeleton && this.isPartner && index.h("ur-icon", { key: '8ec9d8b5be5529f4a7dc737f0781121c605da256', class: "partner-badge", name: "verified", size: "18px" })), 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: 'a25cbc73c374c54183685dd8af447fefd0ca5386', class: classes }, index.h("div", { key: 'c94145f567008db4f300b2e50ab91b34d2304bff', class: classes }, this.platform === 'desktop' && (index.h("div", { key: '315ef05aa7e2ee0213fc569653a57bac1a1ff6da', class: "desktop-content" }, index.h("div", { key: '322d40f330444dfc0f34ea48b307e837cc0589b4', class: "avatar" }, index.h("ur-avatar", { key: 'f219827d5d0f0cf94da69a46eb556b8c34280429', border: "4px", radius: "8px", size: "96px", src: this.avatar, name: this.name, variant: "page", skeleton: this.skeleton })), index.h("div", { key: '858e2012af3912bbb379d09a0bb867847704f647', class: "info" }, index.h("div", { key: '269eadcb02997f2fd85075aafc13ae1c7d9cd38d', class: "name" }, this.skeleton ? index.h("div", { class: "skeleton-line loading", style: { width: '200px', height: '22px' } }) : this.name, !this.skeleton && this.isPartner && index.h("ur-icon", { key: '6b5e8141e41d1a89ac5edbf0845fa1a5998fae22', class: "partner-badge", name: "verified", size: "18px" })), 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: '15912e20872bd138c4307278cb9b9b0d9ff1be40', class: "mobile-main-content" }, index.h("div", { key: '4ded6819edfe6950a392ba57677fe92df806ca91', class: "avatar" }, index.h("ur-avatar", { key: '9b7a1c5efbec2a5ebd220593aa1ca71c678b897a', border: "4px", radius: "8px", size: "96px", src: this.avatar, name: this.name, variant: "page", skeleton: this.skeleton })), index.h("div", { key: '35134316fc9d1909764f542b7a6b56c0bbdba3b7', class: "info" }, index.h("div", { key: '479b8614e3a715c40061d78bd7a22460c6fd1b8b', class: "name" }, this.skeleton ? index.h("div", { class: "skeleton-line loading", style: { width: '200px', height: '22px' } }) : this.name, !this.skeleton && this.isPartner && index.h("ur-icon", { key: 'd835fcab64e17f961365a5cc4086c64647bc16db', class: "partner-badge", name: "verified", size: "18px" })), 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: 'a010ebee872e5ad7d463e2feda61353fab1bc3b5', class: "mobile-main-content" }, index.h("div", { key: '040989b1e9b6c60cde109b7ece8c0438d9b1283f', class: "avatar" }, index.h("ur-avatar", { key: '8c1b86920c7c74d98cc84140425a3c141a75bdb0', border: "4px", radius: "8px", size: "96px", src: this.avatar, name: this.name, variant: "page", skeleton: this.skeleton })), index.h("div", { key: '89f4417ff44d7f83d2c283ac5130a79ea5cd41e0', class: "info" }, index.h("div", { key: '5fd14c01a6f41e4e861b3f953d24ca67e12420cf', class: "name" }, this.skeleton ? index.h("div", { class: "skeleton-line loading", style: { width: '200px', height: '22px' } }) : this.name, !this.skeleton && this.isPartner && index.h("ur-icon", { key: '16a414d36ff4b81797c9e0d4628d258c62b80948', class: "partner-badge", name: "verified", size: "18px" })), 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

@@ -1,7 +1,8 @@
 'use strict';
 
 var index = require('./index-DlgBfuIH.js');
-require('./tab-panel-BS_8ksq9.js');
+require('./tab-BVwUIXQ4.js');
+require('./tab-panel-KdoHPsyE.js');
 require('./component-style-BC5DdXyd.js');
 require('./directive-CxKj9eM_.js');
 require('./state-BClMM5R0.js');
@@ -70,7 +71,7 @@ const UrPageSharedListTabs = class {
     }
     render() {
         const visibleTabs = this.getVisibleTabs();
-        return (index.h(index.Host, { key: '547fc694e3287ca4140f3b5400478d70ae62789f' }, index.h("mdui-tabs", { key: '7a3b3ec8a943f6bf7d3e77b11bcf086b7e57bd47', 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: 'c193af1690c1e9406cd8897b9b0ddcba8567bd7e' }, index.h("mdui-tabs", { key: 'e5f63ca736b8e86adbff17a6005e7e501d8ff81d', 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

@@ -259,13 +259,13 @@ const UrPlayer = class {
     }
     render() {
         const themeClass = this.darkMode ? 'dark-theme' : 'light-theme';
-        return (index.h(index.Host, { key: '70da61cf1361b29bf1bf32b717e71e12c947cc9a', class: themeClass, ref: el => (this.element = el) }, index.h("audio", { key: 'b6286b73f5ef30e21c27b7133a40bdeeccf51b44', 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: '3e7b08ab13b08e68c0eb6f0451b763770ba0f7c0', class: "player-container" }, index.h("div", { key: '58d1307c1b43f4b4d2a65eab97cca28f60aa26fa', class: "player-header" }, this.coverImage && (index.h("div", { key: '75c9ede6032bc3df22d1b479d3f8db2486facc8c', class: "cover-image" }, index.h("img", { key: '78d5596130597eb654114b9faadef7c7397af39c', src: this.coverImage, alt: `${this.storyTitle} cover` }))), index.h("div", { key: '61814b4970c173603ffc880bf8f7e7087c821e18', class: "player-info" }, index.h("h2", { key: '41d515feb21437c3e5ac2f17f78ec125c1237460', class: "title" }, this.storyTitle), index.h("p", { key: 'fc0b84e03c8bb0edac2413485bb2e1860a32954e', class: "author" }, this.author), index.h("p", { key: '4f2ddcba5693f8bbe4359e28a8578f5e452fe409', class: "chapter" }, this.chapterName))), index.h("div", { key: '4d796f2ecc4c38697d67e9692d731b02f9eb19e8', class: "progress-container" }, index.h("div", { key: '356ba03478bddf0a8279c91dbc3ec2a41fb33cf2', class: "progress-bar", onClick: this.handleProgressClick }, index.h("ur-linear-progress", { key: 'e96d88ac58dc2763bc12404ed33940964c6dc38f', value: this.currentTime, max: this.duration }), index.h("div", { key: 'fa3a2d1e72efd7b28c2cb5b94f81b97886d02245', class: "progress-thumb", style: {
+        return (index.h(index.Host, { key: '3784755b13c58a6b241ad106b955eafe8e5c7f6a', class: themeClass, ref: el => (this.element = el) }, index.h("audio", { key: '9f88ef03244721e8b8a6140f8c81add436e11146', 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: 'ca2283b24e11c661d752e83dfb64efa0cbefeb65', class: "player-container" }, index.h("div", { key: '3bb8f5150608aaa29ccca07fd472f0208a17a613', class: "player-header" }, this.coverImage && (index.h("div", { key: '5e5935b12833a77ae861177651bdc7df1647c73a', class: "cover-image" }, index.h("img", { key: 'e1d2d8e3fd8d8d81902075bdc7f6c09f767232eb', src: this.coverImage, alt: `${this.storyTitle} cover` }))), index.h("div", { key: '0735b27978bb6eb84ab1e0111ceb1d575d574161', class: "player-info" }, index.h("h2", { key: '9efafc9fd60d82175b917b07062afc34beebf231', class: "title" }, this.storyTitle), index.h("p", { key: '58ce0df524fa433d6513b3329bc35a87c14eca90', class: "author" }, this.author), index.h("p", { key: '97ffbe5b8910f0d28d47517c3951324cc4d08d29', class: "chapter" }, this.chapterName))), index.h("div", { key: 'c410b2626405d6f8a82854d8800a761b2470767d', class: "progress-container" }, index.h("div", { key: '79074856394e06cc11dcc6000301d31f8ab947bd', class: "progress-bar", onClick: this.handleProgressClick }, index.h("ur-linear-progress", { key: '6cdc09c87fc017efae6a0bf16b247dd3711057fc', value: this.currentTime, max: this.duration }), index.h("div", { key: '163dde485b3b571ffcde99c23b19d0f6b8c02305', class: "progress-thumb", style: {
                 left: `${(this.currentTime / (this.duration || 1)) * 100}%`,
                 display: this.duration > 0 ? 'block' : 'none',
-            }, onMouseDown: this.handleThumbMouseDown })), index.h("div", { key: '155d6785c72a37b8e2c211617778c56a5f2f6b4c', class: "time-display" }, index.h("span", { key: 'e1ff442af04a1118cbb85b1053dcb76bccf12277', class: "current-time" }, this.formatTime(this.currentTime)), index.h("span", { key: '5c76b600c195009e3b8338b66de21e661b57dc38', class: "duration" }, this.formatTime(this.duration)))), this.showControls && (index.h("div", { key: 'e6544e5f0c70a9325b886e34a1d6c20d0657290d', class: "controls" }, index.h("div", { key: '0b4b360a0c5e6dc3f033c5b1003e3e3ca470b450', class: "main-controls" }, index.h("ur-button-icon", { key: '749492bf5f74d78c9eb16b61a4747148ead04ffc', icon: "skip_previous", variant: "standard", buttonHeight: "44px", buttonWidth: "44px", onClick: this.handleSkipBackward, "aria-label": this.backwardText }), index.h("ur-button-icon", { key: '7688eaf448d5705d157539823215d96372c5168a', 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: 'e1d4d8b4bf95e92667c80d576e5ade34f62193e3', icon: "skip_next", variant: "standard", buttonHeight: "44px", buttonWidth: "44px", onClick: this.handleSkipForward, "aria-label": this.forwardText })), index.h("div", { key: '0e522a96a334f30fbfcef7fe08bb499fbf338230', class: "secondary-controls" }, index.h("div", { key: '2372218d1e8302f859aeb2010d479bdb065a9025', class: "speed-control" }, index.h("ur-tooltip", { key: '410d77d863f3e873842cbe266fb6212f347283a9', variant: "rich", placement: "top", trigger: "click" }, index.h("ur-button-icon", { key: 'ebba3d5e9246eef30e79806976d78c3ecb7cd944', slot: "", icon: "speed", variant: "standard", buttonHeight: "36px", buttonWidth: "36px", "aria-label": this.speedText }), index.h("div", { key: '49c67c1d1435c1e901837a3210c7a406a81c32e8', 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: '4ee679f916e1f7815287fd787e0936d5110bbf13', class: "time-display" }, index.h("span", { key: '298a1ab78bef5df7a785ce331e6e8fbaf78c70ed', class: "current-time" }, this.formatTime(this.currentTime)), index.h("span", { key: '62fa4e25d103aade9953e1e4867669159b2229f6', class: "duration" }, this.formatTime(this.duration)))), this.showControls && (index.h("div", { key: '096c0d370524acf6aeb197480a85a0dd380acb61', class: "controls" }, index.h("div", { key: 'b488dff526738db68bcc5e7a50cf875586c90788', class: "main-controls" }, index.h("ur-button-icon", { key: 'ba6ab65930391e7ff7aefded9e3c4b2906ccb758', icon: "skip_previous", variant: "standard", buttonHeight: "44px", buttonWidth: "44px", onClick: this.handleSkipBackward, "aria-label": this.backwardText }), index.h("ur-button-icon", { key: '11dc8296aefe4578f3ca57345d1c6ff8a1dc44e5', 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: '323350f1828866af2b1368746b5f291f8c78bad4', icon: "skip_next", variant: "standard", buttonHeight: "44px", buttonWidth: "44px", onClick: this.handleSkipForward, "aria-label": this.forwardText })), index.h("div", { key: '027cc7e5cc0f5d131d4b173324a64c1aef7cbe9e', class: "secondary-controls" }, index.h("div", { key: '984a6c2d5aff9932e125f2dfc7daab18abd396d1', class: "speed-control" }, index.h("ur-tooltip", { key: 'e2ff53ffbb35ae499d17dcf6737aa9747dc91a1c', variant: "rich", placement: "top", trigger: "click" }, index.h("ur-button-icon", { key: '860a586607b048f8cdadd064674c2d6765bb93dd', slot: "", icon: "speed", variant: "standard", buttonHeight: "36px", buttonWidth: "36px", "aria-label": this.speedText }), index.h("div", { key: 'c82594243bf8d9526989eeecc674b1b7c5a18101', 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: 'f172abb846209a53f2a6a1a0c7e259075c17059d', class: "volume-control" }, index.h("ur-button-icon", { key: '012ce7ee6a109edae30e5e4f89ddafea05995659', 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: '594a05a16fe5aae62b633a5c8500350b2438f25d', class: "volume-slider-container" }, index.h("input", { key: '26992c8a626812c7aa3545590d400c6b51eaaa05', 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: 'bb0a8250f8dce60cac9f989a50b0be14c16dbf41', class: "volume-control" }, index.h("ur-button-icon", { key: '37246549b348f648cd03cfba29de9968b22ebfe3', 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: '5489c75cf2f63be8c61362b3c1368c297433d7df', class: "volume-slider-container" }, index.h("input", { key: '78d00567d47174dd2e10d3d2d096912ec4c9139a', 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"]