urnovl-web-components 0.0.165 → 0.0.166
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/ur-novl-carousel.cjs.entry.js +14 -8
- package/dist/collection/components/ur-novl-carousel/ur-novl-carousel.css +1 -1
- package/dist/collection/components/ur-novl-carousel/ur-novl-carousel.js +13 -7
- package/dist/components/ur-novl-carousel.js +14 -8
- package/dist/esm/ur-novl-carousel.entry.js +14 -8
- package/dist/urnovl-web-components/p-9903eb59.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-9903eb59.entry.js +1 -0
- package/www/build/{p-d6726f61.js → p-afb0c25f.js} +1 -1
- package/www/build/urnovl-web-components.esm.js +1 -1
- package/dist/urnovl-web-components/p-3af5f481.entry.js +0 -1
- package/www/build/p-3af5f481.entry.js +0 -1
|
@@ -8,7 +8,7 @@ const is_custom_data = (data) => {
|
|
|
8
8
|
return data && !!data.content && typeof data.content === 'function';
|
|
9
9
|
};
|
|
10
10
|
|
|
11
|
-
const urNovlCarouselCss = ":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host .carousel swiper-slide{position:relative}:host .carousel .
|
|
11
|
+
const urNovlCarouselCss = ":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host .carousel swiper-slide{position:relative}:host .carousel .index{position:absolute;top:0;left:0;color:#fff;font-size:32px;background:red;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;z-index:5}: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)}}";
|
|
12
12
|
const UrNovlCarouselStyle0 = urNovlCarouselCss;
|
|
13
13
|
|
|
14
14
|
const UrNovlCarousel = class {
|
|
@@ -70,7 +70,7 @@ const UrNovlCarousel = class {
|
|
|
70
70
|
index.forceUpdate(this);
|
|
71
71
|
}
|
|
72
72
|
componentDidLoad() {
|
|
73
|
-
var _a, _b;
|
|
73
|
+
var _a, _b, _c, _d;
|
|
74
74
|
this.swiperContainer = this.el.shadowRoot.querySelector('swiper-container');
|
|
75
75
|
if (this.navigation) {
|
|
76
76
|
this.leftArrow = this.el.shadowRoot.querySelector('ur-button-arrow-left');
|
|
@@ -79,9 +79,15 @@ const UrNovlCarousel = class {
|
|
|
79
79
|
this.rightArrow.addEventListener('click', this.onRightClick);
|
|
80
80
|
(_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper.on('slideChange', this.onSlideChange);
|
|
81
81
|
}
|
|
82
|
-
(_b = this.swiperContainer) === null || _b === void 0 ? void 0 : _b.swiper.on('
|
|
83
|
-
|
|
84
|
-
|
|
82
|
+
(_b = this.swiperContainer) === null || _b === void 0 ? void 0 : _b.swiper.on('reachBeginning', () => {
|
|
83
|
+
this.disabledPrev = true;
|
|
84
|
+
});
|
|
85
|
+
(_c = this.swiperContainer) === null || _c === void 0 ? void 0 : _c.swiper.on('reachEnd', () => {
|
|
86
|
+
this.disabledNext = true;
|
|
87
|
+
});
|
|
88
|
+
(_d = this.swiperContainer) === null || _d === void 0 ? void 0 : _d.swiper.on('progress', (event, value) => {
|
|
89
|
+
const progress = parseInt(Math.round(value * 100).toFixed(0), 10);
|
|
90
|
+
const visibleElements = event.slidesEl.getElementsByClassName('swiper-slide-visible').length;
|
|
85
91
|
this.progressUpdated.emit([progress, visibleElements]);
|
|
86
92
|
});
|
|
87
93
|
/*
|
|
@@ -114,12 +120,12 @@ const UrNovlCarousel = class {
|
|
|
114
120
|
}
|
|
115
121
|
renderNovl(novl, index$1) {
|
|
116
122
|
if (is_custom_data(novl)) {
|
|
117
|
-
return (index.h("swiper-slide", null, index.h("span", { class: "
|
|
123
|
+
return (index.h("swiper-slide", null, index.h("span", { class: "index" }, index$1 + 1), index.h("div", { class: "custom", innerHTML: novl.content(index$1) })));
|
|
118
124
|
}
|
|
119
|
-
return (index.h("swiper-slide", null, index.h("span", { class: "
|
|
125
|
+
return (index.h("swiper-slide", null, index.h("span", { class: "index" }, index$1 + 1), index.h("ur-novl", Object.assign({}, novl))));
|
|
120
126
|
}
|
|
121
127
|
render() {
|
|
122
|
-
return (index.h(index.Host, { key: '
|
|
128
|
+
return (index.h(index.Host, { key: 'd2ae0b3b225c690892eb6522e882606a674310ee' }, index.h("div", { key: 'eca274fdc11cec944781e81ca9961f3bbcb792da', class: "carousel" }, this.navigation && (index.h("ur-button-arrow-left", { key: '136c1257798adb1b9e982eea0df2284a57d9a27f', disabled: this.disabledPrev })), this.navigation && (index.h("ur-button-arrow-right", { key: '620e564773f1e8f724202c43d904c8819cda2383', disabled: this.loading || this.disabledNext })), index.h("swiper-container", { key: '95572dc09fe1e6aeca60eefabcd969110ff73daa', init: true, observer: true, "observe-slide-children": true, "slides-per-group-auto": true, "watch-slides-progress": true, "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.novls.map((novl, index) => this.renderNovl(novl, index))))));
|
|
123
129
|
}
|
|
124
130
|
get el() { return index.getElement(this); }
|
|
125
131
|
};
|
|
@@ -55,7 +55,7 @@ export class UrNovlCarousel {
|
|
|
55
55
|
forceUpdate(this);
|
|
56
56
|
}
|
|
57
57
|
componentDidLoad() {
|
|
58
|
-
var _a, _b;
|
|
58
|
+
var _a, _b, _c, _d;
|
|
59
59
|
this.swiperContainer = this.el.shadowRoot.querySelector('swiper-container');
|
|
60
60
|
if (this.navigation) {
|
|
61
61
|
this.leftArrow = this.el.shadowRoot.querySelector('ur-button-arrow-left');
|
|
@@ -64,9 +64,15 @@ export class UrNovlCarousel {
|
|
|
64
64
|
this.rightArrow.addEventListener('click', this.onRightClick);
|
|
65
65
|
(_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper.on('slideChange', this.onSlideChange);
|
|
66
66
|
}
|
|
67
|
-
(_b = this.swiperContainer) === null || _b === void 0 ? void 0 : _b.swiper.on('
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
(_b = this.swiperContainer) === null || _b === void 0 ? void 0 : _b.swiper.on('reachBeginning', () => {
|
|
68
|
+
this.disabledPrev = true;
|
|
69
|
+
});
|
|
70
|
+
(_c = this.swiperContainer) === null || _c === void 0 ? void 0 : _c.swiper.on('reachEnd', () => {
|
|
71
|
+
this.disabledNext = true;
|
|
72
|
+
});
|
|
73
|
+
(_d = this.swiperContainer) === null || _d === void 0 ? void 0 : _d.swiper.on('progress', (event, value) => {
|
|
74
|
+
const progress = parseInt(Math.round(value * 100).toFixed(0), 10);
|
|
75
|
+
const visibleElements = event.slidesEl.getElementsByClassName('swiper-slide-visible').length;
|
|
70
76
|
this.progressUpdated.emit([progress, visibleElements]);
|
|
71
77
|
});
|
|
72
78
|
/*
|
|
@@ -99,12 +105,12 @@ export class UrNovlCarousel {
|
|
|
99
105
|
}
|
|
100
106
|
renderNovl(novl, index) {
|
|
101
107
|
if (is_custom_data(novl)) {
|
|
102
|
-
return (h("swiper-slide", null, h("span", { class: "
|
|
108
|
+
return (h("swiper-slide", null, h("span", { class: "index" }, index + 1), h("div", { class: "custom", innerHTML: novl.content(index) })));
|
|
103
109
|
}
|
|
104
|
-
return (h("swiper-slide", null, h("span", { class: "
|
|
110
|
+
return (h("swiper-slide", null, h("span", { class: "index" }, index + 1), h("ur-novl", Object.assign({}, novl))));
|
|
105
111
|
}
|
|
106
112
|
render() {
|
|
107
|
-
return (h(Host, { key: '
|
|
113
|
+
return (h(Host, { key: 'd2ae0b3b225c690892eb6522e882606a674310ee' }, h("div", { key: 'eca274fdc11cec944781e81ca9961f3bbcb792da', class: "carousel" }, this.navigation && (h("ur-button-arrow-left", { key: '136c1257798adb1b9e982eea0df2284a57d9a27f', disabled: this.disabledPrev })), this.navigation && (h("ur-button-arrow-right", { key: '620e564773f1e8f724202c43d904c8819cda2383', disabled: this.loading || this.disabledNext })), h("swiper-container", { key: '95572dc09fe1e6aeca60eefabcd969110ff73daa', init: true, observer: true, "observe-slide-children": true, "slides-per-group-auto": true, "watch-slides-progress": true, "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.novls.map((novl, index) => this.renderNovl(novl, index))))));
|
|
108
114
|
}
|
|
109
115
|
static get is() { return "ur-novl-carousel"; }
|
|
110
116
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,7 +7,7 @@ const is_custom_data = (data) => {
|
|
|
7
7
|
return data && !!data.content && typeof data.content === 'function';
|
|
8
8
|
};
|
|
9
9
|
|
|
10
|
-
const urNovlCarouselCss = ":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host .carousel swiper-slide{position:relative}:host .carousel .
|
|
10
|
+
const urNovlCarouselCss = ":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host .carousel swiper-slide{position:relative}:host .carousel .index{position:absolute;top:0;left:0;color:#fff;font-size:32px;background:red;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;z-index:5}: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)}}";
|
|
11
11
|
const UrNovlCarouselStyle0 = urNovlCarouselCss;
|
|
12
12
|
|
|
13
13
|
const UrNovlCarousel$1 = /*@__PURE__*/ proxyCustomElement(class UrNovlCarousel extends H {
|
|
@@ -71,7 +71,7 @@ const UrNovlCarousel$1 = /*@__PURE__*/ proxyCustomElement(class UrNovlCarousel e
|
|
|
71
71
|
forceUpdate(this);
|
|
72
72
|
}
|
|
73
73
|
componentDidLoad() {
|
|
74
|
-
var _a, _b;
|
|
74
|
+
var _a, _b, _c, _d;
|
|
75
75
|
this.swiperContainer = this.el.shadowRoot.querySelector('swiper-container');
|
|
76
76
|
if (this.navigation) {
|
|
77
77
|
this.leftArrow = this.el.shadowRoot.querySelector('ur-button-arrow-left');
|
|
@@ -80,9 +80,15 @@ const UrNovlCarousel$1 = /*@__PURE__*/ proxyCustomElement(class UrNovlCarousel e
|
|
|
80
80
|
this.rightArrow.addEventListener('click', this.onRightClick);
|
|
81
81
|
(_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper.on('slideChange', this.onSlideChange);
|
|
82
82
|
}
|
|
83
|
-
(_b = this.swiperContainer) === null || _b === void 0 ? void 0 : _b.swiper.on('
|
|
84
|
-
|
|
85
|
-
|
|
83
|
+
(_b = this.swiperContainer) === null || _b === void 0 ? void 0 : _b.swiper.on('reachBeginning', () => {
|
|
84
|
+
this.disabledPrev = true;
|
|
85
|
+
});
|
|
86
|
+
(_c = this.swiperContainer) === null || _c === void 0 ? void 0 : _c.swiper.on('reachEnd', () => {
|
|
87
|
+
this.disabledNext = true;
|
|
88
|
+
});
|
|
89
|
+
(_d = this.swiperContainer) === null || _d === void 0 ? void 0 : _d.swiper.on('progress', (event, value) => {
|
|
90
|
+
const progress = parseInt(Math.round(value * 100).toFixed(0), 10);
|
|
91
|
+
const visibleElements = event.slidesEl.getElementsByClassName('swiper-slide-visible').length;
|
|
86
92
|
this.progressUpdated.emit([progress, visibleElements]);
|
|
87
93
|
});
|
|
88
94
|
/*
|
|
@@ -115,12 +121,12 @@ const UrNovlCarousel$1 = /*@__PURE__*/ proxyCustomElement(class UrNovlCarousel e
|
|
|
115
121
|
}
|
|
116
122
|
renderNovl(novl, index) {
|
|
117
123
|
if (is_custom_data(novl)) {
|
|
118
|
-
return (h("swiper-slide", null, h("span", { class: "
|
|
124
|
+
return (h("swiper-slide", null, h("span", { class: "index" }, index + 1), h("div", { class: "custom", innerHTML: novl.content(index) })));
|
|
119
125
|
}
|
|
120
|
-
return (h("swiper-slide", null, h("span", { class: "
|
|
126
|
+
return (h("swiper-slide", null, h("span", { class: "index" }, index + 1), h("ur-novl", Object.assign({}, novl))));
|
|
121
127
|
}
|
|
122
128
|
render() {
|
|
123
|
-
return (h(Host, { key: '
|
|
129
|
+
return (h(Host, { key: 'd2ae0b3b225c690892eb6522e882606a674310ee' }, h("div", { key: 'eca274fdc11cec944781e81ca9961f3bbcb792da', class: "carousel" }, this.navigation && (h("ur-button-arrow-left", { key: '136c1257798adb1b9e982eea0df2284a57d9a27f', disabled: this.disabledPrev })), this.navigation && (h("ur-button-arrow-right", { key: '620e564773f1e8f724202c43d904c8819cda2383', disabled: this.loading || this.disabledNext })), h("swiper-container", { key: '95572dc09fe1e6aeca60eefabcd969110ff73daa', init: true, observer: true, "observe-slide-children": true, "slides-per-group-auto": true, "watch-slides-progress": true, "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.novls.map((novl, index) => this.renderNovl(novl, index))))));
|
|
124
130
|
}
|
|
125
131
|
get el() { return this; }
|
|
126
132
|
static get style() { return UrNovlCarouselStyle0; }
|
|
@@ -4,7 +4,7 @@ const is_custom_data = (data) => {
|
|
|
4
4
|
return data && !!data.content && typeof data.content === 'function';
|
|
5
5
|
};
|
|
6
6
|
|
|
7
|
-
const urNovlCarouselCss = ":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host .carousel swiper-slide{position:relative}:host .carousel .
|
|
7
|
+
const urNovlCarouselCss = ":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host .carousel swiper-slide{position:relative}:host .carousel .index{position:absolute;top:0;left:0;color:#fff;font-size:32px;background:red;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;z-index:5}: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)}}";
|
|
8
8
|
const UrNovlCarouselStyle0 = urNovlCarouselCss;
|
|
9
9
|
|
|
10
10
|
const UrNovlCarousel = class {
|
|
@@ -66,7 +66,7 @@ const UrNovlCarousel = class {
|
|
|
66
66
|
forceUpdate(this);
|
|
67
67
|
}
|
|
68
68
|
componentDidLoad() {
|
|
69
|
-
var _a, _b;
|
|
69
|
+
var _a, _b, _c, _d;
|
|
70
70
|
this.swiperContainer = this.el.shadowRoot.querySelector('swiper-container');
|
|
71
71
|
if (this.navigation) {
|
|
72
72
|
this.leftArrow = this.el.shadowRoot.querySelector('ur-button-arrow-left');
|
|
@@ -75,9 +75,15 @@ const UrNovlCarousel = class {
|
|
|
75
75
|
this.rightArrow.addEventListener('click', this.onRightClick);
|
|
76
76
|
(_a = this.swiperContainer) === null || _a === void 0 ? void 0 : _a.swiper.on('slideChange', this.onSlideChange);
|
|
77
77
|
}
|
|
78
|
-
(_b = this.swiperContainer) === null || _b === void 0 ? void 0 : _b.swiper.on('
|
|
79
|
-
|
|
80
|
-
|
|
78
|
+
(_b = this.swiperContainer) === null || _b === void 0 ? void 0 : _b.swiper.on('reachBeginning', () => {
|
|
79
|
+
this.disabledPrev = true;
|
|
80
|
+
});
|
|
81
|
+
(_c = this.swiperContainer) === null || _c === void 0 ? void 0 : _c.swiper.on('reachEnd', () => {
|
|
82
|
+
this.disabledNext = true;
|
|
83
|
+
});
|
|
84
|
+
(_d = this.swiperContainer) === null || _d === void 0 ? void 0 : _d.swiper.on('progress', (event, value) => {
|
|
85
|
+
const progress = parseInt(Math.round(value * 100).toFixed(0), 10);
|
|
86
|
+
const visibleElements = event.slidesEl.getElementsByClassName('swiper-slide-visible').length;
|
|
81
87
|
this.progressUpdated.emit([progress, visibleElements]);
|
|
82
88
|
});
|
|
83
89
|
/*
|
|
@@ -110,12 +116,12 @@ const UrNovlCarousel = class {
|
|
|
110
116
|
}
|
|
111
117
|
renderNovl(novl, index) {
|
|
112
118
|
if (is_custom_data(novl)) {
|
|
113
|
-
return (h("swiper-slide", null, h("span", { class: "
|
|
119
|
+
return (h("swiper-slide", null, h("span", { class: "index" }, index + 1), h("div", { class: "custom", innerHTML: novl.content(index) })));
|
|
114
120
|
}
|
|
115
|
-
return (h("swiper-slide", null, h("span", { class: "
|
|
121
|
+
return (h("swiper-slide", null, h("span", { class: "index" }, index + 1), h("ur-novl", Object.assign({}, novl))));
|
|
116
122
|
}
|
|
117
123
|
render() {
|
|
118
|
-
return (h(Host, { key: '
|
|
124
|
+
return (h(Host, { key: 'd2ae0b3b225c690892eb6522e882606a674310ee' }, h("div", { key: 'eca274fdc11cec944781e81ca9961f3bbcb792da', class: "carousel" }, this.navigation && (h("ur-button-arrow-left", { key: '136c1257798adb1b9e982eea0df2284a57d9a27f', disabled: this.disabledPrev })), this.navigation && (h("ur-button-arrow-right", { key: '620e564773f1e8f724202c43d904c8819cda2383', disabled: this.loading || this.disabledNext })), h("swiper-container", { key: '95572dc09fe1e6aeca60eefabcd969110ff73daa', init: true, observer: true, "observe-slide-children": true, "slides-per-group-auto": true, "watch-slides-progress": true, "breakpoint-base": "container", grid: this.grid, breakpoints: this.breakpoints, "slides-per-view": this.slidesPerView, "space-between": this.spaceBetween }, this.novls.map((novl, index) => this.renderNovl(novl, index))))));
|
|
119
125
|
}
|
|
120
126
|
get el() { return getElement(this); }
|
|
121
127
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as s,f as t,h as e,H as o,g as h}from"./p-12c4fa95.js";const d=class{constructor(t){i(this,t),this.prevClicked=s(this,"prevClicked",7),this.nextClicked=s(this,"nextClicked",7),this.progressUpdated=s(this,"progressUpdated",7),this.onSlideChange=()=>{var i,s,t,e;this.disabledPrev=null===(s=null===(i=this.swiperContainer)||void 0===i?void 0:i.swiper)||void 0===s?void 0:s.isBeginning,this.disabledNext=null===(e=null===(t=this.swiperContainer)||void 0===t?void 0:t.swiper)||void 0===e?void 0:e.isEnd},this.onLeftClick=()=>{var i,s;this.disabledPrev||(null===(s=null===(i=this.swiperContainer)||void 0===i?void 0:i.swiper)||void 0===s||s.slidePrev(),this.prevClicked.emit())},this.onRightClick=()=>{var i,s;this.disabledNext||(null===(s=null===(i=this.swiperContainer)||void 0===i?void 0:i.swiper)||void 0===s||s.slideNext(),this.nextClicked.emit())},this.novls=[],this.loading=!1,this.disabledPrev=!0,this.disabledNext=!1,this.breakpoints={},this.grid={rows:1,fill:"row"},this.slidesPerView="auto",this.spaceBetween="0",this.navigation=!1}async addNovls(i){console.log(">> add novls",i),this.novls=this.novls.concat(...i),t(this)}async updateNovlsByIndex(i){console.log(">> update novls",i),this.novls=this.novls.map(((s,t)=>i.has(t)?i.get(t):s)),t(this)}componentDidLoad(){var i,s,t,e;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.addEventListener("click",this.onLeftClick),this.rightArrow.addEventListener("click",this.onRightClick),null===(i=this.swiperContainer)||void 0===i||i.swiper.on("slideChange",this.onSlideChange)),null===(s=this.swiperContainer)||void 0===s||s.swiper.on("reachBeginning",(()=>{this.disabledPrev=!0})),null===(t=this.swiperContainer)||void 0===t||t.swiper.on("reachEnd",(()=>{this.disabledNext=!0})),null===(e=this.swiperContainer)||void 0===e||e.swiper.on("progress",((i,s)=>{const t=parseInt(Math.round(100*s).toFixed(0),10),e=i.slidesEl.getElementsByClassName("swiper-slide-visible").length;this.progressUpdated.emit([t,e])}))}disconnectedCallback(){var i,s,t;null===(i=this.leftArrow)||void 0===i||i.removeEventListener("click",this.onLeftClick),null===(s=this.rightArrow)||void 0===s||s.removeEventListener("click",this.onRightClick),null===(t=this.swiperContainer)||void 0===t||t.swiper.destroy(!0,!0)}renderNovl(i,s){return(t=i)&&t.content&&"function"==typeof t.content?e("swiper-slide",null,e("span",{class:"index"},s+1),e("div",{class:"custom",innerHTML:i.content(s)})):e("swiper-slide",null,e("span",{class:"index"},s+1),e("ur-novl",Object.assign({},i)));var t}render(){return e(o,{key:"d2ae0b3b225c690892eb6522e882606a674310ee"},e("div",{key:"eca274fdc11cec944781e81ca9961f3bbcb792da",class:"carousel"},this.navigation&&e("ur-button-arrow-left",{key:"136c1257798adb1b9e982eea0df2284a57d9a27f",disabled:this.disabledPrev}),this.navigation&&e("ur-button-arrow-right",{key:"620e564773f1e8f724202c43d904c8819cda2383",disabled:this.loading||this.disabledNext}),e("swiper-container",{key:"95572dc09fe1e6aeca60eefabcd969110ff73daa",init:!0,observer:!0,"observe-slide-children":!0,"slides-per-group-auto":!0,"watch-slides-progress":!0,"breakpoint-base":"container",grid:this.grid,breakpoints:this.breakpoints,"slides-per-view":this.slidesPerView,"space-between":this.spaceBetween},this.novls.map(((i,s)=>this.renderNovl(i,s))))))}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 .carousel swiper-slide{position:relative}:host .carousel .index{position:absolute;top:0;left:0;color:#fff;font-size:32px;background:red;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;z-index:5}: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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as o}from"./p-12c4fa95.js";export{s as setNonce}from"./p-12c4fa95.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-8bb2214a",[[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-12c4fa95.js";export{s as setNonce}from"./p-12c4fa95.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-8bb2214a",[[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-9903eb59",[[1,"ur-novl-carousel",{novls:[16],loading:[32],breakpoints:[16],grid:[16],slidesPerView:[8,"slides-per-view"],spaceBetween:[8,"space-between"],navigation:[4],disabledPrev:[32],disabledNext:[32],addNovls:[64],updateNovlsByIndex:[64]}]]],["p-a1a05092",[[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-d1244caa",[[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-87c618f0",[[1,"ur-locale-filter-panel",{showHeader:[4,"show-header"],showFooter:[4,"show-footer"],locales:[16],disabledLocales:[16],mutableLocales:[32]}]]],["p-15ea9e1b",[[1,"ur-main-desktop-top-app-bar",{variant:[1],logoRotation:[2,"logo-rotation"],logoOpacity:[2,"logo-opacity"],searchText:[1,"search-text"]}]]],["p-88f0db6a",[[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-064dcfd2",[[1,"ur-read-mobile-top-app-bar",{variant:[1],headerTitle:[1,"header-title"],scrollBehavior:[1,"scroll-behavior"],scrollThreshold:[2,"scroll-threshold"]}]]],["p-7844f377",[[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-6913ff16",[[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-0108cdbb",[[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-1c166d0c",[[1,"ur-checkbox",{disabled:[4],checked:[4]}]]],["p-1c8feed5",[[1,"ur-chip",{label:[1],border:[1],radius:[1],size:[1],backColor:[1,"back-color"],fontColor:[1,"font-color"],loading:[4],disabled:[4]}]]],["p-58b89f87",[[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-687dd202",[[1,"ur-list-subheader",{text:[1]}]]],["p-a4bd15b6",[[1,"ur-loader"]]],["p-bcda538a",[[1,"ur-locale-filter-button",{count:[2],selected:[4]}]]],["p-45bed46a",[[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-5d256674",[[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-95a690b4",[[1,"ur-radio-button",{disabled:[4],checked:[4],text:[1]}]]],["p-0720baa8",[[1,"ur-segment-button",{likeLabel:[1,"like-label"]}]]],["p-c48ac4b6",[[1,"ur-switch",{disabled:[4],checked:[4]}]]],["p-8bb9915f",[[1,"ur-tabs",{tabs:[16],panels:[16]}]]],["p-cf38b7c8",[[1,"ur-text-field",{label:[1],placeholder:[1],helper:[1],disabled:[4],variant:[1],value:[1],endIcon:[8,"end-icon"]}]]],["p-45969297",[[1,"ur-user-profile"]]],["p-b4c4ff06",[[1,"ur-menu-item",{value:[1],label:[1],disabled:[4],selected:[4]}]]],["p-3c92e89c",[[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-aab9614b",[[1,"ur-button-arrow-left",{disabled:[4]}],[1,"ur-button-arrow-right",{disabled:[4]}]]],["p-51b60e6f",[[1,"ur-avatar",{size:[1],src:[1],name:[1],border:[1],radius:[1]}]]],["p-ac915aa1",[[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-4976c07b",[[1,"ur-button-icon",{disabled:[4],loading:[4],variant:[1],icon:[1],selectedIcon:[1,"selected-icon"],selected:[4]}]]],["p-eaf1ca1e",[[1,"ur-logo",{width:[1],height:[1],color:[1],rotation:[2],opacity:[2]}]]],["p-6a60900d",[[1,"ur-button",{disabled:[4],variant:[1],icon:[8],endIcon:[8,"end-icon"],fullWidth:[4,"full-width"]}]]]],e))));
|
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as s,f as t,h as e,H as o,g as h}from"./p-12c4fa95.js";const d=class{constructor(t){i(this,t),this.prevClicked=s(this,"prevClicked",7),this.nextClicked=s(this,"nextClicked",7),this.progressUpdated=s(this,"progressUpdated",7),this.onSlideChange=()=>{var i,s,t,e;this.disabledPrev=null===(s=null===(i=this.swiperContainer)||void 0===i?void 0:i.swiper)||void 0===s?void 0:s.isBeginning,this.disabledNext=null===(e=null===(t=this.swiperContainer)||void 0===t?void 0:t.swiper)||void 0===e?void 0:e.isEnd},this.onLeftClick=()=>{var i,s;this.disabledPrev||(null===(s=null===(i=this.swiperContainer)||void 0===i?void 0:i.swiper)||void 0===s||s.slidePrev(),this.prevClicked.emit())},this.onRightClick=()=>{var i,s;this.disabledNext||(null===(s=null===(i=this.swiperContainer)||void 0===i?void 0:i.swiper)||void 0===s||s.slideNext(),this.nextClicked.emit())},this.novls=[],this.loading=!1,this.disabledPrev=!0,this.disabledNext=!1,this.breakpoints={},this.grid={rows:1,fill:"row"},this.slidesPerView="auto",this.spaceBetween="0",this.navigation=!1}async addNovls(i){console.log(">> add novls",i),this.novls=this.novls.concat(...i),t(this)}async updateNovlsByIndex(i){console.log(">> update novls",i),this.novls=this.novls.map(((s,t)=>i.has(t)?i.get(t):s)),t(this)}componentDidLoad(){var i,s,t,e;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.addEventListener("click",this.onLeftClick),this.rightArrow.addEventListener("click",this.onRightClick),null===(i=this.swiperContainer)||void 0===i||i.swiper.on("slideChange",this.onSlideChange)),null===(s=this.swiperContainer)||void 0===s||s.swiper.on("reachBeginning",(()=>{this.disabledPrev=!0})),null===(t=this.swiperContainer)||void 0===t||t.swiper.on("reachEnd",(()=>{this.disabledNext=!0})),null===(e=this.swiperContainer)||void 0===e||e.swiper.on("progress",((i,s)=>{const t=parseInt(Math.round(100*s).toFixed(0),10),e=i.slidesEl.getElementsByClassName("swiper-slide-visible").length;this.progressUpdated.emit([t,e])}))}disconnectedCallback(){var i,s,t;null===(i=this.leftArrow)||void 0===i||i.removeEventListener("click",this.onLeftClick),null===(s=this.rightArrow)||void 0===s||s.removeEventListener("click",this.onRightClick),null===(t=this.swiperContainer)||void 0===t||t.swiper.destroy(!0,!0)}renderNovl(i,s){return(t=i)&&t.content&&"function"==typeof t.content?e("swiper-slide",null,e("span",{class:"index"},s+1),e("div",{class:"custom",innerHTML:i.content(s)})):e("swiper-slide",null,e("span",{class:"index"},s+1),e("ur-novl",Object.assign({},i)));var t}render(){return e(o,{key:"d2ae0b3b225c690892eb6522e882606a674310ee"},e("div",{key:"eca274fdc11cec944781e81ca9961f3bbcb792da",class:"carousel"},this.navigation&&e("ur-button-arrow-left",{key:"136c1257798adb1b9e982eea0df2284a57d9a27f",disabled:this.disabledPrev}),this.navigation&&e("ur-button-arrow-right",{key:"620e564773f1e8f724202c43d904c8819cda2383",disabled:this.loading||this.disabledNext}),e("swiper-container",{key:"95572dc09fe1e6aeca60eefabcd969110ff73daa",init:!0,observer:!0,"observe-slide-children":!0,"slides-per-group-auto":!0,"watch-slides-progress":!0,"breakpoint-base":"container",grid:this.grid,breakpoints:this.breakpoints,"slides-per-view":this.slidesPerView,"space-between":this.spaceBetween},this.novls.map(((i,s)=>this.renderNovl(i,s))))))}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 .carousel swiper-slide{position:relative}:host .carousel .index{position:absolute;top:0;left:0;color:#fff;font-size:32px;background:red;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;z-index:5}: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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as o}from"./p-12c4fa95.js";export{s as setNonce}from"./p-12c4fa95.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-8bb2214a",[[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-12c4fa95.js";export{s as setNonce}from"./p-12c4fa95.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-8bb2214a",[[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-9903eb59",[[1,"ur-novl-carousel",{novls:[16],loading:[32],breakpoints:[16],grid:[16],slidesPerView:[8,"slides-per-view"],spaceBetween:[8,"space-between"],navigation:[4],disabledPrev:[32],disabledNext:[32],addNovls:[64],updateNovlsByIndex:[64]}]]],["p-a1a05092",[[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-d1244caa",[[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-87c618f0",[[1,"ur-locale-filter-panel",{showHeader:[4,"show-header"],showFooter:[4,"show-footer"],locales:[16],disabledLocales:[16],mutableLocales:[32]}]]],["p-15ea9e1b",[[1,"ur-main-desktop-top-app-bar",{variant:[1],logoRotation:[2,"logo-rotation"],logoOpacity:[2,"logo-opacity"],searchText:[1,"search-text"]}]]],["p-88f0db6a",[[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-064dcfd2",[[1,"ur-read-mobile-top-app-bar",{variant:[1],headerTitle:[1,"header-title"],scrollBehavior:[1,"scroll-behavior"],scrollThreshold:[2,"scroll-threshold"]}]]],["p-7844f377",[[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-6913ff16",[[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-0108cdbb",[[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-1c166d0c",[[1,"ur-checkbox",{disabled:[4],checked:[4]}]]],["p-1c8feed5",[[1,"ur-chip",{label:[1],border:[1],radius:[1],size:[1],backColor:[1,"back-color"],fontColor:[1,"font-color"],loading:[4],disabled:[4]}]]],["p-58b89f87",[[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-687dd202",[[1,"ur-list-subheader",{text:[1]}]]],["p-a4bd15b6",[[1,"ur-loader"]]],["p-bcda538a",[[1,"ur-locale-filter-button",{count:[2],selected:[4]}]]],["p-45bed46a",[[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-5d256674",[[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-95a690b4",[[1,"ur-radio-button",{disabled:[4],checked:[4],text:[1]}]]],["p-0720baa8",[[1,"ur-segment-button",{likeLabel:[1,"like-label"]}]]],["p-c48ac4b6",[[1,"ur-switch",{disabled:[4],checked:[4]}]]],["p-8bb9915f",[[1,"ur-tabs",{tabs:[16],panels:[16]}]]],["p-cf38b7c8",[[1,"ur-text-field",{label:[1],placeholder:[1],helper:[1],disabled:[4],variant:[1],value:[1],endIcon:[8,"end-icon"]}]]],["p-45969297",[[1,"ur-user-profile"]]],["p-b4c4ff06",[[1,"ur-menu-item",{value:[1],label:[1],disabled:[4],selected:[4]}]]],["p-3c92e89c",[[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-aab9614b",[[1,"ur-button-arrow-left",{disabled:[4]}],[1,"ur-button-arrow-right",{disabled:[4]}]]],["p-51b60e6f",[[1,"ur-avatar",{size:[1],src:[1],name:[1],border:[1],radius:[1]}]]],["p-ac915aa1",[[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-4976c07b",[[1,"ur-button-icon",{disabled:[4],loading:[4],variant:[1],icon:[1],selectedIcon:[1,"selected-icon"],selected:[4]}]]],["p-eaf1ca1e",[[1,"ur-logo",{width:[1],height:[1],color:[1],rotation:[2],opacity:[2]}]]],["p-6a60900d",[[1,"ur-button",{disabled:[4],variant:[1],icon:[8],endIcon:[8,"end-icon"],fullWidth:[4,"full-width"]}]]]],e))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as o}from"./p-12c4fa95.js";export{s as setNonce}from"./p-12c4fa95.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-8bb2214a",[[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-12c4fa95.js";export{s as setNonce}from"./p-12c4fa95.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-8bb2214a",[[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-9903eb59",[[1,"ur-novl-carousel",{novls:[16],loading:[32],breakpoints:[16],grid:[16],slidesPerView:[8,"slides-per-view"],spaceBetween:[8,"space-between"],navigation:[4],disabledPrev:[32],disabledNext:[32],addNovls:[64],updateNovlsByIndex:[64]}]]],["p-a1a05092",[[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-d1244caa",[[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-87c618f0",[[1,"ur-locale-filter-panel",{showHeader:[4,"show-header"],showFooter:[4,"show-footer"],locales:[16],disabledLocales:[16],mutableLocales:[32]}]]],["p-15ea9e1b",[[1,"ur-main-desktop-top-app-bar",{variant:[1],logoRotation:[2,"logo-rotation"],logoOpacity:[2,"logo-opacity"],searchText:[1,"search-text"]}]]],["p-88f0db6a",[[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-064dcfd2",[[1,"ur-read-mobile-top-app-bar",{variant:[1],headerTitle:[1,"header-title"],scrollBehavior:[1,"scroll-behavior"],scrollThreshold:[2,"scroll-threshold"]}]]],["p-7844f377",[[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-6913ff16",[[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-0108cdbb",[[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-1c166d0c",[[1,"ur-checkbox",{disabled:[4],checked:[4]}]]],["p-1c8feed5",[[1,"ur-chip",{label:[1],border:[1],radius:[1],size:[1],backColor:[1,"back-color"],fontColor:[1,"font-color"],loading:[4],disabled:[4]}]]],["p-58b89f87",[[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-687dd202",[[1,"ur-list-subheader",{text:[1]}]]],["p-a4bd15b6",[[1,"ur-loader"]]],["p-bcda538a",[[1,"ur-locale-filter-button",{count:[2],selected:[4]}]]],["p-45bed46a",[[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-5d256674",[[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-95a690b4",[[1,"ur-radio-button",{disabled:[4],checked:[4],text:[1]}]]],["p-0720baa8",[[1,"ur-segment-button",{likeLabel:[1,"like-label"]}]]],["p-c48ac4b6",[[1,"ur-switch",{disabled:[4],checked:[4]}]]],["p-8bb9915f",[[1,"ur-tabs",{tabs:[16],panels:[16]}]]],["p-cf38b7c8",[[1,"ur-text-field",{label:[1],placeholder:[1],helper:[1],disabled:[4],variant:[1],value:[1],endIcon:[8,"end-icon"]}]]],["p-45969297",[[1,"ur-user-profile"]]],["p-b4c4ff06",[[1,"ur-menu-item",{value:[1],label:[1],disabled:[4],selected:[4]}]]],["p-3c92e89c",[[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-aab9614b",[[1,"ur-button-arrow-left",{disabled:[4]}],[1,"ur-button-arrow-right",{disabled:[4]}]]],["p-51b60e6f",[[1,"ur-avatar",{size:[1],src:[1],name:[1],border:[1],radius:[1]}]]],["p-ac915aa1",[[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-4976c07b",[[1,"ur-button-icon",{disabled:[4],loading:[4],variant:[1],icon:[1],selectedIcon:[1,"selected-icon"],selected:[4]}]]],["p-eaf1ca1e",[[1,"ur-logo",{width:[1],height:[1],color:[1],rotation:[2],opacity:[2]}]]],["p-6a60900d",[[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 i,c as s,f as t,h as e,H as o,g as h}from"./p-12c4fa95.js";const r=class{constructor(t){i(this,t),this.prevClicked=s(this,"prevClicked",7),this.nextClicked=s(this,"nextClicked",7),this.progressUpdated=s(this,"progressUpdated",7),this.onSlideChange=()=>{var i,s,t,e;this.disabledPrev=null===(s=null===(i=this.swiperContainer)||void 0===i?void 0:i.swiper)||void 0===s?void 0:s.isBeginning,this.disabledNext=null===(e=null===(t=this.swiperContainer)||void 0===t?void 0:t.swiper)||void 0===e?void 0:e.isEnd},this.onLeftClick=()=>{var i,s;this.disabledPrev||(null===(s=null===(i=this.swiperContainer)||void 0===i?void 0:i.swiper)||void 0===s||s.slidePrev(),this.prevClicked.emit())},this.onRightClick=()=>{var i,s;this.disabledNext||(null===(s=null===(i=this.swiperContainer)||void 0===i?void 0:i.swiper)||void 0===s||s.slideNext(),this.nextClicked.emit())},this.novls=[],this.loading=!1,this.disabledPrev=!0,this.disabledNext=!1,this.breakpoints={},this.grid={rows:1,fill:"row"},this.slidesPerView="auto",this.spaceBetween="0",this.navigation=!1}async addNovls(i){console.log(">> add novls",i),this.novls=this.novls.concat(...i),t(this)}async updateNovlsByIndex(i){console.log(">> update novls",i),this.novls=this.novls.map(((s,t)=>i.has(t)?i.get(t):s)),t(this)}componentDidLoad(){var i,s;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.addEventListener("click",this.onLeftClick),this.rightArrow.addEventListener("click",this.onRightClick),null===(i=this.swiperContainer)||void 0===i||i.swiper.on("slideChange",this.onSlideChange)),null===(s=this.swiperContainer)||void 0===s||s.swiper.on("progress",((i,s)=>{const t=parseInt(Math.round(100*s).toFixed(0),10),e=i.slidesEl.getElementsByClassName("swiper-slide-visible").length;this.progressUpdated.emit([t,e])}))}disconnectedCallback(){var i,s,t;null===(i=this.leftArrow)||void 0===i||i.removeEventListener("click",this.onLeftClick),null===(s=this.rightArrow)||void 0===s||s.removeEventListener("click",this.onRightClick),null===(t=this.swiperContainer)||void 0===t||t.swiper.destroy(!0,!0)}renderNovl(i,s){return(t=i)&&t.content&&"function"==typeof t.content?e("swiper-slide",null,e("span",{class:"numnum"},s+1),e("div",{class:"custom",innerHTML:i.content(s)})):e("swiper-slide",null,e("span",{class:"numnum"},s+1),e("ur-novl",Object.assign({},i)));var t}render(){return e(o,{key:"aef676e666de6c985a649187efd2511fb7294e32"},e("div",{key:"3688a68f2faf958d139d69dc39c409c5d2685011",class:"carousel"},this.navigation&&e("ur-button-arrow-left",{key:"4899eca0cb1d018467220995e91d0c95863a8aa6",disabled:this.disabledPrev}),this.navigation&&e("ur-button-arrow-right",{key:"b7b2b57b46c2b1894532932e47d8594c60719402",disabled:this.loading||this.disabledNext}),e("swiper-container",{key:"0c20bef51933068f091ae48dcc97c4629c24853a",init:!0,observer:!0,"observe-slide-children":!0,"slides-per-group-auto":!0,"watch-slides-progress":!0,"breakpoint-base":"container",grid:this.grid,breakpoints:this.breakpoints,"slides-per-view":this.slidesPerView,"space-between":this.spaceBetween},this.novls.map(((i,s)=>this.renderNovl(i,s))))))}get el(){return h(this)}};r.style=":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host .carousel swiper-slide{position:relative}:host .carousel .numnum{position:absolute;top:0;left:0;color:#fff;font-size:32px;background:red;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;z-index:5}: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{r as ur_novl_carousel}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as s,f as t,h as e,H as o,g as h}from"./p-12c4fa95.js";const r=class{constructor(t){i(this,t),this.prevClicked=s(this,"prevClicked",7),this.nextClicked=s(this,"nextClicked",7),this.progressUpdated=s(this,"progressUpdated",7),this.onSlideChange=()=>{var i,s,t,e;this.disabledPrev=null===(s=null===(i=this.swiperContainer)||void 0===i?void 0:i.swiper)||void 0===s?void 0:s.isBeginning,this.disabledNext=null===(e=null===(t=this.swiperContainer)||void 0===t?void 0:t.swiper)||void 0===e?void 0:e.isEnd},this.onLeftClick=()=>{var i,s;this.disabledPrev||(null===(s=null===(i=this.swiperContainer)||void 0===i?void 0:i.swiper)||void 0===s||s.slidePrev(),this.prevClicked.emit())},this.onRightClick=()=>{var i,s;this.disabledNext||(null===(s=null===(i=this.swiperContainer)||void 0===i?void 0:i.swiper)||void 0===s||s.slideNext(),this.nextClicked.emit())},this.novls=[],this.loading=!1,this.disabledPrev=!0,this.disabledNext=!1,this.breakpoints={},this.grid={rows:1,fill:"row"},this.slidesPerView="auto",this.spaceBetween="0",this.navigation=!1}async addNovls(i){console.log(">> add novls",i),this.novls=this.novls.concat(...i),t(this)}async updateNovlsByIndex(i){console.log(">> update novls",i),this.novls=this.novls.map(((s,t)=>i.has(t)?i.get(t):s)),t(this)}componentDidLoad(){var i,s;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.addEventListener("click",this.onLeftClick),this.rightArrow.addEventListener("click",this.onRightClick),null===(i=this.swiperContainer)||void 0===i||i.swiper.on("slideChange",this.onSlideChange)),null===(s=this.swiperContainer)||void 0===s||s.swiper.on("progress",((i,s)=>{const t=parseInt(Math.round(100*s).toFixed(0),10),e=i.slidesEl.getElementsByClassName("swiper-slide-visible").length;this.progressUpdated.emit([t,e])}))}disconnectedCallback(){var i,s,t;null===(i=this.leftArrow)||void 0===i||i.removeEventListener("click",this.onLeftClick),null===(s=this.rightArrow)||void 0===s||s.removeEventListener("click",this.onRightClick),null===(t=this.swiperContainer)||void 0===t||t.swiper.destroy(!0,!0)}renderNovl(i,s){return(t=i)&&t.content&&"function"==typeof t.content?e("swiper-slide",null,e("span",{class:"numnum"},s+1),e("div",{class:"custom",innerHTML:i.content(s)})):e("swiper-slide",null,e("span",{class:"numnum"},s+1),e("ur-novl",Object.assign({},i)));var t}render(){return e(o,{key:"aef676e666de6c985a649187efd2511fb7294e32"},e("div",{key:"3688a68f2faf958d139d69dc39c409c5d2685011",class:"carousel"},this.navigation&&e("ur-button-arrow-left",{key:"4899eca0cb1d018467220995e91d0c95863a8aa6",disabled:this.disabledPrev}),this.navigation&&e("ur-button-arrow-right",{key:"b7b2b57b46c2b1894532932e47d8594c60719402",disabled:this.loading||this.disabledNext}),e("swiper-container",{key:"0c20bef51933068f091ae48dcc97c4629c24853a",init:!0,observer:!0,"observe-slide-children":!0,"slides-per-group-auto":!0,"watch-slides-progress":!0,"breakpoint-base":"container",grid:this.grid,breakpoints:this.breakpoints,"slides-per-view":this.slidesPerView,"space-between":this.spaceBetween},this.novls.map(((i,s)=>this.renderNovl(i,s))))))}get el(){return h(this)}};r.style=":host{--swiper-slide-width:100%}:host{display:block;box-sizing:border-box;position:relative}:host .carousel{position:relative}:host .carousel swiper-slide{position:relative}:host .carousel .numnum{position:absolute;top:0;left:0;color:#fff;font-size:32px;background:red;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;z-index:5}: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{r as ur_novl_carousel}
|