urnovl-web-components 0.0.243 → 0.0.245

package/dist/cjs/ur-button-arrow-left_2.cjs.entry.js

@@ -31,7 +31,7 @@ const UrButtonArrowLeft = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'f9d8ae7cfe7fde5e5ecbde36962a1640700d906b' }, index.h("mdui-button-icon", { key: '3a959360b30ceaef080dcdffb6a3a4760e3c742f', borderRadius: "12px", disabled: this.disabled, onClick: () => this.leftClicked.emit() }, index.h("svg", { key: 'edf469cf088227bedeecc359591523dbce8912fa', xmlns: "http://www.w3.org/2000/svg", width: "29", height: "28", viewBox: "0 0 29 28", fill: "none" }, index.h("g", { key: '678c1dc6f4dd11f17399360009d995272d3f9689' }, index.h("path", { key: '749e1b39465bdcbfff1b9ef7da97af1712029da0', d: "M22.6667 13.9998L6.33334 13.9998M6.33334 13.9998L14.5 22.1665M6.33334 13.9998L14.5 5.83317", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+        return (index.h(index.Host, { key: 'f070eeb7fcc75f8eae5a6352e1aa39daac80161e' }, index.h("mdui-button-icon", { key: 'd1712b8074367c1dc6a482560accc03a3c364505', borderRadius: "12px", disabled: this.disabled, onClick: () => this.leftClicked.emit() }, index.h("svg", { key: '3e40dbf56b3a3b28e8976da231df3ec575b904b6', xmlns: "http://www.w3.org/2000/svg", width: "29", height: "28", viewBox: "0 0 29 28", fill: "none" }, index.h("g", { key: '65699c0d799689c3af3452583a78e03c03c3a8c4' }, index.h("path", { key: 'f8129c6ce4d4ca6aa7fdbb0582f477598860143d', d: "M22.6667 13.9998L6.33334 13.9998M6.33334 13.9998L14.5 22.1665M6.33334 13.9998L14.5 5.83317", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
     }
 };
 UrButtonArrowLeft.style = urButtonArrowLeftCss;
@@ -45,7 +45,7 @@ const UrButtonArrowRight = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '4cbce380abf31e2cb1a7e1743d60ff621ba34155' }, index.h("mdui-button-icon", { key: '573e40f246cb431738e9647cb4f3d4b350a98245', disabled: this.disabled, onClick: () => this.rightClicked.emit() }, index.h("svg", { key: '794587ebcffd10e6158a5ec93a339172ac5868bb', width: "29", height: "28", viewBox: "0 0 29 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '6b9eceef84de805fa13178b8db3411aa5e4d6fba', id: "Arrow right" }, index.h("path", { key: '35c7fed12265b605b69f8b16813f0d148db0e704', id: "Icon", d: "M6.33331 14.0002H22.6666M22.6666 14.0002L14.5 5.8335M22.6666 14.0002L14.5 22.1668", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+        return (index.h(index.Host, { key: '6a32a14fa05a0c2fef6a1a47d8528a4b5beb4784' }, index.h("mdui-button-icon", { key: '0a1182b8f21c0b14ace199f91eed750f1b3a815c', disabled: this.disabled, onClick: () => this.rightClicked.emit() }, index.h("svg", { key: '26bfec2b6820bf3fe78623f31cfba5859d984e9c', width: "29", height: "28", viewBox: "0 0 29 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'fa1be28e5ffebdf19f4b43c4c0564bc4c18459fc', id: "Arrow right" }, index.h("path", { key: 'ea92b6e79ade5e64c7626ba4e4c5c9c983a80fbb', id: "Icon", d: "M6.33331 14.0002H22.6666M22.6666 14.0002L14.5 5.8335M22.6666 14.0002L14.5 22.1668", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
     }
 };
 UrButtonArrowRight.style = urButtonArrowRightCss;

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

@@ -53,7 +53,7 @@ const UrButtonIcon = class {
             'ur-button-icon': true,
             'ur-button-icon--active': this.active
         };
-        return (index.h(index.Host, { key: '5e69af14ad9cbfbb606bb14c3857a714d793c381', style: { borderRadius: this.borderRadius, color: this.fontColor, width: this.buttonWidth, height: this.buttonHeight, backgroundColor: this.backgroundColor } }, index.h("mdui-button-icon", { key: '7a2e49fa2ac4f70673045443a96a6cf322a27a5b', style: { borderRadius: this.borderRadius, color: this.fontColor, width: this.buttonWidth, height: this.buttonHeight, backgroundColor: this.backgroundColor }, class: classes, variant: this.variant, loading: this.loading, disabled: this.disabled, selected: this.selected }, index.h("slot", { key: '90f9cb2ad64759633ef1bfe88457a64c1b0602f9' }, this.renderIcon()))));
+        return (index.h(index.Host, { key: 'dac27f74b7db7e9fec626ab1505521b37be3e9ec', style: { borderRadius: this.borderRadius, color: this.fontColor, width: this.buttonWidth, height: this.buttonHeight, backgroundColor: this.backgroundColor } }, index.h("mdui-button-icon", { key: '56f3a199e0e1ed46df4ef2e21a91d2695eec142a', style: { borderRadius: this.borderRadius, color: this.fontColor, width: this.buttonWidth, height: this.buttonHeight, backgroundColor: this.backgroundColor }, class: classes, variant: this.variant, loading: this.loading, disabled: this.disabled, selected: this.selected }, index.h("slot", { key: 'c6be3239188c710b07949d44c7b7b157be524af3' }, this.renderIcon()))));
     }
 };
 UrButtonIcon.style = urButtonIconCss;

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

@@ -55,7 +55,7 @@ const UrChapterItem = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '50a6739f1f66c4a6e90eb19bba4ebd99a16c18db' }, index.h("div", { key: 'b251e843e6e5c520242d74361a3ce6aed16e02e1', class: "chapter-container" }, index.h("div", { key: '6ee0465bb6bd31fdddc096d0d1b40ee9c92dd127', class: `chapter ${this.isBound ? 'bound' : ''}` }, index.h("div", { key: '5d51db8820762a580a7b11130ddaf2f8959db48f', class: "chapter-card" }, index.h("div", { key: 'c49aeb52de17e2e3b3cbe0c1e27fa709a049c95c', class: "top-hld" }, index.h("div", { key: '734aa7f3e42f4fa3c4e28f9d1bbce25ed6f4cd58', class: "txt-hld" }, index.h("span", { key: 'c922400dde4ac7d20c39982822c05a1323fb145b', class: "chapter-number" }, this.chapterNumber), index.h("span", { key: 'd7d1bc854789197f0825880838b7380447b6b835', class: "main-holder" }, index.h("span", { key: '376175ce146cb7d18ecbe09eb36cc3bf1a0e9d5c', class: "chapter-title", onClick: () => this.onReadChapter(this.chapterId) }, this.chapterTitle), index.h("span", { key: 'db48a052e08a60d278be3ea63613e7cad23d0934', class: "story-stats" }, this.likes > 0 && (index.h("span", { key: 'db3a30e9b69e5457183aa35c7ba3cda3215fb356', class: "story-stat" }, index.h("span", { key: 'e7e6c98a376dde5a71b49d07928a0643e7c8cd82', class: "story-stat-value" }, this.likes), index.h("span", { key: '84ccbb6d874b55105eba08a435469dd080c8811c', class: "story-stat-label" }, this.likesText))), this.likes > 0 && index.h("span", { key: '77be0f2f8fc38f21685be9c9c492dd7a7bb65187', class: "story-stat-separator" }, "\u00B7"), this.views > 0 && (index.h("span", { key: '7027cab3cd50ca0f3a2162997b02f687549c3dad', class: "story-stat" }, index.h("span", { key: '0403963fd6a0327591b99ac7398d06dfca7b2d1a', class: "story-stat-value" }, this.views), index.h("span", { key: '5d2a57a7338e7c224b8539c0a344a9604802d08a', class: "story-stat-label" }, this.viewsText))), this.views > 0 && index.h("span", { key: '497dc75f1c02e67a79691678ab63e50e932abcbd', class: "story-stat-separator" }, "\u00B7"), index.h("span", { key: '6e3abe1351d51459d791a076cec0d5c96334e97a', class: "story-stat" }, index.h("span", { key: '816c7bbb3a148bce4272aa0042a5d228abdd06a6', class: "story-stat-value" }, this.readingDuration === -1 ? 'N/A' : this.readingDuration), index.h("span", { key: '1e50e206101a3e2737228859a4563f6b7b89e1e3', class: "story-stat-label" }, this.readingDurationText))), index.h("ur-time-ago", { key: '7f5c53a45d7a31c08fad203f93b7075ca8209a92', class: "when", date: this.createdAt, locale: this.locale }))))), index.h("div", { key: '132899234ba31efb76c60c6b7b2f0fcfbc7a1731', class: "action-buttons" }, this.isOwner && (index.h("ur-button", { key: 'ccf06ab7fe76e6879f969c0ecb285a8291ab4042', class: "action-button", disabled: this.loading, variant: "text", onClick: () => this.onReadChapter(this.chapterId) }, this.readChapterText)), !this.isLocked && !this.isOwner && (index.h("ur-button", { key: '4bba86754eef655dee4c4442c1c770b207504a91', class: "action-button", disabled: this.loading, variant: "text", onClick: () => this.onReadChapter(this.chapterId) }, this.readChapterText)), this.isOwner && !this.isStoryCompleted && this.isLastChapter && (index.h("ur-button-icon", { key: '52a9ad15de35d3b7d38005f55d430cbd3efafd27', fontColor: "rgb(var(--ur-color-primary))", class: "menu-button", icon: "delete", onClick: () => this.onChapterDelete(this.chapterId, this.chapterTitle) })), this.isLocked && (index.h("ur-button-icon", { key: 'f5a75f0af4d3768c8a24de430201cca05207f344', disabled: true, class: "menu-button", icon: "lock" })))))));
+        return (index.h(index.Host, { key: 'a960041cbd40080c1fe0e42f81f738f4b39241dc' }, index.h("div", { key: 'ea5a8bc35f8696e4ab0be3c55924d89cdb793f80', class: "chapter-container" }, index.h("div", { key: '4e9d174aa32d9d9fd1180a75ae20e7671d4ebca0', class: `chapter ${this.isBound ? 'bound' : ''}` }, index.h("div", { key: '4987a74b73f7c1e439daa6c6bc2d8e056f994741', class: "chapter-card" }, index.h("div", { key: '23a54bbff8e9c4657a74ac5c034484eb2579644f', class: "top-hld" }, index.h("div", { key: 'd3368a3311b14d65edaeb09e0703b1b616f2e7ab', class: "txt-hld" }, index.h("span", { key: '84026921212733d3ecd655c7400ef1dbf81e9f45', class: "chapter-number" }, this.chapterNumber), index.h("span", { key: '40a4b9c902f4c1f5d22685a78883164b21c01764', class: "main-holder" }, index.h("span", { key: '6479e5048b615aa951dabaa49f61122945a2080e', class: "chapter-title", onClick: () => this.onReadChapter(this.chapterId) }, this.chapterTitle), index.h("span", { key: 'b7aa11191f51bb12e537595966661e8dba1a8b26', class: "story-stats" }, this.likes > 0 && (index.h("span", { key: '3672808e452b99047e7bebd98385a206262ee9ce', class: "story-stat" }, index.h("span", { key: '9c4bb09e163d65764919a7ee8ec9db1687810890', class: "story-stat-value" }, this.likes), index.h("span", { key: '06eb9086961fcbd4874931f89a6fbcb92ec73d76', class: "story-stat-label" }, this.likesText))), this.likes > 0 && index.h("span", { key: '44ac939acda37e51e37b49a4545f73eb84e73241', class: "story-stat-separator" }, "\u00B7"), this.views > 0 && (index.h("span", { key: 'a882dc61834d3ef7be16959938dbd55cb812b42c', class: "story-stat" }, index.h("span", { key: 'bd2ad5d536341593c377350eb25456338ae13727', class: "story-stat-value" }, this.views), index.h("span", { key: '4f94e877e4f2086cbdeac45ad98af1573286314f', class: "story-stat-label" }, this.viewsText))), this.views > 0 && index.h("span", { key: '395d4abbad625d67c9fccea072ecc22cc32d0fe0', class: "story-stat-separator" }, "\u00B7"), index.h("span", { key: '134e81401aa9c86799d77be873db2c3d596fff09', class: "story-stat" }, index.h("span", { key: '9346ed4eb89a46bd10ad94060212e6d8439b93db', class: "story-stat-value" }, this.readingDuration === -1 ? 'N/A' : this.readingDuration), index.h("span", { key: 'c990e6faee29a98c5d0ba61bb0a61fd3ac4bc47c', class: "story-stat-label" }, this.readingDurationText))), index.h("ur-time-ago", { key: '9752b39797ea72d50c49f65580979dd12398f77b', class: "when", date: this.createdAt, locale: this.locale }))))), index.h("div", { key: 'bc1abc578e04cdfae9af9bc450c1922c2308eb19', class: "action-buttons" }, this.isOwner && (index.h("ur-button", { key: '8c0f8eaa64ff44f4c058bb41f9a0183efcf440aa', class: "action-button", disabled: this.loading, variant: "text", onClick: () => this.onReadChapter(this.chapterId) }, this.readChapterText)), !this.isLocked && !this.isOwner && (index.h("ur-button", { key: '86168f72b6d4bf6df968b7c1f8077563e1646acf', class: "action-button", disabled: this.loading, variant: "text", onClick: () => this.onReadChapter(this.chapterId) }, this.readChapterText)), this.isOwner && !this.isStoryCompleted && this.isLastChapter && (index.h("ur-button-icon", { key: '00612603a7c2f1040193a9cac2fab91eaf3fd88a', fontColor: "rgb(var(--ur-color-primary))", class: "menu-button", icon: "delete", onClick: () => this.onChapterDelete(this.chapterId, this.chapterTitle) })), this.isLocked && (index.h("ur-button-icon", { key: '2028ae5ebeb816f2271c8732cc284973e98e24dd', disabled: true, class: "menu-button", icon: "lock" })))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ur-checkbox-group.cjs.entry.js

@@ -154,7 +154,7 @@ const UrCheckboxGroup = class {
     }
     render() {
         const showSelectAll = this.selectAll && this.maxSelectable === null;
-        return (index.h(index.Host, { key: '813a03a463f2c2f7a79d393feda3a62af36214b2' }, showSelectAll && (index.h("ur-checkbox", { key: '7ae5d6666420b92741b7808cf5c00256d524011e', value: "select-all", onValueChanged: this.handleValueChange }, this.selectAllText)), index.h("slot", { key: '460b8e71a5ccb54425752e5a067e72668996e796', onSlotchange: this.onSlotChange })));
+        return (index.h(index.Host, { key: '91ccc39c40b72b4a4eed31dedc5220aaf08671af' }, showSelectAll && (index.h("ur-checkbox", { key: 'a408aff6983b10fb03ae6844a4e1e83f0fac12fb', value: "select-all", onValueChanged: this.handleValueChange }, this.selectAllText)), index.h("slot", { key: '23b03019a45d50214801e15df3669e16683902fc', onSlotchange: this.onSlotChange })));
     }
 };
 UrCheckboxGroup.style = urCheckboxGroupCss;

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

@@ -72,7 +72,7 @@ const UrCheckbox = class {
         this.emitValueChanged(); // Emit the valueChanged event after reset
     }
     render() {
-        return (index.h(index.Host, { key: 'b18994708a3108454f87ce7230f9e0786ef8dc4a' }, index.h("mdui-checkbox", { key: '2e94da0032c0f3c37251e67f0ccdf5dec0295ec1', checked: this.checked ? 'true' : undefined, disabled: this.disabled ? 'true' : undefined, onChange: this.handleChange }, index.h("slot", { key: '67f3bf1d855e0a21cadc59c124b88cafee8a15a3' }))));
+        return (index.h(index.Host, { key: '567102eac476e92ce6185e8a25feb4d7470ff3fa' }, index.h("mdui-checkbox", { key: 'ea3f39d010a086d6242c8bafc6e33cfbaa8e1f69', checked: this.checked ? 'true' : undefined, disabled: this.disabled ? 'true' : undefined, onChange: this.handleChange }, index.h("slot", { key: '2b65e2e47cf1cf73e93d4a6e74bf4b7014fb4cab' }))));
     }
     static get watchers() { return {
         "checked": ["watchChecked"]

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

@@ -25,7 +25,7 @@ require('./class-map-GQgVJIH6.js');
 require('./appendTo-BUfHDDFs.js');
 require('./index-9bT-Q_rK.js');
 
-const urChipCss = ":host{display:inline-flex;align-items:center;vertical-align:middle;--ur-color-on-background:var(--mdui-color-on-background)}mdui-chip{display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--competition-chip-font-size, 12px)}:host .non-clickable{pointer-events:none;cursor:default}:host([disabled=\"true\"]){opacity:0.5;cursor:not-allowed}@keyframes placeholderAnimate{0%{background-position:-650px 0}100%{background-position:650px 0}}:host .chip-skeleton{display:inline-block;width:80px;min-height:32px}:host .chip-skeleton.loading{animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:placeholderAnimate;background:linear-gradient(\r\n        to right,\r\n        rgba(var(--ur-color-on-background), 0.04) 2%,\r\n        rgba(var(--ur-color-on-background), 0.12) 18%,\r\n        rgba(var(--ur-color-on-background), 0.04) 33%\r\n    );background-size:1000px}";
+const urChipCss = ":host{display:inline-flex;align-items:center;vertical-align:middle;--ur-color-on-background:var(--mdui-color-on-background)}mdui-chip{display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--competition-chip-font-size, 12px)}:host .non-clickable{pointer-events:none;cursor:default}mdui-chip.selectable-chip::part(icon){filter:invert(1)}mdui-chip.selectable-chip{--mdui-comp-chip-icon-color:var(--icon-color-override)}:host([disabled=\"true\"]){opacity:0.5;cursor:not-allowed}@keyframes placeholderAnimate{0%{background-position:-650px 0}100%{background-position:650px 0}}:host .chip-skeleton{display:inline-block;width:80px;min-height:32px}:host .chip-skeleton.loading{animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:placeholderAnimate;background:linear-gradient(\r\n        to right,\r\n        rgba(var(--ur-color-on-background), 0.04) 2%,\r\n        rgba(var(--ur-color-on-background), 0.12) 18%,\r\n        rgba(var(--ur-color-on-background), 0.04) 33%\r\n    );background-size:1000px}";
 
 const UrChip = class {
     constructor(hostRef) {
@@ -41,6 +41,8 @@ const UrChip = class {
         this.skeleton = false;
         this.disabled = false;
         this.clickable = true;
+        this.selectable = false;
+        this.selected = false;
     }
     render() {
         if (this.skeleton) {
@@ -53,14 +55,17 @@ const UrChip = class {
                     boxSizing: 'border-box',
                 } }, "\u00A0")));
         }
-        return (index.h(index.Host, null, index.h("mdui-chip", { class: !this.clickable ? 'non-clickable' : '', disabled: this.disabled, loading: this.loading, style: {
-                color: this.fontColor,
+        const classes = [
+            !this.clickable ? 'non-clickable' : '',
+            this.selectable ? 'selectable-chip' : ''
+        ].filter(c => c).join(' ');
+        return (index.h(index.Host, null, index.h("mdui-chip", { class: classes, disabled: this.disabled, loading: this.loading, selectable: this.selectable, selected: this.selected, style: {
                 background: this.backColor,
                 borderRadius: this.radius,
                 height: this.size,
                 borderWidth: this.border,
-                borderColor: this.borderColor
-            } }, this.label)));
+                borderColor: this.borderColor,
+            } }, index.h("span", { style: { color: this.fontColor } }, this.label))));
     }
 };
 UrChip.style = urChipCss;

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

@@ -21,7 +21,7 @@ const UrCircularProgress = class {
      * Render the circular progress component.
      */
     render() {
-        return (index.h(index.Host, { key: '89f96595106e70c38a1bdf2be265057c3a27c966' }, index.h("mdui-circular-progress", { key: '44cbf7bda794742869c8e222375a5881891aaf17', max: this.max, value: this.value !== undefined ? this.value : undefined, style: { "width": this.width, "height": this.height } })));
+        return (index.h(index.Host, { key: 'bdcb0e14dea0f9b108788e9c60fe17c2e0c1dea6' }, index.h("mdui-circular-progress", { key: 'f5933c88250cc9adf24e12f925e9fe1d67074437', max: this.max, value: this.value !== undefined ? this.value : undefined, style: { "width": this.width, "height": this.height } })));
     }
 };
 UrCircularProgress.style = urCircularProgressCss;

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

@@ -150,7 +150,7 @@ const UrCompetitionCarousel = class {
     }
     render() {
         const displayCompetitions = this.skeleton ? this.generateSkeletonCompetitions() : this.competitions;
-        return (index.h(index.Host, { key: '50eb53ae2b240bc7f49c591787bf22eb3012ae14', class: { skeleton: this.skeleton } }, index.h("div", { key: '167bae8282e2dbb5c97004a1c1bd0ec702b12a34', class: "carousel" }, this.navigation && (index.h("ur-button-arrow-left", { key: '45b029a25843f38a41833a8d3b99d9fd853d6e31', disabled: this.skeleton || this.disabledPrev })), this.navigation && (index.h("ur-button-arrow-right", { key: '70b6d853519be218e305e03e8a948b9842979e81', disabled: this.skeleton || this.loading || this.disabledNext })), index.h("swiper-container", { key: '1e5519dc57367b171284afc2baf1d90a7d80e846', 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 }, displayCompetitions.map((competition, index) => this.renderCompetition(competition, index))))));
+        return (index.h(index.Host, { key: '102b53a6551a281a0f92fee4f8bd232f953be79c', class: { skeleton: this.skeleton } }, index.h("div", { key: '63b2943984026606e45ccbc3922e1ddc8675f3d6', class: "carousel" }, this.navigation && (index.h("ur-button-arrow-left", { key: 'bff651d740c3bc22462b7527a81118a62623080b', disabled: this.skeleton || this.disabledPrev })), this.navigation && (index.h("ur-button-arrow-right", { key: 'ade4d5d304443e6ade1eba731e12cbddec6e3ade', disabled: this.skeleton || this.loading || this.disabledNext })), index.h("swiper-container", { key: 'de6ea5a7f8a92f4f6cdb5e05568833dffd24ac48', 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 }, displayCompetitions.map((competition, index) => this.renderCompetition(competition, index))))));
     }
     get el() { return index.getElement(this); }
 };

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: 'c258046bd53e28af58b11de9280bb27e33e2ddc9', class: {
+        return (index.h(index.Host, { key: '7d1be9df20df744d3af93a24b51adf41d3fb29cb', class: {
                 skeleton: this.skeleton,
                 compact: this.size === 'compact'
-            } }, index.h("div", { key: '58d57a59e61224d84003a3d5991dabd1da569d58', class: {
+            } }, index.h("div", { key: '97f7098f232e12e87a0f9c4f93d26de08f941300', class: {
                 'competition-novl-card': true,
                 'clickable': this.clickable && !this.skeleton
-            }, onClick: this.skeleton ? undefined : this.handleCardClick }, index.h("div", { key: 'c51b9f057618d533ea0dff0e6b6fdc0edc8893d2', 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: 'bd0b93f5472ba92afaca65b558851820950306df', 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: 'a801c3e61318b620af968fa9ef3628bfdf2737ff', 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: '73e726d4d69048accf05a9fe6ab02449930f40b3', 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: 'bce6722e93d2f515c476dde9ce862e7779097750', class: "info-section" }, !this.skeleton && (this.winnerPosition || this.isWinner) && this.winnerBadgePosition === 'right' && (index.h("div", { key: '4bb859707752ca04c51a2d2688b5ff768a738c5c', class: "winner-badge winner-badge-right" }, this.winnerPosition ? ([
+        ])))), index.h("div", { key: 'edda59bea6f8605838123bad60d4d357d2b743fe', class: "info-section" }, !this.skeleton && (this.winnerPosition || this.isWinner) && this.winnerBadgePosition === 'right' && (index.h("div", { key: '392707d7ffcbf836d8c79a2447a9415b8e920d1d', 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: 'bb296f9e59e7ed92b3fee1bf465e2ef8e40adb64', class: "menu-container" }, index.h("button", { key: 'b5b84e64be21160e66dd3504157e9c804d6bafa8', class: "menu-trigger", onClick: this.handleMenuToggle, type: "button" }, index.h("mdui-icon", { key: 'acf3a180afc336d3e0705573c2bcc30b32485136', name: "more_vert" })), this.isMenuOpen && (index.h("div", { key: '877f94d1d9b5791747e44a432fe61786a61cf13a', class: "menu-dropdown" }, index.h("div", { key: '87cd365e380dbe05a1db41c577bd8edc29ef7b15', class: "menu-backdrop", onClick: this.handleMenuClose }), index.h("div", { key: 'd8f21f8b85eb923ba34e817127b1a49ba3be1cc0', class: "menu-content" }, index.h("button", { key: 'd1bc529969e6d4939e910308b7ec76de00c5421a', class: "menu-item", onClick: this.handleWithdraw, type: "button" }, index.h("mdui-icon", { key: '76fc838408afb1704ba8152e8eff6763e7b9a65f', name: "delete--outlined" }), index.h("span", { key: 'd8d55c758bb416a57d65d95b555473de4306e86d' }, this.isOwnerViewing ? this.removeEntryText : this.withdrawButtonText))))))), index.h("div", { key: '127341c7290671dba5353def3c769be5b3ac2f71', 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: '64f401535b2202b04650002e76c7780bf075803b', 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: '2ced58572a609fbfa096e077ba60417f456b986b', 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: 'e032040310318309f19803a0576f90db7b4f23f6', class: "menu-container" }, index.h("button", { key: 'fee6d683e17970a647324a9876038b1251240a92', class: "menu-trigger", onClick: this.handleMenuToggle, type: "button" }, index.h("mdui-icon", { key: '443ed89656440aad30eda4f7ab08b8793f0fa13b', name: "more_vert" })), this.isMenuOpen && (index.h("div", { key: '5059445933d928eb7cc0c88a1c5613be4ed94c5e', class: "menu-dropdown" }, index.h("div", { key: '36a01d936f33b3a21e26ccd1f124813d202e340a', class: "menu-backdrop", onClick: this.handleMenuClose }), index.h("div", { key: '7d5fa3b9f9613cab1890ba3000c0d785e96c0938', class: "menu-content" }, index.h("button", { key: '322a6fbd04a24f754f854ed942dcb5ab0e126a38', class: "menu-item", onClick: this.handleWithdraw, type: "button" }, index.h("mdui-icon", { key: '0befe7a28b732fa564ccc40bfbfd72f98c845690', name: "delete--outlined" }), index.h("span", { key: '554278d38441c6215aba5c11c09016dfd3f25aad' }, this.isOwnerViewing ? this.removeEntryText : this.withdrawButtonText))))))), index.h("div", { key: '35ee61b38c61d4b074f113aee9b100fc337a459c', 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: 'fb6372be11283dbdaf6cd961450d814fa741abf9', 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: '562882c86c3d5a974c7f3abbaf377a4734fd71f4', 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;

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

@@ -420,7 +420,7 @@ const UrCompetitionOverview = class {
         var _a, _b;
         // Use skeleton for loading state
         const isLoading = this.loading || this.skeleton;
-        return (index.h(index.Host, { key: '7cb3689cbb082bb396396c45cc31f0df210d0143', class: { skeleton: isLoading } }, index.h("div", { key: '1d18ccf4c5de8df5de69c74e671a9dabf0358cb8', class: `overview ${this.deviceSize === 'small' ? 'small-device' : 'large-device'}` }, index.h("div", { key: '3f23de3717cfee07ba1d5eb25024c2b3b126994e', class: "cover" }, index.h("div", { key: '5a2af916ed3a86882e68dd061e37b433e2af3e81', class: "inner-cover-hld" }, index.h("div", { key: 'c86b748e418e98f3220e0c45dfb68e06350fcd79', 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: '403911926adbb03ffb0c648faf1ba74e7c1a92d4', class: "competition-content" }, index.h("div", { key: '803d03729c81125c7c5cd19e31dbf621ef715559', class: "main-content" }, index.h("div", { key: '130966dc30fd54ffcf10dca51bb194ecabfb295e', class: "upper-hld" }, index.h("div", { key: '02f7e3a0de3443093c4af79aa4577e894c34f00a', class: "upper-left" }, this.renderStatusChip(), index.h("div", { key: '1f6014765492effa0ae92d58dd0773babaceb40b', 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: '0b5f1a714d345ae54e578a5f41a78ee8d25e6248', class: "upper-right" }, this.renderEditButton())), this.renderStats(), this.renderActionButton(), this.renderTabs(), this.renderOwnerActions())), index.h("div", { key: '974527d526b50c6ea42b13e17579850a1813c39d', class: "ad-space" }, "\u00A0"))));
+        return (index.h(index.Host, { key: '1129ff1d7582d3a3184d351d7a7cd7a5c605266a', class: { skeleton: isLoading } }, index.h("div", { key: '0948023d19bcc51f37c3333728ee5a95fbbd7ea1', class: `overview ${this.deviceSize === 'small' ? 'small-device' : 'large-device'}` }, index.h("div", { key: '74f9e08447e2bc37d653986483d99995d55baf4f', class: "cover" }, index.h("div", { key: 'f92c72024870ef7ac223c4e372023433f65622e6', class: "inner-cover-hld" }, index.h("div", { key: 'bdf28afac55608098e0d4961138551fe4546d621', 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: 'be706c76919836eaa0019e28e0315ff4ed97c303', class: "competition-content" }, index.h("div", { key: '43be29de59c4adda3560482c1be90348dcab45c7', class: "main-content" }, index.h("div", { key: '421efb3f8b05541af5659bf244ec240e5d19dede', class: "upper-hld" }, index.h("div", { key: 'b6b1c42b644e7e307acf5c0628a430aa27a12e26', class: "upper-left" }, this.renderStatusChip(), index.h("div", { key: 'fadb161d0dd7dc40eb9c8af79550dace06c03413', 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: '9c023e73c2241d520c18219dbee0c5a67b622b76', class: "upper-right" }, this.renderEditButton())), this.renderStats(), this.renderActionButton(), this.renderTabs(), this.renderOwnerActions())), index.h("div", { key: '779c421dc829354af8756f05ad26f3573b6000bf', class: "ad-space" }, "\u00A0"))));
     }
 };
 UrCompetitionOverview.style = urCompetitionOverviewCss;

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

@@ -143,11 +143,11 @@ 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: '9cdcc0f4300b98973358a6a92360abe9d2d0b1c9', class: {
+        return (index.h(index.Host, { key: '2c0a0e95b82dad30cf0f57fcbf05522a5d31f2dd', class: {
                 clickable: this.clickable && !this.skeleton,
                 compact: this.height === 'compact',
                 skeleton: this.skeleton
-            }, onClick: this.skeleton ? undefined : this.handleClick }, index.h("div", { key: 'a35cc604ea24a0dc8147ea4d32d494970f3fc2a0', class: "competition-card", part: "competition-card" }, index.h("div", { key: '8f7958c866f3d9768e801c9b1da06172cf950b2d', class: "competition-image" }, index.h("div", { key: 'f69e67be9df984f167ff33b2b691aef27685580b', 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()}` }, (() => {
+            }, onClick: this.skeleton ? undefined : this.handleClick }, index.h("div", { key: 'b470b646ea74f7e7c885733e7e9e429cd68d8dd0', class: "competition-card", part: "competition-card" }, index.h("div", { key: '2aca793bfbf730d9e678c9ea2a745e3d3bc582b2', class: "competition-image" }, index.h("div", { key: 'dfd13eca3682a725a9093115b168e97e25bcc1e4', 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;
@@ -156,14 +156,14 @@ const UrCompetition = class {
                 case 'completed': return this.statusCompletedText;
                 default: return this.unknownText;
             }
-        })())), index.h("div", { key: 'b66864a539d2790f694ea3d41e4e060e1d9760d2', class: "page-info" }, index.h("ur-avatar", { key: '07826648f6f952bb0cbf9fbb843fb579d4c36561', 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: '68045dbc1d757e17a1c2219f8a671710e52c42d3', class: "competition-content" }, index.h("div", { key: 'f45ff5bedd9b2ab15443e1e6032678bb39cc072a', 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: '9c4441cd64026f60b2d01b3e87cffa42a4fbee43', class: "competition-tags" }, this.skeleton ? ([
+        })())), index.h("div", { key: 'd2b61b59b81ef495b4a1675fe4ad0e38da8878f4', class: "page-info" }, index.h("ur-avatar", { key: '6b959922fd1d14a879ddd98386eded73622289b1', 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: 'e274172043d32eb3fb1a90b0b90b21cd6505835e', class: "competition-content" }, index.h("div", { key: '6ef816389c6adeeac6ef84cbb02f302f0432ea93', 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: 'a750416b0a9ba596bbf8819678fb2784c8a72107', 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: '546cf7293f54db4b54ac8792d8dce493d0a4f04b', class: "competition-stats" }, this.skeleton ? ([
+        ]))), index.h("div", { key: 'a21a3efb3e798436520f4a9308a84c1677c8c575', 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

@@ -353,16 +353,16 @@ const UrDialog = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e17bb3bffc7247f1069278e58944f2c6ba22f5b1' }, index.h("mdui-dialog", { key: 'ec22e334ed5ed346a1a92030bd109f11b803dee7', 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: 'd810c433833be146d6ca2c14e6fed0f395f3fc92' }, index.h("mdui-dialog", { key: '9211b218310948dd70cc465a168da221ea4e94a7', 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: '1e81ed71d1512331aa74e4f05d18387d06b5fc40', part: "header", class: {
+            }, onMduiDialogClose: this.handleClose }, this.showHeader && (index.h("div", { key: '6b4d534796d9187bf09306625e1c6651c1d45880', part: "header", class: {
                 'dialog-header': true,
                 'header-overlay': this.overlayHeader
-            } }, index.h("slot", { key: 'cf5ef7882139fce88967825b37cf6f25c4144d73', name: "header" }))), index.h("slot", { key: 'e977b121c550f671e694c586ee3938a20a72e07d' }), index.h("slot", { key: '5cbf2786c93173249a85bb920fd9126ebad27dc6', name: "main-content" }))));
+            } }, index.h("slot", { key: 'd23babcc722c88c133332bb79f9cc2fe52134083', name: "header" }))), index.h("slot", { key: '10d92ecbbf1be61680d91fb9498731a70fca178a' }), index.h("slot", { key: 'f7ed5a30796fe1b2c974ec22aad8369b9be81460', name: "main-content" }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -90,7 +90,7 @@ const UrDropdown = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '83771c3bf6fac16d00283bd6de518fa31468e338' }, index.h("mdui-dropdown", { key: '46761d0b357b6d23335d246e6f9e4b447323ff5d', 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: 'ac04a7ab0a1e8c1471c6d517294cc9719f8658ba', name: "trigger", slot: "trigger" }), index.h("slot", { key: '603c11e37575161552c277c578947d10ad6b56d6' }))));
+        return (index.h(index.Host, { key: '7805e448ad4dbbd14aed3bb2374e8fadeb7bc7e8' }, index.h("mdui-dropdown", { key: '206d3eab94139648df86edcab42fbba5d28c6d34', 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: '8ae536dcae998898c9822dca25a6d2249c488bea', name: "trigger", slot: "trigger" }), index.h("slot", { key: '370e29ec2b7c16a670841d987eb453d443c725b9' }))));
     }
     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: 'ff3384b8a0b820e5656d3c1c103a3cdb2cbf588f', class: "ur-editor" }, this.showFixedToolbar && index.h("div", { key: 'cc34fccd3de3b926dd39e54d88fb4903d88753aa', class: "editor-toolbar" }, this.renderFormattingButtons()), this.showSelectionToolbar && this.selectionTooltip.visible && (index.h("div", { key: 'fc848bce5553b5ab0ed85cb1313e9f62b3624f63', class: "selection-tooltip", style: {
+        return (index.h("div", { key: 'ea65258b974e6d8000815cd7204582763863709e', class: "ur-editor" }, this.showFixedToolbar && index.h("div", { key: 'ad5732a465de57a47d99ac57f9465feaa9f1ca41', class: "editor-toolbar" }, this.renderFormattingButtons()), this.showSelectionToolbar && this.selectionTooltip.visible && (index.h("div", { key: '0839c28384b034439f0011ce24eef0a4a34e6113', class: "selection-tooltip", style: {
                 top: `${this.selectionTooltip.top}px`,
                 left: `${this.selectionTooltip.left}px`,
-            } }, this.renderFormattingButtons())), index.h("div", { key: '3080dbd2ab608d6f13402f29d3621d8795b9bc49', class: "editor-content", ref: el => (this.editorContainer = el) }), this.showCounter && (index.h("div", { key: 'c3b8fb79a9a82d4a793d2f3146f2dfab3fced6cf', class: "content-counter" }, this.wordLabel && (index.h("div", { key: '312458a6466239b09ade72b224186178deddaf1e', class: "word-counter" }, this.wordLabel, ": ", this.wordCount, this.maxWords > 0 ? ` / ${this.maxWords}` : '')), this.charLabel && (index.h("div", { key: 'f1ca07bbfd3bba6d24d154b17b77f178eb0adaba', class: "char-counter" }, this.charLabel, ": ", this.charCount, this.maxLength > 0 ? ` / ${this.maxLength}` : '')), this.readingDurationLabel && (index.h("div", { key: 'eb26aa455c524dcef6629bf357e8cf25414235d4', class: "reading-duration" }, this.readingDurationLabel, ": ", this.readingDuration === 0
+            } }, this.renderFormattingButtons())), index.h("div", { key: 'b3a717f477f4c512119906d1844dc860a7826178', class: "editor-content", ref: el => (this.editorContainer = el) }), this.showCounter && (index.h("div", { key: '29d0794a4982bc0a44de8d0ad5194f21a6713abc', class: "content-counter" }, this.wordLabel && (index.h("div", { key: '2374ef69b46ff1ebb3d7d249715ebbb3fb085d95', class: "word-counter" }, this.wordLabel, ": ", this.wordCount, this.maxWords > 0 ? ` / ${this.maxWords}` : '')), this.charLabel && (index.h("div", { key: '6ea29c9b345976877a3472c67cfed5bc69d3b068', class: "char-counter" }, this.charLabel, ": ", this.charCount, this.maxLength > 0 ? ` / ${this.maxLength}` : '')), this.readingDurationLabel && (index.h("div", { key: '16b04d446f8345b7dda4fa4b6fdd5504a6e8da89', 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: '76e5f84fc3b6a8ed03ee05afc4312c6afb7753ac' }, index.h("slot", { key: 'c54884d8c53c6b05c8994a340edf87357eba48f3' })));
+        return (index.h(index.Host, { key: 'f0f7989630d2828bcf5114ba9bfe0372d6b79e5e' }, index.h("slot", { key: 'd3e2bdd04a244b09e31bea5f3ca895061a200d30' })));
     }
     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: 'ce5265a5f2e447e30c5653db994ce152becb4b93', class: this.getColClasses(), style: this.getColStyles() }, index.h("slot", { key: 'd55a26b7f65587b9a380c46b823df9f656bb50fc' })));
+        return (index.h(index.Host, { key: '04ffc274913e6d2497603ddb423fa14516cfcf01', class: this.getColClasses(), style: this.getColStyles() }, index.h("slot", { key: '3120d21b17656a47fc9d2eb2a82a0f03fd843691' })));
     }
 };
 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: 'a7c466ed3aa84a2354ef5caca040e6676131a337' }, index.h("slot", { key: 'f3cdac36fe04d102c196817c72983ea635737d6b' })));
+        return (index.h(index.Host, { key: 'e6ef37c75806437dd572a432598a4eabbf2cf0e8' }, index.h("slot", { key: 'ff575d17c74907c7f319ba9e2fd3b17014771a66' })));
     }
 };
 UrGridRow.style = urGridCss;

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

@@ -41,9 +41,9 @@ const UrGrid = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '9630b397eea7101fcb23f04b2067969363169b05', class: {
+        return (index.h(index.Host, { key: '323b42ba43eeebba12d11659584abd700ce4c3a9', class: {
                 'grid-fixed': this.fixed,
-            } }, index.h("slot", { key: '060056b511bc8e25824d17df69b9aeeeb5a6ae76' }), this.showMore && (this.showMoreLimit === 0 || this.showMoreClickCount < this.showMoreLimit) && (index.h("div", { key: '2be056d19138ac3d9117ee107df3b4364b9dafcd', class: "show-more-container" }, index.h("div", { key: 'b526159fd95332c46cc4d5203ac389ad8a7c94f1', class: "show-more-line" }), index.h("ur-button", { key: '3a95a758c5b01b04527b621af71cb355707b31c9', variant: "text", class: "show-more-button", onClick: (event) => this.handleShowMoreClick(event), endIcon: "expand_more" }, this.showMoreText), index.h("div", { key: '3a98db23254fd120b6ca564207a6a278cde33c25', class: "show-more-line" })))));
+            } }, index.h("slot", { key: '48ee709d44bef0678e1afb9cfef670e15a394e42' }), this.showMore && (this.showMoreLimit === 0 || this.showMoreClickCount < this.showMoreLimit) && (index.h("div", { key: 'ae8d69633ddc4100b2a914dbb9333d72e0609d57', class: "show-more-container" }, index.h("div", { key: '0373e06590e4f2fd990b0ef70272b4ec580f1b5d', class: "show-more-line" }), index.h("ur-button", { key: 'af494748418ce1ba43700beb92eafaaa9ecf732d', variant: "text", class: "show-more-button", onClick: (event) => this.handleShowMoreClick(event), endIcon: "expand_more" }, this.showMoreText), index.h("div", { key: 'f8fb9cb14e7b7df6c5cace108dd6fa7054d54ac4', 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: 'a354bafa6bc51383b8da8c8db9a17b40fa2fe35a', class: this.widthClass }, index.h("div", { key: 'aad57e62184725d073eb39fb7964aba1b0a63901', class: {
+        return (index.h(index.Host, { key: '3c8c55c10cc527eb6742997871ab8d655b87879e', class: this.widthClass }, index.h("div", { key: '3ca010fede4ce7b2b7b16893cae64ddfa58995b4', 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: '2fe1af01b722ec7892fc1363a8033e21a204758e', class: "overlay" }, index.h("h2", { key: 'e106c66d52f9c05fe7c222424ec1783c569208d5', class: "hero-title", style: {
+            } }, index.h("div", { key: '630b324f9df1da55f478e31f2a8493c4a343cf88', class: "overlay" }, index.h("h2", { key: 'e1f344d4845b76c3d49bc5833888d3fd79103f69', class: "hero-title", style: {
                 color: this.heroTitleColor,
-            } }, this.heroTitle), index.h("p", { key: '812981b267e35c4f69b333b662b63f290240b29f', class: "hero-subtitle", style: {
+            } }, this.heroTitle), index.h("p", { key: 'a6f7c350a5886093b87034136578da0400b167c2', class: "hero-subtitle", style: {
                 color: this.heroSubtitleColor,
-            } }, this.heroSubtitle), index.h("ur-button", { key: '9cdcaafa2412ca8549ca53c9badc2c4f0707077a', variant: "filled", "full-width": false, disabled: false, onClick: this.handleCtaClick }, this.ctaText)))));
+            } }, this.heroSubtitle), index.h("ur-button", { key: '7372e2b6b52202721bf11db24012534e8c360fc2', 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

@@ -21,7 +21,7 @@ const UrIcon = class {
         if (this.color) {
             style.color = this.color;
         }
-        return (index.h(index.Host, { key: '1db7e707d69888248d476e2b6f5a926ed3290373' }, 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: 'afe8b85d6c1305fdac9fbb59e50b18df4a54f152' }, 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: '903b6c1df2f7690ed79016574b30bb4f3a819c6e' }, index.h("div", { key: '14d37eed6d97c111ab547a3d0dc5c35a2c9d66b8', class: "uploader-container", style: containerStyles, onClick: this.handleClick, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, index.h("input", { key: '824e1af6f406a89c3a4f26ac5320b337ea70dd36', 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: '04b73e13039d7a6a66d0b6c81c8ea7007881d8ef' }, index.h("div", { key: 'f49fc5a650b276100240206cb64e29782d2cf4a4', class: "uploader-container", style: containerStyles, onClick: this.handleClick, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, index.h("input", { key: 'b62085d062201425e088d1a05779a105236cea63', 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: '439946b49979aea2a72486185f560d481f19f644' }, index.h("div", { key: 'def7f691752248993971a243d755617c699196c2', class: "library-shelf-creator" }, index.h("div", { key: 'c0e5d42fc7510279a6ba9eb49fe1be1fa7c3c5fd', class: "create-new-shelf-container" }, index.h("h4", { key: '3b8bc166c63e528a7880c16de1060a5b59bda4ea', class: "section-subtitle" }, this.createNewShelfLabelText), index.h("span", { key: '192059d0930385c6007165b22cff24d58bcf83a0', class: "section-title" }, this.createNewShelfSubtitleText), index.h("div", { key: 'e2d39a6190c023393c18838d8e9a8a1829abc082', class: "new-shelf-form" }, index.h("ur-text-field", { key: '71887532752b872b15caf219168c132d2d1a8674', label: this.newShelfPlaceholder, name: "newShelf", value: this.newShelfName, onValueChanged: this.handleNewShelfInput }), index.h("div", { key: '7ae9bd9e238fdd8c3e0019d718ca30c83794c031', class: "public-shelf-toggle" }, index.h("span", { key: '22c042d89b5c0ed9081dc3ec14b0afe1199e8305', class: "toggle-title" }, "Make the shelf public"), index.h("ur-switch", { key: '0638cdb38d7d59f5b16930c926e51e750a7abd70', checked: this.isShelfPublic, onSwitchChange: this.handlePublicToggle }))), index.h("div", { key: '3e8ae5c12aabdc7a20b3a56222ee08938942fca5', class: "action-buttons" }, index.h("ur-button", { key: '5a54f3555faa391c797de2effb119384928df567', variant: "filled", color: "primary", disabled: !this.newShelfName || this.newShelfName.trim().length === 0, onClick: this.handleCreate }, this.createButtonText))))));
+        return (index.h(index.Host, { key: '6cb58f4b400be08cd45a6831bfb5d1a459fcfb78' }, index.h("div", { key: '8e2824969952ed60195d19a71adbd60c846f74ab', class: "library-shelf-creator" }, index.h("div", { key: '1751015a14e71d28ee0f3ad29bcd1e3921e24699', class: "create-new-shelf-container" }, index.h("h4", { key: 'fdc7e586d08e7ca0d2a74699a9ec5d7d7654cb30', class: "section-subtitle" }, this.createNewShelfLabelText), index.h("span", { key: '0b4354a88f1973b9513fbbcd937c7a89764b0fb7', class: "section-title" }, this.createNewShelfSubtitleText), index.h("div", { key: '938995f24662b1df00435a00e4608b7b92b055f6', class: "new-shelf-form" }, index.h("ur-text-field", { key: '8236a254dc14de20f71f42e91bf779850c1bf564', label: this.newShelfPlaceholder, name: "newShelf", value: this.newShelfName, onValueChanged: this.handleNewShelfInput }), index.h("div", { key: 'fe7340afc4fbed5ea77a0cc7788f9dcc33d5d78a', class: "public-shelf-toggle" }, index.h("span", { key: '17f63320a88cf9c2c185ace18ca9de2a5aa55dbd', class: "toggle-title" }, "Make the shelf public"), index.h("ur-switch", { key: 'ebb2577ad25d423607bd2bd23dde197b67edc887', checked: this.isShelfPublic, onSwitchChange: this.handlePublicToggle }))), index.h("div", { key: '1b911d1cd1b01c094d377ea64cfea2542a06f8de', class: "action-buttons" }, index.h("ur-button", { key: '6c475e777291ae382f85b1cb704acee6c2ed2f14', 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: '9e7d58c2c569807aba8fd7b14e0ea5053d57020f' }, index.h("div", { key: '154758faa8284c09ac78decec089950da35a2b0e', class: "library-shelf-selector" }, this.showProfileSelection && (index.h("div", { key: 'a4075b0b38f784813d16f4a9e5a9634463aae317', class: "profile-selection-view" }, index.h("span", { key: '12364b48486ed35021eee777b9a12636a7b143d7', class: "section-title" }, this.selectProfileLabelText), index.h("div", { key: '0491036d63390fca5574e20cff15f9bdabadf54c', class: "profile-options" }, index.h("ur-list-item", { key: '7d5211f80ea1c6d93f13203f98a20ccc99562c28', 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: 'd1facecdc1c57abfa2b3ed88617e3f977c26ca8d', 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: 'fde11c03d1586359cff5a0796a2f20035759077b', class: "list-view" }, this.shelves.length > 0 && (index.h("div", { key: 'dd914be0d84eeae9a14dabee8fd1d2c6dc8343cb', class: "shelves-list-container" }, index.h("span", { key: '588eda809685001e5f11d0e42eacabcd9e7bf47e', class: "section-title" }, this.chooseShelfLabelText), index.h("div", { key: 'b3d723af07b978b042fc849cbd8c18334b213170', 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: '1ab00adb465575ef9dfc7d8c6f84f94c1b88a0eb', class: "create-shelf-button-container" }, index.h("ur-button", { key: '6cf6b848edf613f14d1e2cf7c0f22187b1e3d3ae', variant: "outlined", fullWidth: true, onClick: this.showCreateForm }, this.createNewShelfLabelText)), index.h("div", { key: 'a4bed50f7442b3fb4dfa617cb570e952198c4eff', class: "back-button-container" }, index.h("ur-button", { key: '33ce12705351dd4d3ef5f92f78be165abc5e3b11', variant: "text", fullWidth: true, onClick: this.backToProfileSelection }, "Back")))), !this.showProfileSelection && !this.showCreateView && this.selectedProfile !== 'user' && (index.h("div", { key: '51ff447e898132c0c459e925586761e764dff22c', class: "list-view" }, this.pageShelves.length > 0 && (index.h("div", { key: '513a1be86674295c37091f95d78f08fb2e0002ab', class: "shelves-list-container" }, index.h("span", { key: '0d0a881cc036a0334a75b50eee0feff52b6d8a70', class: "section-title" }, this.chooseShelfLabelText), index.h("div", { key: '2112dc04612f88f95790427000b080f483f4cbb5', 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: '6438f21986778799f231445c19c1aa56ab990c17', class: "create-shelf-button-container" }, index.h("ur-button", { key: 'c13e9f3cd27cc5091413371953f13bbea748bbbb', variant: "outlined", fullWidth: true, onClick: this.showCreateForm }, this.createNewShelfLabelText)), index.h("div", { key: '8d693325f7148e1e39c0adaca27240f2a4fcd740', class: "back-button-container" }, index.h("ur-button", { key: 'd320d6b7732883fa0916e584b9f458e711fd08d2', variant: "text", fullWidth: true, onClick: this.backToProfileSelection }, "Back")))), this.showCreateView && (index.h("div", { key: 'b97b7bddac2c5d7cc8a5ff468e7592c79798f89a', class: "create-view" }, index.h("div", { key: 'bc543c7e785185cef79d066a4290a4349d6ca08f', class: "create-new-shelf-container" }, index.h("h4", { key: 'ff4ae253ed71f263d5e06b28b9ed03489f1986ae', class: "section-subtitle" }, this.createNewShelfLabelText), index.h("span", { key: 'c3cb82ce1f4552afc8df76250abd12185319d0e3', class: "section-title" }, this.createNewShelfSubtitleText), index.h("div", { key: '904fc1d80e4d95d082e7b65649d25149fc2900dc', class: "new-shelf-form" }, index.h("ur-text-field", { key: '6398aed13a83f37be4f183087366f64f494d7a3b', label: this.newShelfPlaceholder, name: "newShelf", value: this.newShelfName, onValueChanged: this.handleNewShelfInput }), index.h("div", { key: 'aad1cb82d990aab825c1f6edbee5aa3ef803c7e0', class: "public-shelf-toggle" }, index.h("span", { key: '331b5560291724f8d2ffa6d24838b30049cfffb5', class: "toggle-title" }, "Make the shelf public"), index.h("ur-switch", { key: '6def61d9016b58352f373491799f1a1ec3a81cfe', checked: this.isShelfPublic, onSwitchChange: this.handlePublicToggle }))), index.h("div", { key: '3cfeaa7cbb144ce431069d91f359b52af09ee7bc', class: "action-buttons" }, index.h("ur-button", { key: 'f54a6c870ed0148c759426bd27666c7e965ee915', variant: "text", onClick: this.hideCreateForm }, "Back"), index.h("ur-button", { key: 'c818b89670ef26bd29dbfa1676901364977f97e1', variant: "filled", color: "primary", disabled: !this.newShelfName || this.newShelfName.trim().length === 0, onClick: this.handleCreate }, this.createButtonText))))))));
+        return (index.h(index.Host, { key: '68ddd63d4ba8d7a082a13eeee92e5e2c21d126cb' }, index.h("div", { key: '7fab0a94c807e499d3bf5ee74a09575b54381572', class: "library-shelf-selector" }, this.showProfileSelection && (index.h("div", { key: 'e7c88cee4e755ebc522b723963d3cddab5ea03b2', class: "profile-selection-view" }, index.h("span", { key: 'c908cfc965315b9cc61cef4fb39f9011732034a0', class: "section-title" }, this.selectProfileLabelText), index.h("div", { key: 'f5f1078246448251744a71f1f1fa04c81e2de851', class: "profile-options" }, index.h("ur-list-item", { key: '2af8a99ef649997f6eeb8b73491ad06aa1c71ec6', 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: '17a31cdb3a8d9ea715281b2a1b6d62327316957e', 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: 'cf09ba0de1101f2a000c80d02a7dd34cc9dda9e2', class: "list-view" }, this.shelves.length > 0 && (index.h("div", { key: 'e6650f98fc495677d95cd16c33d3a51d7666d23d', class: "shelves-list-container" }, index.h("span", { key: '49025fa0fa78552752f555983163bb728636b336', class: "section-title" }, this.chooseShelfLabelText), index.h("div", { key: 'b3f08c3d2115e44d2809c93b895ed626a0715d2c', 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: '332ac9ebe392f90926923f73cf51c9ea12394d56', class: "create-shelf-button-container" }, index.h("ur-button", { key: 'f114e9222fe3b741675e6912cbf91d5b0e8ececd', variant: "outlined", fullWidth: true, onClick: this.showCreateForm }, this.createNewShelfLabelText)), index.h("div", { key: 'ff4c4434c4fe4802a090987413295ff0d06c8438', class: "back-button-container" }, index.h("ur-button", { key: 'ea3e844cc0dc9e5326e8dd493256eebdbedbeb00', variant: "text", fullWidth: true, onClick: this.backToProfileSelection }, "Back")))), !this.showProfileSelection && !this.showCreateView && this.selectedProfile !== 'user' && (index.h("div", { key: 'd586a95c1dc7a2f9dee94bf6e36ac832206f6683', class: "list-view" }, this.pageShelves.length > 0 && (index.h("div", { key: '8caa7a6c812f37abfe65766b96a9186469a393d2', class: "shelves-list-container" }, index.h("span", { key: '5a05dd6622c3f77977251c0879933b1440691ebe', class: "section-title" }, this.chooseShelfLabelText), index.h("div", { key: 'eec4896dc26d5dd46eaaa1773c23f423c77c8887', 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: '7d153fe635717af316b786239ef40c46824c36e9', class: "create-shelf-button-container" }, index.h("ur-button", { key: 'be2db17a2241ba44b93e3a42b865e9c43840c388', variant: "outlined", fullWidth: true, onClick: this.showCreateForm }, this.createNewShelfLabelText)), index.h("div", { key: 'fe7e28483b8fe99718365eb01ff9d4f7a383015a', class: "back-button-container" }, index.h("ur-button", { key: 'a35edec665b386ee73ed5750df0a242cb298f827', variant: "text", fullWidth: true, onClick: this.backToProfileSelection }, "Back")))), this.showCreateView && (index.h("div", { key: 'e40ae70136c07aa7cec109eaab3a6dc6e45cf491', class: "create-view" }, index.h("div", { key: 'efde7152176a2801bd0aed27ca6d68af89bf2e7d', class: "create-new-shelf-container" }, index.h("h4", { key: '4ef784cb1ee01d0d7e48c7779486e79606f54855', class: "section-subtitle" }, this.createNewShelfLabelText), index.h("span", { key: 'ecd82b2475531969164b99e142fc1866f926f76f', class: "section-title" }, this.createNewShelfSubtitleText), index.h("div", { key: 'fd8b7ae97e9372c4adfd954fdffb1a3c77d1d3d0', class: "new-shelf-form" }, index.h("ur-text-field", { key: 'cbbbeb0ac0627a8b12f4bb3d27997ba234c2800e', label: this.newShelfPlaceholder, name: "newShelf", value: this.newShelfName, onValueChanged: this.handleNewShelfInput }), index.h("div", { key: 'd2fea0b6609ed005f3655062c274c878133999c3', class: "public-shelf-toggle" }, index.h("span", { key: 'c6c2b61dfd46696d97170c71808c210355d1af6d', class: "toggle-title" }, "Make the shelf public"), index.h("ur-switch", { key: 'c0286deccb6d9bd543932e1d204fb31882e3ecbf', checked: this.isShelfPublic, onSwitchChange: this.handlePublicToggle }))), index.h("div", { key: '28b4b51eca0f1570af5274fdd4a7cdb820aa0e7a', class: "action-buttons" }, index.h("ur-button", { key: '0d9f46bc380ca6e93a4e10d2ace094024b1176e5', variant: "text", onClick: this.hideCreateForm }, "Back"), index.h("ur-button", { key: 'c06072ad313b6c63eb3499b8a14ef052ba6ae79c', 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: 'd68eae81f44652c4b29c361fcf1b6426d0bf17bd' }, (this.isIndeterminate() && {
+        return (index.h(index.Host, Object.assign({ key: 'e344e1b397c4f46f915c5288ded2f620e0d1c0cc' }, (this.isIndeterminate() && {
             'data-indeterminate': true, // Add a data attribute for styling if indeterminate
-        })), index.h("div", { key: '5c445bbb7fd40426a09a7bdd7e26fa251543b2ed', class: "progress-container" }, index.h("div", { key: 'dd9511eb0bb0a3b5009eb89b75d94f22bc10766b', class: {
+        })), index.h("div", { key: '9de3b0564ad7abae505a2b6e9750ab549bdd6ba6', class: "progress-container" }, index.h("div", { key: '0b8a514a747cb5bb14aef8a54b2cc6b21d3bf430', 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: '60c0bbb77caf49b4edad059f2e60b0807abd04a2' }, index.h("mdui-list-subheader", { key: 'cecb9f083fb6fcc91444dc7e3dc112036fb49811' }, this.text || index.h("slot", { key: '6d398a7b05b2ae6651e9a88fe838ff513c35aa56' }))));
+        return (index.h(index.Host, { key: '45b7eac2b7983102877bfb3dd26050817aae9614' }, index.h("mdui-list-subheader", { key: '82b61774ac97cceaaa3aa656499ce0da5e8e2527' }, this.text || index.h("slot", { key: '883f3c0b52db6bb8e3f673af7daa1ba12b7afb6d' }))));
     }
 };
 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: 'e8a1e5ca9c9eb27f40a743b272ba4f46dfdcc20f' }, index.h("mdui-list", { key: '83ee3edbc3a8481c9fd75bc75eb68da108fb9c4f', class: "ur-list" }, index.h("slot", { key: '9e5c091e5659dc1c80e562e9fe4e8e5fce350902' }), " ")));
+        return (index.h(index.Host, { key: '5b9c6b317f6fa40df708ed778ae0e3ce891e2625' }, index.h("mdui-list", { key: '5f0579cc95fd94097d2fd0a27e7c2b35619329b6', class: "ur-list" }, index.h("slot", { key: 'b0fb241e1a9070558d0db3475c1afdd3e3f7d328' }), " ")));
     }
 };
 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: 'ab781526b91e1961cca4a60431b710027d3e97ea' }, index.h("svg", { key: '2963f3a416fea3088782f81ef8ea98538e601ac7', xmlns: "http://www.w3.org/2000/svg", width: "60", height: "60", viewBox: "0 0 60 60", fill: "none" }, index.h("path", { key: '0ee9e34ab2a2c0de6af75c80d87be8fd65d2a440', 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: 'c36c9509455821cf45d2000a8ab3845d6c1e8e2c', 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: '679ef404d85072a38a4007dd30e76aff51e4d1cc', attributeName: "transform", attributeType: "XML", type: "rotate", dur: "1s", from: "0 30 30", to: "360 30 30", repeatCount: "indefinite" })))));
+        return (index.h(index.Host, { key: 'ba5097c77f2611ab596fd993a12392859a33cfa9' }, index.h("svg", { key: '3b359951156be3a51681486de2a0fa0b89b8bf65', xmlns: "http://www.w3.org/2000/svg", width: "60", height: "60", viewBox: "0 0 60 60", fill: "none" }, index.h("path", { key: '5c5fbcb3c51376f45016fdd36fa2f6dc4490fc73', 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: '39af445bb0ef3f1ee87e802908e5390c0acab379', 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: '16ebc7d5e4ff8c6387aedde42814f3d3ebc7878e', 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

@@ -31,10 +31,10 @@ const UrLocaleFilterButton = class {
         this.label = 'Filter';
     }
     render() {
-        return (index.h(index.Host, { key: '35b137388c1f0b891ed0cc1b27e0804655fbae16' }, index.h("mdui-button", { key: 'af3a0bdb9e6a2c506323e3e2071d7fd8a5149b8c', variant: "outlined", class: {
+        return (index.h(index.Host, { key: '1200127500cc60257ac278476642da82408d42fc' }, index.h("mdui-button", { key: '7e66aed4825b6e7e5bc378e7381eecfae36a6c18', variant: "outlined", class: {
                 'with-count': this.count > 0,
                 'selected': this.selected, // Apply selected state class
-            } }, index.h("span", { key: '1c368c347b179b3700d156fdfb8a59e95a9bcb6f', class: "label" }, this.label), this.count > 0 && index.h("span", { key: '2c802e2083684d34ee71d111a10a579308565781', class: "count" }, this.count), index.h("svg", { key: '378ce01c5a4960b5124f18d3a1eb61de494c2343', width: "20", height: "18", viewBox: "0 0 20 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'e058e6d50b45872621f34c053879db0a230d790b' }, index.h("g", { key: '13224ea789191191a1300cb5e6fa2f729c681689' }, index.h("path", { key: '2a1c59af41d6ba035fb64c631866edc67f6fc1d2', "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: '232bc91254dca1b0131b2aa259c00d9bbe17e721', class: "label" }, this.label), this.count > 0 && index.h("span", { key: 'af1d27256a3acba7e5fbd4311a0ef83819f665ab', class: "count" }, this.count), index.h("svg", { key: '36c61236600d3ffe4d415881f1cf9d9cd703a3ca', width: "20", height: "18", viewBox: "0 0 20 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '8d2b535288eb4ca52a84e7913b45cac1de922106' }, index.h("g", { key: '4b63fca443f196f2d94cd1e954c5a64b9ecce1f1' }, index.h("path", { key: '40e589bb0a5ef7f351e56141fc95f55b368b32b7', "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;