urnovl-web-components 0.0.160 → 0.0.162

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["ur-main-left-menu.cjs",[[1,"ur-main-left-menu",{"opened":[4],"loggedIn":[4,"logged-in"],"userName":[1,"user-name"],"userRole":[1,"user-role"],"userAvatar":[1,"user-avatar"],"expanded":[32]},null,{"opened":["watchOpenedHandler"]}]]],["ur-novl-carousel.cjs",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-page-profile.cjs",[[1,"ur-page-profile",{"avatar":[8],"name":[8],"description":[8],"location":[8],"facebook_url":[8],"twitter_url":[8],"linkedin_url":[8],"email":[8],"phone":[8],"website":[8],"stories":[2],"views":[2],"following":[2],"followers":[2],"members":[2],"showFollow":[4,"show-follow"],"showBecomeMember":[4,"show-become-member"],"showDonate":[4,"show-donate"],"showSendMessage":[4,"show-send-message"],"languages":[1],"genres":[1],"literatureTypes":[1,"literature-types"],"pageCreatorName":[8,"page-creator-name"],"pageCreatorImage":[8,"page-creator-image"],"pageCreationDate":[8,"page-creation-date"]}]]],["ur-hero.cjs",[[1,"ur-hero",{"heroTitle":[1,"hero-title"],"heroSubtitle":[1,"hero-subtitle"],"ctaText":[1,"cta-text"],"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"layout":[1],"backgroundJustification":[1,"background-justification"],"backgroundAlignment":[1,"background-alignment"],"heroTitleColor":[1,"hero-title-color"],"heroSubtitleColor":[1,"hero-subtitle-color"],"widthClass":[32]}]]],["ur-locale-filter-panel.cjs",[[1,"ur-locale-filter-panel",{"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"locales":[16],"disabledLocales":[16],"mutableLocales":[32]}]]],["ur-main-desktop-top-app-bar.cjs",[[1,"ur-main-desktop-top-app-bar",{"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"searchText":[1,"search-text"]}]]],["ur-page.cjs",[[1,"ur-page",{"pageTitle":[1,"page-title"],"pageCover":[8,"page-cover"],"pageCoverFallback":[1,"page-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"pageDescription":[8,"page-description"]}]]],["ur-read-mobile-top-app-bar.cjs",[[1,"ur-read-mobile-top-app-bar",{"variant":[1],"headerTitle":[1,"header-title"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-select.cjs",[[1,"ur-select",{"label":[1],"name":[1],"value":[1],"placeholder":[1],"helper":[1],"readonly":[4],"disabled":[4],"clearable":[4],"multiple":[4],"endAligned":[4,"end-aligned"],"variant":[1],"placement":[1],"icon":[1],"endIcon":[1,"end-icon"],"form":[1],"items":[16],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["ur-top-app-bar.cjs",[[1,"ur-top-app-bar",{"headerTitle":[1,"header-title"],"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-user.cjs",[[1,"ur-user",{"userTitle":[1,"user-title"],"userCover":[8,"user-cover"],"userCoverFallback":[1,"user-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"userDescription":[8,"user-description"]}]]],["ur-checkbox.cjs",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip.cjs",[[1,"ur-chip",{"label":[1],"border":[1],"radius":[1],"size":[1],"backColor":[1,"back-color"],"fontColor":[1,"font-color"],"loading":[4],"disabled":[4]}]]],["ur-dialog.cjs",[[1,"ur-dialog",{"description":[1],"open":[4],"fullscreen":[4],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"borderRadius":[1,"border-radius"],"openDialog":[64],"closeDialog":[64]}]]],["ur-list-subheader.cjs",[[1,"ur-list-subheader",{"text":[1]}]]],["ur-loader.cjs",[[1,"ur-loader"]]],["ur-locale-filter-button.cjs",[[1,"ur-locale-filter-button",{"count":[2],"selected":[4]}]]],["ur-navigation-drawer.cjs",[[1,"ur-navigation-drawer",{"open":[4],"placement":[1],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"contained":[4],"openDrawer":[64],"closeDrawer":[64]}]]],["ur-profile.cjs",[[1,"ur-profile",{"name":[8],"description":[8],"location":[8],"facebook_url":[8],"twitter_url":[8],"linkedin_url":[8],"email":[8],"phone":[8],"website":[8],"show_follow":[4],"show_donate":[4],"show_become_member":[4],"show_send_message":[4],"show_stats":[4],"stories_count":[2],"views_count":[2],"followers_count":[2],"writers_count":[2],"show_languages":[4],"languages":[1],"show_genres":[4],"genres":[1],"show_member_since":[4],"member_since":[1]}]]],["ur-radio-button.cjs",[[1,"ur-radio-button",{"disabled":[4],"checked":[4],"text":[1]}]]],["ur-segment-button.cjs",[[1,"ur-segment-button",{"likeLabel":[1,"like-label"]}]]],["ur-switch.cjs",[[1,"ur-switch",{"disabled":[4],"checked":[4]}]]],["ur-tabs.cjs",[[1,"ur-tabs",{"tabs":[16],"panels":[16]}]]],["ur-text-field.cjs",[[1,"ur-text-field",{"label":[1],"placeholder":[1],"helper":[1],"disabled":[4],"variant":[1],"value":[1],"endIcon":[8,"end-icon"]}]]],["ur-user-profile.cjs",[[1,"ur-user-profile"]]],["ur-menu-item.cjs",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4],"selected":[4]}]]],["ur-novl.cjs",[[1,"ur-novl",{"novlId":[520,"novl-id"],"loading":[4],"novlTitle":[1,"novl-title"],"novlCover":[8,"novl-cover"],"novlCoverFallback":[1,"novl-cover-fallback"],"likes":[2],"views":[2],"showStats":[4,"show-stats"],"novlDescription":[8,"novl-description"],"authorAvatar":[8,"author-avatar"],"authorName":[8,"author-name"],"published":[4],"price":[1],"publisherAvatar":[1,"publisher-avatar"],"publisherName":[1,"publisher-name"]}]]],["ur-button-arrow-left_2.cjs",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]],["ur-avatar.cjs",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-list_3.cjs",[[1,"ur-menu-profile",{"userAvatar":[1,"user-avatar"],"userName":[1,"user-name"],"userRole":[1,"user-role"]}],[1,"ur-list"],[1,"ur-list-item",{"content":[1],"disabled":[4],"active":[4],"nonclickable":[4],"rounded":[4],"alignment":[1],"icon":[1],"endIcon":[1,"end-icon"],"description":[1],"href":[1],"target":[1],"rel":[1]}]]],["ur-button-icon.cjs",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-logo.cjs",[[1,"ur-logo",{"width":[1],"height":[1],"color":[1],"rotation":[2],"opacity":[2]}]]],["ur-button.cjs",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"],"fullWidth":[4,"full-width"]}]]]], options);
+  return index.bootstrapLazy([["ur-main-left-menu.cjs",[[1,"ur-main-left-menu",{"opened":[4],"loggedIn":[4,"logged-in"],"userName":[1,"user-name"],"userRole":[1,"user-role"],"userAvatar":[1,"user-avatar"],"expanded":[32]},null,{"opened":["watchOpenedHandler"]}]]],["ur-novl-carousel.cjs",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-page-profile.cjs",[[1,"ur-page-profile",{"avatar":[8],"name":[8],"description":[8],"location":[8],"facebook_url":[8],"twitter_url":[8],"linkedin_url":[8],"email":[8],"phone":[8],"website":[8],"stories":[2],"views":[2],"following":[2],"followers":[2],"members":[2],"showFollow":[4,"show-follow"],"showBecomeMember":[4,"show-become-member"],"showDonate":[4,"show-donate"],"showSendMessage":[4,"show-send-message"],"languages":[1],"genres":[1],"literatureTypes":[1,"literature-types"],"pageCreatorName":[8,"page-creator-name"],"pageCreatorImage":[8,"page-creator-image"],"pageCreationDate":[8,"page-creation-date"]}]]],["ur-hero.cjs",[[1,"ur-hero",{"heroTitle":[1,"hero-title"],"heroSubtitle":[1,"hero-subtitle"],"ctaText":[1,"cta-text"],"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"layout":[1],"backgroundJustification":[1,"background-justification"],"backgroundAlignment":[1,"background-alignment"],"heroTitleColor":[1,"hero-title-color"],"heroSubtitleColor":[1,"hero-subtitle-color"],"widthClass":[32]}]]],["ur-locale-filter-panel.cjs",[[1,"ur-locale-filter-panel",{"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"locales":[16],"disabledLocales":[16],"mutableLocales":[32]}]]],["ur-main-desktop-top-app-bar.cjs",[[1,"ur-main-desktop-top-app-bar",{"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"searchText":[1,"search-text"]}]]],["ur-page.cjs",[[1,"ur-page",{"pageTitle":[1,"page-title"],"pageCover":[8,"page-cover"],"pageCoverFallback":[1,"page-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"pageDescription":[8,"page-description"]}]]],["ur-read-mobile-top-app-bar.cjs",[[1,"ur-read-mobile-top-app-bar",{"variant":[1],"headerTitle":[1,"header-title"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-select.cjs",[[1,"ur-select",{"label":[1],"name":[1],"value":[1],"placeholder":[1],"helper":[1],"readonly":[4],"disabled":[4],"clearable":[4],"multiple":[4],"endAligned":[4,"end-aligned"],"variant":[1],"placement":[1],"icon":[1],"endIcon":[1,"end-icon"],"form":[1],"items":[16],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["ur-top-app-bar.cjs",[[1,"ur-top-app-bar",{"headerTitle":[1,"header-title"],"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-user.cjs",[[1,"ur-user",{"userTitle":[1,"user-title"],"userCover":[8,"user-cover"],"userCoverFallback":[1,"user-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"userDescription":[8,"user-description"]}]]],["ur-checkbox.cjs",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip.cjs",[[1,"ur-chip",{"label":[1],"border":[1],"radius":[1],"size":[1],"backColor":[1,"back-color"],"fontColor":[1,"font-color"],"loading":[4],"disabled":[4]}]]],["ur-dialog.cjs",[[1,"ur-dialog",{"description":[1],"open":[4],"fullscreen":[4],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"borderRadius":[1,"border-radius"],"openDialog":[64],"closeDialog":[64]}]]],["ur-list-subheader.cjs",[[1,"ur-list-subheader",{"text":[1]}]]],["ur-loader.cjs",[[1,"ur-loader"]]],["ur-locale-filter-button.cjs",[[1,"ur-locale-filter-button",{"count":[2],"selected":[4]}]]],["ur-navigation-drawer.cjs",[[1,"ur-navigation-drawer",{"open":[4],"placement":[1],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"contained":[4],"openDrawer":[64],"closeDrawer":[64]}]]],["ur-profile.cjs",[[1,"ur-profile",{"name":[8],"description":[8],"location":[8],"facebook_url":[8],"twitter_url":[8],"linkedin_url":[8],"email":[8],"phone":[8],"website":[8],"show_follow":[4],"show_donate":[4],"show_become_member":[4],"show_send_message":[4],"show_stats":[4],"stories_count":[2],"views_count":[2],"followers_count":[2],"writers_count":[2],"show_languages":[4],"languages":[1],"show_genres":[4],"genres":[1],"show_member_since":[4],"member_since":[1]}]]],["ur-radio-button.cjs",[[1,"ur-radio-button",{"disabled":[4],"checked":[4],"text":[1]}]]],["ur-segment-button.cjs",[[1,"ur-segment-button",{"likeLabel":[1,"like-label"]}]]],["ur-switch.cjs",[[1,"ur-switch",{"disabled":[4],"checked":[4]}]]],["ur-tabs.cjs",[[1,"ur-tabs",{"tabs":[16],"panels":[16]}]]],["ur-text-field.cjs",[[1,"ur-text-field",{"label":[1],"placeholder":[1],"helper":[1],"disabled":[4],"variant":[1],"value":[1],"endIcon":[8,"end-icon"]}]]],["ur-user-profile.cjs",[[1,"ur-user-profile"]]],["ur-menu-item.cjs",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4],"selected":[4]}]]],["ur-novl.cjs",[[1,"ur-novl",{"novlId":[520,"novl-id"],"loading":[4],"novlTitle":[1,"novl-title"],"novlCover":[8,"novl-cover"],"novlCoverFallback":[1,"novl-cover-fallback"],"likes":[2],"views":[2],"showStats":[4,"show-stats"],"novlDescription":[8,"novl-description"],"authorAvatar":[8,"author-avatar"],"authorName":[8,"author-name"],"published":[4],"price":[1],"publisherAvatar":[1,"publisher-avatar"],"publisherName":[1,"publisher-name"],"borderRadius":[1,"border-radius"]}]]],["ur-button-arrow-left_2.cjs",[[1,"ur-button-arrow-left",{"disabled":[4]}],[1,"ur-button-arrow-right",{"disabled":[4]}]]],["ur-avatar.cjs",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-list_3.cjs",[[1,"ur-menu-profile",{"userAvatar":[1,"user-avatar"],"userName":[1,"user-name"],"userRole":[1,"user-role"]}],[1,"ur-list"],[1,"ur-list-item",{"content":[1],"disabled":[4],"active":[4],"nonclickable":[4],"rounded":[4],"alignment":[1],"icon":[1],"endIcon":[1,"end-icon"],"description":[1],"href":[1],"target":[1],"rel":[1]}]]],["ur-button-icon.cjs",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-logo.cjs",[[1,"ur-logo",{"width":[1],"height":[1],"color":[1],"rotation":[2],"opacity":[2]}]]],["ur-button.cjs",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"],"fullWidth":[4,"full-width"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

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

@@ -20,30 +20,32 @@ require('./class-map-14759be7.js');
 require('./appendTo-55674635.js');
 require('./index-32e5fe53.js');
 
-const urButtonArrowLeftCss = ":host {\n    border-radius: 50%;\n\n    button,\n    mdui-button-icon {\n        height: 34px;\n        width: 34px;\n        border-radius: inherit;\n        fill: #f7f7f7;\n        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: 0;\n        cursor: pointer;\n        background-color: rgb(239, 239, 239);\n    }\n\n    mdui-button-icon svg {\n        height: 21px;\n    }\n}\n";
+const urButtonArrowLeftCss = ":host {\n    border-radius: 50%;\n\n    button,\n    mdui-button-icon {\n        height: 34px;\n        width: 34px;\n        border-radius: inherit;\n        fill: #f7f7f7;\n        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: 0;\n        cursor: pointer;\n        background-color: rgb(239, 239, 239);\n    }\n\n    mdui-button-icon svg {\n        height: 21px;\n    }\n\n    mdui-button-icon[disabled] {\n        opacity: 0.5;\n    }\n\n    mdui-button-icon[disabled] svg {\n        opacity: 0.5;\n    }\n}\n";
 const UrButtonArrowLeftStyle0 = urButtonArrowLeftCss;
 
 const UrButtonArrowLeft = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.leftClicked = index.createEvent(this, "leftClicked", 7);
+        this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'a88add126bc233bf9df53adee116e374abb805be' }, index.h("mdui-button-icon", { key: '0d2d90f8584ea9a9450ef7fea0136fe551e35df4', onClick: () => this.leftClicked.emit() }, index.h("svg", { key: '68e6332941fe1fc771ca73fec70de2432faeb901', xmlns: "http://www.w3.org/2000/svg", width: "29", height: "28", viewBox: "0 0 29 28", fill: "none" }, index.h("g", { key: '069c3b5cd5a13c0438b9de13b5d15fab92c77e39' }, index.h("path", { key: 'ee40d1b4f6be3fadf08a0fb17a93d792b43ddd8a', d: "M22.6667 13.9998L6.33334 13.9998M6.33334 13.9998L14.5 22.1665M6.33334 13.9998L14.5 5.83317", stroke: "#1E1E1E", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+        return (index.h(index.Host, { key: '996a1a31b0d8cbb20ae21a11a01c116d4661f10c' }, index.h("mdui-button-icon", { key: 'dd6c225c363559b0337689d317848e331970faec', disabled: this.disabled, onClick: () => this.leftClicked.emit() }, index.h("svg", { key: '9187f06512e98e34606079b43c94d498874a6679', xmlns: "http://www.w3.org/2000/svg", width: "29", height: "28", viewBox: "0 0 29 28", fill: "none" }, index.h("g", { key: '3b4944106cd2ae8cada885f37e73ebf730acab9a' }, index.h("path", { key: 'f92e06263f709e9af83b05abf16410531b63ec6e', d: "M22.6667 13.9998L6.33334 13.9998M6.33334 13.9998L14.5 22.1665M6.33334 13.9998L14.5 5.83317", stroke: "#1E1E1E", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
     }
 };
 UrButtonArrowLeft.style = UrButtonArrowLeftStyle0;
 
-const urButtonArrowRightCss = ":host {\n    border-radius: 50%;\n\n    button,\n    mdui-button-icon {\n        height: 34px;\n        width: 34px;\n        border-radius: inherit;\n        fill: #f7f7f7;\n        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: 0;\n        cursor: pointer;\n        background-color: rgb(239, 239, 239);\n    }\n\n    mdui-button-icon svg {\n        height: 21px;\n    }\n}\n";
+const urButtonArrowRightCss = ":host {\n    border-radius: 50%;\n\n    button,\n    mdui-button-icon {\n        height: 34px;\n        width: 34px;\n        border-radius: inherit;\n        fill: #f7f7f7;\n        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: 0;\n        cursor: pointer;\n        background-color: rgb(239, 239, 239);\n    }\n\n    mdui-button-icon svg {\n        height: 21px;\n    }\n\n    mdui-button-icon[disabled] {\n        opacity: 0.5;\n    }\n\n    mdui-button-icon[disabled] svg {\n        opacity: 0.5;\n    }\n}\n";
 const UrButtonArrowRightStyle0 = urButtonArrowRightCss;
 
 const UrButtonArrowRight = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.rightClicked = index.createEvent(this, "rightClicked", 7);
+        this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'ff78cb4ea3299cf99dc9f268fda3283408a06bf2' }, index.h("mdui-button-icon", { key: '7d2320a1e327eec7cac93e9d5a87264fa039ddc9', onClick: () => this.rightClicked.emit() }, index.h("svg", { key: 'a0b7de791300216a1a735e4b734b94efabf9c0a9', width: "29", height: "28", viewBox: "0 0 29 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '22e6fd95449a029281ab1b1f0424edfca9b64298', id: "Arrow right" }, index.h("path", { key: 'e5ec1034e0fda66b652cd1b4a39c2e378ed7e13e', id: "Icon", d: "M6.33331 14.0002H22.6666M22.6666 14.0002L14.5 5.8335M22.6666 14.0002L14.5 22.1668", stroke: "#1E1E1E", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+        return (index.h(index.Host, { key: 'd522a723ed6a59b9d6355b6bd017dd09dc0bdf8a' }, index.h("mdui-button-icon", { key: 'b9a8e00ef2ce872fd5ca2a03ef8dfd4538fb5a3e', disabled: this.disabled, onClick: () => this.rightClicked.emit() }, index.h("svg", { key: '694928f8cbd0a141220ab09154fdc439d2faf482', width: "29", height: "28", viewBox: "0 0 29 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '0d2821320933d72054c8e92c7cedef80d5f57724', id: "Arrow right" }, index.h("path", { key: '849a5dd5706f08df08921421b94e2ded843a9341', id: "Icon", d: "M6.33331 14.0002H22.6666M22.6666 14.0002L14.5 5.8335M22.6666 14.0002L14.5 22.1668", stroke: "#1E1E1E", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
     }
 };
 UrButtonArrowRight.style = UrButtonArrowRightStyle0;

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

@@ -20,6 +20,21 @@ const UrNovlCarousel = class {
         this.onIntersection = async (entries) => {
             this.intersectionUpdated.emit(entries);
         };
+        this.onSlideChange = () => {
+            var _a, _b, _c, _d, _e, _f;
+            (_a = this.leftArrow) === null || _a === void 0 ? void 0 : _a.setAttribute('disabled', (_c = (_b = this.swiperContainer) === null || _b === void 0 ? void 0 : _b.swiper) === null || _c === void 0 ? void 0 : _c.isBeginning);
+            (_d = this.rightArrow) === null || _d === void 0 ? void 0 : _d.setAttribute('disabled', (_f = (_e = this.swiperContainer) === null || _e === void 0 ? void 0 : _e.swiper) === null || _f === void 0 ? void 0 : _f.isEnd);
+        };
+        this.onLeftClick = () => {
+            var _a, _b;
+            (_b = (_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slidePrev();
+            this.prevClicked.emit();
+        };
+        this.onRightClick = () => {
+            var _a, _b;
+            (_b = (_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slideNext();
+            this.nextClicked.emit();
+        };
         this.novls = [];
         this.breakpoints = {
         // add default
@@ -33,18 +48,16 @@ const UrNovlCarousel = class {
         this.navigation = false;
     }
     componentDidLoad() {
-        const container = this.el.shadowRoot.querySelector('swiper-container');
+        var _a;
+        this.swiperContainer = this.el.shadowRoot.querySelector('swiper-container');
         if (this.navigation) {
-            this.el.shadowRoot.querySelector('ur-button-arrow-left').addEventListener('click', () => {
-                var _a;
-                (_a = container === null || container === void 0 ? void 0 : container.swiper) === null || _a === void 0 ? void 0 : _a.slidePrev();
-                this.prevClicked.emit();
-            });
-            this.el.shadowRoot.querySelector('ur-button-arrow-right').addEventListener('click', () => {
-                var _a;
-                (_a = container === null || container === void 0 ? void 0 : container.swiper) === null || _a === void 0 ? void 0 : _a.slideNext();
-                this.nextClicked.emit();
-            });
+            this.leftArrow = this.el.shadowRoot.querySelector('ur-button-arrow-left');
+            this.rightArrow = this.el.shadowRoot.querySelector('ur-button-arrow-right');
+            this.leftArrow.setAttribute('disabled', 'true');
+            this.rightArrow.setAttribute('disabled', `${this.novls.length === 0}`);
+            this.leftArrow.addEventListener('click', this.onLeftClick);
+            this.rightArrow.addEventListener('click', this.onRightClick);
+            (_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper.on('slideChange', this.onSlideChange);
         }
         const novls = this.el.shadowRoot.querySelectorAll('ur-novl');
         this.observer = new IntersectionObserver(this.onIntersection);
@@ -52,8 +65,15 @@ const UrNovlCarousel = class {
             this.observer.observe(novl);
         });
     }
+    disconnectedCallback() {
+        var _a, _b, _c;
+        (_a = this.leftArrow) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', this.onLeftClick);
+        (_b = this.rightArrow) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', this.onRightClick);
+        (_c = this.swiperContainer) === null || _c === void 0 ? void 0 : _c.swiper.destroy(true, true);
+        this.observer.disconnect();
+    }
     render() {
-        return (index.h(index.Host, { key: '71897f640c6de0c06819f38b194250a07cdc5251' }, index.h("div", { key: 'c15303b8a881fd6563e01ac8dbe336d62299f2ef', class: "carousel" }, this.navigation && (index.h("ur-button-arrow-left", { key: 'a2b067fba4a8baab82e34c375f00e9b931047815' })), this.navigation && (index.h("ur-button-arrow-right", { key: 'c72aae4eb9ae4c0d20a40d43318368ab86babced' })), index.h("swiper-container", { key: '8c02d3372542fd5a78280b5fe004e4db812cf218', "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.novls.map((novl, index$1) => {
+        return (index.h(index.Host, { key: 'e5df5d70bca930cbf9fa2a1aaacc76af8ca92ef0' }, index.h("div", { key: '0701544009b2eeff7c1d525d33fec1503371d4b6', class: "carousel" }, this.navigation && (index.h("ur-button-arrow-left", { key: '2226beb622edf1db642a9b51f597c60098b521af', disabled: true })), this.navigation && (index.h("ur-button-arrow-right", { key: '9f9316f35e60c4a734d2c420c81abe8e18a2d27f', disabled: true })), index.h("swiper-container", { key: 'c9a8b19c836f1231c4e799951ce13949acb66819', "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.novls.map((novl, index$1) => {
             if (is_custom_data(novl)) {
                 return (index.h("swiper-slide", null, index.h("div", { class: "custom", innerHTML: novl.content(index$1) })));
             }

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

@@ -28,6 +28,10 @@ const UrNovl = class {
         this.price = null;
         this.publisherAvatar = null;
         this.publisherName = null;
+        this.borderRadius = '8px';
+    }
+    componentDidLoad() {
+        this.el.style.setProperty("--novl-border-radius", this.borderRadius);
     }
     renderLoading() {
         return index.h(index.Host, null, index.h("div", { class: "novl loading" }, index.h("section", { class: "cover loading" }), index.h("section", { class: "info" }, index.h("div", { class: "title loading" }, "\u00A0"), index.h("div", { class: "stats loading" }), index.h("div", { class: "description loading" }, "\u00A0"), index.h("div", { class: "author loading" }, index.h("div", { class: "avatar loading" }, "\u00A0"), index.h("div", { class: "name loading" }, "\u00A0")))));
@@ -40,6 +44,7 @@ const UrNovl = class {
                 backgroundImage: this.novlCover ? `url(${this.novlCover})` : `url(${this.novlCoverFallback})`,
             } }, !this.published && (index.h("div", { class: "ongoing" }, index.h("span", null, "O"))), !!this.price && (index.h("div", { class: "price" }, index.h("span", null, this.price))), !!this.publisherAvatar && this.publisherName && (index.h("div", { class: "publisher" }, index.h("div", { class: "avatar", style: { backgroundImage: `url(${this.publisherAvatar})` } }), index.h("div", { class: "name" }, this.publisherName)))), index.h("section", { class: "info" }, index.h("div", { class: "title" }, this.novlTitle), this.showStats && (index.h("div", { class: "stats" }, index.h("div", { class: "likes" }, index.h("div", null, index.h("b", null, this.likes), " Likes"), index.h("div", { class: "dot" }, "\u00B7")), index.h("div", { class: "views" }, index.h("b", null, this.views), " Views"))), index.h("div", { class: "description" }, this.novlDescription), index.h("div", { class: "author" }, index.h("div", { class: "avatar", style: { backgroundImage: `url(${this.authorAvatar})` } }), index.h("div", { class: "name" }, this.authorName))))));
     }
+    get el() { return index.getElement(this); }
 };
 UrNovl.style = UrNovlStyle0;
 

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

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["ur-main-left-menu.cjs",[[1,"ur-main-left-menu",{"opened":[4],"loggedIn":[4,"logged-in"],"userName":[1,"user-name"],"userRole":[1,"user-role"],"userAvatar":[1,"user-avatar"],"expanded":[32]},null,{"opened":["watchOpenedHandler"]}]]],["ur-novl-carousel.cjs",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-page-profile.cjs",[[1,"ur-page-profile",{"avatar":[8],"name":[8],"description":[8],"location":[8],"facebook_url":[8],"twitter_url":[8],"linkedin_url":[8],"email":[8],"phone":[8],"website":[8],"stories":[2],"views":[2],"following":[2],"followers":[2],"members":[2],"showFollow":[4,"show-follow"],"showBecomeMember":[4,"show-become-member"],"showDonate":[4,"show-donate"],"showSendMessage":[4,"show-send-message"],"languages":[1],"genres":[1],"literatureTypes":[1,"literature-types"],"pageCreatorName":[8,"page-creator-name"],"pageCreatorImage":[8,"page-creator-image"],"pageCreationDate":[8,"page-creation-date"]}]]],["ur-hero.cjs",[[1,"ur-hero",{"heroTitle":[1,"hero-title"],"heroSubtitle":[1,"hero-subtitle"],"ctaText":[1,"cta-text"],"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"layout":[1],"backgroundJustification":[1,"background-justification"],"backgroundAlignment":[1,"background-alignment"],"heroTitleColor":[1,"hero-title-color"],"heroSubtitleColor":[1,"hero-subtitle-color"],"widthClass":[32]}]]],["ur-locale-filter-panel.cjs",[[1,"ur-locale-filter-panel",{"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"locales":[16],"disabledLocales":[16],"mutableLocales":[32]}]]],["ur-main-desktop-top-app-bar.cjs",[[1,"ur-main-desktop-top-app-bar",{"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"searchText":[1,"search-text"]}]]],["ur-page.cjs",[[1,"ur-page",{"pageTitle":[1,"page-title"],"pageCover":[8,"page-cover"],"pageCoverFallback":[1,"page-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"pageDescription":[8,"page-description"]}]]],["ur-read-mobile-top-app-bar.cjs",[[1,"ur-read-mobile-top-app-bar",{"variant":[1],"headerTitle":[1,"header-title"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-select.cjs",[[1,"ur-select",{"label":[1],"name":[1],"value":[1],"placeholder":[1],"helper":[1],"readonly":[4],"disabled":[4],"clearable":[4],"multiple":[4],"endAligned":[4,"end-aligned"],"variant":[1],"placement":[1],"icon":[1],"endIcon":[1,"end-icon"],"form":[1],"items":[16],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["ur-top-app-bar.cjs",[[1,"ur-top-app-bar",{"headerTitle":[1,"header-title"],"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-user.cjs",[[1,"ur-user",{"userTitle":[1,"user-title"],"userCover":[8,"user-cover"],"userCoverFallback":[1,"user-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"userDescription":[8,"user-description"]}]]],["ur-checkbox.cjs",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip.cjs",[[1,"ur-chip",{"label":[1],"border":[1],"radius":[1],"size":[1],"backColor":[1,"back-color"],"fontColor":[1,"font-color"],"loading":[4],"disabled":[4]}]]],["ur-dialog.cjs",[[1,"ur-dialog",{"description":[1],"open":[4],"fullscreen":[4],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"borderRadius":[1,"border-radius"],"openDialog":[64],"closeDialog":[64]}]]],["ur-list-subheader.cjs",[[1,"ur-list-subheader",{"text":[1]}]]],["ur-loader.cjs",[[1,"ur-loader"]]],["ur-locale-filter-button.cjs",[[1,"ur-locale-filter-button",{"count":[2],"selected":[4]}]]],["ur-navigation-drawer.cjs",[[1,"ur-navigation-drawer",{"open":[4],"placement":[1],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"contained":[4],"openDrawer":[64],"closeDrawer":[64]}]]],["ur-profile.cjs",[[1,"ur-profile",{"name":[8],"description":[8],"location":[8],"facebook_url":[8],"twitter_url":[8],"linkedin_url":[8],"email":[8],"phone":[8],"website":[8],"show_follow":[4],"show_donate":[4],"show_become_member":[4],"show_send_message":[4],"show_stats":[4],"stories_count":[2],"views_count":[2],"followers_count":[2],"writers_count":[2],"show_languages":[4],"languages":[1],"show_genres":[4],"genres":[1],"show_member_since":[4],"member_since":[1]}]]],["ur-radio-button.cjs",[[1,"ur-radio-button",{"disabled":[4],"checked":[4],"text":[1]}]]],["ur-segment-button.cjs",[[1,"ur-segment-button",{"likeLabel":[1,"like-label"]}]]],["ur-switch.cjs",[[1,"ur-switch",{"disabled":[4],"checked":[4]}]]],["ur-tabs.cjs",[[1,"ur-tabs",{"tabs":[16],"panels":[16]}]]],["ur-text-field.cjs",[[1,"ur-text-field",{"label":[1],"placeholder":[1],"helper":[1],"disabled":[4],"variant":[1],"value":[1],"endIcon":[8,"end-icon"]}]]],["ur-user-profile.cjs",[[1,"ur-user-profile"]]],["ur-menu-item.cjs",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4],"selected":[4]}]]],["ur-novl.cjs",[[1,"ur-novl",{"novlId":[520,"novl-id"],"loading":[4],"novlTitle":[1,"novl-title"],"novlCover":[8,"novl-cover"],"novlCoverFallback":[1,"novl-cover-fallback"],"likes":[2],"views":[2],"showStats":[4,"show-stats"],"novlDescription":[8,"novl-description"],"authorAvatar":[8,"author-avatar"],"authorName":[8,"author-name"],"published":[4],"price":[1],"publisherAvatar":[1,"publisher-avatar"],"publisherName":[1,"publisher-name"]}]]],["ur-button-arrow-left_2.cjs",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]],["ur-avatar.cjs",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-list_3.cjs",[[1,"ur-menu-profile",{"userAvatar":[1,"user-avatar"],"userName":[1,"user-name"],"userRole":[1,"user-role"]}],[1,"ur-list"],[1,"ur-list-item",{"content":[1],"disabled":[4],"active":[4],"nonclickable":[4],"rounded":[4],"alignment":[1],"icon":[1],"endIcon":[1,"end-icon"],"description":[1],"href":[1],"target":[1],"rel":[1]}]]],["ur-button-icon.cjs",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-logo.cjs",[[1,"ur-logo",{"width":[1],"height":[1],"color":[1],"rotation":[2],"opacity":[2]}]]],["ur-button.cjs",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"],"fullWidth":[4,"full-width"]}]]]], options);
+  return index.bootstrapLazy([["ur-main-left-menu.cjs",[[1,"ur-main-left-menu",{"opened":[4],"loggedIn":[4,"logged-in"],"userName":[1,"user-name"],"userRole":[1,"user-role"],"userAvatar":[1,"user-avatar"],"expanded":[32]},null,{"opened":["watchOpenedHandler"]}]]],["ur-novl-carousel.cjs",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-page-profile.cjs",[[1,"ur-page-profile",{"avatar":[8],"name":[8],"description":[8],"location":[8],"facebook_url":[8],"twitter_url":[8],"linkedin_url":[8],"email":[8],"phone":[8],"website":[8],"stories":[2],"views":[2],"following":[2],"followers":[2],"members":[2],"showFollow":[4,"show-follow"],"showBecomeMember":[4,"show-become-member"],"showDonate":[4,"show-donate"],"showSendMessage":[4,"show-send-message"],"languages":[1],"genres":[1],"literatureTypes":[1,"literature-types"],"pageCreatorName":[8,"page-creator-name"],"pageCreatorImage":[8,"page-creator-image"],"pageCreationDate":[8,"page-creation-date"]}]]],["ur-hero.cjs",[[1,"ur-hero",{"heroTitle":[1,"hero-title"],"heroSubtitle":[1,"hero-subtitle"],"ctaText":[1,"cta-text"],"backgroundImage":[1,"background-image"],"backgroundColor":[1,"background-color"],"layout":[1],"backgroundJustification":[1,"background-justification"],"backgroundAlignment":[1,"background-alignment"],"heroTitleColor":[1,"hero-title-color"],"heroSubtitleColor":[1,"hero-subtitle-color"],"widthClass":[32]}]]],["ur-locale-filter-panel.cjs",[[1,"ur-locale-filter-panel",{"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"locales":[16],"disabledLocales":[16],"mutableLocales":[32]}]]],["ur-main-desktop-top-app-bar.cjs",[[1,"ur-main-desktop-top-app-bar",{"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"searchText":[1,"search-text"]}]]],["ur-page.cjs",[[1,"ur-page",{"pageTitle":[1,"page-title"],"pageCover":[8,"page-cover"],"pageCoverFallback":[1,"page-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"pageDescription":[8,"page-description"]}]]],["ur-read-mobile-top-app-bar.cjs",[[1,"ur-read-mobile-top-app-bar",{"variant":[1],"headerTitle":[1,"header-title"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-select.cjs",[[1,"ur-select",{"label":[1],"name":[1],"value":[1],"placeholder":[1],"helper":[1],"readonly":[4],"disabled":[4],"clearable":[4],"multiple":[4],"endAligned":[4,"end-aligned"],"variant":[1],"placement":[1],"icon":[1],"endIcon":[1,"end-icon"],"form":[1],"items":[16],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["ur-top-app-bar.cjs",[[1,"ur-top-app-bar",{"headerTitle":[1,"header-title"],"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-user.cjs",[[1,"ur-user",{"userTitle":[1,"user-title"],"userCover":[8,"user-cover"],"userCoverFallback":[1,"user-cover-fallback"],"followers":[2],"showStats":[4,"show-stats"],"userDescription":[8,"user-description"]}]]],["ur-checkbox.cjs",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip.cjs",[[1,"ur-chip",{"label":[1],"border":[1],"radius":[1],"size":[1],"backColor":[1,"back-color"],"fontColor":[1,"font-color"],"loading":[4],"disabled":[4]}]]],["ur-dialog.cjs",[[1,"ur-dialog",{"description":[1],"open":[4],"fullscreen":[4],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"borderRadius":[1,"border-radius"],"openDialog":[64],"closeDialog":[64]}]]],["ur-list-subheader.cjs",[[1,"ur-list-subheader",{"text":[1]}]]],["ur-loader.cjs",[[1,"ur-loader"]]],["ur-locale-filter-button.cjs",[[1,"ur-locale-filter-button",{"count":[2],"selected":[4]}]]],["ur-navigation-drawer.cjs",[[1,"ur-navigation-drawer",{"open":[4],"placement":[1],"closeOnEsc":[4,"close-on-esc"],"closeOnOverlayClick":[4,"close-on-overlay-click"],"contained":[4],"openDrawer":[64],"closeDrawer":[64]}]]],["ur-profile.cjs",[[1,"ur-profile",{"name":[8],"description":[8],"location":[8],"facebook_url":[8],"twitter_url":[8],"linkedin_url":[8],"email":[8],"phone":[8],"website":[8],"show_follow":[4],"show_donate":[4],"show_become_member":[4],"show_send_message":[4],"show_stats":[4],"stories_count":[2],"views_count":[2],"followers_count":[2],"writers_count":[2],"show_languages":[4],"languages":[1],"show_genres":[4],"genres":[1],"show_member_since":[4],"member_since":[1]}]]],["ur-radio-button.cjs",[[1,"ur-radio-button",{"disabled":[4],"checked":[4],"text":[1]}]]],["ur-segment-button.cjs",[[1,"ur-segment-button",{"likeLabel":[1,"like-label"]}]]],["ur-switch.cjs",[[1,"ur-switch",{"disabled":[4],"checked":[4]}]]],["ur-tabs.cjs",[[1,"ur-tabs",{"tabs":[16],"panels":[16]}]]],["ur-text-field.cjs",[[1,"ur-text-field",{"label":[1],"placeholder":[1],"helper":[1],"disabled":[4],"variant":[1],"value":[1],"endIcon":[8,"end-icon"]}]]],["ur-user-profile.cjs",[[1,"ur-user-profile"]]],["ur-menu-item.cjs",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4],"selected":[4]}]]],["ur-novl.cjs",[[1,"ur-novl",{"novlId":[520,"novl-id"],"loading":[4],"novlTitle":[1,"novl-title"],"novlCover":[8,"novl-cover"],"novlCoverFallback":[1,"novl-cover-fallback"],"likes":[2],"views":[2],"showStats":[4,"show-stats"],"novlDescription":[8,"novl-description"],"authorAvatar":[8,"author-avatar"],"authorName":[8,"author-name"],"published":[4],"price":[1],"publisherAvatar":[1,"publisher-avatar"],"publisherName":[1,"publisher-name"],"borderRadius":[1,"border-radius"]}]]],["ur-button-arrow-left_2.cjs",[[1,"ur-button-arrow-left",{"disabled":[4]}],[1,"ur-button-arrow-right",{"disabled":[4]}]]],["ur-avatar.cjs",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-list_3.cjs",[[1,"ur-menu-profile",{"userAvatar":[1,"user-avatar"],"userName":[1,"user-name"],"userRole":[1,"user-role"]}],[1,"ur-list"],[1,"ur-list-item",{"content":[1],"disabled":[4],"active":[4],"nonclickable":[4],"rounded":[4],"alignment":[1],"icon":[1],"endIcon":[1,"end-icon"],"description":[1],"href":[1],"target":[1],"rel":[1]}]]],["ur-button-icon.cjs",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-logo.cjs",[[1,"ur-logo",{"width":[1],"height":[1],"color":[1],"rotation":[2],"opacity":[2]}]]],["ur-button.cjs",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"],"fullWidth":[4,"full-width"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/ur-button-arrow-left/ur-button-arrow-left.css

@@ -19,4 +19,12 @@
     mdui-button-icon svg {
         height: 21px;
     }
+
+    mdui-button-icon[disabled] {
+        opacity: 0.5;
+    }
+
+    mdui-button-icon[disabled] svg {
+        opacity: 0.5;
+    }
 }

package/dist/collection/components/ur-button-arrow-left/ur-button-arrow-left.js

@@ -1,8 +1,11 @@
 import { Host, h } from "@stencil/core";
 import "mdui/components/button-icon";
 export class UrButtonArrowLeft {
+    constructor() {
+        this.disabled = false;
+    }
     render() {
-        return (h(Host, { key: 'a88add126bc233bf9df53adee116e374abb805be' }, h("mdui-button-icon", { key: '0d2d90f8584ea9a9450ef7fea0136fe551e35df4', onClick: () => this.leftClicked.emit() }, h("svg", { key: '68e6332941fe1fc771ca73fec70de2432faeb901', xmlns: "http://www.w3.org/2000/svg", width: "29", height: "28", viewBox: "0 0 29 28", fill: "none" }, h("g", { key: '069c3b5cd5a13c0438b9de13b5d15fab92c77e39' }, h("path", { key: 'ee40d1b4f6be3fadf08a0fb17a93d792b43ddd8a', d: "M22.6667 13.9998L6.33334 13.9998M6.33334 13.9998L14.5 22.1665M6.33334 13.9998L14.5 5.83317", stroke: "#1E1E1E", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+        return (h(Host, { key: '996a1a31b0d8cbb20ae21a11a01c116d4661f10c' }, h("mdui-button-icon", { key: 'dd6c225c363559b0337689d317848e331970faec', disabled: this.disabled, onClick: () => this.leftClicked.emit() }, h("svg", { key: '9187f06512e98e34606079b43c94d498874a6679', xmlns: "http://www.w3.org/2000/svg", width: "29", height: "28", viewBox: "0 0 29 28", fill: "none" }, h("g", { key: '3b4944106cd2ae8cada885f37e73ebf730acab9a' }, h("path", { key: 'f92e06263f709e9af83b05abf16410531b63ec6e', d: "M22.6667 13.9998L6.33334 13.9998M6.33334 13.9998L14.5 22.1665M6.33334 13.9998L14.5 5.83317", stroke: "#1E1E1E", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
     }
     static get is() { return "ur-button-arrow-left"; }
     static get encapsulation() { return "shadow"; }
@@ -16,6 +19,28 @@ export class UrButtonArrowLeft {
             "$": ["ur-button-arrow-left.css"]
         };
     }
+    static get properties() {
+        return {
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
     static get events() {
         return [{
                 "method": "leftClicked",

package/dist/collection/components/ur-button-arrow-right/ur-button-arrow-right.css

@@ -19,4 +19,12 @@
     mdui-button-icon svg {
         height: 21px;
     }
+
+    mdui-button-icon[disabled] {
+        opacity: 0.5;
+    }
+
+    mdui-button-icon[disabled] svg {
+        opacity: 0.5;
+    }
 }

package/dist/collection/components/ur-button-arrow-right/ur-button-arrow-right.js

@@ -1,8 +1,11 @@
 import { Host, h } from "@stencil/core";
 import "mdui/components/button-icon";
 export class UrButtonArrowRight {
+    constructor() {
+        this.disabled = false;
+    }
     render() {
-        return (h(Host, { key: 'ff78cb4ea3299cf99dc9f268fda3283408a06bf2' }, h("mdui-button-icon", { key: '7d2320a1e327eec7cac93e9d5a87264fa039ddc9', onClick: () => this.rightClicked.emit() }, h("svg", { key: 'a0b7de791300216a1a735e4b734b94efabf9c0a9', width: "29", height: "28", viewBox: "0 0 29 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '22e6fd95449a029281ab1b1f0424edfca9b64298', id: "Arrow right" }, h("path", { key: 'e5ec1034e0fda66b652cd1b4a39c2e378ed7e13e', id: "Icon", d: "M6.33331 14.0002H22.6666M22.6666 14.0002L14.5 5.8335M22.6666 14.0002L14.5 22.1668", stroke: "#1E1E1E", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+        return (h(Host, { key: 'd522a723ed6a59b9d6355b6bd017dd09dc0bdf8a' }, h("mdui-button-icon", { key: 'b9a8e00ef2ce872fd5ca2a03ef8dfd4538fb5a3e', disabled: this.disabled, onClick: () => this.rightClicked.emit() }, h("svg", { key: '694928f8cbd0a141220ab09154fdc439d2faf482', width: "29", height: "28", viewBox: "0 0 29 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '0d2821320933d72054c8e92c7cedef80d5f57724', id: "Arrow right" }, h("path", { key: '849a5dd5706f08df08921421b94e2ded843a9341', id: "Icon", d: "M6.33331 14.0002H22.6666M22.6666 14.0002L14.5 5.8335M22.6666 14.0002L14.5 22.1668", stroke: "#1E1E1E", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
     }
     static get is() { return "ur-button-arrow-right"; }
     static get encapsulation() { return "shadow"; }
@@ -16,6 +19,28 @@ export class UrButtonArrowRight {
             "$": ["ur-button-arrow-right.css"]
         };
     }
+    static get properties() {
+        return {
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
     static get events() {
         return [{
                 "method": "rightClicked",

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

@@ -17,6 +17,10 @@ export class UrNovl {
         this.price = null;
         this.publisherAvatar = null;
         this.publisherName = null;
+        this.borderRadius = '8px';
+    }
+    componentDidLoad() {
+        this.el.style.setProperty("--novl-border-radius", this.borderRadius);
     }
     renderLoading() {
         return h(Host, null, h("div", { class: "novl loading" }, h("section", { class: "cover loading" }), h("section", { class: "info" }, h("div", { class: "title loading" }, "\u00A0"), h("div", { class: "stats loading" }), h("div", { class: "description loading" }, "\u00A0"), h("div", { class: "author loading" }, h("div", { class: "avatar loading" }, "\u00A0"), h("div", { class: "name loading" }, "\u00A0")))));
@@ -307,6 +311,24 @@ export class UrNovl {
                 "attribute": "publisher-name",
                 "reflect": false,
                 "defaultValue": "null"
+            },
+            "borderRadius": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "border-radius",
+                "reflect": false,
+                "defaultValue": "'8px'"
             }
         };
     }
@@ -328,4 +350,5 @@ export class UrNovl {
                 }
             }];
     }
+    static get elementRef() { return "el"; }
 }

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

@@ -5,6 +5,21 @@ export class UrNovlCarousel {
         this.onIntersection = async (entries) => {
             this.intersectionUpdated.emit(entries);
         };
+        this.onSlideChange = () => {
+            var _a, _b, _c, _d, _e, _f;
+            (_a = this.leftArrow) === null || _a === void 0 ? void 0 : _a.setAttribute('disabled', (_c = (_b = this.swiperContainer) === null || _b === void 0 ? void 0 : _b.swiper) === null || _c === void 0 ? void 0 : _c.isBeginning);
+            (_d = this.rightArrow) === null || _d === void 0 ? void 0 : _d.setAttribute('disabled', (_f = (_e = this.swiperContainer) === null || _e === void 0 ? void 0 : _e.swiper) === null || _f === void 0 ? void 0 : _f.isEnd);
+        };
+        this.onLeftClick = () => {
+            var _a, _b;
+            (_b = (_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slidePrev();
+            this.prevClicked.emit();
+        };
+        this.onRightClick = () => {
+            var _a, _b;
+            (_b = (_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slideNext();
+            this.nextClicked.emit();
+        };
         this.novls = [];
         this.breakpoints = {
         // add default
@@ -18,18 +33,16 @@ export class UrNovlCarousel {
         this.navigation = false;
     }
     componentDidLoad() {
-        const container = this.el.shadowRoot.querySelector('swiper-container');
+        var _a;
+        this.swiperContainer = this.el.shadowRoot.querySelector('swiper-container');
         if (this.navigation) {
-            this.el.shadowRoot.querySelector('ur-button-arrow-left').addEventListener('click', () => {
-                var _a;
-                (_a = container === null || container === void 0 ? void 0 : container.swiper) === null || _a === void 0 ? void 0 : _a.slidePrev();
-                this.prevClicked.emit();
-            });
-            this.el.shadowRoot.querySelector('ur-button-arrow-right').addEventListener('click', () => {
-                var _a;
-                (_a = container === null || container === void 0 ? void 0 : container.swiper) === null || _a === void 0 ? void 0 : _a.slideNext();
-                this.nextClicked.emit();
-            });
+            this.leftArrow = this.el.shadowRoot.querySelector('ur-button-arrow-left');
+            this.rightArrow = this.el.shadowRoot.querySelector('ur-button-arrow-right');
+            this.leftArrow.setAttribute('disabled', 'true');
+            this.rightArrow.setAttribute('disabled', `${this.novls.length === 0}`);
+            this.leftArrow.addEventListener('click', this.onLeftClick);
+            this.rightArrow.addEventListener('click', this.onRightClick);
+            (_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper.on('slideChange', this.onSlideChange);
         }
         const novls = this.el.shadowRoot.querySelectorAll('ur-novl');
         this.observer = new IntersectionObserver(this.onIntersection);
@@ -37,8 +50,15 @@ export class UrNovlCarousel {
             this.observer.observe(novl);
         });
     }
+    disconnectedCallback() {
+        var _a, _b, _c;
+        (_a = this.leftArrow) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', this.onLeftClick);
+        (_b = this.rightArrow) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', this.onRightClick);
+        (_c = this.swiperContainer) === null || _c === void 0 ? void 0 : _c.swiper.destroy(true, true);
+        this.observer.disconnect();
+    }
     render() {
-        return (h(Host, { key: '71897f640c6de0c06819f38b194250a07cdc5251' }, h("div", { key: 'c15303b8a881fd6563e01ac8dbe336d62299f2ef', class: "carousel" }, this.navigation && (h("ur-button-arrow-left", { key: 'a2b067fba4a8baab82e34c375f00e9b931047815' })), this.navigation && (h("ur-button-arrow-right", { key: 'c72aae4eb9ae4c0d20a40d43318368ab86babced' })), h("swiper-container", { key: '8c02d3372542fd5a78280b5fe004e4db812cf218', "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.novls.map((novl, index) => {
+        return (h(Host, { key: 'e5df5d70bca930cbf9fa2a1aaacc76af8ca92ef0' }, h("div", { key: '0701544009b2eeff7c1d525d33fec1503371d4b6', class: "carousel" }, this.navigation && (h("ur-button-arrow-left", { key: '2226beb622edf1db642a9b51f597c60098b521af', disabled: true })), this.navigation && (h("ur-button-arrow-right", { key: '9f9316f35e60c4a734d2c420c81abe8e18a2d27f', disabled: true })), h("swiper-container", { key: 'c9a8b19c836f1231c4e799951ce13949acb66819', "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.novls.map((novl, index) => {
             if (is_custom_data(novl)) {
                 return (h("swiper-slide", null, h("div", { class: "custom", innerHTML: novl.content(index) })));
             }

package/dist/collection/stories/Buttons.stories.js

@@ -2,11 +2,11 @@ import { html } from "lit";
 import "../components/ur-button/ur-button";
 import "../components/ur-button-arrow-left/ur-button-arrow-left";
 import "../components/ur-button-arrow-right/ur-button-arrow-right";
-const ButtonArrowLeft = () => html `
-    <ur-button-arrow-left></ur-button-arrow-left>
+const ButtonArrowLeft = ({ disabled = false }) => html `
+    <ur-button-arrow-left disabled=${disabled}></ur-button-arrow-left>
 `;
-const ButtonArrowRight = () => html `
-    <ur-button-arrow-right></ur-button-arrow-right>
+const ButtonArrowRight = ({ disabled = false }) => html `
+    <ur-button-arrow-right disabled=${disabled}></ur-button-arrow-right>
 `;
 const Button = ({ text = 'Welcome', disabled = false, variant = 'filled', icon = null, endIcon = null, }) => html `
     <ur-button icon=${icon} end-icon=${endIcon} variant=${variant} disabled=${disabled}>${text}</ur-button>
@@ -28,10 +28,16 @@ export default {
     }
 };
 export const ArrowLeft = {
-    render: () => ButtonArrowLeft(),
+    render: () => ButtonArrowLeft({}),
+};
+export const DisabledArrowLeft = {
+    render: () => ButtonArrowLeft({ disabled: true }),
 };
 export const ArrowRight = {
-    render: () => ButtonArrowRight(),
+    render: () => ButtonArrowRight({}),
+};
+export const DisbledArrowRight = {
+    render: () => ButtonArrowRight({ disabled: true }),
 };
 export const Basic = {
     args: {}

package/dist/collection/stories/NovlCarousel.stories.js

@@ -46,7 +46,7 @@ export const Default = {
 export const TwoRowsGrid = {
     args: {
         novls: NOVLS.map((novl, index) => {
-            if (index === 1 || index === 6) {
+            if (index === 1 || index === 2) {
                 return Object.assign(Object.assign({}, novl), { borderRadius: '0' });
             }
             return Object.assign({}, novl);

package/dist/components/{p-883ee9b3.js → p-191fc625.js}

@@ -26,6 +26,10 @@ const UrNovl = /*@__PURE__*/ proxyCustomElement(class UrNovl extends H {
         this.price = null;
         this.publisherAvatar = null;
         this.publisherName = null;
+        this.borderRadius = '8px';
+    }
+    componentDidLoad() {
+        this.el.style.setProperty("--novl-border-radius", this.borderRadius);
     }
     renderLoading() {
         return h(Host, null, h("div", { class: "novl loading" }, h("section", { class: "cover loading" }), h("section", { class: "info" }, h("div", { class: "title loading" }, "\u00A0"), h("div", { class: "stats loading" }), h("div", { class: "description loading" }, "\u00A0"), h("div", { class: "author loading" }, h("div", { class: "avatar loading" }, "\u00A0"), h("div", { class: "name loading" }, "\u00A0")))));
@@ -38,6 +42,7 @@ const UrNovl = /*@__PURE__*/ proxyCustomElement(class UrNovl extends H {
                 backgroundImage: this.novlCover ? `url(${this.novlCover})` : `url(${this.novlCoverFallback})`,
             } }, !this.published && (h("div", { class: "ongoing" }, h("span", null, "O"))), !!this.price && (h("div", { class: "price" }, h("span", null, this.price))), !!this.publisherAvatar && this.publisherName && (h("div", { class: "publisher" }, h("div", { class: "avatar", style: { backgroundImage: `url(${this.publisherAvatar})` } }), h("div", { class: "name" }, this.publisherName)))), h("section", { class: "info" }, h("div", { class: "title" }, this.novlTitle), this.showStats && (h("div", { class: "stats" }, h("div", { class: "likes" }, h("div", null, h("b", null, this.likes), " Likes"), h("div", { class: "dot" }, "\u00B7")), h("div", { class: "views" }, h("b", null, this.views), " Views"))), h("div", { class: "description" }, this.novlDescription), h("div", { class: "author" }, h("div", { class: "avatar", style: { backgroundImage: `url(${this.authorAvatar})` } }), h("div", { class: "name" }, this.authorName))))));
     }
+    get el() { return this; }
     static get style() { return UrNovlStyle0; }
 }, [1, "ur-novl", {
         "novlId": [520, "novl-id"],
@@ -54,7 +59,8 @@ const UrNovl = /*@__PURE__*/ proxyCustomElement(class UrNovl extends H {
         "published": [4],
         "price": [1],
         "publisherAvatar": [1, "publisher-avatar"],
-        "publisherName": [1, "publisher-name"]
+        "publisherName": [1, "publisher-name"],
+        "borderRadius": [1, "border-radius"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/{p-f3396ec5.js → p-8d0d6d27.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-13a81287.js';
 import './p-96fec75d.js';
 
-const urButtonArrowLeftCss = ":host {\n    border-radius: 50%;\n\n    button,\n    mdui-button-icon {\n        height: 34px;\n        width: 34px;\n        border-radius: inherit;\n        fill: #f7f7f7;\n        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: 0;\n        cursor: pointer;\n        background-color: rgb(239, 239, 239);\n    }\n\n    mdui-button-icon svg {\n        height: 21px;\n    }\n}\n";
+const urButtonArrowLeftCss = ":host {\n    border-radius: 50%;\n\n    button,\n    mdui-button-icon {\n        height: 34px;\n        width: 34px;\n        border-radius: inherit;\n        fill: #f7f7f7;\n        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: 0;\n        cursor: pointer;\n        background-color: rgb(239, 239, 239);\n    }\n\n    mdui-button-icon svg {\n        height: 21px;\n    }\n\n    mdui-button-icon[disabled] {\n        opacity: 0.5;\n    }\n\n    mdui-button-icon[disabled] svg {\n        opacity: 0.5;\n    }\n}\n";
 const UrButtonArrowLeftStyle0 = urButtonArrowLeftCss;
 
 const UrButtonArrowLeft = /*@__PURE__*/ proxyCustomElement(class UrButtonArrowLeft extends H {
@@ -10,12 +10,15 @@ const UrButtonArrowLeft = /*@__PURE__*/ proxyCustomElement(class UrButtonArrowLe
         this.__registerHost();
         this.__attachShadow();
         this.leftClicked = createEvent(this, "leftClicked", 7);
+        this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'a88add126bc233bf9df53adee116e374abb805be' }, h("mdui-button-icon", { key: '0d2d90f8584ea9a9450ef7fea0136fe551e35df4', onClick: () => this.leftClicked.emit() }, h("svg", { key: '68e6332941fe1fc771ca73fec70de2432faeb901', xmlns: "http://www.w3.org/2000/svg", width: "29", height: "28", viewBox: "0 0 29 28", fill: "none" }, h("g", { key: '069c3b5cd5a13c0438b9de13b5d15fab92c77e39' }, h("path", { key: 'ee40d1b4f6be3fadf08a0fb17a93d792b43ddd8a', d: "M22.6667 13.9998L6.33334 13.9998M6.33334 13.9998L14.5 22.1665M6.33334 13.9998L14.5 5.83317", stroke: "#1E1E1E", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+        return (h(Host, { key: '996a1a31b0d8cbb20ae21a11a01c116d4661f10c' }, h("mdui-button-icon", { key: 'dd6c225c363559b0337689d317848e331970faec', disabled: this.disabled, onClick: () => this.leftClicked.emit() }, h("svg", { key: '9187f06512e98e34606079b43c94d498874a6679', xmlns: "http://www.w3.org/2000/svg", width: "29", height: "28", viewBox: "0 0 29 28", fill: "none" }, h("g", { key: '3b4944106cd2ae8cada885f37e73ebf730acab9a' }, h("path", { key: 'f92e06263f709e9af83b05abf16410531b63ec6e', d: "M22.6667 13.9998L6.33334 13.9998M6.33334 13.9998L14.5 22.1665M6.33334 13.9998L14.5 5.83317", stroke: "#1E1E1E", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
     }
     static get style() { return UrButtonArrowLeftStyle0; }
-}, [1, "ur-button-arrow-left"]);
+}, [1, "ur-button-arrow-left", {
+        "disabled": [4]
+    }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;

package/dist/components/{p-e6c43afd.js → p-e5bcf9a4.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-13a81287.js';
 import './p-96fec75d.js';
 
-const urButtonArrowRightCss = ":host {\n    border-radius: 50%;\n\n    button,\n    mdui-button-icon {\n        height: 34px;\n        width: 34px;\n        border-radius: inherit;\n        fill: #f7f7f7;\n        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: 0;\n        cursor: pointer;\n        background-color: rgb(239, 239, 239);\n    }\n\n    mdui-button-icon svg {\n        height: 21px;\n    }\n}\n";
+const urButtonArrowRightCss = ":host {\n    border-radius: 50%;\n\n    button,\n    mdui-button-icon {\n        height: 34px;\n        width: 34px;\n        border-radius: inherit;\n        fill: #f7f7f7;\n        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: 0;\n        cursor: pointer;\n        background-color: rgb(239, 239, 239);\n    }\n\n    mdui-button-icon svg {\n        height: 21px;\n    }\n\n    mdui-button-icon[disabled] {\n        opacity: 0.5;\n    }\n\n    mdui-button-icon[disabled] svg {\n        opacity: 0.5;\n    }\n}\n";
 const UrButtonArrowRightStyle0 = urButtonArrowRightCss;
 
 const UrButtonArrowRight = /*@__PURE__*/ proxyCustomElement(class UrButtonArrowRight extends H {
@@ -10,12 +10,15 @@ const UrButtonArrowRight = /*@__PURE__*/ proxyCustomElement(class UrButtonArrowR
         this.__registerHost();
         this.__attachShadow();
         this.rightClicked = createEvent(this, "rightClicked", 7);
+        this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'ff78cb4ea3299cf99dc9f268fda3283408a06bf2' }, h("mdui-button-icon", { key: '7d2320a1e327eec7cac93e9d5a87264fa039ddc9', onClick: () => this.rightClicked.emit() }, h("svg", { key: 'a0b7de791300216a1a735e4b734b94efabf9c0a9', width: "29", height: "28", viewBox: "0 0 29 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '22e6fd95449a029281ab1b1f0424edfca9b64298', id: "Arrow right" }, h("path", { key: 'e5ec1034e0fda66b652cd1b4a39c2e378ed7e13e', id: "Icon", d: "M6.33331 14.0002H22.6666M22.6666 14.0002L14.5 5.8335M22.6666 14.0002L14.5 22.1668", stroke: "#1E1E1E", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+        return (h(Host, { key: 'd522a723ed6a59b9d6355b6bd017dd09dc0bdf8a' }, h("mdui-button-icon", { key: 'b9a8e00ef2ce872fd5ca2a03ef8dfd4538fb5a3e', disabled: this.disabled, onClick: () => this.rightClicked.emit() }, h("svg", { key: '694928f8cbd0a141220ab09154fdc439d2faf482', width: "29", height: "28", viewBox: "0 0 29 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '0d2821320933d72054c8e92c7cedef80d5f57724', id: "Arrow right" }, h("path", { key: '849a5dd5706f08df08921421b94e2ded843a9341', id: "Icon", d: "M6.33331 14.0002H22.6666M22.6666 14.0002L14.5 5.8335M22.6666 14.0002L14.5 22.1668", stroke: "#1E1E1E", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
     }
     static get style() { return UrButtonArrowRightStyle0; }
-}, [1, "ur-button-arrow-right"]);
+}, [1, "ur-button-arrow-right", {
+        "disabled": [4]
+    }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;