urnovl-web-components 0.0.260 → 0.0.261

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

@@ -92,27 +92,27 @@ const UrCompetitionNovlCard = class {
         return chips.length > 0 ? (index.h("div", { class: "info-chips" }, chips)) : null;
     }
     render() {
-        return (index.h(index.Host, { key: '534aaace136145363a813ad25fa02ef2b311a042', class: {
+        return (index.h(index.Host, { key: '6dabdfb266bca4c7ea556939b0aaa512e9befa4d', class: {
                 skeleton: this.skeleton,
                 compact: this.size === 'compact'
-            } }, index.h("div", { key: 'c7bc169a88e930ba88c6543f00eb6df3b04f7e2b', class: {
+            } }, index.h("div", { key: '326033c27138081beb8a8152d6474836a2197dd6', class: {
                 'competition-novl-card': true,
                 'clickable': this.clickable && !this.skeleton
-            }, onClick: this.skeleton ? undefined : this.handleCardClick }, index.h("div", { key: 'd5226a0bb597b7b933c7fb07c06387fc3188575f', class: "cover-section" }, this.skeleton ? (index.h("div", { class: "cover-image cover-skeleton loading" })) : (index.h("div", { class: "cover-image", style: {
+            }, onClick: this.skeleton ? undefined : this.handleCardClick }, index.h("div", { key: 'e7f769314235216e0ef735c348d7f8544eb29cba', class: "cover-section" }, this.skeleton ? (index.h("div", { class: "cover-image cover-skeleton loading" })) : (index.h("div", { class: "cover-image", style: {
                 backgroundImage: this.coverImage ? `url(${this.coverImage})` : 'none'
-            } }, !this.coverImage && (index.h("div", { class: "cover-placeholder" }, index.h("mdui-icon", { name: "book--outlined" }))))), !this.skeleton && (this.winnerPosition || this.isWinner) && this.winnerBadgePosition === 'left' && (index.h("div", { key: 'ea5139b0be690a9e5b050326d4caae209d10b4f3', class: "winner-badge winner-badge-left" }, this.winnerPosition ? ([
+            } }, !this.coverImage && (index.h("div", { class: "cover-placeholder" }, index.h("mdui-icon", { name: "book--outlined" }))))), !this.skeleton && (this.winnerPosition || this.isWinner) && this.winnerBadgePosition === 'left' && (index.h("div", { key: '8d02dae79480cb378ac2293df24f1b5ca55ab33c', class: "winner-badge winner-badge-left" }, this.winnerPosition ? ([
             index.h("mdui-icon", { name: "bookmark" }),
             index.h("span", { class: "winner-position" }, this.winnerPosition)
         ]) : ([
             index.h("mdui-icon", { name: "bookmark" }),
             index.h("mdui-icon", { name: "emoji_events", class: "trophy-inside" })
-        ])))), index.h("div", { key: '67203793e6a161664fd9eb6ddf1a4b35d817a357', class: "info-section" }, !this.skeleton && (this.winnerPosition || this.isWinner) && this.winnerBadgePosition === 'right' && (index.h("div", { key: 'a0944ba3e0bc427c3ec651d9a2b58e909c499b58', class: "winner-badge winner-badge-right" }, this.winnerPosition ? ([
+        ])))), index.h("div", { key: '5e5cdadb6b41c6f1d90fa5f3ac4c73e49064e210', class: "info-section" }, !this.skeleton && (this.winnerPosition || this.isWinner) && this.winnerBadgePosition === 'right' && (index.h("div", { key: '5b0bad5dc67df5f46250096c73622e12c2c4c921', class: "winner-badge winner-badge-right" }, this.winnerPosition ? ([
             index.h("mdui-icon", { name: "bookmark" }),
             index.h("span", { class: "winner-position" }, this.winnerPosition)
         ]) : ([
             index.h("mdui-icon", { name: "bookmark" }),
             index.h("mdui-icon", { name: "emoji_events", class: "trophy-inside" })
-        ]))), this.showMenu && !this.skeleton && (index.h("div", { key: 'ce65a5f08f2cb50d6b53014b89e2b5b6f56fa207', class: "menu-container" }, index.h("button", { key: '310b26dae5d6086033707f51453a67eead0b6e54', class: "menu-trigger", onClick: this.handleMenuToggle, type: "button" }, index.h("mdui-icon", { key: 'ba99266b494ab74f81dc5a4e10080361d250c0e0', name: "more_vert" })), this.isMenuOpen && (index.h("div", { key: '9b065fda7ca88d64fa132adc0eda0b7fb12fcda7', class: "menu-dropdown" }, index.h("div", { key: '8d5668ca911276803f4c6dd873a88434a9b7260f', class: "menu-backdrop", onClick: this.handleMenuClose }), index.h("div", { key: '78788ed5bf9d938eb7d61b750c4a1e128c3fb063', class: "menu-content" }, index.h("button", { key: '6655b2feeea8456250e158326ceca219d2bce0b8', class: "menu-item", onClick: this.handleWithdraw, type: "button" }, index.h("mdui-icon", { key: 'ced14560857f814dcb4fbfacb12fe1c1a8503cb9', name: "delete--outlined" }), index.h("span", { key: '0f1ca4dffd496ed0a79525e646f38fbfd5c95b29' }, this.isOwnerViewing ? this.removeEntryText : this.withdrawButtonText))))))), index.h("div", { key: 'c315d6e3f4e445b0ca997586267f98b7238a8d8e', class: "story-header" }, this.skeleton ? (index.h("h3", { class: "story-title title-skeleton loading" }, "\u00A0")) : (index.h("h3", { class: "story-title" }, this.novlTitle)), this.showStats && (index.h("div", { key: 'de5353a1bbc30cc5d1a2a11c3c5e85bc8d8edfa3', class: "story-meta" }, this.skeleton ? (index.h("span", { class: "chapters chapters-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "chapters" }, this.chaptersCount, this.chaptersText))))), this.showDescription && (this.skeleton ? (index.h("p", { class: "story-description description-skeleton loading" }, "\u00A0")) : this.shortSummary && (index.h("p", { class: "story-description" }, this.shortSummary))), this.showAuthor && (this.skeleton ? (index.h("p", { class: "story-author author-skeleton loading" }, "\u00A0")) : this.authorName && (index.h("p", { class: "story-author" }, this.authorName))), this.showChips && (this.skeleton ? (index.h("div", { class: "info-chips" }, index.h("ur-chip", { skeleton: true, size: "24px" }), index.h("ur-chip", { skeleton: true, size: "24px" }))) : (this.renderChips())), this.showStats && (index.h("div", { key: '92a6900f79fbc4ed62bdfee38c1f961268847d25', class: "word-count" }, this.skeleton ? (index.h("span", { class: "word-count-skeleton loading" }, "\u00A0")) : (index.h("span", null, this.wordCount.toLocaleString(), this.wordsText))))))));
+        ]))), this.showMenu && !this.skeleton && (index.h("div", { key: '15c56d750c29ef62b711f5c8a24cb47037bb531d', class: "menu-container" }, index.h("button", { key: '40fa05e95bb5c74f3dc0337c3a981969bbaeced5', class: "menu-trigger", onClick: this.handleMenuToggle, type: "button" }, index.h("mdui-icon", { key: 'a955fd4c1fd8e1e0e0b490a10547d8d2a4fd284f', name: "more_vert" })), this.isMenuOpen && (index.h("div", { key: 'e55b7389594e1c746cb17a96e383dccbbdb992f9', class: "menu-dropdown" }, index.h("div", { key: '8c83eae3c221fcd44384ac2468c30bc9d4ab55a7', class: "menu-backdrop", onClick: this.handleMenuClose }), index.h("div", { key: 'aadb15ae567e158c4c8edf8039c934a5554e406b', class: "menu-content" }, index.h("button", { key: '0cca89aa65e8d44f9f7496ff529db48d5d9d08dc', class: "menu-item", onClick: this.handleWithdraw, type: "button" }, index.h("mdui-icon", { key: 'bba23e14e5b05cda5ca4f9420fe2cb39965bbaae', name: "delete--outlined" }), index.h("span", { key: 'da6fdb2c6a1a4f6af1a55efb45b761d93786b096' }, this.isOwnerViewing ? this.removeEntryText : this.withdrawButtonText))))))), index.h("div", { key: 'b539635c01095b95ae9f5194304e7fad6df45e0d', class: "story-header" }, this.skeleton ? (index.h("h3", { class: "story-title title-skeleton loading" }, "\u00A0")) : (index.h("h3", { class: "story-title" }, this.novlTitle)), this.showStats && (index.h("div", { key: '0f1b202a0f6ae5f7ad7bc025878617e810d34ca1', class: "story-meta" }, this.skeleton ? (index.h("span", { class: "chapters chapters-skeleton loading" }, "\u00A0")) : (index.h("span", { class: "chapters" }, this.chaptersCount, this.chaptersText))))), this.showDescription && (this.skeleton ? (index.h("p", { class: "story-description description-skeleton loading" }, "\u00A0")) : this.shortSummary && (index.h("p", { class: "story-description" }, this.shortSummary))), this.showAuthor && (this.skeleton ? (index.h("p", { class: "story-author author-skeleton loading" }, "\u00A0")) : this.authorName && (index.h("p", { class: "story-author" }, this.authorName))), this.showChips && (this.skeleton ? (index.h("div", { class: "info-chips" }, index.h("ur-chip", { skeleton: true, size: "24px" }), index.h("ur-chip", { skeleton: true, size: "24px" }))) : (this.renderChips())), this.showStats && (index.h("div", { key: 'f22c48b16d3ac2b5d1864264a36f53866a8f0013', class: "word-count" }, this.skeleton ? (index.h("span", { class: "word-count-skeleton loading" }, "\u00A0")) : (index.h("span", null, this.wordCount.toLocaleString(), this.wordsText))))))));
     }
 };
 UrCompetitionNovlCard.style = urCompetitionNovlCardCss;
@@ -162,11 +162,11 @@ const UrStats = class {
         ]).flat().filter(Boolean);
     }
     render() {
-        return (index.h(index.Host, { key: 'ed206bf6d4fe049ad992b5c9551ded7bcf6d1f78', class: {
+        return (index.h(index.Host, { key: '56f33076a584f455fae8708f83e4152ef3e1d6d0', class: {
                 skeleton: this.skeleton,
                 [`layout-${this.layout}`]: true,
                 [`background-${this.background}`]: true
-            } }, index.h("div", { key: '0150cfbd821b9c8aff23ba360fad452616884076', class: "stats-container" }, this.skeleton ? this.renderSkeletonStats() : this.renderStats())));
+            } }, index.h("div", { key: 'ea909e4a4525296a497505029734f98b2d05c055', class: "stats-container" }, this.skeleton ? this.renderSkeletonStats() : this.renderStats())));
     }
 };
 UrStats.style = urStatsCss;

package/dist/cjs/ur-competition-overview.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('./index-CealG8gc.js');
 require('./component-style-BC5DdXyd.js');
 require('./directive-CxKj9eM_.js');
@@ -421,7 +422,7 @@ const UrCompetitionOverview = class {
         var _a, _b;
         // Use skeleton for loading state
         const isLoading = this.loading || this.skeleton;
-        return (index.h(index.Host, { key: '101d0a432821d9a5701ba4da0a72779c0e8212de', class: { skeleton: isLoading } }, index.h("div", { key: '77eba0610e50ca1857863c0a17725b4902000e11', class: `overview ${this.deviceSize === 'small' ? 'small-device' : 'large-device'}` }, index.h("div", { key: 'a5eb6d35ea9762dd1248f0da98bddb64cf878497', class: "cover" }, index.h("div", { key: '4ea4f6448227776c941f670f79a5b44f1a220675', class: "inner-cover-hld" }, index.h("div", { key: '1b82c2fa4e384cc41929014c911878cf0054f858', class: "inner-cover" }, isLoading ? (index.h("div", { class: "cover-skeleton loading" })) : ((_a = this.competition) === null || _a === void 0 ? void 0 : _a.imageUrl) ? (index.h("img", { src: this.competition.imageUrl, alt: this.competition.competitionTitle, class: "competition-image" })) : (index.h("div", { class: "books-illustration" }, index.h("div", { class: "book book-1" }), index.h("div", { class: "book book-2" }), index.h("div", { class: "book book-3" }), index.h("div", { class: "book book-4" }), index.h("div", { class: "book book-5" })))))), index.h("div", { key: '039fb97bd009765dc97ad1682a20b58874e2a7d1', class: "competition-content" }, index.h("div", { key: '2d6f4ef614d76476082e8a7fb96078dc2e34a36e', class: "main-content" }, index.h("div", { key: '21dc73b1dface5d5fd109b615cc2694d8ffcc70c', class: "upper-hld" }, index.h("div", { key: '2708ededbb803e9a47d232de692b981d5919b106', class: "upper-left" }, this.renderStatusChip(), index.h("div", { key: '1a9a55ebad466103c7374efdb1cc94c5740f2866', class: "title-hld" }, isLoading ? (index.h("h1", { class: "title-text title-skeleton loading" }, "\u00A0")) : (index.h("h1", { class: "title-text" }, (_b = this.competition) === null || _b === void 0 ? void 0 : _b.competitionTitle))), this.renderInfoChips()), index.h("div", { key: '371949f24ad3175efb1974f66b3f68b62aaecf7d', class: "upper-right" }, this.renderEditButton())), this.renderStats(), this.renderActionButton(), this.renderTabs(), this.renderOwnerActions())), index.h("div", { key: '3ced83f62bf7a188476ef28914a0da90e40621bf', class: "ad-space" }, "\u00A0"))));
+        return (index.h(index.Host, { key: '673aef4747784e5a7bb2df1d94f98f23c07776ef', class: { skeleton: isLoading } }, index.h("div", { key: 'c72fd88eeedf70de063bf6475d95ed8be9335562', class: `overview ${this.deviceSize === 'small' ? 'small-device' : 'large-device'}` }, index.h("div", { key: '7201b22706c0899625c28985601d179ded36b3bc', class: "cover" }, index.h("div", { key: '6013487ee5dd8e251627d0068b85b9b55cd00a6d', class: "inner-cover-hld" }, index.h("div", { key: 'e6c0119b1ae3095916516f9408de6eb7e2dfc4e2', class: "inner-cover" }, isLoading ? (index.h("div", { class: "cover-skeleton loading" })) : ((_a = this.competition) === null || _a === void 0 ? void 0 : _a.imageUrl) ? (index.h("img", { src: this.competition.imageUrl, alt: this.competition.competitionTitle, class: "competition-image" })) : (index.h("div", { class: "books-illustration" }, index.h("div", { class: "book book-1" }), index.h("div", { class: "book book-2" }), index.h("div", { class: "book book-3" }), index.h("div", { class: "book book-4" }), index.h("div", { class: "book book-5" })))))), index.h("div", { key: '8e7e38dccd62896021c51ea76183cfd6675b0caf', class: "competition-content" }, index.h("div", { key: 'a2358d52c532463ecace1b7a32d635ba9b7a124c', class: "main-content" }, index.h("div", { key: '869876fd5e69f53c3b041297ee38b528e7092a6b', class: "upper-hld" }, index.h("div", { key: '01fa0eef8a0d39f543a42910bacc0cceee914313', class: "upper-left" }, this.renderStatusChip(), index.h("div", { key: 'f17d13f795cb3df3fd59089d0702f89a9844b7e5', class: "title-hld" }, isLoading ? (index.h("h1", { class: "title-text title-skeleton loading" }, "\u00A0")) : (index.h("h1", { class: "title-text" }, (_b = this.competition) === null || _b === void 0 ? void 0 : _b.competitionTitle))), this.renderInfoChips()), index.h("div", { key: '0ab1da63f4b2e7188abb933a7e81a32d3508b579', class: "upper-right" }, this.renderEditButton())), this.renderStats(), this.renderActionButton(), this.renderTabs(), this.renderOwnerActions())), index.h("div", { key: 'ad22051ff5bb901c8340f21c5256a1a0cf4cb7db', class: "ad-space" }, "\u00A0"))));
     }
 };
 UrCompetitionOverview.style = urCompetitionOverviewCss;

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

@@ -143,16 +143,16 @@ const UrCompetition = class {
         return genres.map((genre, index$1) => (index.h("ur-chip", { key: `genre-${index$1}`, label: genre, size: "var(--competition-chip-size)", backColor: "rgb(var(--ur-color-surface-container-high))", fontColor: "rgb(var(--ur-color-on-surface))", clickable: false })));
     }
     render() {
-        return (index.h(index.Host, { key: '6c9225b744b41a5c06f162a9bae059a8d793082f', class: {
+        return (index.h(index.Host, { key: '4a5efc0ab85909859adfccee714a050ee720d482', class: {
                 clickable: this.clickable && !this.skeleton,
                 compact: this.height === 'compact',
                 skeleton: this.skeleton
-            } }, index.h("a", { key: 'cbbe65b1d6fb33e2986bd184f27d3f98340b643e', href: `/competitions/${this.competitionId}/overview`, class: "competition-link", onClick: (e) => {
+            } }, index.h("a", { key: '540bc4c38aea59cce3fdd203f413c074f4e0bda6', href: `/competitions/${this.competitionId}/overview`, class: "competition-link", onClick: (e) => {
                 if (!this.skeleton && this.clickable) {
                     e.preventDefault();
                     this.handleClick();
                 }
-            } }, index.h("div", { key: 'a89960336b030c7d13abb081b3b3ec4e8a83de6b', class: "competition-card", part: "competition-card" }, index.h("div", { key: '1d5ea08fb5b31434a3b207936c3caa0382f5d0b7', class: "competition-image" }, index.h("div", { key: '189f07f871f0575abceab39b4f9913c662d0ebeb', class: "image-placeholder" }, this.skeleton ? (index.h("div", { class: "image-skeleton loading" })) : this.imageUrl ? (index.h("img", { src: this.imageUrl, alt: this.competitionTitle })) : (index.h("div", { class: "book-spines" }, index.h("div", { class: "spine spine-1" }), index.h("div", { class: "spine spine-2" }), index.h("div", { class: "spine spine-3" }), index.h("div", { class: "spine spine-4" }), index.h("div", { class: "spine spine-5" })))), this.skeleton ? (index.h("div", { class: "status-badge-skeleton loading" })) : (index.h("div", { class: `status-badge ${this.getStatusClass()}` }, (() => {
+            } }, index.h("div", { key: 'edcc7a6b1214295e6d5a212e81c77af07e5943f0', class: "competition-card", part: "competition-card" }, index.h("div", { key: '0080d3b26e8dbbce4f99dcc9b8bb3b0bf8eaa68b', class: "competition-image" }, index.h("div", { key: 'd26f20adaf55bdd07daef55476551089def3399b', class: "image-placeholder" }, this.skeleton ? (index.h("div", { class: "image-skeleton loading" })) : this.imageUrl ? (index.h("img", { src: this.imageUrl, alt: this.competitionTitle })) : (index.h("div", { class: "book-spines" }, index.h("div", { class: "spine spine-1" }), index.h("div", { class: "spine spine-2" }), index.h("div", { class: "spine spine-3" }), index.h("div", { class: "spine spine-4" }), index.h("div", { class: "spine spine-5" })))), this.skeleton ? (index.h("div", { class: "status-badge-skeleton loading" })) : (index.h("div", { class: `status-badge ${this.getStatusClass()}` }, (() => {
             const currentStatus = this.getCompetitionStatus();
             switch (currentStatus) {
                 case 'upcoming': return this.statusUpcomingText;
@@ -161,14 +161,14 @@ const UrCompetition = class {
                 case 'completed': return this.statusCompletedText;
                 default: return this.unknownText;
             }
-        })())), index.h("div", { key: 'a3d4fcfee1c90d3c21e0b17144a3ad447a5efac4', class: "page-info" }, index.h("ur-avatar", { key: '7a8fcd7bcb5942442e76ff40de91e68fba26ea98', src: this.pageAvatar || 'https://i.pravatar.cc/150?img=1', size: "var(--competition-avatar-size)", radius: "25%", variant: "page", skeleton: this.skeleton }))), index.h("div", { key: 'd939383e3b6e9f4c7acd2b42462d9f9c2a02932b', class: "competition-content" }, index.h("div", { key: 'ea49c0f80b774bca384bcc5142fa152fe2d9b958', class: "competition-header" }, this.skeleton ? (index.h("h3", { class: "competition-title title-skeleton loading" }, "\u00A0")) : (index.h("h3", { class: "competition-title" }, this.competitionTitle)), index.h("div", { key: '5c0b7a94fce10f5ce54afc45d80742cba047ed6a', class: "competition-tags" }, this.skeleton ? ([
+        })())), index.h("div", { key: '4be4a6f6263f854de1dcefe17033380735962e60', class: "page-info" }, index.h("ur-avatar", { key: '3b4cbbc96b58ee757145c8b91640312293963745', src: this.pageAvatar || 'https://i.pravatar.cc/150?img=1', size: "var(--competition-avatar-size)", radius: "25%", variant: "page", skeleton: this.skeleton }))), index.h("div", { key: '39b173ff84f7d994163d427bde6000b615a041a7', class: "competition-content" }, index.h("div", { key: '4ffb762f72713744a61a18f7e78e0e43212f7739', class: "competition-header" }, this.skeleton ? (index.h("h3", { class: "competition-title title-skeleton loading" }, "\u00A0")) : (index.h("h3", { class: "competition-title" }, this.competitionTitle)), index.h("div", { key: '8a506b4313609b36a4fda53efb50a5d49c07321e', class: "competition-tags" }, this.skeleton ? ([
             index.h("ur-chip", { skeleton: true, size: "var(--competition-chip-size)" }),
             index.h("ur-chip", { skeleton: true, size: "var(--competition-chip-size)" })
         ]) : ([
             this.language && (index.h("ur-chip", { label: this.language, size: "var(--competition-chip-size)", backColor: "rgb(var(--ur-color-surface-container-high))", fontColor: "rgb(var(--ur-color-on-surface))", clickable: false })),
             this.literatureType && (index.h("ur-chip", { label: this.literatureType, size: "var(--competition-chip-size)", backColor: "rgb(var(--ur-color-surface-container-high))", fontColor: "rgb(var(--ur-color-on-surface))", clickable: false })),
             this.renderGenreTags()
-        ]))), index.h("div", { key: '0fe202c029184ae1efaabb0d4ff59ae26e340a92', class: "competition-stats" }, this.skeleton ? ([
+        ]))), index.h("div", { key: '51625845198f1676cb4b2c64ee80cc417bbf8ba5', class: "competition-stats" }, this.skeleton ? ([
             index.h("div", { class: "stat-item" }, index.h("span", { class: "stat-label-skeleton loading" }, "\u00A0"), index.h("span", { class: "stat-value-skeleton loading" }, "\u00A0")),
             index.h("div", { class: "stat-separator" }),
             index.h("div", { class: "stat-item" }, index.h("span", { class: "stat-label-skeleton loading" }, "\u00A0"), index.h("span", { class: "stat-value-skeleton loading" }, "\u00A0")),

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

@@ -358,16 +358,16 @@ const UrDialog = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e2fb7771a2c47b476ec9cf17af03c4496a4c8814' }, index.h("mdui-dialog", { key: 'a6971e20063edd8d4ea4810e7c2ba47f4d6dc056', open: this.open, "close-on-overlay-click": this.closeOnOverlayClick, "close-on-esc": this.closeOnEsc, fullscreen: this.fullscreen, "border-radius": this.borderRadius, class: {
+        return (index.h(index.Host, { key: '6b0467cd62d788aac52aeb6aaaa6a5876d113df8' }, index.h("mdui-dialog", { key: 'd3ac25492056d982cbf54cbde8197cfa7252decc', open: this.open, "close-on-overlay-click": this.closeOnOverlayClick, "close-on-esc": this.closeOnEsc, fullscreen: this.fullscreen, "border-radius": this.borderRadius, class: {
                 'inner-dialog': true,
                 'mobile': this.variant === 'mobile',
                 'desktop': this.variant === 'desktop',
             }, style: {
                 '--ur-dialog-panel-border-radius': this.borderRadius,
-            }, onMduiDialogClose: this.handleClose }, this.showHeader && (index.h("div", { key: '6b078e69a552712f0f3859196ff35c81b5529ebd', part: "header", class: {
+            }, onMduiDialogClose: this.handleClose }, this.showHeader && (index.h("div", { key: 'a01241f525f8fb6463e83f71fc2354836b4239c1', part: "header", class: {
                 'dialog-header': true,
                 'header-overlay': this.overlayHeader
-            } }, index.h("slot", { key: '5f986808dc467b5eb951c84b942077a7e6ee1b5e', name: "header" }))), index.h("slot", { key: '5e3c14c258d40b59816c185adc6f67ebca434863' }), index.h("slot", { key: '555c9a941091996b4caaa758cb429a5f22427a33', name: "main-content" }))));
+            } }, index.h("slot", { key: '407aa0a624db68702a814b83c9cd0a03d1501119', name: "header" }))), index.h("slot", { key: '0c0245e69b9ad318c047d71980a7042dc3e46d7d' }), index.h("slot", { key: '7e443bce2384ee26719f070c0cde886948b47a7d', name: "main-content" }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -98,7 +98,7 @@ const UrDropdown = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a4ee36f3b67b47654d64758c1a45348655457ccd' }, index.h("mdui-dropdown", { key: '992ecafe1cb09194b4e8a396b8afc925abc33c43', open: this.open, disabled: this.disabled, trigger: this.trigger, placement: this.placement, "stay-open-on-click": this.stayOpenOnClick, "open-delay": this.openDelay, "close-delay": this.closeDelay, "open-on-pointer": this.openOnPointer, class: "ur-dropdown-wrapper" }, index.h("slot", { key: 'd1ba1ad9a5184ca8240629e5ce447c2319956c40', name: "trigger", slot: "trigger" }), index.h("slot", { key: '86dc5093a3d8f660d9025a5b24c4a2186258d692' }))));
+        return (index.h(index.Host, { key: '3887327b346c47ff888d2f6a7bc35357972706b4' }, index.h("mdui-dropdown", { key: 'e8b884cf2d9fa8a954608dfa617c2040714ef3e2', open: this.open, disabled: this.disabled, trigger: this.trigger, placement: this.placement, "stay-open-on-click": this.stayOpenOnClick, "open-delay": this.openDelay, "close-delay": this.closeDelay, "open-on-pointer": this.openOnPointer, class: "ur-dropdown-wrapper" }, index.h("slot", { key: 'd4d0a9755fe835bdec75a8fcd6e781014948b3f8', name: "trigger", slot: "trigger" }), index.h("slot", { key: 'd9f39a62118382d4fc8757bc0d569ebd9c3578e7' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -23907,10 +23907,10 @@ const UrEditor = class {
             }, icon: "format_align_justify", selected: this.formattingState.textAlignJustify, disabled: this.disabled, onClick: () => this.handleAlign('justify') })))));
     }
     render() {
-        return (index.h("div", { key: 'a2b852ff6dac868025de52104bd02f5336d8305d', class: "ur-editor" }, this.showFixedToolbar && index.h("div", { key: '1c6ea5854077de4067709f287f98f67e5bc95bd7', class: "editor-toolbar" }, this.renderFormattingButtons()), this.showSelectionToolbar && this.selectionTooltip.visible && (index.h("div", { key: '0e410342b1529f9a87e4a87f697d1bb4969ff0c5', class: "selection-tooltip", style: {
+        return (index.h("div", { key: '0513269d02372ee9e598646178760b80a645933d', class: "ur-editor" }, this.showFixedToolbar && index.h("div", { key: '58f9ef9ab9838318931a7a0354ae7b3239af5d3d', class: "editor-toolbar" }, this.renderFormattingButtons()), this.showSelectionToolbar && this.selectionTooltip.visible && (index.h("div", { key: '18fc793cbddecaa1ec01fcb945129528b4bb2be4', class: "selection-tooltip", style: {
                 top: `${this.selectionTooltip.top}px`,
                 left: `${this.selectionTooltip.left}px`,
-            } }, this.renderFormattingButtons())), index.h("div", { key: '0f1b6ef885fa58afeeae9659485fb6563180720b', class: "editor-content", ref: el => (this.editorContainer = el) }), this.showCounter && (index.h("div", { key: '150ef8df4b2b62f5e4c117c345c5011a3b1e188a', class: "content-counter" }, this.wordLabel && (index.h("div", { key: 'ea5a96d90a8359bd6f39682fb3a241c218f03887', class: "word-counter" }, this.wordLabel, ": ", this.wordCount, this.maxWords > 0 ? ` / ${this.maxWords}` : '')), this.charLabel && (index.h("div", { key: '12d22ca2fbe4ff713c6c437a0014dee1537f4736', class: "char-counter" }, this.charLabel, ": ", this.charCount, this.maxLength > 0 ? ` / ${this.maxLength}` : '')), this.readingDurationLabel && (index.h("div", { key: '739ceb44cec2f7dc6285fcd5a0aa6be23e6519d6', class: "reading-duration" }, this.readingDurationLabel, ": ", this.readingDuration === 0
+            } }, this.renderFormattingButtons())), index.h("div", { key: '25d51750d7591ebb89cee1c9d7475076c457c8a7', class: "editor-content", ref: el => (this.editorContainer = el) }), this.showCounter && (index.h("div", { key: '3dbac423caeebcf594193bf909f19f353d08f76d', class: "content-counter" }, this.wordLabel && (index.h("div", { key: '08d51d632c6fe8bcf75797d9ce0ffc947f3f3f7d', class: "word-counter" }, this.wordLabel, ": ", this.wordCount, this.maxWords > 0 ? ` / ${this.maxWords}` : '')), this.charLabel && (index.h("div", { key: '3d71450940d55f2287be44245cdf4233f92633dc', class: "char-counter" }, this.charLabel, ": ", this.charCount, this.maxLength > 0 ? ` / ${this.maxLength}` : '')), this.readingDurationLabel && (index.h("div", { key: 'db7a64f3922d3b097c7696d894002c299c47ad6d', class: "reading-duration" }, this.readingDurationLabel, ": ", this.readingDuration === 0
             ? `${this.readingDurationSeconds} ${this.readingDurationSeconds === 1 ? 'second' : 'seconds'}`
             : this.readingDurationSeconds > 0
                 ? `${this.readingDuration} ${this.readingDuration === 1 ? 'minute' : 'minutes'} ${this.readingDurationSeconds} ${this.readingDurationSeconds === 1 ? 'second' : 'seconds'}`

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

@@ -86,7 +86,7 @@ const UrForm = class {
         this.formDataChanged.emit(this.formData);
     }
     render() {
-        return (index.h(index.Host, { key: 'c4cd7e515c0ccffd5d8c629e0f0554afc8ce7d46' }, index.h("slot", { key: '42d63094609edcd128aacb33161bab5567b6eed8' })));
+        return (index.h(index.Host, { key: '04db6c068803d6a20e75a7bf7140dabd3cbd35a8' }, index.h("slot", { key: '9580254e5340556d4df156487b3e10d4ce8cecf4' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ur-grid-col.cjs.entry.js

@@ -145,7 +145,7 @@ const UrGridCol = class {
         return styles;
     }
     render() {
-        return (index.h(index.Host, { key: '9a65b0d47c225d4f7d3bca23ac0cc868d4987b70', class: this.getColClasses(), style: this.getColStyles() }, index.h("slot", { key: 'aac40b4cee34d3a0f700d6a1838fe83008ec72bd' })));
+        return (index.h(index.Host, { key: '5261910d0b81790db9a1b1c55e99ea920f30217c', class: this.getColClasses(), style: this.getColStyles() }, index.h("slot", { key: '6adebf84024eac3bdedd72e8a182abdc5f950612' })));
     }
 };
 UrGridCol.style = urGridCss;

package/dist/cjs/ur-grid-row.cjs.entry.js

@@ -9,7 +9,7 @@ const UrGridRow = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '05659aabcd889136d77b43cd09195c6123f6c247' }, index.h("slot", { key: '3aa17663c063a12b7cc8b10f5d4ba3f6d958faf9' })));
+        return (index.h(index.Host, { key: '23b489c4436c19b65dc549a243d43fae7c594da5' }, index.h("slot", { key: '66aa1b293934d46ec7d139bb6f7331002943fa00' })));
     }
 };
 UrGridRow.style = urGridCss;

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

@@ -42,9 +42,9 @@ const UrGrid = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '195e1a603d2902403c69d4a96bef5c548f69c28f', class: {
+        return (index.h(index.Host, { key: '058e5570a29de0149e5edfc20ab3fde7730b66df', class: {
                 'grid-fixed': this.fixed,
-            } }, index.h("slot", { key: 'd43af2857da67b3a2bd71eb29838bcded3dddc87' }), this.showMore && (this.showMoreLimit === 0 || this.showMoreClickCount < this.showMoreLimit) && (index.h("div", { key: '500c49d735e4cda6c433e706a0bad03546165547', class: "show-more-container" }, index.h("div", { key: '92cba9d3e67d55aad28cd96b2d761ea2f1e85c7e', class: "show-more-line" }), index.h("ur-button", { key: '31119887b11f5b67f6df69025173a7741ff33e0e', variant: "text", class: "show-more-button", onClick: (event) => this.handleShowMoreClick(event), endIcon: "expand_more" }, this.showMoreText), index.h("div", { key: '690d57fa053a9600a78ae663679de08c75c742af', class: "show-more-line" })))));
+            } }, index.h("slot", { key: '5d5084698ad08439851818e8b563d104a5f0fcad' }), this.showMore && (this.showMoreLimit === 0 || this.showMoreClickCount < this.showMoreLimit) && (index.h("div", { key: 'e97609aec458d6daaa06ef4fb62b398ca2c5d050', class: "show-more-container" }, index.h("div", { key: 'fc1a4e6743aa5d9da3b9981038cd967e65833656', class: "show-more-line" }), index.h("ur-button", { key: '2da1d529f145f6fd9f7a76d065bf684aebcf571f', variant: "text", class: "show-more-button", onClick: (event) => this.handleShowMoreClick(event), endIcon: "expand_more" }, this.showMoreText), index.h("div", { key: '9615264513ceb0b28778f5be092f19cbdd8023cd', class: "show-more-line" })))));
     }
 };
 UrGrid.style = urGridCss;

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

@@ -44,7 +44,7 @@ const UrHero = class {
         this.resizeObserver.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '3251365d502a734ec7dfea94829feb2478da4589', class: this.widthClass }, index.h("div", { key: 'da479b8becf817844f3ce5491294bea239af6cff', class: {
+        return (index.h(index.Host, { key: 'cd890676a723c550d94e95e90b694eb7ea7d024d', class: this.widthClass }, index.h("div", { key: 'c1efe4df54506df83a693b8b7ce9dfcaf4a16238', class: {
                 'hero-container': true,
                 [`layout-${this.layout}`]: true,
                 [`background-${this.backgroundJustification}`]: true,
@@ -52,11 +52,11 @@ const UrHero = class {
             }, style: {
                 backgroundImage: `url(${this.backgroundImage})`,
                 backgroundColor: this.backgroundColor,
-            } }, index.h("div", { key: '25a6d3f9fbaefdbb88e8291a7358e1ebff8354f3', class: "overlay" }, index.h("h2", { key: 'bb61db9a824734284fe7c5a83067f477e75bb9f7', class: "hero-title", style: {
+            } }, index.h("div", { key: '33eba966d78b63e2669032fcd539f91e66b8743f', class: "overlay" }, index.h("h2", { key: '7b5b2c9f82e141d2eb13880f669530a2398fa6a8', class: "hero-title", style: {
                 color: this.heroTitleColor,
-            } }, this.heroTitle), index.h("p", { key: '85a550dd5fa5dc659e465243c17bb3427847f0e2', class: "hero-subtitle", style: {
+            } }, this.heroTitle), index.h("p", { key: '033ff5f170b13b8e02b986cb22ea9fff9b083ffc', class: "hero-subtitle", style: {
                 color: this.heroSubtitleColor,
-            } }, this.heroSubtitle), index.h("ur-button", { key: '1668ed4303ce7e074f36147cea08fe9d9f744787', variant: "filled", "full-width": false, disabled: false, onClick: this.handleCtaClick }, this.ctaText)))));
+            } }, this.heroSubtitle), index.h("ur-button", { key: '0e48fd6abcf322242684daec3b25377f0657a490', variant: "filled", "full-width": false, disabled: false, onClick: this.handleCtaClick }, this.ctaText)))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -22,7 +22,7 @@ const UrIcon = class {
         if (this.color) {
             style.color = this.color;
         }
-        return (index.h(index.Host, { key: '612f48a87ad89d5bf7efc48e14c0d2003c660ac6' }, this.src ? (index.h("mdui-icon", { src: this.src, style: style })) : this.name ? (index.h("mdui-icon", { name: this.name, style: style })) : null));
+        return (index.h(index.Host, { key: 'f621df9ff8224a3e51b3206e2258ce96f8e4b0ff' }, this.src ? (index.h("mdui-icon", { src: this.src, style: style })) : this.name ? (index.h("mdui-icon", { name: this.name, style: style })) : null));
     }
 };
 UrIcon.style = urIconCss;

package/dist/cjs/ur-image-uploader.cjs.entry.js

@@ -169,7 +169,7 @@ const UrImageUploader = class {
             cursor: this.disabled ? 'not-allowed' : 'pointer',
             opacity: this.disabled ? '0.6' : '1',
         };
-        return (index.h(index.Host, { key: 'bb987f29962f8d4e7f2445458b6d38e612ea1f41' }, index.h("div", { key: '21bdc919a812ff1e5133ceb08b6280b3f228fa3d', class: "uploader-container", style: containerStyles, onClick: this.handleClick, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, index.h("input", { key: 'e72ed8787a3ec0ea8fc2c700555896224b951633', type: "file", accept: this.acceptTypes, ref: (el) => this.fileInputRef = el, onChange: this.handleFileInput, style: { display: 'none' }, disabled: this.disabled }), this.previewUrl ? (index.h("div", { class: "preview-container" }, index.h("img", { src: this.previewUrl, alt: "Preview", class: "preview-image" }), !this.isUploading && !this.loading && (index.h("button", { class: "clear-button", onClick: this.clearFile, type: "button" }, "\u00D7")), this.showFileName && this.selectedFile && (index.h("div", { class: "file-name" }, this.selectedFile.name)), (this.isUploading || this.loading) && (index.h("div", { class: "upload-overlay" }, index.h("mdui-circular-progress", { class: "upload-loader" }), index.h("div", { class: "upload-text" }, this.uploadingText))))) : (index.h("div", { class: "placeholder" }, (this.isUploading || this.loading) ? (index.h("div", { class: "loading-content" }, index.h("mdui-circular-progress", { class: "upload-loader" }), index.h("div", { class: "placeholder-text" }, this.uploadingText))) : (index.h("div", { class: "upload-content" }, index.h("mdui-icon", { class: "upload-icon", name: "cloud_upload--outlined" }), index.h("div", { class: "placeholder-text" }, this.placeholderText))))))));
+        return (index.h(index.Host, { key: 'b1eb1c685ab0cff83efe424f67b1b73db7b66cec' }, index.h("div", { key: 'dfea0e2229b974d4323a0c8b967b273418d04e39', class: "uploader-container", style: containerStyles, onClick: this.handleClick, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, index.h("input", { key: '815d6b04b2d3ba96c8fc8149277c898924b3c506', type: "file", accept: this.acceptTypes, ref: (el) => this.fileInputRef = el, onChange: this.handleFileInput, style: { display: 'none' }, disabled: this.disabled }), this.previewUrl ? (index.h("div", { class: "preview-container" }, index.h("img", { src: this.previewUrl, alt: "Preview", class: "preview-image" }), !this.isUploading && !this.loading && (index.h("button", { class: "clear-button", onClick: this.clearFile, type: "button" }, "\u00D7")), this.showFileName && this.selectedFile && (index.h("div", { class: "file-name" }, this.selectedFile.name)), (this.isUploading || this.loading) && (index.h("div", { class: "upload-overlay" }, index.h("mdui-circular-progress", { class: "upload-loader" }), index.h("div", { class: "upload-text" }, this.uploadingText))))) : (index.h("div", { class: "placeholder" }, (this.isUploading || this.loading) ? (index.h("div", { class: "loading-content" }, index.h("mdui-circular-progress", { class: "upload-loader" }), index.h("div", { class: "placeholder-text" }, this.uploadingText))) : (index.h("div", { class: "upload-content" }, index.h("mdui-icon", { class: "upload-icon", name: "cloud_upload--outlined" }), index.h("div", { class: "placeholder-text" }, this.placeholderText))))))));
     }
 };
 UrImageUploader.style = urImageUploaderCss;

package/dist/cjs/ur-library-shelf-creator.cjs.entry.js

@@ -32,7 +32,7 @@ const UrLibraryShelfCreator = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'c18c415ebe16414cf1dcb4cc948e24835fd343e2' }, index.h("div", { key: 'a8cdf5e3e901200da15d118807b105d272cd5827', class: "library-shelf-creator" }, index.h("div", { key: '5cd00524d334a9201acea17afd27bc3eb3a761a2', class: "create-new-shelf-container" }, index.h("h4", { key: '96f918b9c038b20e8d85f1f49e12d918e2a9d9b0', class: "section-subtitle" }, this.createNewShelfLabelText), index.h("span", { key: 'b27a5bd474988ddb9a599df61967a574eebd0a01', class: "section-title" }, this.createNewShelfSubtitleText), index.h("div", { key: 'b5d6ce45b5cdf065d3beb2174d7f4d6605fd3aac', class: "new-shelf-form" }, index.h("ur-text-field", { key: '79f184fe0131a144f8daf232ab4f845461320595', label: this.newShelfPlaceholder, name: "newShelf", value: this.newShelfName, onValueChanged: this.handleNewShelfInput }), index.h("div", { key: '163331bfacd586a5ab4c9bf6c26c4d070e063b7e', class: "public-shelf-toggle" }, index.h("span", { key: '3ac68132beab36dde192f3c769dd6d51d4595b62', class: "toggle-title" }, "Make the shelf public"), index.h("ur-switch", { key: '02c6b94e99ccae5114e20c47bd80ab16655cf4ab', checked: this.isShelfPublic, onSwitchChange: this.handlePublicToggle }))), index.h("div", { key: '58f9a973fbe5be634e5da5737a62b03d7e0770c2', class: "action-buttons" }, index.h("ur-button", { key: '14c9b891d7c3f4004c419c35234ac4fdd99c6434', variant: "filled", color: "primary", disabled: !this.newShelfName || this.newShelfName.trim().length === 0, onClick: this.handleCreate }, this.createButtonText))))));
+        return (index.h(index.Host, { key: '0e5d532eaf786a823be7a1ccd7cf6cdf81d48429' }, index.h("div", { key: '807c23e3f3cbfef529b17b9708e751f522da2df6', class: "library-shelf-creator" }, index.h("div", { key: 'cbee7a50c2be156f83a6364d833525e37f9c27e5', class: "create-new-shelf-container" }, index.h("h4", { key: '8dca8fa50ade8db1558d5de2f21ce4ef27aa5f59', class: "section-subtitle" }, this.createNewShelfLabelText), index.h("span", { key: '0d32ba405b685bd525509d0aada79bbf24c5f585', class: "section-title" }, this.createNewShelfSubtitleText), index.h("div", { key: '8ee52995e2f423de3c55e0d7f1b58457e9033e89', class: "new-shelf-form" }, index.h("ur-text-field", { key: '94e2ae8b1539aa70d169b61adc24caf854964e6f', label: this.newShelfPlaceholder, name: "newShelf", value: this.newShelfName, onValueChanged: this.handleNewShelfInput }), index.h("div", { key: 'c180d9f87c607b436e53270b905b4246f9d1421f', class: "public-shelf-toggle" }, index.h("span", { key: '474932bf818f656254a48f28e0ac055356e8ab75', class: "toggle-title" }, "Make the shelf public"), index.h("ur-switch", { key: 'a2d72bb1d0b06dbbc9d8a2da95102f0ab0e27116', checked: this.isShelfPublic, onSwitchChange: this.handlePublicToggle }))), index.h("div", { key: 'fa9fef4dc95feeecfbb8b64898b489e889d4d04e', class: "action-buttons" }, index.h("ur-button", { key: 'a88d6b1914256e85e2858fc18c7879bfb47c4863', variant: "filled", color: "primary", disabled: !this.newShelfName || this.newShelfName.trim().length === 0, onClick: this.handleCreate }, this.createButtonText))))));
     }
 };
 UrLibraryShelfCreator.style = urLibraryShelfCreatorCss;

package/dist/cjs/ur-library-shelf-selector.cjs.entry.js

@@ -85,7 +85,7 @@ const UrLibraryShelfSelector = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'c7830b87376d5ef034e54839c92106787c93ad50' }, index.h("div", { key: 'd4263cd853fcb552fd6d473bdf76b5f0bc622766', class: "library-shelf-selector" }, this.showProfileSelection && (index.h("div", { key: '6e95e9bb1b6940750caa1c0788f0b7312250cbe1', class: "profile-selection-view" }, index.h("span", { key: 'a37b591443d01267e6575025302c3795cd5a6c71', class: "section-title" }, this.selectProfileLabelText), index.h("div", { key: '126593055f54cfaedb431e6a70c64505679e02a8', class: "profile-options" }, index.h("ur-list-item", { key: '16e83048ed3c969e3a94b780a395bda0170cdcda', content: this.userProfileText, description: this.userProfileSubtitleText, endIcon: "chevron_right", borderRadius: "8px", border: "1px solid rgb(var(--ur-color-outline-variant))", containerPadding: "12px", showAvatarSlot: true, onClick: () => this.selectProfile('user') }, index.h("ur-avatar", { key: 'b2d52c9d8ff7992706cf7593b8c6e3b820d2db7e', slot: "avatar", src: (_a = this.user) === null || _a === void 0 ? void 0 : _a.image, name: (_b = this.user) === null || _b === void 0 ? void 0 : _b.name, variant: "user", size: "40px" })), this.pages.map(page => (index.h("ur-list-item", { key: page._id, content: page.name, description: this.pageShelfSubtitleText, endIcon: "chevron_right", borderRadius: "8px", border: "1px solid rgb(var(--ur-color-outline-variant))", containerPadding: "12px", showAvatarSlot: true, onClick: () => this.selectProfile('page', page._id) }, index.h("ur-avatar", { slot: "avatar", src: page.image, name: page.name, variant: "page", size: "40px" }))))))), !this.showProfileSelection && !this.showCreateView && this.selectedProfile === 'user' && (index.h("div", { key: '6fbd7c2c00c476f314aed779f2b4eb658c98d349', class: "list-view" }, this.shelves.length > 0 && (index.h("div", { key: '77cb8b83ab9597da7bbebabbf87b7f53896520ef', class: "shelves-list-container" }, index.h("span", { key: '3663f42f63ccdfd4f58e914154eda0efd01ad960', class: "section-title" }, this.chooseShelfLabelText), index.h("div", { key: '6336a8d3bab95a60fd7039ffdd5b0a775da4c56d', class: "shelves-list" }, this.shelves.map(shelf => (index.h("div", { class: "shelf-item", key: shelf.name }, index.h("ur-checkbox", { value: shelf.name, checked: shelf.checked || false, name: "shelf", fullWidth: true, onValueChanged: this.handleShelfToggle }, index.h("div", { class: "shelf-item-content" }, index.h("span", { class: "shelf-name" }, shelf.name), shelf.visible !== undefined && (index.h("mdui-icon", { name: shelf.visible ? 'public--outlined' : 'lock--outlined', class: `shelf-icon ${shelf.visible ? 'public' : 'private'}` })))))))))), index.h("div", { key: '15e850fa1e447968df33b7cbcdfbb25e5cdfdfab', class: "create-shelf-button-container" }, index.h("ur-button", { key: 'b30353402dcee5b0643d3575d53cc331f3ebed40', variant: "outlined", fullWidth: true, onClick: this.showCreateForm }, this.createNewShelfLabelText)), index.h("div", { key: '5acf376987e4f78ced84797c596b799ccd6b1a99', class: "back-button-container" }, index.h("ur-button", { key: 'fd6edd2646412b312cf1bac2478c667483d183c1', variant: "text", fullWidth: true, onClick: this.backToProfileSelection }, "Back")))), !this.showProfileSelection && !this.showCreateView && this.selectedProfile !== 'user' && (index.h("div", { key: '2f75cea7cae1324766aade47b0b866233d9fd5de', class: "list-view" }, this.pageShelves.length > 0 && (index.h("div", { key: '77d3e8d011d00c30c4fc362ed2cd10175bf08a9a', class: "shelves-list-container" }, index.h("span", { key: '803143c02a2534e235ef8ffbce401f25728158fd', class: "section-title" }, this.chooseShelfLabelText), index.h("div", { key: '720a90f0049f8c8f7fa4245886dc854ac0b4fa49', class: "shelves-list" }, this.pageShelves.map(shelf => (index.h("div", { class: "shelf-item", key: shelf.name }, index.h("ur-checkbox", { value: shelf.name, checked: shelf.checked || false, name: "shelf", fullWidth: true, onValueChanged: this.handleShelfToggle }, index.h("div", { class: "shelf-item-content" }, index.h("span", { class: "shelf-name" }, shelf.name), shelf.visible !== undefined && (index.h("mdui-icon", { name: shelf.visible ? 'public--outlined' : 'lock--outlined', class: `shelf-icon ${shelf.visible ? 'public' : 'private'}` })))))))))), index.h("div", { key: 'd27ad56cdb9c95d3b4614f777b7d8ff9a6e57a28', class: "create-shelf-button-container" }, index.h("ur-button", { key: 'dc0bb1b5d9730f34064b631c5adf3fa7483842fa', variant: "outlined", fullWidth: true, onClick: this.showCreateForm }, this.createNewShelfLabelText)), index.h("div", { key: 'c85612f12835dbf079eda284c8ef44faed389c87', class: "back-button-container" }, index.h("ur-button", { key: '04d79a44359e76c1512d95c76aa11ca40edc296f', variant: "text", fullWidth: true, onClick: this.backToProfileSelection }, "Back")))), this.showCreateView && (index.h("div", { key: 'd4ea84018015d8f0266f3867d0cd322dbd082495', class: "create-view" }, index.h("div", { key: '19f4eb69b940c667bba1a2e74e19bd26a4e46fab', class: "create-new-shelf-container" }, index.h("h4", { key: 'c0d7fcd74403e0da83e4ceaee1602c28f0346d25', class: "section-subtitle" }, this.createNewShelfLabelText), index.h("span", { key: '132a06c5cf2606711eeea024d934fbf69454fb08', class: "section-title" }, this.createNewShelfSubtitleText), index.h("div", { key: 'cad564d481d3dcd76cce6a510d978306d5a5f390', class: "new-shelf-form" }, index.h("ur-text-field", { key: '04db6056fa48445bd6ecf4f8c2cce2d032265ee7', label: this.newShelfPlaceholder, name: "newShelf", value: this.newShelfName, onValueChanged: this.handleNewShelfInput }), index.h("div", { key: '0d8794afe2d9cfa541ad6b882891e4105e631e12', class: "public-shelf-toggle" }, index.h("span", { key: '5ce020124c476bb002b8111a7819b934fe63d983', class: "toggle-title" }, "Make the shelf public"), index.h("ur-switch", { key: '8c76ae2f97ea79ed0650aa4e9ac5a64ad5e34445', checked: this.isShelfPublic, onSwitchChange: this.handlePublicToggle }))), index.h("div", { key: '68aa92a0875af9e51021860fb9ac52c99f657888', class: "action-buttons" }, index.h("ur-button", { key: '5f44b88a6164ac666140aca3f905b0c69da92579', variant: "text", onClick: this.hideCreateForm }, "Back"), index.h("ur-button", { key: 'c46f4581e1dc599f2b91e9334449afd196f1ace7', variant: "filled", color: "primary", disabled: !this.newShelfName || this.newShelfName.trim().length === 0, onClick: this.handleCreate }, this.createButtonText))))))));
+        return (index.h(index.Host, { key: 'a9e0dcfe0010b34f9e04fbb2427cf0fc04924b29' }, index.h("div", { key: 'cdad3ea4b4c83b0e8b3170af5fd63517a539c159', class: "library-shelf-selector" }, this.showProfileSelection && (index.h("div", { key: '4c5fbb661e3b032c96e4c9296cfe9a40913dc9ee', class: "profile-selection-view" }, index.h("span", { key: 'd4adf27c409cd238cc5db1f31a9c12814463ad8e', class: "section-title" }, this.selectProfileLabelText), index.h("div", { key: 'd5e961fc08147d62489c58d7fb91ca9bdbf27500', class: "profile-options" }, index.h("ur-list-item", { key: '4d6575cabab847eab7433bf38d81fbb62e45a91e', content: this.userProfileText, description: this.userProfileSubtitleText, endIcon: "chevron_right", borderRadius: "8px", border: "1px solid rgb(var(--ur-color-outline-variant))", containerPadding: "12px", showAvatarSlot: true, onClick: () => this.selectProfile('user') }, index.h("ur-avatar", { key: 'd0b7482fdcc9c7ebc45b4067ac8d03e7e601e53b', slot: "avatar", src: (_a = this.user) === null || _a === void 0 ? void 0 : _a.image, name: (_b = this.user) === null || _b === void 0 ? void 0 : _b.name, variant: "user", size: "40px" })), this.pages.map(page => (index.h("ur-list-item", { key: page._id, content: page.name, description: this.pageShelfSubtitleText, endIcon: "chevron_right", borderRadius: "8px", border: "1px solid rgb(var(--ur-color-outline-variant))", containerPadding: "12px", showAvatarSlot: true, onClick: () => this.selectProfile('page', page._id) }, index.h("ur-avatar", { slot: "avatar", src: page.image, name: page.name, variant: "page", size: "40px" }))))))), !this.showProfileSelection && !this.showCreateView && this.selectedProfile === 'user' && (index.h("div", { key: '49676c7cabf8c673841e538b8a68753b223d471f', class: "list-view" }, this.shelves.length > 0 && (index.h("div", { key: '8b11545c83de592e4edb77d321f0904ce8c4cca7', class: "shelves-list-container" }, index.h("span", { key: '69ce69c097c59bdf87bf182c7665d800c26ebaf2', class: "section-title" }, this.chooseShelfLabelText), index.h("div", { key: 'cb4a8e469d4989307f445db022ed0b891993d3c8', class: "shelves-list" }, this.shelves.map(shelf => (index.h("div", { class: "shelf-item", key: shelf.name }, index.h("ur-checkbox", { value: shelf.name, checked: shelf.checked || false, name: "shelf", fullWidth: true, onValueChanged: this.handleShelfToggle }, index.h("div", { class: "shelf-item-content" }, index.h("span", { class: "shelf-name" }, shelf.name), shelf.visible !== undefined && (index.h("mdui-icon", { name: shelf.visible ? 'public--outlined' : 'lock--outlined', class: `shelf-icon ${shelf.visible ? 'public' : 'private'}` })))))))))), index.h("div", { key: 'a4e3a6026a72ddc1720fe7d9ecd05cb9d664537a', class: "create-shelf-button-container" }, index.h("ur-button", { key: '48412b15ef42abbfa27d35c140efb6234aa4b933', variant: "outlined", fullWidth: true, onClick: this.showCreateForm }, this.createNewShelfLabelText)), index.h("div", { key: 'e289a5688999b16ee25df7d6af32f47ffb5253e7', class: "back-button-container" }, index.h("ur-button", { key: '13e376f8967bbc7ff1900f659b3371ed339817e1', variant: "text", fullWidth: true, onClick: this.backToProfileSelection }, "Back")))), !this.showProfileSelection && !this.showCreateView && this.selectedProfile !== 'user' && (index.h("div", { key: 'e023a2425aeb299cd757d01a19aa8f6ad98e7696', class: "list-view" }, this.pageShelves.length > 0 && (index.h("div", { key: '21d5213ad4491e135b878cd218b63a101a25a728', class: "shelves-list-container" }, index.h("span", { key: 'a0ff7dbc65fdc3fa96ce805cbb1d2cf0c0b25af6', class: "section-title" }, this.chooseShelfLabelText), index.h("div", { key: 'a81460ab905a68f684e0a5085089bb393f5fb326', class: "shelves-list" }, this.pageShelves.map(shelf => (index.h("div", { class: "shelf-item", key: shelf.name }, index.h("ur-checkbox", { value: shelf.name, checked: shelf.checked || false, name: "shelf", fullWidth: true, onValueChanged: this.handleShelfToggle }, index.h("div", { class: "shelf-item-content" }, index.h("span", { class: "shelf-name" }, shelf.name), shelf.visible !== undefined && (index.h("mdui-icon", { name: shelf.visible ? 'public--outlined' : 'lock--outlined', class: `shelf-icon ${shelf.visible ? 'public' : 'private'}` })))))))))), index.h("div", { key: 'b4cc8facc3bf494e3e682fc6cdb9c6ef26e55c8a', class: "create-shelf-button-container" }, index.h("ur-button", { key: '8c547d8a8f1c3a246b922a6d50212d8415620503', variant: "outlined", fullWidth: true, onClick: this.showCreateForm }, this.createNewShelfLabelText)), index.h("div", { key: '9cace16a4e471238377ff901c7d455d0516fa0f6', class: "back-button-container" }, index.h("ur-button", { key: '871bcb8ec48975bd6f9f76a52b36ec1159d303c8', variant: "text", fullWidth: true, onClick: this.backToProfileSelection }, "Back")))), this.showCreateView && (index.h("div", { key: '89bf947c7b69a8ee9c06f970d164886bb4220398', class: "create-view" }, index.h("div", { key: 'f7ef73b48ac4687d6e9d2a43b8f3d3078bdd733d', class: "create-new-shelf-container" }, index.h("h4", { key: '6b3b6356a14326cfa603b3ef5bf381b1024b4592', class: "section-subtitle" }, this.createNewShelfLabelText), index.h("span", { key: '905263550e79f2c1566380fec7b724c6a2f4eb17', class: "section-title" }, this.createNewShelfSubtitleText), index.h("div", { key: 'a81761c43d6dc5c5a3e3af1c7c66e4cd09fe0805', class: "new-shelf-form" }, index.h("ur-text-field", { key: 'afcc35c0cceff3beb8702456be1a5e6f2f44e186', label: this.newShelfPlaceholder, name: "newShelf", value: this.newShelfName, onValueChanged: this.handleNewShelfInput }), index.h("div", { key: '2ca0177f7700611255c4ce8a8f56d8d3800064f4', class: "public-shelf-toggle" }, index.h("span", { key: 'e83f15f18a89f68521f3bfdd502c5a0428bda3b0', class: "toggle-title" }, "Make the shelf public"), index.h("ur-switch", { key: 'c22df2e2a303b70403b1f9cb92cacefb8bcbf98b', checked: this.isShelfPublic, onSwitchChange: this.handlePublicToggle }))), index.h("div", { key: '7e60232c546fc134db16d1c5f0f06d72bbe871f6', class: "action-buttons" }, index.h("ur-button", { key: '39cb86a9e13ab4efc1b9d3656a067ae011cb50a3', variant: "text", onClick: this.hideCreateForm }, "Back"), index.h("ur-button", { key: 'f7cfda75e01b16da894c2b7767545e6e787ce68b', variant: "filled", color: "primary", disabled: !this.newShelfName || this.newShelfName.trim().length === 0, onClick: this.handleCreate }, this.createButtonText))))))));
     }
 };
 UrLibraryShelfSelector.style = urLibraryShelfSelectorCss;

package/dist/cjs/ur-linear-progress.cjs.entry.js

@@ -39,9 +39,9 @@ const UrLinearProgress = class {
         return !this.isIndeterminate() ? `${(this.value / this.max) * 100}%` : undefined;
     }
     render() {
-        return (index.h(index.Host, Object.assign({ key: 'a04f4e22fd3e73a2ca697fb2c4f06caddd3ba393' }, (this.isIndeterminate() && {
+        return (index.h(index.Host, Object.assign({ key: 'aac28be8f28cf43dcbbd70a36fbf89aae1eaa2a1' }, (this.isIndeterminate() && {
             'data-indeterminate': true, // Add a data attribute for styling if indeterminate
-        })), index.h("div", { key: '07c27bda4ab5529d11d5eea1339a8b2c7411fd12', class: "progress-container" }, index.h("div", { key: 'a1baa50e1b6e47e31c4fc362c504d8fe25a486ed', class: {
+        })), index.h("div", { key: '4078f0c6da7aea7e6790822074ff367e1f7d607a', class: "progress-container" }, index.h("div", { key: 'bc8fa3a69f3a779b324757649f26e5a37ca588c5', class: {
                 indicator: true,
                 indeterminate: this.isIndeterminate(),
             }, part: "indicator", style: !this.isIndeterminate() ? { width: this.getIndicatorWidth() } : {} }))));

package/dist/cjs/ur-list-subheader.cjs.entry.js

@@ -39,7 +39,7 @@ const UrListSubheader = class {
         this.text = '';
     }
     render() {
-        return (index.h(index.Host, { key: '92553f81e2d104accc1e04665869dc7cbc3ab8ec' }, index.h("mdui-list-subheader", { key: '9ad00e3f1c16cfd6d5f92c832921ca54f6e1c19c' }, this.text || index.h("slot", { key: 'c931e0f6456efead2c57a6ccbf1ac5079e4be366' }))));
+        return (index.h(index.Host, { key: '73eec0feac8e3661a410d3967f766817158ae2b0' }, index.h("mdui-list-subheader", { key: '6533460c58d1d92142351500c43bb7b5fb53d452' }, this.text || index.h("slot", { key: 'ac98a3e3f3e65415a1a4b5e0d8281d84d63082fb' }))));
     }
 };
 UrListSubheader.style = urListSubheaderCss;

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

@@ -35,7 +35,7 @@ const UrList = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'e391a67876907750bab0efb62e6c9524a85b2631' }, index.h("mdui-list", { key: '5ec2e26fc1251e7e8c7721bafa5215982b74a66d', class: "ur-list" }, index.h("slot", { key: 'bab78653e9f8f68a6f81002f0599e1a080156b0d' }), " ")));
+        return (index.h(index.Host, { key: '5bb8369735c59bc8cbe24b952d8c6fe68d2268ba' }, index.h("mdui-list", { key: '5d47ba646d77d641e60ba57f7b08da853d450aff', class: "ur-list" }, index.h("slot", { key: 'ea361a08a2b63bfaf3094c7dd2623c5e8a397c6d' }), " ")));
     }
 };
 UrList.style = urListCss;

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

@@ -9,7 +9,7 @@ const UrLoader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '3e06722ec23a9e7e80e4c8dffcbc92b0d655b6fb' }, index.h("svg", { key: '2aa828d8a1c799bcce7f4ad219fc6a4846755e43', xmlns: "http://www.w3.org/2000/svg", width: "60", height: "60", viewBox: "0 0 60 60", fill: "none" }, index.h("path", { key: '0144e457c04644fae5725e29fcee84571d221422', opacity: "0.3", d: "M60 30.5C60 47.0685 46.5685 60.5 30 60.5C13.4315 60.5 0 47.0685 0 30.5C0 13.9315 13.4315 0.5 30 0.5C46.5685 0.5 60 13.9315 60 30.5ZM9.35451 30.5C9.35451 41.9022 18.5978 51.1455 30 51.1455C41.4022 51.1455 50.6455 41.9022 50.6455 30.5C50.6455 19.0978 41.4022 9.85451 30 9.85451C18.5978 9.85451 9.35451 19.0978 9.35451 30.5Z", fill: "white" }), index.h("path", { key: 'efd87033c55460ba9f3f4a540c6aacfe4cca7d33', d: "M55.3227 30.5C57.9059 30.5 60.0372 28.3935 59.6361 25.8416C59.2689 23.5051 58.6257 21.2148 57.7164 19.0195C56.2087 15.3797 53.999 12.0726 51.2132 9.2868C48.4274 6.50104 45.1203 4.29125 41.4805 2.78361C39.2852 1.8743 36.9949 1.23115 34.6584 0.863878C32.1065 0.462764 30 2.59408 30 5.17725V5.17725C30 7.76043 32.1202 9.80184 34.6374 10.3821C35.7496 10.6384 36.8412 10.9872 37.9007 11.4261C40.4055 12.4636 42.6815 13.9843 44.5986 15.9014C46.5157 17.8185 48.0364 20.0945 49.0739 22.5993C49.5128 23.6588 49.8616 24.7504 50.1179 25.8626C50.6982 28.3798 52.7396 30.5 55.3227 30.5V30.5Z", fill: "white" }, index.h("animateTransform", { key: '7845034674cf8be87e7ca76df6118243a9227f00', attributeName: "transform", attributeType: "XML", type: "rotate", dur: "1s", from: "0 30 30", to: "360 30 30", repeatCount: "indefinite" })))));
+        return (index.h(index.Host, { key: 'edd022878be843fcf4c89be37e3b614ae8a21632' }, index.h("svg", { key: 'cd910567a9452549e93e60db4db6645efd617a0d', xmlns: "http://www.w3.org/2000/svg", width: "60", height: "60", viewBox: "0 0 60 60", fill: "none" }, index.h("path", { key: 'd3452de81f4760eb7544e5b39456a90185e3ab91', opacity: "0.3", d: "M60 30.5C60 47.0685 46.5685 60.5 30 60.5C13.4315 60.5 0 47.0685 0 30.5C0 13.9315 13.4315 0.5 30 0.5C46.5685 0.5 60 13.9315 60 30.5ZM9.35451 30.5C9.35451 41.9022 18.5978 51.1455 30 51.1455C41.4022 51.1455 50.6455 41.9022 50.6455 30.5C50.6455 19.0978 41.4022 9.85451 30 9.85451C18.5978 9.85451 9.35451 19.0978 9.35451 30.5Z", fill: "white" }), index.h("path", { key: 'a960110cc0f87565637e47789668d921bed2ec7c', d: "M55.3227 30.5C57.9059 30.5 60.0372 28.3935 59.6361 25.8416C59.2689 23.5051 58.6257 21.2148 57.7164 19.0195C56.2087 15.3797 53.999 12.0726 51.2132 9.2868C48.4274 6.50104 45.1203 4.29125 41.4805 2.78361C39.2852 1.8743 36.9949 1.23115 34.6584 0.863878C32.1065 0.462764 30 2.59408 30 5.17725V5.17725C30 7.76043 32.1202 9.80184 34.6374 10.3821C35.7496 10.6384 36.8412 10.9872 37.9007 11.4261C40.4055 12.4636 42.6815 13.9843 44.5986 15.9014C46.5157 17.8185 48.0364 20.0945 49.0739 22.5993C49.5128 23.6588 49.8616 24.7504 50.1179 25.8626C50.6982 28.3798 52.7396 30.5 55.3227 30.5V30.5Z", fill: "white" }, index.h("animateTransform", { key: '025e91756a2553d5d081d736a9dc7a878f630e5e', attributeName: "transform", attributeType: "XML", type: "rotate", dur: "1s", from: "0 30 30", to: "360 30 30", repeatCount: "indefinite" })))));
     }
 };
 UrLoader.style = urLoaderCss;

package/dist/cjs/ur-locale-filter-button.cjs.entry.js

@@ -32,10 +32,10 @@ const UrLocaleFilterButton = class {
         this.label = 'Filter';
     }
     render() {
-        return (index.h(index.Host, { key: '332aaf29eb99ab6fdade3ec658c727fb5db2a260' }, index.h("mdui-button", { key: 'e79b7df04a1e5560162e57e04aa0ecb12c6a40f2', variant: "outlined", class: {
+        return (index.h(index.Host, { key: '29dc38aa5a36b8cf7867efd136da00223def53cd' }, index.h("mdui-button", { key: '4a8375c34c39616511740fd19e8749086f42822f', variant: "outlined", class: {
                 'with-count': this.count > 0,
                 'selected': this.selected, // Apply selected state class
-            } }, index.h("span", { key: 'c29c5a42d5135b86b09481837aec559475d2a727', class: "label" }, this.label), this.count > 0 && index.h("span", { key: '46de020f9dff3af2e572fb26e94d7eb8fd2a8019', class: "count" }, this.count), index.h("svg", { key: 'd86e0d74557443dfecd12033665c19a8fb11f9d7', width: "20", height: "18", viewBox: "0 0 20 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'bed017319e1965a6a78fbf92bbdf77428b47b492' }, index.h("g", { key: 'a550a60f4fb5f6fb94acf534019ecbd9c661ac3f' }, index.h("path", { key: '9e8230d0c563749e57953a87073a6066857666d1', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.3521 1.59702C18.3622 1.44254 18.308 1.29076 18.2022 1.17768C18.0965 1.0646 17.9487 1.00029 17.7939 1H2.15809C2.00321 1.00007 1.85528 1.06431 1.7495 1.17744C1.64372 1.29057 1.58955 1.44248 1.59988 1.59702C1.86961 5.35281 4.60617 8.47002 8.2954 9.22388V16.5933C8.29548 16.8104 8.42112 17.0079 8.61774 17.1C8.81436 17.192 9.04649 17.1621 9.21331 17.0231L11.4521 15.1575C11.5799 15.0513 11.6538 14.8937 11.6536 14.7276V9.22388C15.3442 8.47143 18.0823 5.35381 18.3521 1.59702Z", stroke: "#191C20", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+            } }, index.h("span", { key: 'b2a887d46ca73f51520909527d0fec1b98cb9a67', class: "label" }, this.label), this.count > 0 && index.h("span", { key: '27c88dbe934dfbf7dbb49988557e81f8404cb781', class: "count" }, this.count), index.h("svg", { key: 'ab67d3023ca4455444d8aa9d35c646bbd3c1c6f7', width: "20", height: "18", viewBox: "0 0 20 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '963ba70195353120fcd761ae991a5bf481b4a98b' }, index.h("g", { key: 'b9432fbeae377739b0c0dd8eb751969e8fd9100a' }, index.h("path", { key: 'cbac33c11148548daa8639e80ac2ad55f5692113', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.3521 1.59702C18.3622 1.44254 18.308 1.29076 18.2022 1.17768C18.0965 1.0646 17.9487 1.00029 17.7939 1H2.15809C2.00321 1.00007 1.85528 1.06431 1.7495 1.17744C1.64372 1.29057 1.58955 1.44248 1.59988 1.59702C1.86961 5.35281 4.60617 8.47002 8.2954 9.22388V16.5933C8.29548 16.8104 8.42112 17.0079 8.61774 17.1C8.81436 17.192 9.04649 17.1621 9.21331 17.0231L11.4521 15.1575C11.5799 15.0513 11.6538 14.8937 11.6536 14.7276V9.22388C15.3442 8.47143 18.0823 5.35381 18.3521 1.59702Z", stroke: "#191C20", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
 };
 UrLocaleFilterButton.style = urLocaleFilterButtonCss;

package/dist/cjs/ur-locale-filter-panel.cjs.entry.js

@@ -68,12 +68,12 @@ const UrLocaleFilterPanel = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'b489955239891f9272ccf21de35b2265cdc6415d', class: "locale-filter-panel" }, this.showHeader && (index.h("header", { key: '5ac076e652c2c89eb127785c6b858ec57d92bdc8' }, index.h("ur-button-icon", { key: '93573818ea3933674819f9e50f312c0fe1779784', class: "close-panel", icon: "close", onClick: () => this.handleCancel() }), index.h("label", { key: 'd3bf78bc4e9cc4d0c7a11d0c8779aa3f192b832f' }, this.headerLabel))), index.h("main", { key: '558ea59e9d4484c1979fe15a5a757427fcf88f05' }, index.h("div", { key: '147c3787568e9cdd73321922ecd3259150b68c47', class: "description" }, index.h("div", { key: '78c701ba3354be87562350ef72ac7f6c48169e19', class: "title" }, this.titleLabel), index.h("div", { key: 'ca60761737c86362fc5f05a020ed73a478c9b35f', class: "text" }, this.descriptionLabel)), index.h("div", { key: '117b61ab3d198d98ab503ad185e50d0f62600197', class: "locales" }, this.mutableLocales.map(locale => {
+        return (index.h("div", { key: '51c7e3c99140c2ace8288892f0ac66d3fdd9fa55', class: "locale-filter-panel" }, this.showHeader && (index.h("header", { key: 'dab18fcba38f10388d4811d696c22a715cd93fd4' }, index.h("ur-button-icon", { key: '2d88edcb7c6f814c2c7e4045f535c77e8c466fa4', class: "close-panel", icon: "close", onClick: () => this.handleCancel() }), index.h("label", { key: 'a330d5120dbfc8fa520662aa6403502e50ff130f' }, this.headerLabel))), index.h("main", { key: 'b39c7948bceba9dd24c898fa90b0592b524ae32e' }, index.h("div", { key: '75cad3250992e360ee28e0f67cd51400178fe415', class: "description" }, index.h("div", { key: '527a8881efe3fc8ed2b56e8ba7fc3c177c2ad112', class: "title" }, this.titleLabel), index.h("div", { key: 'fb0b3f9cda15ac1931f8e462542c3d09a6d9812a', class: "text" }, this.descriptionLabel)), index.h("div", { key: '84bdf0ebe40e9773405d3f7e0eff7ef075e50abc', class: "locales" }, this.mutableLocales.map(locale => {
             return (index.h("mdui-checkbox", { checked: locale.checked, value: locale.key, disabled: this.disabledLocales.includes(locale.key), class: this.disabledLocales.includes(locale.key) ? 'non-selectable' : '', onChange: (event) => {
                     const checkbox = event.target;
                     this.toggleLocale(checkbox.value);
                 } }, locale.label));
-        }))), this.showFooter && (index.h("footer", { key: '7530b24b9905e86079a26aa72e8db7adac65026c' }, index.h("mdui-button", { key: '50d37fe43a7809baf9be0ac1f855e52aeb3fa00e', class: "save", onClick: () => this.handleSave() }, this.saveLabel), index.h("mdui-button", { key: '3859fd8d613dcfe8fd9caa6a4d79e88727c19f85', class: "cancel", variant: "text", onClick: () => this.handleCancel() }, this.cancelLabel)))));
+        }))), this.showFooter && (index.h("footer", { key: '05996df2def4861c83ce43e91534a014d6592a55' }, index.h("mdui-button", { key: 'ef582638f06688d5d1997067627d267bc49fe64d', class: "save", onClick: () => this.handleSave() }, this.saveLabel), index.h("mdui-button", { key: '9ca8e6961c55aa7ce91ba67ca4774c2b60598c47', class: "cancel", variant: "text", onClick: () => this.handleCancel() }, this.cancelLabel)))));
     }
 };
 UrLocaleFilterPanel.style = urLocaleFilterPanelCss;

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

@@ -34,7 +34,7 @@ const UrLogo = class {
             transform: `rotate(${this.rotation}deg)`,
             opacity: `${this.opacity}`,
         };
-        return (index.h(index.Host, { key: '2da598075a2fcdb0eeb13e501f7178d819693db2', style: Object.assign({ display: 'inline-block' }, rotationStyle) }, index.h("svg", { key: 'fcdbcce022706645ecde50ec00fefbd361903e17', class: "urnovl-logo", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 200 53.997", style: { fill: this.color } }, index.h("path", { key: 'c928ad329ded544c74fd951e9c446de35d48e487', d: "M35.252,15.875v36.373h-9.375v-2.922C23.025,51.873,19.576,53,16.053,53c-5.025,0-9.527-2.326-12.377-5.852\r\n       C1.352,44.299,0,40.55,0,35.15V15.875h9.752v19.648c0,3.302,0.676,4.951,1.799,6.226c1.5,1.651,3.6,2.253,5.475,2.253\r\n       c4.125,0,7.125-2.779,8.475-4.502V15.875H35.252z" }), index.h("path", { key: '11f204d1d73a1c0ce6e7853fc5559aa9da1ea384', d: "M64.119,24.5c-0.675-0.225-2.098-0.375-3.523-0.375c-4.275,0-7.65,3.074-8.85,5.25v22.873h-9.752V15.875\r\n       h9.375v3.676c2.176-2.701,6.15-4.426,10.576-4.426c1.426,0,2.25,0.15,3.3,0.3L64.119,24.5z" }), index.h("path", { key: 'f3d01d894f60066d169b1f956798f1ffa75d204c', d: "M68.242,52.248V15.876h9.373v2.926c2.775-2.252,6.227-3.677,10.277-3.677c5.023,0,9.6,2.25,12.599,5.849\r\n       c2.401,2.851,3.75,6.526,3.75,12.751v18.523H94.49V32.976c0-3.601-0.822-5.476-2.174-6.827c-1.273-1.273-3.225-2.023-5.477-2.023\r\n       c-4.121,0-7.499,2.626-8.849,4.5v23.623H68.242z" }), index.h("path", { key: '1256c523170c1c5f7886cd32327aadbcb7646165', d: "M128.086,15.125c11.024,0,19.348,8.477,19.348,18.973c0,10.5-8.323,18.902-19.348,18.902\r\n       s-19.35-8.402-19.35-18.902C108.736,23.602,117.062,15.125,128.086,15.125 M128.086,44.002c5.699,0,9.598-4.428,9.598-9.904\r\n       c0-5.473-3.898-9.973-9.598-9.973c-5.701,0-9.602,4.5-9.602,9.973C118.484,39.574,122.385,44.002,128.086,44.002" }), index.h("polygon", { key: '6b9eef25643d4e9415bd692e29d86181fc7e1141', points: "166.78,38.074 176.756,15.875 186.879,15.875 170.156,52.248 163.405,52.248 146.682,15.875 156.808,15.875" }), index.h("rect", { key: '9c623fa7d2b78305f3869fd6d0637c160a224637', x: "190.252", y: "-0.997", width: "9.748", height: "53.245" }))));
+        return (index.h(index.Host, { key: 'd8fcc44c3a7c08c716fc75ba05822d0c20633a5a', style: Object.assign({ display: 'inline-block' }, rotationStyle) }, index.h("svg", { key: '38abeaeac1ddd522ff79ca531a6f687745d15a5c', class: "urnovl-logo", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 200 53.997", style: { fill: this.color } }, index.h("path", { key: '231b038561524e7309a18b0bcb1469e79f385677', d: "M35.252,15.875v36.373h-9.375v-2.922C23.025,51.873,19.576,53,16.053,53c-5.025,0-9.527-2.326-12.377-5.852\r\n       C1.352,44.299,0,40.55,0,35.15V15.875h9.752v19.648c0,3.302,0.676,4.951,1.799,6.226c1.5,1.651,3.6,2.253,5.475,2.253\r\n       c4.125,0,7.125-2.779,8.475-4.502V15.875H35.252z" }), index.h("path", { key: 'cc34ef54ec2c859a38f86931e112af47d71198d4', d: "M64.119,24.5c-0.675-0.225-2.098-0.375-3.523-0.375c-4.275,0-7.65,3.074-8.85,5.25v22.873h-9.752V15.875\r\n       h9.375v3.676c2.176-2.701,6.15-4.426,10.576-4.426c1.426,0,2.25,0.15,3.3,0.3L64.119,24.5z" }), index.h("path", { key: '586ee840e6b6117f61d785dcfb46a71eca82c73e', d: "M68.242,52.248V15.876h9.373v2.926c2.775-2.252,6.227-3.677,10.277-3.677c5.023,0,9.6,2.25,12.599,5.849\r\n       c2.401,2.851,3.75,6.526,3.75,12.751v18.523H94.49V32.976c0-3.601-0.822-5.476-2.174-6.827c-1.273-1.273-3.225-2.023-5.477-2.023\r\n       c-4.121,0-7.499,2.626-8.849,4.5v23.623H68.242z" }), index.h("path", { key: 'a1a21d3cb6fe42d6378642b485b73e296849c8c5', d: "M128.086,15.125c11.024,0,19.348,8.477,19.348,18.973c0,10.5-8.323,18.902-19.348,18.902\r\n       s-19.35-8.402-19.35-18.902C108.736,23.602,117.062,15.125,128.086,15.125 M128.086,44.002c5.699,0,9.598-4.428,9.598-9.904\r\n       c0-5.473-3.898-9.973-9.598-9.973c-5.701,0-9.602,4.5-9.602,9.973C118.484,39.574,122.385,44.002,128.086,44.002" }), index.h("polygon", { key: 'd42e551db0340bcbdc161607f04e6e6ae1d9bbfe', points: "166.78,38.074 176.756,15.875 186.879,15.875 170.156,52.248 163.405,52.248 146.682,15.875 156.808,15.875" }), index.h("rect", { key: 'bff26e04ce48087c596258f805ba5ec467c9b960', x: "190.252", y: "-0.997", width: "9.748", height: "53.245" }))));
     }
 };
 UrLogo.style = urLogoCss;

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

@@ -74,13 +74,13 @@ const UrMainDesktopTopAppBar = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '6d4ba94a7b2d2d2e31f3a83657d7c819a2ad0c36' }, index.h("mdui-top-app-bar", { key: 'd0189509cba08c43cc879d6fd0013ec8b4f60ce6', variant: this.variant, "scroll-target": ".example-scroll-target" }, index.h("ur-tooltip", { key: '9f7d26d54c89d9df47ec535fef76e0b1f3cddaeb', content: this.homeTooltipText, placement: "bottom", trigger: "hover", "open-delay": "200", "close-delay": "100" }, index.h("div", { key: '8a5bafdb8267aa8ea66b2c7e7566e7d594615465', class: "logo-hld clickable", onClick: this.handleLogoClick }, index.h("ur-logo", { key: '88da92cf64b28fce74dc31290003e8fe62612119', width: "70" // Custom width for the logo
+        return (index.h(index.Host, { key: 'a30bbdb0a49b6ef6d4bb69cd0b74260a4b0836b5' }, index.h("mdui-top-app-bar", { key: '0e032cfdbafac7fcb74382872558520451e2b699', variant: this.variant, "scroll-target": ".example-scroll-target" }, index.h("ur-tooltip", { key: 'b2eca7bf9ab01b86b80836ebe1d726a9c4d97b22', content: this.homeTooltipText, placement: "bottom", trigger: "hover", "open-delay": "200", "close-delay": "100" }, index.h("div", { key: '98a35aa80d0df6487dd6873bf9c1abf0193dc175', class: "logo-hld clickable", onClick: this.handleLogoClick }, index.h("ur-logo", { key: 'f035b7108f669426dea85a5601958d686fc6fd61', 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 }), this.premium && index.h("span", { key: '605937dbf903c62c5da49f5b90de3aaf53d02ed5', class: "premium-badge" }, this.premiumBadgeText))), this.deviceVariant === 'desktop' && (index.h("div", { key: '6f522393fd1d474fcc61c5c9a506c52e8396ec18', class: "search-lnk", onClick: this.handleSearchClick }, index.h("mdui-icon", { key: '2c973a8a80aeca1fac23d694b7cbae6ae642cb60', class: "icon", name: "search" }), index.h("span", { key: '09e407029517b71bd3940fcce91f48c78fbc23d9', class: "search-txt" }, this.searchText))), index.h("div", { key: '73f2781705f2c3d19026d091f9aa6641e6df9766', class: "flex-space" }), this.deviceVariant === 'desktop' && (index.h("div", { key: '2da23cbabe97acb0883e274940bf9f81a830ed1c', class: "get-app-holder" }, index.h("mdui-button", { key: 'e7eee57580a91a200221cd30725f7017f0b81640', icon: "smartphone", variant: "tonal", onClick: this.handleGetAppClick }, this.getAppText))), this.deviceVariant === 'desktop' && (index.h("div", { key: '48a27584a61b0f71f65ff2d5d7048e7b803e9f80', class: "quill-holder" }, index.h("ur-button", { key: 'a5a914415328c6fdf9f08d4e813b32211e7dc4fb', class: "quill-button", variant: "filled", "border-radius": "50px", icon: "history_edu--outlined", onClick: () => this.handleQuillClick() }, this.quillText, index.h("span", { key: '595eaf4cd9761de2a74ae449d93520096bcbae78', class: `quill-count ${this.quillCount > 0 ? 'visible' : ''}` }, this.quillCount)))), this.deviceVariant === 'mobile' && (index.h("ur-button-icon", { key: '5e6c9f2a192198859aa10fed6822531abc6fcc80', icon: "smartphone", variant: "tonal", "aria-label": "Get the App", onClick: this.handleGetAppClick })), this.deviceVariant === 'mobile' && (index.h("div", { key: '474c66ef09554cbab709221e2765217818b7a8d9', class: "quill-holder-mobile" }, index.h("ur-button-icon", { key: '7b69e130aa3b41cee4451764ef4e3269754b0727', icon: "history_edu--outlined", variant: "filled", onClick: () => this.handleQuillClick() }))), this.deviceVariant === 'mobile' && index.h("ur-button-icon", { key: 'b8a1087b482796fcb75be82727ee463eb3a1a68c', icon: "search", variant: "standard", "aria-label": "Search", onClick: this.handleSearchClick }))));
+            rotation: this.logoRotation, opacity: this.logoOpacity }), this.premium && index.h("span", { key: '28f2b5a0a4843d03271cbb0bf65dc42e92f41295', class: "premium-badge" }, this.premiumBadgeText))), this.deviceVariant === 'desktop' && (index.h("div", { key: '4c74cf36dcb2b00b77d85b43d70774e18ac4f6ad', class: "search-lnk", onClick: this.handleSearchClick }, index.h("mdui-icon", { key: 'f321113b2c90bba0a392e9590ea807e06beb2e3a', class: "icon", name: "search" }), index.h("span", { key: '5f98b6017a65e61463c738e1a6e7c8ee2e899c08', class: "search-txt" }, this.searchText))), index.h("div", { key: 'ea630bfc59f90499f7c4f43dd64335efa9b3a36f', class: "flex-space" }), this.deviceVariant === 'desktop' && (index.h("div", { key: 'ca6b2b130f9abcf4e6fac9b05f6f44538c6eac5e', class: "get-app-holder" }, index.h("mdui-button", { key: '329bf54a3ae8b6e69dcc00bca040ce03cd7c7c4a', icon: "smartphone", variant: "tonal", onClick: this.handleGetAppClick }, this.getAppText))), this.deviceVariant === 'desktop' && (index.h("div", { key: 'f4837e750face5cd3643fb4287d47a51e7ace594', class: "quill-holder" }, index.h("ur-button", { key: '7b861a63e06cc0334eee7859e5e8da432288a188', class: "quill-button", variant: "filled", "border-radius": "50px", icon: "history_edu--outlined", onClick: () => this.handleQuillClick() }, this.quillText, index.h("span", { key: 'c8459784ad681f019451b7f0a5838c677d6dcd03', class: `quill-count ${this.quillCount > 0 ? 'visible' : ''}` }, this.quillCount)))), this.deviceVariant === 'mobile' && (index.h("ur-button-icon", { key: '295ac3a03833eb18fbd25b23ce2f287f5738e654', icon: "smartphone", variant: "tonal", "aria-label": "Get the App", onClick: this.handleGetAppClick })), this.deviceVariant === 'mobile' && (index.h("div", { key: '7cbb358bb5f2adaa80704ac76bd2c5d737bdbdb9', class: "quill-holder-mobile" }, index.h("ur-button-icon", { key: '874003a64474c5fa013a80a3edd8b8d063d7a572', icon: "history_edu--outlined", variant: "filled", onClick: () => this.handleQuillClick() }))), this.deviceVariant === 'mobile' && index.h("ur-button-icon", { key: '1755e89465f7386e1840e1ba0a8c0b3aadeeea92', icon: "search", variant: "standard", "aria-label": "Search", onClick: this.handleSearchClick }))));
     }
 };
 UrMainDesktopTopAppBar.style = urMainDesktopTopAppBarCss;

package/dist/cjs/ur-main-menu.cjs.entry.js

@@ -255,7 +255,7 @@ const UrMainMenu = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'c335b1f690340208a784b1218d09bc281181e3c1', class: `left-host-menu ${this.expanded ? 'expanded' : 'collapsed'}`, style: { minHeight: `${this.parentHeight}px` } }, this.loggedIn && (index.h("ur-menu-profile", { key: '7174de8f31dbd289180a5c35bcf674fc80f8b1ff', part: "menu-profile", "user-avatar": this.userAvatar, "user-name": this.userName, "user-role": this.userRole, class: `${this.expanded ? 'expanded' : 'collapsed'} ${((_a = this.currentRoute) === null || _a === void 0 ? void 0 : _a.endsWith('/profile')) || ((_b = this.currentRoute) === null || _b === void 0 ? void 0 : _b.endsWith('/profile/')) ? 'active' : ''}` }, index.h("mdui-menu-item", { key: 'c37e0e998f4ae5c4ae8c7b9ee07c34cf675d7f5b', slot: "menu-items", onClick: () => this.viewProfileClick.emit() }, index.h("ur-avatar", { key: 'd059e2436a980777f52f8e969e8a691476b1b35a', slot: "icon", src: this.userAvatar, name: this.userName, size: "24px", radius: "50%" }), this.viewProfileText), index.h("mdui-menu-item", { key: '0a2d8743e40dfa243995640c8f298702fb6c5f41', slot: "menu-items", icon: "add" }, this.createText, index.h("mdui-menu-item", { key: '7288b4773e1c6d79d891f3576a93b03683e863e9', slot: "submenu", icon: "edit--outlined", onClick: () => this.createStoryClick.emit() }, this.startStoryText), index.h("mdui-menu-item", { key: '45ea5d809cc6414780462f4751338785df566a8f', slot: "submenu", icon: "hub--outlined", onClick: () => this.createPageClick.emit() }, this.createPageText), index.h("mdui-menu-item", { key: '2f174d476e7d698417898c4ca46df4750790b15a', slot: "submenu", icon: "emoji_events--outlined", onClick: () => this.createCompetitionClick.emit() }, this.startCompetitionText)), index.h("mdui-menu-item", { key: '477f2693660b619fc5d04f9fc4b444d85c692e59', slot: "menu-items", icon: "settings--outlined", onClick: () => this.settingsClick.emit() }, this.settingsText), index.h("mdui-menu-item", { key: 'ce992f94a0475acf1005be5e71727a8d61d67638', slot: "menu-items", icon: "dark_mode--outlined", onClick: () => this.themeToggle.emit() }, this.themeText), !this.isPremium && (index.h("mdui-menu-item", { key: 'f344f3114d76465b8c02fad17f077376ebbc6b45', slot: "menu-items", icon: "workspace_premium--outlined", onClick: () => this.premiumClick.emit() }, this.premiumText)), this.isPremium && (index.h("mdui-menu-item", { key: '5bfdfae52f2acfe09342b3df6fc63264fd5100f7', slot: "menu-items", icon: "card_membership--outlined", onClick: () => this.manageSubscriptionsClick.emit() }, this.manageSubscriptionsText)), this.isAuthor && !this.isPartner && (index.h("mdui-menu-item", { key: 'f3ce177ac3781a8c8fb17d7bd9838bed162c5251', slot: "menu-items", icon: "handshake--outlined", onClick: () => this.becomePartnerClick.emit() }, this.becomePartnerText)), index.h("mdui-menu-item", { key: '1bd4447032c7e633ba4a1ebbde3e4df327469cb9', slot: "menu-items", icon: "logout--outlined", onClick: () => this.signOutClick.emit() }, this.signOutText))), !this.loggedIn && this.expanded && this.renderLoggedOutExpanded(), !this.loggedIn && !this.expanded && this.renderLoggedOutCollapsed(), this.expanded && this.renderNavigation(), !this.expanded && this.renderCollapsedNavigation(), this.loggedIn && this.renderOwnedPages(), this.loggedIn && this.renderFollowingPages(), index.h("div", { key: 'a2b3417caf459ca169b17b87cc799e2b297df26e', class: "flex" }), this.loggedIn && !this.expanded && this.renderNotificationsCollapsed(), this.loggedIn && this.expanded && this.renderAutosaveDrawer(), this.loggedIn && this.expanded && this.renderNotifications(), this.expanded ? this.renderFooter() : this.renderCollapsedFooter()));
+        return (index.h(index.Host, { key: '09b05bd41dbc1c38fa814c856af11502878965ca', class: `left-host-menu ${this.expanded ? 'expanded' : 'collapsed'}`, style: { minHeight: `${this.parentHeight}px` } }, this.loggedIn && (index.h("ur-menu-profile", { key: '4b56adf68192d2455f731b06b578bb2bc9709358', part: "menu-profile", "user-avatar": this.userAvatar, "user-name": this.userName, "user-role": this.userRole, class: `${this.expanded ? 'expanded' : 'collapsed'} ${((_a = this.currentRoute) === null || _a === void 0 ? void 0 : _a.endsWith('/profile')) || ((_b = this.currentRoute) === null || _b === void 0 ? void 0 : _b.endsWith('/profile/')) ? 'active' : ''}` }, index.h("mdui-menu-item", { key: '06e1ca5cf338d392d01eb8e698e62dfc9ff32cda', slot: "menu-items", onClick: () => this.viewProfileClick.emit() }, index.h("ur-avatar", { key: 'e36227da3f216b16f908f50e4c467505c131bdbd', slot: "icon", src: this.userAvatar, name: this.userName, size: "24px", radius: "50%" }), this.viewProfileText), index.h("mdui-menu-item", { key: '9a99261a2de8584f9ba1b9ff24bd8669c9f6f285', slot: "menu-items", icon: "add" }, this.createText, index.h("mdui-menu-item", { key: 'a78a7adf36e7028e6e64813e6bacad1d4846135e', slot: "submenu", icon: "edit--outlined", onClick: () => this.createStoryClick.emit() }, this.startStoryText), index.h("mdui-menu-item", { key: '5ea7587e350bd0272e561183a4e672c9fe57e34b', slot: "submenu", icon: "hub--outlined", onClick: () => this.createPageClick.emit() }, this.createPageText), index.h("mdui-menu-item", { key: 'c2513d3ca6219beb1ae2775f5ee165871494008a', slot: "submenu", icon: "emoji_events--outlined", onClick: () => this.createCompetitionClick.emit() }, this.startCompetitionText)), index.h("mdui-menu-item", { key: '262185aafb0d950d7eeaa59edbe87bc33d969646', slot: "menu-items", icon: "settings--outlined", onClick: () => this.settingsClick.emit() }, this.settingsText), index.h("mdui-menu-item", { key: '678dc7ce3f7fa792056de2776cca5164c1846bf5', slot: "menu-items", icon: "dark_mode--outlined", onClick: () => this.themeToggle.emit() }, this.themeText), !this.isPremium && (index.h("mdui-menu-item", { key: '979136b670d6469eae072d1ea9f0bf82cb4a2de5', slot: "menu-items", icon: "workspace_premium--outlined", onClick: () => this.premiumClick.emit() }, this.premiumText)), this.isPremium && (index.h("mdui-menu-item", { key: '9e825de8fb5b39aca68ec23ae4f9b71a4a75f614', slot: "menu-items", icon: "card_membership--outlined", onClick: () => this.manageSubscriptionsClick.emit() }, this.manageSubscriptionsText)), this.isAuthor && !this.isPartner && (index.h("mdui-menu-item", { key: 'b6f6af18eefd08ace72be4abec360ac043256905', slot: "menu-items", icon: "handshake--outlined", onClick: () => this.becomePartnerClick.emit() }, this.becomePartnerText)), index.h("mdui-menu-item", { key: 'e497a8b94ac96415104b8849fde2d0272cc57407', slot: "menu-items", icon: "logout--outlined", onClick: () => this.signOutClick.emit() }, this.signOutText))), !this.loggedIn && this.expanded && this.renderLoggedOutExpanded(), !this.loggedIn && !this.expanded && this.renderLoggedOutCollapsed(), this.expanded && this.renderNavigation(), !this.expanded && this.renderCollapsedNavigation(), this.loggedIn && this.renderOwnedPages(), this.loggedIn && this.renderFollowingPages(), index.h("div", { key: '508fca53766488ecc5c155cb5011ff0258de0a16', class: "flex" }), this.loggedIn && !this.expanded && this.renderNotificationsCollapsed(), this.loggedIn && this.expanded && this.renderAutosaveDrawer(), this.loggedIn && this.expanded && this.renderNotifications(), this.expanded ? this.renderFooter() : this.renderCollapsedFooter()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ur-menu-item.cjs.entry.js

@@ -105,7 +105,7 @@ const UrMenuItem = class {
     }
     render() {
         const menuItemStyle = this.heightNumber ? { height: `${this.heightNumber}px` } : {};
-        return (index.h(index.Host, { key: '517e3cf3f1be98618ac1685ee9b5698a8b1a9e0a', class: {
+        return (index.h(index.Host, { key: 'a44d44f0ecef1ad215b204b5f8300e9759498459', class: {
                 'menu-item': true,
                 [`size-${this.size}`]: true,
                 'disabled': this.disabled,
@@ -113,7 +113,7 @@ const UrMenuItem = class {
                 'hovered': this.isHovered,
                 'left-aligned': this.leftAligned,
                 'full-width': this.fullWidth,
-            }, onClick: this.handleClick }, index.h("mdui-menu-item", { key: 'b36d490fb37574526a8e1f0a2f5cb9d4ad7e935f', disabled: this.disabled, value: this.value, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onChange: this.handleMduiChange, onClick: this.handleClick, style: menuItemStyle }, this.selected && index.h("mdui-icon", { key: '22ec67929b8a4c910b6f8caa377040706eecac47', name: this.selectedIcon }), index.h("span", { key: '6dc8ff547f6822410e13e67899dd243ae168ad94', class: "item-label" }, this.label))));
+            }, onClick: this.handleClick }, index.h("mdui-menu-item", { key: 'bc7ca6f7b11da150d007f448e2c553f1d8df2a71', disabled: this.disabled, value: this.value, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onChange: this.handleMduiChange, onClick: this.handleClick, style: menuItemStyle }, this.selected && index.h("mdui-icon", { key: '919b4e62f00a343656817de2feabc14bf4eda8b0', name: this.selectedIcon }), index.h("span", { key: 'a970f75c12f14d6a0fb8fa9aac63abf18a23c5c5', class: "item-label" }, this.label))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -62,7 +62,7 @@ const UrMenuProfile = class {
     }
     render() {
         const dropdownPlacement = this.isCollapsed ? 'right-start' : 'bottom-start';
-        return (index.h("mdui-dropdown", { key: 'f012a6d743d4f1e6f16778f7f261196ff7074e5f', class: "profile-dropdown", placement: dropdownPlacement, trigger: "click" }, index.h("div", { key: 'e8ffd5f6be80b11674ee8eddefefc3a961ee1e42', class: "profile-container", slot: "trigger" }, index.h("div", { key: 'efa234780554c2d9a4b0433f1b7458714d423e23', class: "avatar" }, index.h("ur-avatar", { key: '0c55c213f85e8ab6ee61d00b3e343b3fa408f4bd', src: this.userAvatar, name: this.userName || 'User', size: "var(--avatar-size)", radius: "50%" })), index.h("div", { key: 'b404a82280e7a2220a76025479fc9f359d008a8d', class: "info" }, index.h("div", { key: '6b99768a00f8d0076453b73b85dc5627c8e7be38', class: "username" }, this.userName || 'Guest'), index.h("div", { key: '4f6d39fef365d757630d3a60a2c43a7c103833d1', class: "role" }, this.userRole || 'No Role')), index.h("div", { key: 'ff47168108d3fc3cc88e44525315f34af9057022', class: "dropdown-trigger" }, index.h("mdui-icon", { key: 'a109f574b316517cd05eef670b359d676b4838f7', name: "expand_more", class: "dropdown-icon" }))), index.h("mdui-menu", { key: '9e47c15fef635d5b7f55ee853888bda91efa1725', class: "profile-menu" }, index.h("slot", { key: '7cd9b9ca0fe431f2e6870368b7939a740dcd2117', name: "menu-items" }))));
+        return (index.h("mdui-dropdown", { key: '4096e8bc4c0ffdb0e6dcc4c0fff0e5155e33f194', class: "profile-dropdown", placement: dropdownPlacement, trigger: "click" }, index.h("div", { key: '312049aef09c5176a3857350276f713fa71d5f68', class: "profile-container", slot: "trigger" }, index.h("div", { key: '380e4b508ce32cf0cbdb253575ed1f5bfd9d1bca', class: "avatar" }, index.h("ur-avatar", { key: '53cc35ed617b4ad30f1d0c7baec1f93a4f214c5d', src: this.userAvatar, name: this.userName || 'User', size: "var(--avatar-size)", radius: "50%" })), index.h("div", { key: '05c69977ddbb31a9f6133e125cf1bdd0d0927e81', class: "info" }, index.h("div", { key: '0ffea6548a906e7b65c53c6cb9ea90d955d533bc', class: "username" }, this.userName || 'Guest'), index.h("div", { key: '2ebd0c15142bd43b2db81129c099b04ee417f582', class: "role" }, this.userRole || 'No Role')), index.h("div", { key: '84fcf01949f001304427fe58d1e386490cfb1880', class: "dropdown-trigger" }, index.h("mdui-icon", { key: '8eca8d069f1bb62f845123d5e2f61c571d246aaf', name: "expand_more", class: "dropdown-icon" }))), index.h("mdui-menu", { key: '8190bc3740d41bd4ee88bc85f958f5c933ee4922', class: "profile-menu" }, index.h("slot", { key: '449ebb98ed7be4e587ab8d7a23325c886ec01fc0', name: "menu-items" }))));
     }
     get el() { return index.getElement(this); }
 };