urnovl-web-components 0.0.161 → 0.0.162
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ur-button-arrow-left_2.cjs.entry.js +6 -4
- package/dist/cjs/ur-novl-carousel.cjs.entry.js +32 -12
- package/dist/cjs/urnovl-web-components.cjs.js +1 -1
- package/dist/collection/components/ur-button-arrow-left/ur-button-arrow-left.css +8 -0
- package/dist/collection/components/ur-button-arrow-left/ur-button-arrow-left.js +26 -1
- package/dist/collection/components/ur-button-arrow-right/ur-button-arrow-right.css +8 -0
- package/dist/collection/components/ur-button-arrow-right/ur-button-arrow-right.js +26 -1
- package/dist/collection/components/ur-novl-carousel/ur-novl-carousel.js +32 -12
- package/dist/collection/stories/Buttons.stories.js +12 -6
- package/dist/components/{p-f3396ec5.js → p-8d0d6d27.js} +6 -3
- package/dist/components/{p-e6c43afd.js → p-e5bcf9a4.js} +6 -3
- package/dist/components/ur-button-arrow-left.js +1 -1
- package/dist/components/ur-button-arrow-right.js +1 -1
- package/dist/components/ur-novl-carousel.js +34 -14
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ur-button-arrow-left_2.entry.js +6 -4
- package/dist/esm/ur-novl-carousel.entry.js +32 -12
- package/dist/esm/urnovl-web-components.js +1 -1
- package/dist/types/components/ur-button-arrow-left/ur-button-arrow-left.d.ts +1 -0
- package/dist/types/components/ur-button-arrow-right/ur-button-arrow-right.d.ts +1 -0
- package/dist/types/components/ur-novl-carousel/ur-novl-carousel.d.ts +7 -0
- package/dist/types/components.d.ts +4 -0
- package/dist/types/stories/Buttons.stories.d.ts +6 -0
- package/dist/urnovl-web-components/p-7a468da8.entry.js +1 -0
- package/dist/urnovl-web-components/p-87f319ad.entry.js +1 -0
- package/dist/urnovl-web-components/urnovl-web-components.esm.js +1 -1
- package/package.json +1 -1
- package/www/build/{p-1ae325c7.js → p-3fed70c7.js} +1 -1
- package/www/build/p-7a468da8.entry.js +1 -0
- package/www/build/p-87f319ad.entry.js +1 -0
- package/www/build/urnovl-web-components.esm.js +1 -1
- package/dist/urnovl-web-components/p-119eb481.entry.js +0 -1
- package/dist/urnovl-web-components/p-b138806d.entry.js +0 -1
- package/www/build/p-119eb481.entry.js +0 -1
- package/www/build/p-b138806d.entry.js +0 -1
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
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"],[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);
|
|
11
|
+
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);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -20,30 +20,32 @@ require('./class-map-14759be7.js');
|
|
|
20
20
|
require('./appendTo-55674635.js');
|
|
21
21
|
require('./index-32e5fe53.js');
|
|
22
22
|
|
|
23
|
-
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";
|
|
23
|
+
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";
|
|
24
24
|
const UrButtonArrowLeftStyle0 = urButtonArrowLeftCss;
|
|
25
25
|
|
|
26
26
|
const UrButtonArrowLeft = class {
|
|
27
27
|
constructor(hostRef) {
|
|
28
28
|
index.registerInstance(this, hostRef);
|
|
29
29
|
this.leftClicked = index.createEvent(this, "leftClicked", 7);
|
|
30
|
+
this.disabled = false;
|
|
30
31
|
}
|
|
31
32
|
render() {
|
|
32
|
-
return (index.h(index.Host, { key: '
|
|
33
|
+
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" }))))));
|
|
33
34
|
}
|
|
34
35
|
};
|
|
35
36
|
UrButtonArrowLeft.style = UrButtonArrowLeftStyle0;
|
|
36
37
|
|
|
37
|
-
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";
|
|
38
|
+
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";
|
|
38
39
|
const UrButtonArrowRightStyle0 = urButtonArrowRightCss;
|
|
39
40
|
|
|
40
41
|
const UrButtonArrowRight = class {
|
|
41
42
|
constructor(hostRef) {
|
|
42
43
|
index.registerInstance(this, hostRef);
|
|
43
44
|
this.rightClicked = index.createEvent(this, "rightClicked", 7);
|
|
45
|
+
this.disabled = false;
|
|
44
46
|
}
|
|
45
47
|
render() {
|
|
46
|
-
return (index.h(index.Host, { key: '
|
|
48
|
+
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" }))))));
|
|
47
49
|
}
|
|
48
50
|
};
|
|
49
51
|
UrButtonArrowRight.style = UrButtonArrowRightStyle0;
|
|
@@ -20,6 +20,21 @@ const UrNovlCarousel = class {
|
|
|
20
20
|
this.onIntersection = async (entries) => {
|
|
21
21
|
this.intersectionUpdated.emit(entries);
|
|
22
22
|
};
|
|
23
|
+
this.onSlideChange = () => {
|
|
24
|
+
var _a, _b, _c, _d, _e, _f;
|
|
25
|
+
(_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);
|
|
26
|
+
(_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);
|
|
27
|
+
};
|
|
28
|
+
this.onLeftClick = () => {
|
|
29
|
+
var _a, _b;
|
|
30
|
+
(_b = (_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slidePrev();
|
|
31
|
+
this.prevClicked.emit();
|
|
32
|
+
};
|
|
33
|
+
this.onRightClick = () => {
|
|
34
|
+
var _a, _b;
|
|
35
|
+
(_b = (_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slideNext();
|
|
36
|
+
this.nextClicked.emit();
|
|
37
|
+
};
|
|
23
38
|
this.novls = [];
|
|
24
39
|
this.breakpoints = {
|
|
25
40
|
// add default
|
|
@@ -33,18 +48,16 @@ const UrNovlCarousel = class {
|
|
|
33
48
|
this.navigation = false;
|
|
34
49
|
}
|
|
35
50
|
componentDidLoad() {
|
|
36
|
-
|
|
51
|
+
var _a;
|
|
52
|
+
this.swiperContainer = this.el.shadowRoot.querySelector('swiper-container');
|
|
37
53
|
if (this.navigation) {
|
|
38
|
-
this.el.shadowRoot.querySelector('ur-button-arrow-left')
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
this.
|
|
44
|
-
|
|
45
|
-
(_a = container === null || container === void 0 ? void 0 : container.swiper) === null || _a === void 0 ? void 0 : _a.slideNext();
|
|
46
|
-
this.nextClicked.emit();
|
|
47
|
-
});
|
|
54
|
+
this.leftArrow = this.el.shadowRoot.querySelector('ur-button-arrow-left');
|
|
55
|
+
this.rightArrow = this.el.shadowRoot.querySelector('ur-button-arrow-right');
|
|
56
|
+
this.leftArrow.setAttribute('disabled', 'true');
|
|
57
|
+
this.rightArrow.setAttribute('disabled', `${this.novls.length === 0}`);
|
|
58
|
+
this.leftArrow.addEventListener('click', this.onLeftClick);
|
|
59
|
+
this.rightArrow.addEventListener('click', this.onRightClick);
|
|
60
|
+
(_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper.on('slideChange', this.onSlideChange);
|
|
48
61
|
}
|
|
49
62
|
const novls = this.el.shadowRoot.querySelectorAll('ur-novl');
|
|
50
63
|
this.observer = new IntersectionObserver(this.onIntersection);
|
|
@@ -52,8 +65,15 @@ const UrNovlCarousel = class {
|
|
|
52
65
|
this.observer.observe(novl);
|
|
53
66
|
});
|
|
54
67
|
}
|
|
68
|
+
disconnectedCallback() {
|
|
69
|
+
var _a, _b, _c;
|
|
70
|
+
(_a = this.leftArrow) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', this.onLeftClick);
|
|
71
|
+
(_b = this.rightArrow) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', this.onRightClick);
|
|
72
|
+
(_c = this.swiperContainer) === null || _c === void 0 ? void 0 : _c.swiper.destroy(true, true);
|
|
73
|
+
this.observer.disconnect();
|
|
74
|
+
}
|
|
55
75
|
render() {
|
|
56
|
-
return (index.h(index.Host, { key: '
|
|
76
|
+
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) => {
|
|
57
77
|
if (is_custom_data(novl)) {
|
|
58
78
|
return (index.h("swiper-slide", null, index.h("div", { class: "custom", innerHTML: novl.content(index$1) })));
|
|
59
79
|
}
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
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"],[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);
|
|
22
|
+
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);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
|
2
2
|
import "mdui/components/button-icon";
|
|
3
3
|
export class UrButtonArrowLeft {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.disabled = false;
|
|
6
|
+
}
|
|
4
7
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
8
|
+
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" }))))));
|
|
6
9
|
}
|
|
7
10
|
static get is() { return "ur-button-arrow-left"; }
|
|
8
11
|
static get encapsulation() { return "shadow"; }
|
|
@@ -16,6 +19,28 @@ export class UrButtonArrowLeft {
|
|
|
16
19
|
"$": ["ur-button-arrow-left.css"]
|
|
17
20
|
};
|
|
18
21
|
}
|
|
22
|
+
static get properties() {
|
|
23
|
+
return {
|
|
24
|
+
"disabled": {
|
|
25
|
+
"type": "boolean",
|
|
26
|
+
"mutable": false,
|
|
27
|
+
"complexType": {
|
|
28
|
+
"original": "boolean",
|
|
29
|
+
"resolved": "boolean",
|
|
30
|
+
"references": {}
|
|
31
|
+
},
|
|
32
|
+
"required": false,
|
|
33
|
+
"optional": false,
|
|
34
|
+
"docs": {
|
|
35
|
+
"tags": [],
|
|
36
|
+
"text": ""
|
|
37
|
+
},
|
|
38
|
+
"attribute": "disabled",
|
|
39
|
+
"reflect": false,
|
|
40
|
+
"defaultValue": "false"
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
}
|
|
19
44
|
static get events() {
|
|
20
45
|
return [{
|
|
21
46
|
"method": "leftClicked",
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
|
2
2
|
import "mdui/components/button-icon";
|
|
3
3
|
export class UrButtonArrowRight {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.disabled = false;
|
|
6
|
+
}
|
|
4
7
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
8
|
+
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" }))))));
|
|
6
9
|
}
|
|
7
10
|
static get is() { return "ur-button-arrow-right"; }
|
|
8
11
|
static get encapsulation() { return "shadow"; }
|
|
@@ -16,6 +19,28 @@ export class UrButtonArrowRight {
|
|
|
16
19
|
"$": ["ur-button-arrow-right.css"]
|
|
17
20
|
};
|
|
18
21
|
}
|
|
22
|
+
static get properties() {
|
|
23
|
+
return {
|
|
24
|
+
"disabled": {
|
|
25
|
+
"type": "boolean",
|
|
26
|
+
"mutable": false,
|
|
27
|
+
"complexType": {
|
|
28
|
+
"original": "boolean",
|
|
29
|
+
"resolved": "boolean",
|
|
30
|
+
"references": {}
|
|
31
|
+
},
|
|
32
|
+
"required": false,
|
|
33
|
+
"optional": false,
|
|
34
|
+
"docs": {
|
|
35
|
+
"tags": [],
|
|
36
|
+
"text": ""
|
|
37
|
+
},
|
|
38
|
+
"attribute": "disabled",
|
|
39
|
+
"reflect": false,
|
|
40
|
+
"defaultValue": "false"
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
}
|
|
19
44
|
static get events() {
|
|
20
45
|
return [{
|
|
21
46
|
"method": "rightClicked",
|
|
@@ -5,6 +5,21 @@ export class UrNovlCarousel {
|
|
|
5
5
|
this.onIntersection = async (entries) => {
|
|
6
6
|
this.intersectionUpdated.emit(entries);
|
|
7
7
|
};
|
|
8
|
+
this.onSlideChange = () => {
|
|
9
|
+
var _a, _b, _c, _d, _e, _f;
|
|
10
|
+
(_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);
|
|
11
|
+
(_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);
|
|
12
|
+
};
|
|
13
|
+
this.onLeftClick = () => {
|
|
14
|
+
var _a, _b;
|
|
15
|
+
(_b = (_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slidePrev();
|
|
16
|
+
this.prevClicked.emit();
|
|
17
|
+
};
|
|
18
|
+
this.onRightClick = () => {
|
|
19
|
+
var _a, _b;
|
|
20
|
+
(_b = (_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slideNext();
|
|
21
|
+
this.nextClicked.emit();
|
|
22
|
+
};
|
|
8
23
|
this.novls = [];
|
|
9
24
|
this.breakpoints = {
|
|
10
25
|
// add default
|
|
@@ -18,18 +33,16 @@ export class UrNovlCarousel {
|
|
|
18
33
|
this.navigation = false;
|
|
19
34
|
}
|
|
20
35
|
componentDidLoad() {
|
|
21
|
-
|
|
36
|
+
var _a;
|
|
37
|
+
this.swiperContainer = this.el.shadowRoot.querySelector('swiper-container');
|
|
22
38
|
if (this.navigation) {
|
|
23
|
-
this.el.shadowRoot.querySelector('ur-button-arrow-left')
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
this.
|
|
29
|
-
|
|
30
|
-
(_a = container === null || container === void 0 ? void 0 : container.swiper) === null || _a === void 0 ? void 0 : _a.slideNext();
|
|
31
|
-
this.nextClicked.emit();
|
|
32
|
-
});
|
|
39
|
+
this.leftArrow = this.el.shadowRoot.querySelector('ur-button-arrow-left');
|
|
40
|
+
this.rightArrow = this.el.shadowRoot.querySelector('ur-button-arrow-right');
|
|
41
|
+
this.leftArrow.setAttribute('disabled', 'true');
|
|
42
|
+
this.rightArrow.setAttribute('disabled', `${this.novls.length === 0}`);
|
|
43
|
+
this.leftArrow.addEventListener('click', this.onLeftClick);
|
|
44
|
+
this.rightArrow.addEventListener('click', this.onRightClick);
|
|
45
|
+
(_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper.on('slideChange', this.onSlideChange);
|
|
33
46
|
}
|
|
34
47
|
const novls = this.el.shadowRoot.querySelectorAll('ur-novl');
|
|
35
48
|
this.observer = new IntersectionObserver(this.onIntersection);
|
|
@@ -37,8 +50,15 @@ export class UrNovlCarousel {
|
|
|
37
50
|
this.observer.observe(novl);
|
|
38
51
|
});
|
|
39
52
|
}
|
|
53
|
+
disconnectedCallback() {
|
|
54
|
+
var _a, _b, _c;
|
|
55
|
+
(_a = this.leftArrow) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', this.onLeftClick);
|
|
56
|
+
(_b = this.rightArrow) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', this.onRightClick);
|
|
57
|
+
(_c = this.swiperContainer) === null || _c === void 0 ? void 0 : _c.swiper.destroy(true, true);
|
|
58
|
+
this.observer.disconnect();
|
|
59
|
+
}
|
|
40
60
|
render() {
|
|
41
|
-
return (h(Host, { key: '
|
|
61
|
+
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) => {
|
|
42
62
|
if (is_custom_data(novl)) {
|
|
43
63
|
return (h("swiper-slide", null, h("div", { class: "custom", innerHTML: novl.content(index) })));
|
|
44
64
|
}
|
|
@@ -2,11 +2,11 @@ import { html } from "lit";
|
|
|
2
2
|
import "../components/ur-button/ur-button";
|
|
3
3
|
import "../components/ur-button-arrow-left/ur-button-arrow-left";
|
|
4
4
|
import "../components/ur-button-arrow-right/ur-button-arrow-right";
|
|
5
|
-
const ButtonArrowLeft = () => html `
|
|
6
|
-
<ur-button-arrow-left></ur-button-arrow-left>
|
|
5
|
+
const ButtonArrowLeft = ({ disabled = false }) => html `
|
|
6
|
+
<ur-button-arrow-left disabled=${disabled}></ur-button-arrow-left>
|
|
7
7
|
`;
|
|
8
|
-
const ButtonArrowRight = () => html `
|
|
9
|
-
<ur-button-arrow-right></ur-button-arrow-right>
|
|
8
|
+
const ButtonArrowRight = ({ disabled = false }) => html `
|
|
9
|
+
<ur-button-arrow-right disabled=${disabled}></ur-button-arrow-right>
|
|
10
10
|
`;
|
|
11
11
|
const Button = ({ text = 'Welcome', disabled = false, variant = 'filled', icon = null, endIcon = null, }) => html `
|
|
12
12
|
<ur-button icon=${icon} end-icon=${endIcon} variant=${variant} disabled=${disabled}>${text}</ur-button>
|
|
@@ -28,10 +28,16 @@ export default {
|
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
30
|
export const ArrowLeft = {
|
|
31
|
-
render: () => ButtonArrowLeft(),
|
|
31
|
+
render: () => ButtonArrowLeft({}),
|
|
32
|
+
};
|
|
33
|
+
export const DisabledArrowLeft = {
|
|
34
|
+
render: () => ButtonArrowLeft({ disabled: true }),
|
|
32
35
|
};
|
|
33
36
|
export const ArrowRight = {
|
|
34
|
-
render: () => ButtonArrowRight(),
|
|
37
|
+
render: () => ButtonArrowRight({}),
|
|
38
|
+
};
|
|
39
|
+
export const DisbledArrowRight = {
|
|
40
|
+
render: () => ButtonArrowRight({ disabled: true }),
|
|
35
41
|
};
|
|
36
42
|
export const Basic = {
|
|
37
43
|
args: {}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-13a81287.js';
|
|
2
2
|
import './p-96fec75d.js';
|
|
3
3
|
|
|
4
|
-
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";
|
|
4
|
+
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";
|
|
5
5
|
const UrButtonArrowLeftStyle0 = urButtonArrowLeftCss;
|
|
6
6
|
|
|
7
7
|
const UrButtonArrowLeft = /*@__PURE__*/ proxyCustomElement(class UrButtonArrowLeft extends H {
|
|
@@ -10,12 +10,15 @@ const UrButtonArrowLeft = /*@__PURE__*/ proxyCustomElement(class UrButtonArrowLe
|
|
|
10
10
|
this.__registerHost();
|
|
11
11
|
this.__attachShadow();
|
|
12
12
|
this.leftClicked = createEvent(this, "leftClicked", 7);
|
|
13
|
+
this.disabled = false;
|
|
13
14
|
}
|
|
14
15
|
render() {
|
|
15
|
-
return (h(Host, { key: '
|
|
16
|
+
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" }))))));
|
|
16
17
|
}
|
|
17
18
|
static get style() { return UrButtonArrowLeftStyle0; }
|
|
18
|
-
}, [1, "ur-button-arrow-left"
|
|
19
|
+
}, [1, "ur-button-arrow-left", {
|
|
20
|
+
"disabled": [4]
|
|
21
|
+
}]);
|
|
19
22
|
function defineCustomElement() {
|
|
20
23
|
if (typeof customElements === "undefined") {
|
|
21
24
|
return;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-13a81287.js';
|
|
2
2
|
import './p-96fec75d.js';
|
|
3
3
|
|
|
4
|
-
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";
|
|
4
|
+
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";
|
|
5
5
|
const UrButtonArrowRightStyle0 = urButtonArrowRightCss;
|
|
6
6
|
|
|
7
7
|
const UrButtonArrowRight = /*@__PURE__*/ proxyCustomElement(class UrButtonArrowRight extends H {
|
|
@@ -10,12 +10,15 @@ const UrButtonArrowRight = /*@__PURE__*/ proxyCustomElement(class UrButtonArrowR
|
|
|
10
10
|
this.__registerHost();
|
|
11
11
|
this.__attachShadow();
|
|
12
12
|
this.rightClicked = createEvent(this, "rightClicked", 7);
|
|
13
|
+
this.disabled = false;
|
|
13
14
|
}
|
|
14
15
|
render() {
|
|
15
|
-
return (h(Host, { key: '
|
|
16
|
+
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" }))))));
|
|
16
17
|
}
|
|
17
18
|
static get style() { return UrButtonArrowRightStyle0; }
|
|
18
|
-
}, [1, "ur-button-arrow-right"
|
|
19
|
+
}, [1, "ur-button-arrow-right", {
|
|
20
|
+
"disabled": [4]
|
|
21
|
+
}]);
|
|
19
22
|
function defineCustomElement() {
|
|
20
23
|
if (typeof customElements === "undefined") {
|
|
21
24
|
return;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { U as UrButtonArrowLeft$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { U as UrButtonArrowLeft$1, d as defineCustomElement$1 } from './p-8d0d6d27.js';
|
|
2
2
|
|
|
3
3
|
const UrButtonArrowLeft = UrButtonArrowLeft$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { U as UrButtonArrowRight$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { U as UrButtonArrowRight$1, d as defineCustomElement$1 } from './p-e5bcf9a4.js';
|
|
2
2
|
|
|
3
3
|
const UrButtonArrowRight = UrButtonArrowRight$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-13a81287.js';
|
|
2
|
-
import { d as defineCustomElement$4 } from './p-
|
|
3
|
-
import { d as defineCustomElement$3 } from './p-
|
|
2
|
+
import { d as defineCustomElement$4 } from './p-8d0d6d27.js';
|
|
3
|
+
import { d as defineCustomElement$3 } from './p-e5bcf9a4.js';
|
|
4
4
|
import { d as defineCustomElement$2 } from './p-191fc625.js';
|
|
5
5
|
|
|
6
6
|
const is_custom_data = (data) => {
|
|
@@ -21,6 +21,21 @@ const UrNovlCarousel$1 = /*@__PURE__*/ proxyCustomElement(class UrNovlCarousel e
|
|
|
21
21
|
this.onIntersection = async (entries) => {
|
|
22
22
|
this.intersectionUpdated.emit(entries);
|
|
23
23
|
};
|
|
24
|
+
this.onSlideChange = () => {
|
|
25
|
+
var _a, _b, _c, _d, _e, _f;
|
|
26
|
+
(_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);
|
|
27
|
+
(_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);
|
|
28
|
+
};
|
|
29
|
+
this.onLeftClick = () => {
|
|
30
|
+
var _a, _b;
|
|
31
|
+
(_b = (_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slidePrev();
|
|
32
|
+
this.prevClicked.emit();
|
|
33
|
+
};
|
|
34
|
+
this.onRightClick = () => {
|
|
35
|
+
var _a, _b;
|
|
36
|
+
(_b = (_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slideNext();
|
|
37
|
+
this.nextClicked.emit();
|
|
38
|
+
};
|
|
24
39
|
this.novls = [];
|
|
25
40
|
this.breakpoints = {
|
|
26
41
|
// add default
|
|
@@ -34,18 +49,16 @@ const UrNovlCarousel$1 = /*@__PURE__*/ proxyCustomElement(class UrNovlCarousel e
|
|
|
34
49
|
this.navigation = false;
|
|
35
50
|
}
|
|
36
51
|
componentDidLoad() {
|
|
37
|
-
|
|
52
|
+
var _a;
|
|
53
|
+
this.swiperContainer = this.el.shadowRoot.querySelector('swiper-container');
|
|
38
54
|
if (this.navigation) {
|
|
39
|
-
this.el.shadowRoot.querySelector('ur-button-arrow-left')
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
this.
|
|
45
|
-
|
|
46
|
-
(_a = container === null || container === void 0 ? void 0 : container.swiper) === null || _a === void 0 ? void 0 : _a.slideNext();
|
|
47
|
-
this.nextClicked.emit();
|
|
48
|
-
});
|
|
55
|
+
this.leftArrow = this.el.shadowRoot.querySelector('ur-button-arrow-left');
|
|
56
|
+
this.rightArrow = this.el.shadowRoot.querySelector('ur-button-arrow-right');
|
|
57
|
+
this.leftArrow.setAttribute('disabled', 'true');
|
|
58
|
+
this.rightArrow.setAttribute('disabled', `${this.novls.length === 0}`);
|
|
59
|
+
this.leftArrow.addEventListener('click', this.onLeftClick);
|
|
60
|
+
this.rightArrow.addEventListener('click', this.onRightClick);
|
|
61
|
+
(_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper.on('slideChange', this.onSlideChange);
|
|
49
62
|
}
|
|
50
63
|
const novls = this.el.shadowRoot.querySelectorAll('ur-novl');
|
|
51
64
|
this.observer = new IntersectionObserver(this.onIntersection);
|
|
@@ -53,8 +66,15 @@ const UrNovlCarousel$1 = /*@__PURE__*/ proxyCustomElement(class UrNovlCarousel e
|
|
|
53
66
|
this.observer.observe(novl);
|
|
54
67
|
});
|
|
55
68
|
}
|
|
69
|
+
disconnectedCallback() {
|
|
70
|
+
var _a, _b, _c;
|
|
71
|
+
(_a = this.leftArrow) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', this.onLeftClick);
|
|
72
|
+
(_b = this.rightArrow) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', this.onRightClick);
|
|
73
|
+
(_c = this.swiperContainer) === null || _c === void 0 ? void 0 : _c.swiper.destroy(true, true);
|
|
74
|
+
this.observer.disconnect();
|
|
75
|
+
}
|
|
56
76
|
render() {
|
|
57
|
-
return (h(Host, { key: '
|
|
77
|
+
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) => {
|
|
58
78
|
if (is_custom_data(novl)) {
|
|
59
79
|
return (h("swiper-slide", null, h("div", { class: "custom", innerHTML: novl.content(index) })));
|
|
60
80
|
}
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["ur-main-left-menu",[[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",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-page-profile",[[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",[[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",[[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",[[1,"ur-main-desktop-top-app-bar",{"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"searchText":[1,"search-text"]}]]],["ur-page",[[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",[[1,"ur-read-mobile-top-app-bar",{"variant":[1],"headerTitle":[1,"header-title"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-select",[[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",[[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",[[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",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip",[[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",[[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",[[1,"ur-list-subheader",{"text":[1]}]]],["ur-loader",[[1,"ur-loader"]]],["ur-locale-filter-button",[[1,"ur-locale-filter-button",{"count":[2],"selected":[4]}]]],["ur-navigation-drawer",[[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",[[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",[[1,"ur-radio-button",{"disabled":[4],"checked":[4],"text":[1]}]]],["ur-segment-button",[[1,"ur-segment-button",{"likeLabel":[1,"like-label"]}]]],["ur-switch",[[1,"ur-switch",{"disabled":[4],"checked":[4]}]]],["ur-tabs",[[1,"ur-tabs",{"tabs":[16],"panels":[16]}]]],["ur-text-field",[[1,"ur-text-field",{"label":[1],"placeholder":[1],"helper":[1],"disabled":[4],"variant":[1],"value":[1],"endIcon":[8,"end-icon"]}]]],["ur-user-profile",[[1,"ur-user-profile"]]],["ur-menu-item",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4],"selected":[4]}]]],["ur-novl",[[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",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]],["ur-avatar",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-list_3",[[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",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-logo",[[1,"ur-logo",{"width":[1],"height":[1],"color":[1],"rotation":[2],"opacity":[2]}]]],["ur-button",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"],"fullWidth":[4,"full-width"]}]]]], options);
|
|
8
|
+
return bootstrapLazy([["ur-main-left-menu",[[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",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-page-profile",[[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",[[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",[[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",[[1,"ur-main-desktop-top-app-bar",{"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"searchText":[1,"search-text"]}]]],["ur-page",[[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",[[1,"ur-read-mobile-top-app-bar",{"variant":[1],"headerTitle":[1,"header-title"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-select",[[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",[[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",[[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",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip",[[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",[[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",[[1,"ur-list-subheader",{"text":[1]}]]],["ur-loader",[[1,"ur-loader"]]],["ur-locale-filter-button",[[1,"ur-locale-filter-button",{"count":[2],"selected":[4]}]]],["ur-navigation-drawer",[[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",[[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",[[1,"ur-radio-button",{"disabled":[4],"checked":[4],"text":[1]}]]],["ur-segment-button",[[1,"ur-segment-button",{"likeLabel":[1,"like-label"]}]]],["ur-switch",[[1,"ur-switch",{"disabled":[4],"checked":[4]}]]],["ur-tabs",[[1,"ur-tabs",{"tabs":[16],"panels":[16]}]]],["ur-text-field",[[1,"ur-text-field",{"label":[1],"placeholder":[1],"helper":[1],"disabled":[4],"variant":[1],"value":[1],"endIcon":[8,"end-icon"]}]]],["ur-user-profile",[[1,"ur-user-profile"]]],["ur-menu-item",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4],"selected":[4]}]]],["ur-novl",[[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",[[1,"ur-button-arrow-left",{"disabled":[4]}],[1,"ur-button-arrow-right",{"disabled":[4]}]]],["ur-avatar",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-list_3",[[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",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-logo",[[1,"ur-logo",{"width":[1],"height":[1],"color":[1],"rotation":[2],"opacity":[2]}]]],["ur-button",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"],"fullWidth":[4,"full-width"]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -16,30 +16,32 @@ import './class-map-573bf048.js';
|
|
|
16
16
|
import './appendTo-7022283c.js';
|
|
17
17
|
import './index-05eae1a5.js';
|
|
18
18
|
|
|
19
|
-
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";
|
|
19
|
+
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";
|
|
20
20
|
const UrButtonArrowLeftStyle0 = urButtonArrowLeftCss;
|
|
21
21
|
|
|
22
22
|
const UrButtonArrowLeft = class {
|
|
23
23
|
constructor(hostRef) {
|
|
24
24
|
registerInstance(this, hostRef);
|
|
25
25
|
this.leftClicked = createEvent(this, "leftClicked", 7);
|
|
26
|
+
this.disabled = false;
|
|
26
27
|
}
|
|
27
28
|
render() {
|
|
28
|
-
return (h(Host, { key: '
|
|
29
|
+
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" }))))));
|
|
29
30
|
}
|
|
30
31
|
};
|
|
31
32
|
UrButtonArrowLeft.style = UrButtonArrowLeftStyle0;
|
|
32
33
|
|
|
33
|
-
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";
|
|
34
|
+
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";
|
|
34
35
|
const UrButtonArrowRightStyle0 = urButtonArrowRightCss;
|
|
35
36
|
|
|
36
37
|
const UrButtonArrowRight = class {
|
|
37
38
|
constructor(hostRef) {
|
|
38
39
|
registerInstance(this, hostRef);
|
|
39
40
|
this.rightClicked = createEvent(this, "rightClicked", 7);
|
|
41
|
+
this.disabled = false;
|
|
40
42
|
}
|
|
41
43
|
render() {
|
|
42
|
-
return (h(Host, { key: '
|
|
44
|
+
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" }))))));
|
|
43
45
|
}
|
|
44
46
|
};
|
|
45
47
|
UrButtonArrowRight.style = UrButtonArrowRightStyle0;
|
|
@@ -16,6 +16,21 @@ const UrNovlCarousel = class {
|
|
|
16
16
|
this.onIntersection = async (entries) => {
|
|
17
17
|
this.intersectionUpdated.emit(entries);
|
|
18
18
|
};
|
|
19
|
+
this.onSlideChange = () => {
|
|
20
|
+
var _a, _b, _c, _d, _e, _f;
|
|
21
|
+
(_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);
|
|
22
|
+
(_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);
|
|
23
|
+
};
|
|
24
|
+
this.onLeftClick = () => {
|
|
25
|
+
var _a, _b;
|
|
26
|
+
(_b = (_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slidePrev();
|
|
27
|
+
this.prevClicked.emit();
|
|
28
|
+
};
|
|
29
|
+
this.onRightClick = () => {
|
|
30
|
+
var _a, _b;
|
|
31
|
+
(_b = (_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.slideNext();
|
|
32
|
+
this.nextClicked.emit();
|
|
33
|
+
};
|
|
19
34
|
this.novls = [];
|
|
20
35
|
this.breakpoints = {
|
|
21
36
|
// add default
|
|
@@ -29,18 +44,16 @@ const UrNovlCarousel = class {
|
|
|
29
44
|
this.navigation = false;
|
|
30
45
|
}
|
|
31
46
|
componentDidLoad() {
|
|
32
|
-
|
|
47
|
+
var _a;
|
|
48
|
+
this.swiperContainer = this.el.shadowRoot.querySelector('swiper-container');
|
|
33
49
|
if (this.navigation) {
|
|
34
|
-
this.el.shadowRoot.querySelector('ur-button-arrow-left')
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
this.
|
|
40
|
-
|
|
41
|
-
(_a = container === null || container === void 0 ? void 0 : container.swiper) === null || _a === void 0 ? void 0 : _a.slideNext();
|
|
42
|
-
this.nextClicked.emit();
|
|
43
|
-
});
|
|
50
|
+
this.leftArrow = this.el.shadowRoot.querySelector('ur-button-arrow-left');
|
|
51
|
+
this.rightArrow = this.el.shadowRoot.querySelector('ur-button-arrow-right');
|
|
52
|
+
this.leftArrow.setAttribute('disabled', 'true');
|
|
53
|
+
this.rightArrow.setAttribute('disabled', `${this.novls.length === 0}`);
|
|
54
|
+
this.leftArrow.addEventListener('click', this.onLeftClick);
|
|
55
|
+
this.rightArrow.addEventListener('click', this.onRightClick);
|
|
56
|
+
(_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper.on('slideChange', this.onSlideChange);
|
|
44
57
|
}
|
|
45
58
|
const novls = this.el.shadowRoot.querySelectorAll('ur-novl');
|
|
46
59
|
this.observer = new IntersectionObserver(this.onIntersection);
|
|
@@ -48,8 +61,15 @@ const UrNovlCarousel = class {
|
|
|
48
61
|
this.observer.observe(novl);
|
|
49
62
|
});
|
|
50
63
|
}
|
|
64
|
+
disconnectedCallback() {
|
|
65
|
+
var _a, _b, _c;
|
|
66
|
+
(_a = this.leftArrow) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', this.onLeftClick);
|
|
67
|
+
(_b = this.rightArrow) === null || _b === void 0 ? void 0 : _b.removeEventListener('click', this.onRightClick);
|
|
68
|
+
(_c = this.swiperContainer) === null || _c === void 0 ? void 0 : _c.swiper.destroy(true, true);
|
|
69
|
+
this.observer.disconnect();
|
|
70
|
+
}
|
|
51
71
|
render() {
|
|
52
|
-
return (h(Host, { key: '
|
|
72
|
+
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) => {
|
|
53
73
|
if (is_custom_data(novl)) {
|
|
54
74
|
return (h("swiper-slide", null, h("div", { class: "custom", innerHTML: novl.content(index) })));
|
|
55
75
|
}
|
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["ur-main-left-menu",[[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",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-page-profile",[[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",[[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",[[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",[[1,"ur-main-desktop-top-app-bar",{"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"searchText":[1,"search-text"]}]]],["ur-page",[[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",[[1,"ur-read-mobile-top-app-bar",{"variant":[1],"headerTitle":[1,"header-title"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-select",[[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",[[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",[[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",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip",[[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",[[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",[[1,"ur-list-subheader",{"text":[1]}]]],["ur-loader",[[1,"ur-loader"]]],["ur-locale-filter-button",[[1,"ur-locale-filter-button",{"count":[2],"selected":[4]}]]],["ur-navigation-drawer",[[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",[[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",[[1,"ur-radio-button",{"disabled":[4],"checked":[4],"text":[1]}]]],["ur-segment-button",[[1,"ur-segment-button",{"likeLabel":[1,"like-label"]}]]],["ur-switch",[[1,"ur-switch",{"disabled":[4],"checked":[4]}]]],["ur-tabs",[[1,"ur-tabs",{"tabs":[16],"panels":[16]}]]],["ur-text-field",[[1,"ur-text-field",{"label":[1],"placeholder":[1],"helper":[1],"disabled":[4],"variant":[1],"value":[1],"endIcon":[8,"end-icon"]}]]],["ur-user-profile",[[1,"ur-user-profile"]]],["ur-menu-item",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4],"selected":[4]}]]],["ur-novl",[[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",[[1,"ur-button-arrow-left"],[1,"ur-button-arrow-right"]]],["ur-avatar",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-list_3",[[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",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-logo",[[1,"ur-logo",{"width":[1],"height":[1],"color":[1],"rotation":[2],"opacity":[2]}]]],["ur-button",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"],"fullWidth":[4,"full-width"]}]]]], options);
|
|
19
|
+
return bootstrapLazy([["ur-main-left-menu",[[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",[[1,"ur-novl-carousel",{"novls":[16],"breakpoints":[16],"grid":[16],"slidesPerView":[8,"slides-per-view"],"spaceBetween":[8,"space-between"],"navigation":[4]}]]],["ur-page-profile",[[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",[[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",[[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",[[1,"ur-main-desktop-top-app-bar",{"variant":[1],"logoRotation":[2,"logo-rotation"],"logoOpacity":[2,"logo-opacity"],"searchText":[1,"search-text"]}]]],["ur-page",[[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",[[1,"ur-read-mobile-top-app-bar",{"variant":[1],"headerTitle":[1,"header-title"],"scrollBehavior":[1,"scroll-behavior"],"scrollThreshold":[2,"scroll-threshold"]}]]],["ur-select",[[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",[[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",[[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",[[1,"ur-checkbox",{"disabled":[4],"checked":[4]}]]],["ur-chip",[[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",[[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",[[1,"ur-list-subheader",{"text":[1]}]]],["ur-loader",[[1,"ur-loader"]]],["ur-locale-filter-button",[[1,"ur-locale-filter-button",{"count":[2],"selected":[4]}]]],["ur-navigation-drawer",[[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",[[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",[[1,"ur-radio-button",{"disabled":[4],"checked":[4],"text":[1]}]]],["ur-segment-button",[[1,"ur-segment-button",{"likeLabel":[1,"like-label"]}]]],["ur-switch",[[1,"ur-switch",{"disabled":[4],"checked":[4]}]]],["ur-tabs",[[1,"ur-tabs",{"tabs":[16],"panels":[16]}]]],["ur-text-field",[[1,"ur-text-field",{"label":[1],"placeholder":[1],"helper":[1],"disabled":[4],"variant":[1],"value":[1],"endIcon":[8,"end-icon"]}]]],["ur-user-profile",[[1,"ur-user-profile"]]],["ur-menu-item",[[1,"ur-menu-item",{"value":[1],"label":[1],"disabled":[4],"selected":[4]}]]],["ur-novl",[[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",[[1,"ur-button-arrow-left",{"disabled":[4]}],[1,"ur-button-arrow-right",{"disabled":[4]}]]],["ur-avatar",[[1,"ur-avatar",{"size":[1],"src":[1],"name":[1],"border":[1],"radius":[1]}]]],["ur-list_3",[[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",[[1,"ur-button-icon",{"disabled":[4],"loading":[4],"variant":[1],"icon":[1],"selectedIcon":[1,"selected-icon"],"selected":[4]}]]],["ur-logo",[[1,"ur-logo",{"width":[1],"height":[1],"color":[1],"rotation":[2],"opacity":[2]}]]],["ur-button",[[1,"ur-button",{"disabled":[4],"variant":[1],"icon":[8],"endIcon":[8,"end-icon"],"fullWidth":[4,"full-width"]}]]]], options);
|
|
20
20
|
});
|
|
@@ -2,6 +2,9 @@ import { EventEmitter } from '../../stencil-public-runtime';
|
|
|
2
2
|
import { CustomContent, Novl } from '../../models/novl';
|
|
3
3
|
import { Breakpoints, Grid } from '../../data/novl-carousel';
|
|
4
4
|
export declare class UrNovlCarousel {
|
|
5
|
+
private swiperContainer;
|
|
6
|
+
private leftArrow?;
|
|
7
|
+
private rightArrow?;
|
|
5
8
|
private observer;
|
|
6
9
|
el: HTMLElement;
|
|
7
10
|
novls: Array<Novl | CustomContent>;
|
|
@@ -14,6 +17,10 @@ export declare class UrNovlCarousel {
|
|
|
14
17
|
prevClicked: EventEmitter<void>;
|
|
15
18
|
nextClicked: EventEmitter<void>;
|
|
16
19
|
private onIntersection;
|
|
20
|
+
private onSlideChange;
|
|
21
|
+
private onLeftClick;
|
|
22
|
+
private onRightClick;
|
|
17
23
|
componentDidLoad(): void;
|
|
24
|
+
disconnectedCallback(): void;
|
|
18
25
|
render(): any;
|
|
19
26
|
}
|
|
@@ -27,8 +27,10 @@ export namespace Components {
|
|
|
27
27
|
"variant": 'elevated' | 'filled' | 'tonal' | 'outlined' | 'text';
|
|
28
28
|
}
|
|
29
29
|
interface UrButtonArrowLeft {
|
|
30
|
+
"disabled": boolean;
|
|
30
31
|
}
|
|
31
32
|
interface UrButtonArrowRight {
|
|
33
|
+
"disabled": boolean;
|
|
32
34
|
}
|
|
33
35
|
interface UrButtonIcon {
|
|
34
36
|
"disabled": boolean;
|
|
@@ -829,9 +831,11 @@ declare namespace LocalJSX {
|
|
|
829
831
|
"variant"?: 'elevated' | 'filled' | 'tonal' | 'outlined' | 'text';
|
|
830
832
|
}
|
|
831
833
|
interface UrButtonArrowLeft {
|
|
834
|
+
"disabled"?: boolean;
|
|
832
835
|
"onLeftClicked"?: (event: UrButtonArrowLeftCustomEvent<any>) => void;
|
|
833
836
|
}
|
|
834
837
|
interface UrButtonArrowRight {
|
|
838
|
+
"disabled"?: boolean;
|
|
835
839
|
"onRightClicked"?: (event: UrButtonArrowRightCustomEvent<any>) => void;
|
|
836
840
|
}
|
|
837
841
|
interface UrButtonIcon {
|
|
@@ -15,9 +15,15 @@ export default _default;
|
|
|
15
15
|
export declare const ArrowLeft: {
|
|
16
16
|
render: () => import("lit-html").TemplateResult<1>;
|
|
17
17
|
};
|
|
18
|
+
export declare const DisabledArrowLeft: {
|
|
19
|
+
render: () => import("lit-html").TemplateResult<1>;
|
|
20
|
+
};
|
|
18
21
|
export declare const ArrowRight: {
|
|
19
22
|
render: () => import("lit-html").TemplateResult<1>;
|
|
20
23
|
};
|
|
24
|
+
export declare const DisbledArrowRight: {
|
|
25
|
+
render: () => import("lit-html").TemplateResult<1>;
|
|
26
|
+
};
|
|
21
27
|
export declare const Basic: {
|
|
22
28
|
args: {};
|
|
23
29
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,h as s,H as e,g as h}from"./p-b9030d3f.js";const d=class{constructor(s){i(this,s),this.intersectionUpdated=t(this,"intersectionUpdated",7),this.prevClicked=t(this,"prevClicked",7),this.nextClicked=t(this,"nextClicked",7),this.onIntersection=async i=>{this.intersectionUpdated.emit(i)},this.onSlideChange=()=>{var i,t,s,e,h,d;null===(i=this.leftArrow)||void 0===i||i.setAttribute("disabled",null===(s=null===(t=this.swiperContainer)||void 0===t?void 0:t.swiper)||void 0===s?void 0:s.isBeginning),null===(e=this.rightArrow)||void 0===e||e.setAttribute("disabled",null===(d=null===(h=this.swiperContainer)||void 0===h?void 0:h.swiper)||void 0===d?void 0:d.isEnd)},this.onLeftClick=()=>{var i,t;null===(t=null===(i=this.swiperContainer)||void 0===i?void 0:i.swiper)||void 0===t||t.slidePrev(),this.prevClicked.emit()},this.onRightClick=()=>{var i,t;null===(t=null===(i=this.swiperContainer)||void 0===i?void 0:i.swiper)||void 0===t||t.slideNext(),this.nextClicked.emit()},this.novls=[],this.breakpoints={},this.grid={rows:1,fill:"row"},this.slidesPerView="auto",this.spaceBetween="0",this.navigation=!1}componentDidLoad(){var i;this.swiperContainer=this.el.shadowRoot.querySelector("swiper-container"),this.navigation&&(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",`${0===this.novls.length}`),this.leftArrow.addEventListener("click",this.onLeftClick),this.rightArrow.addEventListener("click",this.onRightClick),null===(i=this.swiperContainer)||void 0===i||i.swiper.on("slideChange",this.onSlideChange));const t=this.el.shadowRoot.querySelectorAll("ur-novl");this.observer=new IntersectionObserver(this.onIntersection),t.forEach((i=>{this.observer.observe(i)}))}disconnectedCallback(){var i,t,s;null===(i=this.leftArrow)||void 0===i||i.removeEventListener("click",this.onLeftClick),null===(t=this.rightArrow)||void 0===t||t.removeEventListener("click",this.onRightClick),null===(s=this.swiperContainer)||void 0===s||s.swiper.destroy(!0,!0),this.observer.disconnect()}render(){return s(e,{key:"e5df5d70bca930cbf9fa2a1aaacc76af8ca92ef0"},s("div",{key:"0701544009b2eeff7c1d525d33fec1503371d4b6",class:"carousel"},this.navigation&&s("ur-button-arrow-left",{key:"2226beb622edf1db642a9b51f597c60098b521af",disabled:!0}),this.navigation&&s("ur-button-arrow-right",{key:"9f9316f35e60c4a734d2c420c81abe8e18a2d27f",disabled:!0}),s("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(((i,t)=>{return s("swiper-slide",null,(e=i)&&e.content&&"function"==typeof e.content?s("div",{class:"custom",innerHTML:i.content(t)}):s("ur-novl",Object.assign({},i)));var e})))))}get el(){return h(this)}};d.style=":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host swiper-slide{width:var(--swiper-slide-width)}:host ur-button-arrow-left,:host ur-button-arrow-right{position:absolute;top:calc(50% - 34px);left:-17px;z-index:2}:host ur-button-arrow-right{left:auto;right:-17px}@media (min-width: 0px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 321px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 640px){:host swiper-slide{width:calc(90% / 3)}}@media (min-width: 1150px){:host swiper-slide{width:calc(90% / 4)}}@media (min-width: 1770px){:host swiper-slide{width:calc(90% / 5)}}@media (min-width: 2140px){:host swiper-slide{width:calc(90% / 6)}}";export{d as ur_novl_carousel}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as n,c as t,h as i,H as o}from"./p-b9030d3f.js";import"./p-98c0d846.js";import"./p-4769f30d.js";import"./p-5c649bcb.js";import"./p-9142f6a0.js";import"./p-8994d758.js";import"./p-745c78bb.js";import"./p-2c12c6ae.js";import"./p-b270ea3f.js";import"./p-4c59024f.js";import"./p-7d099308.js";import"./p-4aa7bd52.js";import"./p-9a8de161.js";import"./p-04c12413.js";import"./p-a27ffa78.js";import"./p-9bfb6da3.js";import"./p-4301592f.js";const e=class{constructor(i){n(this,i),this.leftClicked=t(this,"leftClicked",7),this.disabled=!1}render(){return i(o,{key:"996a1a31b0d8cbb20ae21a11a01c116d4661f10c"},i("mdui-button-icon",{key:"dd6c225c363559b0337689d317848e331970faec",disabled:this.disabled,onClick:()=>this.leftClicked.emit()},i("svg",{key:"9187f06512e98e34606079b43c94d498874a6679",xmlns:"http://www.w3.org/2000/svg",width:"29",height:"28",viewBox:"0 0 29 28",fill:"none"},i("g",{key:"3b4944106cd2ae8cada885f37e73ebf730acab9a"},i("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"})))))}};e.style=":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 d=class{constructor(i){n(this,i),this.rightClicked=t(this,"rightClicked",7),this.disabled=!1}render(){return i(o,{key:"d522a723ed6a59b9d6355b6bd017dd09dc0bdf8a"},i("mdui-button-icon",{key:"b9a8e00ef2ce872fd5ca2a03ef8dfd4538fb5a3e",disabled:this.disabled,onClick:()=>this.rightClicked.emit()},i("svg",{key:"694928f8cbd0a141220ab09154fdc439d2faf482",width:"29",height:"28",viewBox:"0 0 29 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("g",{key:"0d2821320933d72054c8e92c7cedef80d5f57724",id:"Arrow right"},i("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"})))))}};d.style=":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";export{e as ur_button_arrow_left,d as ur_button_arrow_right}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as o}from"./p-b9030d3f.js";export{s as setNonce}from"./p-b9030d3f.js";import{g as a}from"./p-e1255160.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((async e=>(await a(),o([["p-92ca13c7",[[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"]}]]],["p-
|
|
1
|
+
import{p as e,b as o}from"./p-b9030d3f.js";export{s as setNonce}from"./p-b9030d3f.js";import{g as a}from"./p-e1255160.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((async e=>(await a(),o([["p-92ca13c7",[[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"]}]]],["p-7a468da8",[[1,"ur-novl-carousel",{novls:[16],breakpoints:[16],grid:[16],slidesPerView:[8,"slides-per-view"],spaceBetween:[8,"space-between"],navigation:[4]}]]],["p-ba8a3f01",[[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"]}]]],["p-123a897d",[[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]}]]],["p-cdf51a8e",[[1,"ur-locale-filter-panel",{showHeader:[4,"show-header"],showFooter:[4,"show-footer"],locales:[16],disabledLocales:[16],mutableLocales:[32]}]]],["p-55140534",[[1,"ur-main-desktop-top-app-bar",{variant:[1],logoRotation:[2,"logo-rotation"],logoOpacity:[2,"logo-opacity"],searchText:[1,"search-text"]}]]],["p-4a606a7f",[[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"]}]]],["p-a183365e",[[1,"ur-read-mobile-top-app-bar",{variant:[1],headerTitle:[1,"header-title"],scrollBehavior:[1,"scroll-behavior"],scrollThreshold:[2,"scroll-threshold"]}]]],["p-e8cebe4b",[[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"]}]]],["p-d3c37af7",[[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"]}]]],["p-c8d266fb",[[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"]}]]],["p-72f5ebe2",[[1,"ur-checkbox",{disabled:[4],checked:[4]}]]],["p-5ddf41cb",[[1,"ur-chip",{label:[1],border:[1],radius:[1],size:[1],backColor:[1,"back-color"],fontColor:[1,"font-color"],loading:[4],disabled:[4]}]]],["p-a2012ea9",[[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]}]]],["p-d73fcc3b",[[1,"ur-list-subheader",{text:[1]}]]],["p-3f41f359",[[1,"ur-loader"]]],["p-0c9f7919",[[1,"ur-locale-filter-button",{count:[2],selected:[4]}]]],["p-2de57097",[[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]}]]],["p-c24bb804",[[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]}]]],["p-cf6f7c93",[[1,"ur-radio-button",{disabled:[4],checked:[4],text:[1]}]]],["p-a499d3d9",[[1,"ur-segment-button",{likeLabel:[1,"like-label"]}]]],["p-cb473063",[[1,"ur-switch",{disabled:[4],checked:[4]}]]],["p-f96f2cda",[[1,"ur-tabs",{tabs:[16],panels:[16]}]]],["p-b2819315",[[1,"ur-text-field",{label:[1],placeholder:[1],helper:[1],disabled:[4],variant:[1],value:[1],endIcon:[8,"end-icon"]}]]],["p-e4c5764f",[[1,"ur-user-profile"]]],["p-d4ade9a3",[[1,"ur-menu-item",{value:[1],label:[1],disabled:[4],selected:[4]}]]],["p-8ed0f8b1",[[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"]}]]],["p-87f319ad",[[1,"ur-button-arrow-left",{disabled:[4]}],[1,"ur-button-arrow-right",{disabled:[4]}]]],["p-7595aad6",[[1,"ur-avatar",{size:[1],src:[1],name:[1],border:[1],radius:[1]}]]],["p-782d2952",[[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]}]]],["p-303bc73c",[[1,"ur-button-icon",{disabled:[4],loading:[4],variant:[1],icon:[1],selectedIcon:[1,"selected-icon"],selected:[4]}]]],["p-d071d78d",[[1,"ur-logo",{width:[1],height:[1],color:[1],rotation:[2],opacity:[2]}]]],["p-7a41d8c5",[[1,"ur-button",{disabled:[4],variant:[1],icon:[8],endIcon:[8,"end-icon"],fullWidth:[4,"full-width"]}]]]],e))));
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as o}from"./p-b9030d3f.js";export{s as setNonce}from"./p-b9030d3f.js";import{g as a}from"./p-e1255160.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((async e=>(await a(),o([["p-92ca13c7",[[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"]}]]],["p-
|
|
1
|
+
import{p as e,b as o}from"./p-b9030d3f.js";export{s as setNonce}from"./p-b9030d3f.js";import{g as a}from"./p-e1255160.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((async e=>(await a(),o([["p-92ca13c7",[[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"]}]]],["p-7a468da8",[[1,"ur-novl-carousel",{novls:[16],breakpoints:[16],grid:[16],slidesPerView:[8,"slides-per-view"],spaceBetween:[8,"space-between"],navigation:[4]}]]],["p-ba8a3f01",[[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"]}]]],["p-123a897d",[[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]}]]],["p-cdf51a8e",[[1,"ur-locale-filter-panel",{showHeader:[4,"show-header"],showFooter:[4,"show-footer"],locales:[16],disabledLocales:[16],mutableLocales:[32]}]]],["p-55140534",[[1,"ur-main-desktop-top-app-bar",{variant:[1],logoRotation:[2,"logo-rotation"],logoOpacity:[2,"logo-opacity"],searchText:[1,"search-text"]}]]],["p-4a606a7f",[[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"]}]]],["p-a183365e",[[1,"ur-read-mobile-top-app-bar",{variant:[1],headerTitle:[1,"header-title"],scrollBehavior:[1,"scroll-behavior"],scrollThreshold:[2,"scroll-threshold"]}]]],["p-e8cebe4b",[[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"]}]]],["p-d3c37af7",[[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"]}]]],["p-c8d266fb",[[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"]}]]],["p-72f5ebe2",[[1,"ur-checkbox",{disabled:[4],checked:[4]}]]],["p-5ddf41cb",[[1,"ur-chip",{label:[1],border:[1],radius:[1],size:[1],backColor:[1,"back-color"],fontColor:[1,"font-color"],loading:[4],disabled:[4]}]]],["p-a2012ea9",[[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]}]]],["p-d73fcc3b",[[1,"ur-list-subheader",{text:[1]}]]],["p-3f41f359",[[1,"ur-loader"]]],["p-0c9f7919",[[1,"ur-locale-filter-button",{count:[2],selected:[4]}]]],["p-2de57097",[[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]}]]],["p-c24bb804",[[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]}]]],["p-cf6f7c93",[[1,"ur-radio-button",{disabled:[4],checked:[4],text:[1]}]]],["p-a499d3d9",[[1,"ur-segment-button",{likeLabel:[1,"like-label"]}]]],["p-cb473063",[[1,"ur-switch",{disabled:[4],checked:[4]}]]],["p-f96f2cda",[[1,"ur-tabs",{tabs:[16],panels:[16]}]]],["p-b2819315",[[1,"ur-text-field",{label:[1],placeholder:[1],helper:[1],disabled:[4],variant:[1],value:[1],endIcon:[8,"end-icon"]}]]],["p-e4c5764f",[[1,"ur-user-profile"]]],["p-d4ade9a3",[[1,"ur-menu-item",{value:[1],label:[1],disabled:[4],selected:[4]}]]],["p-8ed0f8b1",[[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"]}]]],["p-87f319ad",[[1,"ur-button-arrow-left",{disabled:[4]}],[1,"ur-button-arrow-right",{disabled:[4]}]]],["p-7595aad6",[[1,"ur-avatar",{size:[1],src:[1],name:[1],border:[1],radius:[1]}]]],["p-782d2952",[[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]}]]],["p-303bc73c",[[1,"ur-button-icon",{disabled:[4],loading:[4],variant:[1],icon:[1],selectedIcon:[1,"selected-icon"],selected:[4]}]]],["p-d071d78d",[[1,"ur-logo",{width:[1],height:[1],color:[1],rotation:[2],opacity:[2]}]]],["p-7a41d8c5",[[1,"ur-button",{disabled:[4],variant:[1],icon:[8],endIcon:[8,"end-icon"],fullWidth:[4,"full-width"]}]]]],e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,h as s,H as e,g as h}from"./p-b9030d3f.js";const d=class{constructor(s){i(this,s),this.intersectionUpdated=t(this,"intersectionUpdated",7),this.prevClicked=t(this,"prevClicked",7),this.nextClicked=t(this,"nextClicked",7),this.onIntersection=async i=>{this.intersectionUpdated.emit(i)},this.onSlideChange=()=>{var i,t,s,e,h,d;null===(i=this.leftArrow)||void 0===i||i.setAttribute("disabled",null===(s=null===(t=this.swiperContainer)||void 0===t?void 0:t.swiper)||void 0===s?void 0:s.isBeginning),null===(e=this.rightArrow)||void 0===e||e.setAttribute("disabled",null===(d=null===(h=this.swiperContainer)||void 0===h?void 0:h.swiper)||void 0===d?void 0:d.isEnd)},this.onLeftClick=()=>{var i,t;null===(t=null===(i=this.swiperContainer)||void 0===i?void 0:i.swiper)||void 0===t||t.slidePrev(),this.prevClicked.emit()},this.onRightClick=()=>{var i,t;null===(t=null===(i=this.swiperContainer)||void 0===i?void 0:i.swiper)||void 0===t||t.slideNext(),this.nextClicked.emit()},this.novls=[],this.breakpoints={},this.grid={rows:1,fill:"row"},this.slidesPerView="auto",this.spaceBetween="0",this.navigation=!1}componentDidLoad(){var i;this.swiperContainer=this.el.shadowRoot.querySelector("swiper-container"),this.navigation&&(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",`${0===this.novls.length}`),this.leftArrow.addEventListener("click",this.onLeftClick),this.rightArrow.addEventListener("click",this.onRightClick),null===(i=this.swiperContainer)||void 0===i||i.swiper.on("slideChange",this.onSlideChange));const t=this.el.shadowRoot.querySelectorAll("ur-novl");this.observer=new IntersectionObserver(this.onIntersection),t.forEach((i=>{this.observer.observe(i)}))}disconnectedCallback(){var i,t,s;null===(i=this.leftArrow)||void 0===i||i.removeEventListener("click",this.onLeftClick),null===(t=this.rightArrow)||void 0===t||t.removeEventListener("click",this.onRightClick),null===(s=this.swiperContainer)||void 0===s||s.swiper.destroy(!0,!0),this.observer.disconnect()}render(){return s(e,{key:"e5df5d70bca930cbf9fa2a1aaacc76af8ca92ef0"},s("div",{key:"0701544009b2eeff7c1d525d33fec1503371d4b6",class:"carousel"},this.navigation&&s("ur-button-arrow-left",{key:"2226beb622edf1db642a9b51f597c60098b521af",disabled:!0}),this.navigation&&s("ur-button-arrow-right",{key:"9f9316f35e60c4a734d2c420c81abe8e18a2d27f",disabled:!0}),s("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(((i,t)=>{return s("swiper-slide",null,(e=i)&&e.content&&"function"==typeof e.content?s("div",{class:"custom",innerHTML:i.content(t)}):s("ur-novl",Object.assign({},i)));var e})))))}get el(){return h(this)}};d.style=":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host swiper-slide{width:var(--swiper-slide-width)}:host ur-button-arrow-left,:host ur-button-arrow-right{position:absolute;top:calc(50% - 34px);left:-17px;z-index:2}:host ur-button-arrow-right{left:auto;right:-17px}@media (min-width: 0px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 321px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 640px){:host swiper-slide{width:calc(90% / 3)}}@media (min-width: 1150px){:host swiper-slide{width:calc(90% / 4)}}@media (min-width: 1770px){:host swiper-slide{width:calc(90% / 5)}}@media (min-width: 2140px){:host swiper-slide{width:calc(90% / 6)}}";export{d as ur_novl_carousel}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as n,c as t,h as i,H as o}from"./p-b9030d3f.js";import"./p-98c0d846.js";import"./p-4769f30d.js";import"./p-5c649bcb.js";import"./p-9142f6a0.js";import"./p-8994d758.js";import"./p-745c78bb.js";import"./p-2c12c6ae.js";import"./p-b270ea3f.js";import"./p-4c59024f.js";import"./p-7d099308.js";import"./p-4aa7bd52.js";import"./p-9a8de161.js";import"./p-04c12413.js";import"./p-a27ffa78.js";import"./p-9bfb6da3.js";import"./p-4301592f.js";const e=class{constructor(i){n(this,i),this.leftClicked=t(this,"leftClicked",7),this.disabled=!1}render(){return i(o,{key:"996a1a31b0d8cbb20ae21a11a01c116d4661f10c"},i("mdui-button-icon",{key:"dd6c225c363559b0337689d317848e331970faec",disabled:this.disabled,onClick:()=>this.leftClicked.emit()},i("svg",{key:"9187f06512e98e34606079b43c94d498874a6679",xmlns:"http://www.w3.org/2000/svg",width:"29",height:"28",viewBox:"0 0 29 28",fill:"none"},i("g",{key:"3b4944106cd2ae8cada885f37e73ebf730acab9a"},i("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"})))))}};e.style=":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 d=class{constructor(i){n(this,i),this.rightClicked=t(this,"rightClicked",7),this.disabled=!1}render(){return i(o,{key:"d522a723ed6a59b9d6355b6bd017dd09dc0bdf8a"},i("mdui-button-icon",{key:"b9a8e00ef2ce872fd5ca2a03ef8dfd4538fb5a3e",disabled:this.disabled,onClick:()=>this.rightClicked.emit()},i("svg",{key:"694928f8cbd0a141220ab09154fdc439d2faf482",width:"29",height:"28",viewBox:"0 0 29 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("g",{key:"0d2821320933d72054c8e92c7cedef80d5f57724",id:"Arrow right"},i("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"})))))}};d.style=":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";export{e as ur_button_arrow_left,d as ur_button_arrow_right}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as o}from"./p-b9030d3f.js";export{s as setNonce}from"./p-b9030d3f.js";import{g as a}from"./p-e1255160.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((async e=>(await a(),o([["p-92ca13c7",[[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"]}]]],["p-
|
|
1
|
+
import{p as e,b as o}from"./p-b9030d3f.js";export{s as setNonce}from"./p-b9030d3f.js";import{g as a}from"./p-e1255160.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((async e=>(await a(),o([["p-92ca13c7",[[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"]}]]],["p-7a468da8",[[1,"ur-novl-carousel",{novls:[16],breakpoints:[16],grid:[16],slidesPerView:[8,"slides-per-view"],spaceBetween:[8,"space-between"],navigation:[4]}]]],["p-ba8a3f01",[[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"]}]]],["p-123a897d",[[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]}]]],["p-cdf51a8e",[[1,"ur-locale-filter-panel",{showHeader:[4,"show-header"],showFooter:[4,"show-footer"],locales:[16],disabledLocales:[16],mutableLocales:[32]}]]],["p-55140534",[[1,"ur-main-desktop-top-app-bar",{variant:[1],logoRotation:[2,"logo-rotation"],logoOpacity:[2,"logo-opacity"],searchText:[1,"search-text"]}]]],["p-4a606a7f",[[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"]}]]],["p-a183365e",[[1,"ur-read-mobile-top-app-bar",{variant:[1],headerTitle:[1,"header-title"],scrollBehavior:[1,"scroll-behavior"],scrollThreshold:[2,"scroll-threshold"]}]]],["p-e8cebe4b",[[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"]}]]],["p-d3c37af7",[[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"]}]]],["p-c8d266fb",[[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"]}]]],["p-72f5ebe2",[[1,"ur-checkbox",{disabled:[4],checked:[4]}]]],["p-5ddf41cb",[[1,"ur-chip",{label:[1],border:[1],radius:[1],size:[1],backColor:[1,"back-color"],fontColor:[1,"font-color"],loading:[4],disabled:[4]}]]],["p-a2012ea9",[[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]}]]],["p-d73fcc3b",[[1,"ur-list-subheader",{text:[1]}]]],["p-3f41f359",[[1,"ur-loader"]]],["p-0c9f7919",[[1,"ur-locale-filter-button",{count:[2],selected:[4]}]]],["p-2de57097",[[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]}]]],["p-c24bb804",[[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]}]]],["p-cf6f7c93",[[1,"ur-radio-button",{disabled:[4],checked:[4],text:[1]}]]],["p-a499d3d9",[[1,"ur-segment-button",{likeLabel:[1,"like-label"]}]]],["p-cb473063",[[1,"ur-switch",{disabled:[4],checked:[4]}]]],["p-f96f2cda",[[1,"ur-tabs",{tabs:[16],panels:[16]}]]],["p-b2819315",[[1,"ur-text-field",{label:[1],placeholder:[1],helper:[1],disabled:[4],variant:[1],value:[1],endIcon:[8,"end-icon"]}]]],["p-e4c5764f",[[1,"ur-user-profile"]]],["p-d4ade9a3",[[1,"ur-menu-item",{value:[1],label:[1],disabled:[4],selected:[4]}]]],["p-8ed0f8b1",[[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"]}]]],["p-87f319ad",[[1,"ur-button-arrow-left",{disabled:[4]}],[1,"ur-button-arrow-right",{disabled:[4]}]]],["p-7595aad6",[[1,"ur-avatar",{size:[1],src:[1],name:[1],border:[1],radius:[1]}]]],["p-782d2952",[[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]}]]],["p-303bc73c",[[1,"ur-button-icon",{disabled:[4],loading:[4],variant:[1],icon:[1],selectedIcon:[1,"selected-icon"],selected:[4]}]]],["p-d071d78d",[[1,"ur-logo",{width:[1],height:[1],color:[1],rotation:[2],opacity:[2]}]]],["p-7a41d8c5",[[1,"ur-button",{disabled:[4],variant:[1],icon:[8],endIcon:[8,"end-icon"],fullWidth:[4,"full-width"]}]]]],e))));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as n,H as r}from"./p-b9030d3f.js";import"./p-98c0d846.js";import"./p-4769f30d.js";import"./p-5c649bcb.js";import"./p-9142f6a0.js";import"./p-8994d758.js";import"./p-745c78bb.js";import"./p-2c12c6ae.js";import"./p-b270ea3f.js";import"./p-4c59024f.js";import"./p-7d099308.js";import"./p-4aa7bd52.js";import"./p-9a8de161.js";import"./p-04c12413.js";import"./p-a27ffa78.js";import"./p-9bfb6da3.js";import"./p-4301592f.js";const o=class{constructor(n){e(this,n),this.leftClicked=t(this,"leftClicked",7)}render(){return n(r,{key:"a88add126bc233bf9df53adee116e374abb805be"},n("mdui-button-icon",{key:"0d2d90f8584ea9a9450ef7fea0136fe551e35df4",onClick:()=>this.leftClicked.emit()},n("svg",{key:"68e6332941fe1fc771ca73fec70de2432faeb901",xmlns:"http://www.w3.org/2000/svg",width:"29",height:"28",viewBox:"0 0 29 28",fill:"none"},n("g",{key:"069c3b5cd5a13c0438b9de13b5d15fab92c77e39"},n("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"})))))}};o.style=":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 i=class{constructor(n){e(this,n),this.rightClicked=t(this,"rightClicked",7)}render(){return n(r,{key:"ff78cb4ea3299cf99dc9f268fda3283408a06bf2"},n("mdui-button-icon",{key:"7d2320a1e327eec7cac93e9d5a87264fa039ddc9",onClick:()=>this.rightClicked.emit()},n("svg",{key:"a0b7de791300216a1a735e4b734b94efabf9c0a9",width:"29",height:"28",viewBox:"0 0 29 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("g",{key:"22e6fd95449a029281ab1b1f0424edfca9b64298",id:"Arrow right"},n("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"})))))}};i.style=":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";export{o as ur_button_arrow_left,i as ur_button_arrow_right}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as s,H as e,g as r}from"./p-b9030d3f.js";const o=class{constructor(s){i(this,s),this.intersectionUpdated=t(this,"intersectionUpdated",7),this.prevClicked=t(this,"prevClicked",7),this.nextClicked=t(this,"nextClicked",7),this.onIntersection=async i=>{this.intersectionUpdated.emit(i)},this.novls=[],this.breakpoints={},this.grid={rows:1,fill:"row"},this.slidesPerView="auto",this.spaceBetween="0",this.navigation=!1}componentDidLoad(){const i=this.el.shadowRoot.querySelector("swiper-container");this.navigation&&(this.el.shadowRoot.querySelector("ur-button-arrow-left").addEventListener("click",(()=>{var t;null===(t=null==i?void 0:i.swiper)||void 0===t||t.slidePrev(),this.prevClicked.emit()})),this.el.shadowRoot.querySelector("ur-button-arrow-right").addEventListener("click",(()=>{var t;null===(t=null==i?void 0:i.swiper)||void 0===t||t.slideNext(),this.nextClicked.emit()})));const t=this.el.shadowRoot.querySelectorAll("ur-novl");this.observer=new IntersectionObserver(this.onIntersection),t.forEach((i=>{this.observer.observe(i)}))}render(){return s(e,{key:"71897f640c6de0c06819f38b194250a07cdc5251"},s("div",{key:"c15303b8a881fd6563e01ac8dbe336d62299f2ef",class:"carousel"},this.navigation&&s("ur-button-arrow-left",{key:"a2b067fba4a8baab82e34c375f00e9b931047815"}),this.navigation&&s("ur-button-arrow-right",{key:"c72aae4eb9ae4c0d20a40d43318368ab86babced"}),s("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(((i,t)=>{return s("swiper-slide",null,(e=i)&&e.content&&"function"==typeof e.content?s("div",{class:"custom",innerHTML:i.content(t)}):s("ur-novl",Object.assign({},i)));var e})))))}get el(){return r(this)}};o.style=":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host swiper-slide{width:var(--swiper-slide-width)}:host ur-button-arrow-left,:host ur-button-arrow-right{position:absolute;top:calc(50% - 34px);left:-17px;z-index:2}:host ur-button-arrow-right{left:auto;right:-17px}@media (min-width: 0px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 321px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 640px){:host swiper-slide{width:calc(90% / 3)}}@media (min-width: 1150px){:host swiper-slide{width:calc(90% / 4)}}@media (min-width: 1770px){:host swiper-slide{width:calc(90% / 5)}}@media (min-width: 2140px){:host swiper-slide{width:calc(90% / 6)}}";export{o as ur_novl_carousel}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as n,H as r}from"./p-b9030d3f.js";import"./p-98c0d846.js";import"./p-4769f30d.js";import"./p-5c649bcb.js";import"./p-9142f6a0.js";import"./p-8994d758.js";import"./p-745c78bb.js";import"./p-2c12c6ae.js";import"./p-b270ea3f.js";import"./p-4c59024f.js";import"./p-7d099308.js";import"./p-4aa7bd52.js";import"./p-9a8de161.js";import"./p-04c12413.js";import"./p-a27ffa78.js";import"./p-9bfb6da3.js";import"./p-4301592f.js";const o=class{constructor(n){e(this,n),this.leftClicked=t(this,"leftClicked",7)}render(){return n(r,{key:"a88add126bc233bf9df53adee116e374abb805be"},n("mdui-button-icon",{key:"0d2d90f8584ea9a9450ef7fea0136fe551e35df4",onClick:()=>this.leftClicked.emit()},n("svg",{key:"68e6332941fe1fc771ca73fec70de2432faeb901",xmlns:"http://www.w3.org/2000/svg",width:"29",height:"28",viewBox:"0 0 29 28",fill:"none"},n("g",{key:"069c3b5cd5a13c0438b9de13b5d15fab92c77e39"},n("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"})))))}};o.style=":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 i=class{constructor(n){e(this,n),this.rightClicked=t(this,"rightClicked",7)}render(){return n(r,{key:"ff78cb4ea3299cf99dc9f268fda3283408a06bf2"},n("mdui-button-icon",{key:"7d2320a1e327eec7cac93e9d5a87264fa039ddc9",onClick:()=>this.rightClicked.emit()},n("svg",{key:"a0b7de791300216a1a735e4b734b94efabf9c0a9",width:"29",height:"28",viewBox:"0 0 29 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("g",{key:"22e6fd95449a029281ab1b1f0424edfca9b64298",id:"Arrow right"},n("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"})))))}};i.style=":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";export{o as ur_button_arrow_left,i as ur_button_arrow_right}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as s,H as e,g as r}from"./p-b9030d3f.js";const o=class{constructor(s){i(this,s),this.intersectionUpdated=t(this,"intersectionUpdated",7),this.prevClicked=t(this,"prevClicked",7),this.nextClicked=t(this,"nextClicked",7),this.onIntersection=async i=>{this.intersectionUpdated.emit(i)},this.novls=[],this.breakpoints={},this.grid={rows:1,fill:"row"},this.slidesPerView="auto",this.spaceBetween="0",this.navigation=!1}componentDidLoad(){const i=this.el.shadowRoot.querySelector("swiper-container");this.navigation&&(this.el.shadowRoot.querySelector("ur-button-arrow-left").addEventListener("click",(()=>{var t;null===(t=null==i?void 0:i.swiper)||void 0===t||t.slidePrev(),this.prevClicked.emit()})),this.el.shadowRoot.querySelector("ur-button-arrow-right").addEventListener("click",(()=>{var t;null===(t=null==i?void 0:i.swiper)||void 0===t||t.slideNext(),this.nextClicked.emit()})));const t=this.el.shadowRoot.querySelectorAll("ur-novl");this.observer=new IntersectionObserver(this.onIntersection),t.forEach((i=>{this.observer.observe(i)}))}render(){return s(e,{key:"71897f640c6de0c06819f38b194250a07cdc5251"},s("div",{key:"c15303b8a881fd6563e01ac8dbe336d62299f2ef",class:"carousel"},this.navigation&&s("ur-button-arrow-left",{key:"a2b067fba4a8baab82e34c375f00e9b931047815"}),this.navigation&&s("ur-button-arrow-right",{key:"c72aae4eb9ae4c0d20a40d43318368ab86babced"}),s("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(((i,t)=>{return s("swiper-slide",null,(e=i)&&e.content&&"function"==typeof e.content?s("div",{class:"custom",innerHTML:i.content(t)}):s("ur-novl",Object.assign({},i)));var e})))))}get el(){return r(this)}};o.style=":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host swiper-slide{width:var(--swiper-slide-width)}:host ur-button-arrow-left,:host ur-button-arrow-right{position:absolute;top:calc(50% - 34px);left:-17px;z-index:2}:host ur-button-arrow-right{left:auto;right:-17px}@media (min-width: 0px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 321px){:host swiper-slide{width:calc(90% / 2)}}@media (min-width: 640px){:host swiper-slide{width:calc(90% / 3)}}@media (min-width: 1150px){:host swiper-slide{width:calc(90% / 4)}}@media (min-width: 1770px){:host swiper-slide{width:calc(90% / 5)}}@media (min-width: 2140px){:host swiper-slide{width:calc(90% / 6)}}";export{o as ur_novl_carousel}
|