@knovator/pagecreator 0.5.1 → 0.5.2
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/README.md +3 -3
- package/index.js +80 -100
- package/package.json +4 -6
- package/style.css +3 -1
- package/index.cjs +0 -726
package/README.md
CHANGED
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
### Built With
|
|
72
72
|
|
|
73
73
|
* [React.js](https://reactjs.org/)
|
|
74
|
-
* [react
|
|
74
|
+
* [swiper/react](https://swiperjs.com/)
|
|
75
75
|
|
|
76
76
|
<p align="right">(<a href="#readme-top">back to top</a>)</p>
|
|
77
77
|
|
|
@@ -128,8 +128,8 @@ import { Widget } from '@knovator/pagecreator';
|
|
|
128
128
|
- OnItem click handler
|
|
129
129
|
- `hideTitle` (optional): boolean;
|
|
130
130
|
- Do not show the title if true
|
|
131
|
-
- `settings` (optional): [
|
|
132
|
-
-
|
|
131
|
+
- `settings` (optional): [Swiper props](https://swiperjs.com/swiper-api#parameters)
|
|
132
|
+
- Carousel settings to apply for carousel widget
|
|
133
133
|
- `className` (optional): string
|
|
134
134
|
- Class name for widget
|
|
135
135
|
- `formatHeader` (optional): `(title: string, data: WidgetData) => string | JSX.Element`
|
package/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { Fragment, useState } from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { Swiper, SwiperSlide } from 'swiper/react';
|
|
3
|
+
import { Pagination, Autoplay, Virtual } from 'swiper';
|
|
3
4
|
import { Tabs, TabList, Tab, TabPanel } from 'react-tabs';
|
|
4
5
|
|
|
5
6
|
var regeneratorRuntime$1 = {exports: {}};
|
|
@@ -362,18 +363,6 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
|
362
363
|
PERFORMANCE OF THIS SOFTWARE.
|
|
363
364
|
***************************************************************************** */
|
|
364
365
|
|
|
365
|
-
function __rest(s, e) {
|
|
366
|
-
var t = {};
|
|
367
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
368
|
-
t[p] = s[p];
|
|
369
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
370
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
371
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
372
|
-
t[p[i]] = s[p[i]];
|
|
373
|
-
}
|
|
374
|
-
return t;
|
|
375
|
-
}
|
|
376
|
-
|
|
377
366
|
function __awaiter(thisArg, _arguments, P, generator) {
|
|
378
367
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
379
368
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
@@ -442,8 +431,21 @@ var filterItemData = function filterItemData(data) {
|
|
|
442
431
|
function FixedWidget(_ref) {
|
|
443
432
|
var widgetData = _ref.widgetData,
|
|
444
433
|
formatItem = _ref.formatItem,
|
|
445
|
-
className = _ref.className
|
|
434
|
+
className = _ref.className,
|
|
435
|
+
itemsContainer = _ref.itemsContainer;
|
|
446
436
|
var gridClasses = "grid grid-cols-".concat(widgetData.mobilePerRow, " md:grid-cols-").concat(widgetData.tabletPerRow, " lg:grid-cols-").concat(widgetData.webPerRow);
|
|
437
|
+
if (typeof itemsContainer === 'function') return itemsContainer(
|
|
438
|
+
/*#__PURE__*/
|
|
439
|
+
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
440
|
+
React.createElement(Fragment, null, widgetData.itemsType === 'Image' ? widgetData.items.filter(filterItemData).map(function (item, index) {
|
|
441
|
+
return /*#__PURE__*/React.createElement(Fragment, {
|
|
442
|
+
key: index
|
|
443
|
+
}, formatItem(item));
|
|
444
|
+
}) : widgetData.collectionItems.map(function (item, index) {
|
|
445
|
+
return /*#__PURE__*/React.createElement(Fragment, {
|
|
446
|
+
key: index
|
|
447
|
+
}, formatItem(item));
|
|
448
|
+
})));
|
|
447
449
|
return /*#__PURE__*/React.createElement("div", {
|
|
448
450
|
className: className || gridClasses
|
|
449
451
|
}, widgetData.itemsType === 'Image' ? widgetData.items.filter(filterItemData).map(function (item, index) {
|
|
@@ -457,91 +459,55 @@ function FixedWidget(_ref) {
|
|
|
457
459
|
}));
|
|
458
460
|
}
|
|
459
461
|
|
|
460
|
-
var Next = function Next() {
|
|
461
|
-
return /*#__PURE__*/React.createElement("svg", {
|
|
462
|
-
width: "12",
|
|
463
|
-
height: "12",
|
|
464
|
-
viewBox: "0 0 12 12",
|
|
465
|
-
fill: "none",
|
|
466
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
467
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
468
|
-
d: "M9.129 5.25L5.106 1.227L6.1665 0.166504L12 6L6.1665 11.8335L5.106 10.773L9.129 6.75H0V5.25H9.129Z",
|
|
469
|
-
fill: "#40B5E8"
|
|
470
|
-
}));
|
|
471
|
-
};
|
|
472
|
-
|
|
473
|
-
var Previous = function Previous() {
|
|
474
|
-
return /*#__PURE__*/React.createElement("svg", {
|
|
475
|
-
width: "12",
|
|
476
|
-
height: "12",
|
|
477
|
-
viewBox: "0 0 12 12",
|
|
478
|
-
fill: "none",
|
|
479
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
480
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
481
|
-
d: "M2.871 5.25L6.894 1.227L5.8335 0.166504L0 6L5.8335 11.8335L6.894 10.773L2.871 6.75H12V5.25H2.871Z",
|
|
482
|
-
fill: "#40B5E8"
|
|
483
|
-
}));
|
|
484
|
-
};
|
|
485
|
-
|
|
486
|
-
var SlickArrowLeft = function SlickArrowLeft(_a) {
|
|
487
|
-
var currentSlide = _a.currentSlide;
|
|
488
|
-
_a.slideCount;
|
|
489
|
-
var props = __rest(_a, ["currentSlide", "slideCount"]);
|
|
490
|
-
return /*#__PURE__*/React.createElement("button", Object.assign({}, props, {
|
|
491
|
-
className: 'slick-prev slick-arrow' + (currentSlide === 0 ? ' slick-disabled' : ''),
|
|
492
|
-
"aria-hidden": "true",
|
|
493
|
-
"aria-disabled": currentSlide === 0 ? true : false,
|
|
494
|
-
type: "button"
|
|
495
|
-
}), /*#__PURE__*/React.createElement(Previous, null));
|
|
496
|
-
};
|
|
497
|
-
var SlickArrowRight = function SlickArrowRight(_a) {
|
|
498
|
-
var currentSlide = _a.currentSlide,
|
|
499
|
-
slideCount = _a.slideCount,
|
|
500
|
-
props = __rest(_a, ["currentSlide", "slideCount"]);
|
|
501
|
-
return /*#__PURE__*/React.createElement("button", Object.assign({}, props, {
|
|
502
|
-
className: 'slick-next slick-arrow' + (slideCount && currentSlide === slideCount - 1 ? ' slick-disabled' : ''),
|
|
503
|
-
"aria-hidden": "true",
|
|
504
|
-
"aria-disabled": slideCount && currentSlide === slideCount - 1 ? true : false,
|
|
505
|
-
type: "button"
|
|
506
|
-
}), /*#__PURE__*/React.createElement(Next, null));
|
|
507
|
-
};
|
|
508
462
|
function CarouselWidget(_ref) {
|
|
509
463
|
var widgetData = _ref.widgetData,
|
|
510
464
|
formatItem = _ref.formatItem,
|
|
511
465
|
settings = _ref.settings,
|
|
512
|
-
className = _ref.className
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
}
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
arrows: false,
|
|
532
|
-
slidesToShow: widgetData.webPerRow
|
|
466
|
+
className = _ref.className,
|
|
467
|
+
itemsContainer = _ref.itemsContainer;
|
|
468
|
+
var defaultSetting = {
|
|
469
|
+
slidesPerView: widgetData.mobilePerRow,
|
|
470
|
+
loop: true,
|
|
471
|
+
loopAdditionalSlides: 2,
|
|
472
|
+
speed: 5000,
|
|
473
|
+
breakpoints: {
|
|
474
|
+
640: {
|
|
475
|
+
slidesPerView: widgetData.mobilePerRow,
|
|
476
|
+
spaceBetween: 20
|
|
477
|
+
},
|
|
478
|
+
768: {
|
|
479
|
+
slidesPerView: widgetData.tabletPerRow,
|
|
480
|
+
spaceBetween: 40
|
|
481
|
+
},
|
|
482
|
+
1024: {
|
|
483
|
+
slidesPerView: widgetData.webPerRow,
|
|
484
|
+
spaceBetween: 50
|
|
533
485
|
}
|
|
534
|
-
}
|
|
486
|
+
}
|
|
535
487
|
};
|
|
536
488
|
if (!widgetData) return null;
|
|
537
|
-
|
|
538
|
-
|
|
489
|
+
if (typeof itemsContainer === 'function') return itemsContainer(
|
|
490
|
+
/*#__PURE__*/
|
|
491
|
+
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
492
|
+
React.createElement(Fragment, null, widgetData.itemsType === 'Image' ? widgetData.items.filter(filterItemData).map(function (item, index) {
|
|
493
|
+
return /*#__PURE__*/React.createElement(Fragment, {
|
|
494
|
+
key: index
|
|
495
|
+
}, formatItem(item));
|
|
496
|
+
}) : widgetData.collectionItems.map(function (item, index) {
|
|
497
|
+
return /*#__PURE__*/React.createElement(Fragment, {
|
|
498
|
+
key: index
|
|
499
|
+
}, formatItem(item));
|
|
500
|
+
})));
|
|
501
|
+
return /*#__PURE__*/React.createElement(Swiper, Object.assign({}, Object.assign(Object.assign({}, defaultSetting), settings || {}), {
|
|
502
|
+
className: className,
|
|
503
|
+
modules: [Pagination, Autoplay, Virtual],
|
|
504
|
+
virtual: typeof window === 'undefined'
|
|
539
505
|
}), widgetData.itemsType === 'Image' ? widgetData.items.filter(filterItemData).map(function (item, index) {
|
|
540
|
-
return /*#__PURE__*/React.createElement(
|
|
506
|
+
return /*#__PURE__*/React.createElement(SwiperSlide, {
|
|
541
507
|
key: index
|
|
542
508
|
}, formatItem(item));
|
|
543
509
|
}) : widgetData.collectionItems.map(function (item, index) {
|
|
544
|
-
return /*#__PURE__*/React.createElement(
|
|
510
|
+
return /*#__PURE__*/React.createElement(SwiperSlide, {
|
|
545
511
|
key: index
|
|
546
512
|
}, formatItem(item));
|
|
547
513
|
}));
|
|
@@ -585,12 +551,13 @@ function TabWidget(_ref) {
|
|
|
585
551
|
var widgetData = _ref.widgetData,
|
|
586
552
|
formatItem = _ref.formatItem,
|
|
587
553
|
className = _ref.className,
|
|
588
|
-
formatTabTitle = _ref.formatTabTitle
|
|
554
|
+
formatTabTitle = _ref.formatTabTitle,
|
|
555
|
+
itemsContainer = _ref.itemsContainer;
|
|
589
556
|
var _useState = useState(0),
|
|
590
557
|
activeTab = _useState[0],
|
|
591
558
|
setActiveTab = _useState[1];
|
|
592
559
|
var gridClasses = "grid grid-cols-".concat(widgetData.mobilePerRow, " md:grid-cols-").concat(widgetData.tabletPerRow, " lg:grid-cols-").concat(widgetData.webPerRow);
|
|
593
|
-
return /*#__PURE__*/React.createElement(
|
|
560
|
+
return /*#__PURE__*/React.createElement(Tabs, {
|
|
594
561
|
selectedIndex: activeTab,
|
|
595
562
|
onSelect: setActiveTab
|
|
596
563
|
}, /*#__PURE__*/React.createElement(TabList, null, widgetData.tabs.map(function (tab, index) {
|
|
@@ -600,12 +567,18 @@ function TabWidget(_ref) {
|
|
|
600
567
|
})), widgetData.tabs.map(function (tab, index) {
|
|
601
568
|
return /*#__PURE__*/React.createElement(TabPanel, {
|
|
602
569
|
key: index
|
|
603
|
-
}, /*#__PURE__*/React.createElement(
|
|
570
|
+
}, typeof itemsContainer === 'function' ? itemsContainer( /*#__PURE__*/React.createElement(Fragment, null, tab.collectionItems.map(function (item, index) {
|
|
571
|
+
return /*#__PURE__*/React.createElement(Fragment, {
|
|
572
|
+
key: index
|
|
573
|
+
}, formatItem(item));
|
|
574
|
+
}))) : /*#__PURE__*/React.createElement("div", {
|
|
604
575
|
className: className || gridClasses
|
|
605
|
-
}, tab.collectionItems.map(function (item) {
|
|
606
|
-
return
|
|
576
|
+
}, tab.collectionItems.map(function (item, index) {
|
|
577
|
+
return /*#__PURE__*/React.createElement(Fragment, {
|
|
578
|
+
key: index
|
|
579
|
+
}, formatItem(item));
|
|
607
580
|
})));
|
|
608
|
-
}))
|
|
581
|
+
}));
|
|
609
582
|
}
|
|
610
583
|
|
|
611
584
|
function Widget(_ref) {
|
|
@@ -618,7 +591,8 @@ function Widget(_ref) {
|
|
|
618
591
|
className = _ref.className,
|
|
619
592
|
formatFooter = _ref.formatFooter,
|
|
620
593
|
formatHeader = _ref.formatHeader,
|
|
621
|
-
formatTabTitle = _ref.formatTabTitle
|
|
594
|
+
formatTabTitle = _ref.formatTabTitle,
|
|
595
|
+
itemsContainer = _ref.itemsContainer;
|
|
622
596
|
var formatItems = function formatItems(item) {
|
|
623
597
|
var _a;
|
|
624
598
|
if (typeof formatItem === 'function' && formatItem) return formatItem(item);else if (widgetData.itemsType === 'Image') return /*#__PURE__*/React.createElement(Banner, {
|
|
@@ -657,25 +631,31 @@ function Widget(_ref) {
|
|
|
657
631
|
backgroundColor: widgetData.backgroundColor
|
|
658
632
|
}
|
|
659
633
|
}, hideTitle === true ? null : typeof formatHeader === 'function' ? formatHeader(widgetData.widgetTitle, widgetData) : /*#__PURE__*/React.createElement("h2", {
|
|
660
|
-
className: "kpc_widget-title"
|
|
661
|
-
|
|
634
|
+
className: "kpc_widget-title",
|
|
635
|
+
dangerouslySetInnerHTML: {
|
|
636
|
+
__html: widgetData.widgetTitle
|
|
637
|
+
}
|
|
638
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
662
639
|
className: "kpc_widget-body"
|
|
663
640
|
}, widgetData.widgetType === 'Carousel' ? /*#__PURE__*/React.createElement(CarouselWidget, {
|
|
664
641
|
settings: settings,
|
|
665
642
|
widgetData: widgetData,
|
|
666
643
|
formatItem: formatItems,
|
|
667
644
|
className: className,
|
|
668
|
-
formatTabTitle: formatTabTitles
|
|
645
|
+
formatTabTitle: formatTabTitles,
|
|
646
|
+
itemsContainer: itemsContainer
|
|
669
647
|
}) : widgetData.widgetType === 'Tabs' ? /*#__PURE__*/React.createElement(TabWidget, {
|
|
670
648
|
formatItem: formatItems,
|
|
671
649
|
formatTabTitle: formatTabTitles,
|
|
672
650
|
widgetData: widgetData,
|
|
673
|
-
className: className
|
|
651
|
+
className: className,
|
|
652
|
+
itemsContainer: itemsContainer
|
|
674
653
|
}) : /*#__PURE__*/React.createElement(FixedWidget, {
|
|
675
654
|
widgetData: widgetData,
|
|
676
655
|
formatItem: formatItems,
|
|
677
656
|
className: className,
|
|
678
|
-
formatTabTitle: formatTabTitles
|
|
657
|
+
formatTabTitle: formatTabTitles,
|
|
658
|
+
itemsContainer: itemsContainer
|
|
679
659
|
})), typeof formatFooter === 'function' ? formatFooter(widgetData) : null);
|
|
680
660
|
}
|
|
681
661
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@knovator/pagecreator",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.2",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git@github.com:knovator/pagecreator.git"
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
],
|
|
14
14
|
"author": "knovator (https://knovator.com/)",
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"
|
|
16
|
+
"swiper": "^8.4.5",
|
|
17
17
|
"react-tabs": "^6.0.0"
|
|
18
18
|
},
|
|
19
19
|
"files": [
|
|
@@ -21,12 +21,10 @@
|
|
|
21
21
|
"package.json",
|
|
22
22
|
"README.md",
|
|
23
23
|
"style.css",
|
|
24
|
-
"index.
|
|
25
|
-
"index.js",
|
|
26
|
-
"index.cjs"
|
|
24
|
+
"index.js"
|
|
27
25
|
],
|
|
28
26
|
"module": "./index.js",
|
|
29
|
-
"main": "./index.
|
|
27
|
+
"main": "./index.js",
|
|
30
28
|
"type": "module",
|
|
31
29
|
"types": "./src/index.d.ts",
|
|
32
30
|
"peerDependencies": {
|
package/style.css
CHANGED
|
@@ -1 +1,3 @@
|
|
|
1
|
-
@charset "UTF-8";.slick-slider{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;-khtml-user-select:none}.slick-list,.slick-slider{display:block;position:relative}.slick-list{margin:0;overflow:hidden;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid transparent;display:block;height:auto}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(ajax-loader.gif) 50% no-repeat}@font-face{font-family:slick;font-style:normal;font-weight:400;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(fonts/slick.svg#slick) format("svg")}.slick-next,.slick-prev{border:none;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:transparent;color:transparent;outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:slick;font-size:20px;line-height:1;opacity:.75}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;display:block;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%}.slick-dots li{display:inline-block;margin:0 5px;padding:0;position:relative}.slick-dots li,.slick-dots li button{cursor:pointer;height:20px;width:20px}.slick-dots li button{background:transparent;border:0;color:transparent;display:block;font-size:0;line-height:0;outline:none;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;content:"•";font-family:slick;font-size:6px;height:20px;left:0;line-height:20px;opacity:.25;position:absolute;text-align:center;top:0;width:20px}.slick-dots li.slick-active button:before{color:#000;opacity:.75}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid transparent;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.kpc_widget{margin-top:2.5rem}@media (min-width:1024px){.kpc_widget{margin-top:4rem}}.kpc_widget-title{font-size:1.5rem;font-weight:700;line-height:2rem;margin-bottom:.5rem}.kpc_simple-card{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));border-radius:.5rem;border-width:1px;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:.75rem}.kpc_simple-card-heading{flex-shrink:0}.kpc_simple-card-image{aspect-ratio:1/1;border-radius:.375rem;-o-object-fit:cover;object-fit:cover}.kpc_simple-card-body{display:contents;width:100%}.kpc_simple-card-label{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity));font-size:.75rem;line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpc_simple-card-content{align-items:center;justify-content:space-between;width:100%}.kpc_simple-card-title{font-size:1.125rem;font-weight:600;line-height:1.75rem;text-align:center}.kpc_simple-card-subtitle{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity));font-size:.75rem;line-height:1rem}.kpc_banner{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity));border-radius:.375rem;border-width:1px;padding:.25rem}.kpc_banner-image{aspect-ratio:1/1;height:100%;width:100%}.kpc_page-title{font-size:1.5rem;font-weight:700;line-height:2rem;margin-bottom:.5rem}.kpc_page-widgets>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.kpc_item{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity));border-radius:.375rem;border-width:2px;padding:.5rem}.kpc_item-text{font-size:1rem;font-weight:500;line-height:1.5rem;text-align:center}@media (min-width:640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}}@media (min-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}}@media (min-width:1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}}@media (min-width:1280px){.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:grid-cols-none{grid-template-columns:none}}@media (min-width:1536px){.\32xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.\32xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.\32xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.\32xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.\32xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.\32xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.\32xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.\32xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.\32xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.\32xl\:grid-cols-none{grid-template-columns:none}}
|
|
1
|
+
@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}.swiper{list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:10px}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:rgba(0,0,0,.1);border-radius:10px;position:relative;-ms-touch-action:none}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{bottom:3px;height:5px;left:1%;position:absolute;width:98%;z-index:50}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{height:98%;position:absolute;right:3px;top:1%;width:5px;z-index:50}.swiper-scrollbar-drag{background:rgba(0,0,0,.5);border-radius:10px;height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid transparent;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0}.swiper-cube .swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0}.swiper-cube .swiper-cube-shadow:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid transparent;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}
|
|
2
|
+
|
|
3
|
+
/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.kpc_widget{margin-top:2.5rem}@media (min-width:1024px){.kpc_widget{margin-top:4rem}}.kpc_widget-title{font-size:1.5rem;font-weight:700;line-height:2rem;margin-bottom:.5rem}.kpc_simple-card{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));border-radius:.5rem;border-width:1px;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:.75rem}.kpc_simple-card-heading{flex-shrink:0}.kpc_simple-card-image{aspect-ratio:1/1;border-radius:.375rem;-o-object-fit:cover;object-fit:cover}.kpc_simple-card-body{display:contents;width:100%}.kpc_simple-card-label{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity));font-size:.75rem;line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpc_simple-card-content{align-items:center;justify-content:space-between;width:100%}.kpc_simple-card-title{font-size:1.125rem;font-weight:600;line-height:1.75rem;text-align:center}.kpc_simple-card-subtitle{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity));font-size:.75rem;line-height:1rem}.kpc_banner{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity));border-radius:.375rem;border-width:1px;padding:.25rem}.kpc_banner-image{aspect-ratio:1/1;height:100%;width:100%}.kpc_page-title{font-size:1.5rem;font-weight:700;line-height:2rem;margin-bottom:.5rem}.kpc_page-widgets>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.kpc_item{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity));border-radius:.375rem;border-width:2px;padding:.5rem}.kpc_item-text{font-size:1rem;font-weight:500;line-height:1.5rem;text-align:center}@media (min-width:640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}}@media (min-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}}@media (min-width:1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}}@media (min-width:1280px){.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:grid-cols-none{grid-template-columns:none}}@media (min-width:1536px){.\32xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.\32xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.\32xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.\32xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.\32xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.\32xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.\32xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.\32xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.\32xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.\32xl\:grid-cols-none{grid-template-columns:none}}
|
package/index.cjs
DELETED
|
@@ -1,726 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var Slider = require('react-slick');
|
|
7
|
-
var reactTabs = require('react-tabs');
|
|
8
|
-
|
|
9
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
-
|
|
11
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
-
var Slider__default = /*#__PURE__*/_interopDefaultLegacy(Slider);
|
|
13
|
-
|
|
14
|
-
var regeneratorRuntime$1 = {exports: {}};
|
|
15
|
-
|
|
16
|
-
var _typeof = {exports: {}};
|
|
17
|
-
|
|
18
|
-
(function (module) {
|
|
19
|
-
function _typeof(obj) {
|
|
20
|
-
"@babel/helpers - typeof";
|
|
21
|
-
|
|
22
|
-
return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
|
23
|
-
return typeof obj;
|
|
24
|
-
} : function (obj) {
|
|
25
|
-
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
26
|
-
}, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
|
|
27
|
-
}
|
|
28
|
-
module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
29
|
-
}(_typeof));
|
|
30
|
-
|
|
31
|
-
(function (module) {
|
|
32
|
-
var _typeof$1 = _typeof.exports["default"];
|
|
33
|
-
function _regeneratorRuntime() {
|
|
34
|
-
module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
|
|
35
|
-
return exports;
|
|
36
|
-
}, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
37
|
-
var exports = {},
|
|
38
|
-
Op = Object.prototype,
|
|
39
|
-
hasOwn = Op.hasOwnProperty,
|
|
40
|
-
defineProperty = Object.defineProperty || function (obj, key, desc) {
|
|
41
|
-
obj[key] = desc.value;
|
|
42
|
-
},
|
|
43
|
-
$Symbol = "function" == typeof Symbol ? Symbol : {},
|
|
44
|
-
iteratorSymbol = $Symbol.iterator || "@@iterator",
|
|
45
|
-
asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
|
|
46
|
-
toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
|
|
47
|
-
function define(obj, key, value) {
|
|
48
|
-
return Object.defineProperty(obj, key, {
|
|
49
|
-
value: value,
|
|
50
|
-
enumerable: !0,
|
|
51
|
-
configurable: !0,
|
|
52
|
-
writable: !0
|
|
53
|
-
}), obj[key];
|
|
54
|
-
}
|
|
55
|
-
try {
|
|
56
|
-
define({}, "");
|
|
57
|
-
} catch (err) {
|
|
58
|
-
define = function define(obj, key, value) {
|
|
59
|
-
return obj[key] = value;
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
function wrap(innerFn, outerFn, self, tryLocsList) {
|
|
63
|
-
var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
|
|
64
|
-
generator = Object.create(protoGenerator.prototype),
|
|
65
|
-
context = new Context(tryLocsList || []);
|
|
66
|
-
return defineProperty(generator, "_invoke", {
|
|
67
|
-
value: makeInvokeMethod(innerFn, self, context)
|
|
68
|
-
}), generator;
|
|
69
|
-
}
|
|
70
|
-
function tryCatch(fn, obj, arg) {
|
|
71
|
-
try {
|
|
72
|
-
return {
|
|
73
|
-
type: "normal",
|
|
74
|
-
arg: fn.call(obj, arg)
|
|
75
|
-
};
|
|
76
|
-
} catch (err) {
|
|
77
|
-
return {
|
|
78
|
-
type: "throw",
|
|
79
|
-
arg: err
|
|
80
|
-
};
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
exports.wrap = wrap;
|
|
84
|
-
var ContinueSentinel = {};
|
|
85
|
-
function Generator() {}
|
|
86
|
-
function GeneratorFunction() {}
|
|
87
|
-
function GeneratorFunctionPrototype() {}
|
|
88
|
-
var IteratorPrototype = {};
|
|
89
|
-
define(IteratorPrototype, iteratorSymbol, function () {
|
|
90
|
-
return this;
|
|
91
|
-
});
|
|
92
|
-
var getProto = Object.getPrototypeOf,
|
|
93
|
-
NativeIteratorPrototype = getProto && getProto(getProto(values([])));
|
|
94
|
-
NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
|
|
95
|
-
var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
|
|
96
|
-
function defineIteratorMethods(prototype) {
|
|
97
|
-
["next", "throw", "return"].forEach(function (method) {
|
|
98
|
-
define(prototype, method, function (arg) {
|
|
99
|
-
return this._invoke(method, arg);
|
|
100
|
-
});
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
function AsyncIterator(generator, PromiseImpl) {
|
|
104
|
-
function invoke(method, arg, resolve, reject) {
|
|
105
|
-
var record = tryCatch(generator[method], generator, arg);
|
|
106
|
-
if ("throw" !== record.type) {
|
|
107
|
-
var result = record.arg,
|
|
108
|
-
value = result.value;
|
|
109
|
-
return value && "object" == _typeof$1(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
|
|
110
|
-
invoke("next", value, resolve, reject);
|
|
111
|
-
}, function (err) {
|
|
112
|
-
invoke("throw", err, resolve, reject);
|
|
113
|
-
}) : PromiseImpl.resolve(value).then(function (unwrapped) {
|
|
114
|
-
result.value = unwrapped, resolve(result);
|
|
115
|
-
}, function (error) {
|
|
116
|
-
return invoke("throw", error, resolve, reject);
|
|
117
|
-
});
|
|
118
|
-
}
|
|
119
|
-
reject(record.arg);
|
|
120
|
-
}
|
|
121
|
-
var previousPromise;
|
|
122
|
-
defineProperty(this, "_invoke", {
|
|
123
|
-
value: function value(method, arg) {
|
|
124
|
-
function callInvokeWithMethodAndArg() {
|
|
125
|
-
return new PromiseImpl(function (resolve, reject) {
|
|
126
|
-
invoke(method, arg, resolve, reject);
|
|
127
|
-
});
|
|
128
|
-
}
|
|
129
|
-
return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
|
|
130
|
-
}
|
|
131
|
-
});
|
|
132
|
-
}
|
|
133
|
-
function makeInvokeMethod(innerFn, self, context) {
|
|
134
|
-
var state = "suspendedStart";
|
|
135
|
-
return function (method, arg) {
|
|
136
|
-
if ("executing" === state) throw new Error("Generator is already running");
|
|
137
|
-
if ("completed" === state) {
|
|
138
|
-
if ("throw" === method) throw arg;
|
|
139
|
-
return doneResult();
|
|
140
|
-
}
|
|
141
|
-
for (context.method = method, context.arg = arg;;) {
|
|
142
|
-
var delegate = context.delegate;
|
|
143
|
-
if (delegate) {
|
|
144
|
-
var delegateResult = maybeInvokeDelegate(delegate, context);
|
|
145
|
-
if (delegateResult) {
|
|
146
|
-
if (delegateResult === ContinueSentinel) continue;
|
|
147
|
-
return delegateResult;
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
|
|
151
|
-
if ("suspendedStart" === state) throw state = "completed", context.arg;
|
|
152
|
-
context.dispatchException(context.arg);
|
|
153
|
-
} else "return" === context.method && context.abrupt("return", context.arg);
|
|
154
|
-
state = "executing";
|
|
155
|
-
var record = tryCatch(innerFn, self, context);
|
|
156
|
-
if ("normal" === record.type) {
|
|
157
|
-
if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
|
|
158
|
-
return {
|
|
159
|
-
value: record.arg,
|
|
160
|
-
done: context.done
|
|
161
|
-
};
|
|
162
|
-
}
|
|
163
|
-
"throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
|
|
164
|
-
}
|
|
165
|
-
};
|
|
166
|
-
}
|
|
167
|
-
function maybeInvokeDelegate(delegate, context) {
|
|
168
|
-
var methodName = context.method,
|
|
169
|
-
method = delegate.iterator[methodName];
|
|
170
|
-
if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
|
|
171
|
-
var record = tryCatch(method, delegate.iterator, context.arg);
|
|
172
|
-
if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
|
|
173
|
-
var info = record.arg;
|
|
174
|
-
return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
|
|
175
|
-
}
|
|
176
|
-
function pushTryEntry(locs) {
|
|
177
|
-
var entry = {
|
|
178
|
-
tryLoc: locs[0]
|
|
179
|
-
};
|
|
180
|
-
1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
|
|
181
|
-
}
|
|
182
|
-
function resetTryEntry(entry) {
|
|
183
|
-
var record = entry.completion || {};
|
|
184
|
-
record.type = "normal", delete record.arg, entry.completion = record;
|
|
185
|
-
}
|
|
186
|
-
function Context(tryLocsList) {
|
|
187
|
-
this.tryEntries = [{
|
|
188
|
-
tryLoc: "root"
|
|
189
|
-
}], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
|
|
190
|
-
}
|
|
191
|
-
function values(iterable) {
|
|
192
|
-
if (iterable) {
|
|
193
|
-
var iteratorMethod = iterable[iteratorSymbol];
|
|
194
|
-
if (iteratorMethod) return iteratorMethod.call(iterable);
|
|
195
|
-
if ("function" == typeof iterable.next) return iterable;
|
|
196
|
-
if (!isNaN(iterable.length)) {
|
|
197
|
-
var i = -1,
|
|
198
|
-
next = function next() {
|
|
199
|
-
for (; ++i < iterable.length;) {
|
|
200
|
-
if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
|
|
201
|
-
}
|
|
202
|
-
return next.value = undefined, next.done = !0, next;
|
|
203
|
-
};
|
|
204
|
-
return next.next = next;
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
return {
|
|
208
|
-
next: doneResult
|
|
209
|
-
};
|
|
210
|
-
}
|
|
211
|
-
function doneResult() {
|
|
212
|
-
return {
|
|
213
|
-
value: undefined,
|
|
214
|
-
done: !0
|
|
215
|
-
};
|
|
216
|
-
}
|
|
217
|
-
return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
|
|
218
|
-
value: GeneratorFunctionPrototype,
|
|
219
|
-
configurable: !0
|
|
220
|
-
}), defineProperty(GeneratorFunctionPrototype, "constructor", {
|
|
221
|
-
value: GeneratorFunction,
|
|
222
|
-
configurable: !0
|
|
223
|
-
}), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
|
|
224
|
-
var ctor = "function" == typeof genFun && genFun.constructor;
|
|
225
|
-
return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
|
|
226
|
-
}, exports.mark = function (genFun) {
|
|
227
|
-
return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
|
|
228
|
-
}, exports.awrap = function (arg) {
|
|
229
|
-
return {
|
|
230
|
-
__await: arg
|
|
231
|
-
};
|
|
232
|
-
}, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
|
|
233
|
-
return this;
|
|
234
|
-
}), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
|
|
235
|
-
void 0 === PromiseImpl && (PromiseImpl = Promise);
|
|
236
|
-
var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
|
|
237
|
-
return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
|
|
238
|
-
return result.done ? result.value : iter.next();
|
|
239
|
-
});
|
|
240
|
-
}, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
|
|
241
|
-
return this;
|
|
242
|
-
}), define(Gp, "toString", function () {
|
|
243
|
-
return "[object Generator]";
|
|
244
|
-
}), exports.keys = function (val) {
|
|
245
|
-
var object = Object(val),
|
|
246
|
-
keys = [];
|
|
247
|
-
for (var key in object) {
|
|
248
|
-
keys.push(key);
|
|
249
|
-
}
|
|
250
|
-
return keys.reverse(), function next() {
|
|
251
|
-
for (; keys.length;) {
|
|
252
|
-
var key = keys.pop();
|
|
253
|
-
if (key in object) return next.value = key, next.done = !1, next;
|
|
254
|
-
}
|
|
255
|
-
return next.done = !0, next;
|
|
256
|
-
};
|
|
257
|
-
}, exports.values = values, Context.prototype = {
|
|
258
|
-
constructor: Context,
|
|
259
|
-
reset: function reset(skipTempReset) {
|
|
260
|
-
if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) {
|
|
261
|
-
"t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
|
|
262
|
-
}
|
|
263
|
-
},
|
|
264
|
-
stop: function stop() {
|
|
265
|
-
this.done = !0;
|
|
266
|
-
var rootRecord = this.tryEntries[0].completion;
|
|
267
|
-
if ("throw" === rootRecord.type) throw rootRecord.arg;
|
|
268
|
-
return this.rval;
|
|
269
|
-
},
|
|
270
|
-
dispatchException: function dispatchException(exception) {
|
|
271
|
-
if (this.done) throw exception;
|
|
272
|
-
var context = this;
|
|
273
|
-
function handle(loc, caught) {
|
|
274
|
-
return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
|
|
275
|
-
}
|
|
276
|
-
for (var i = this.tryEntries.length - 1; i >= 0; --i) {
|
|
277
|
-
var entry = this.tryEntries[i],
|
|
278
|
-
record = entry.completion;
|
|
279
|
-
if ("root" === entry.tryLoc) return handle("end");
|
|
280
|
-
if (entry.tryLoc <= this.prev) {
|
|
281
|
-
var hasCatch = hasOwn.call(entry, "catchLoc"),
|
|
282
|
-
hasFinally = hasOwn.call(entry, "finallyLoc");
|
|
283
|
-
if (hasCatch && hasFinally) {
|
|
284
|
-
if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
|
|
285
|
-
if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
|
|
286
|
-
} else if (hasCatch) {
|
|
287
|
-
if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
|
|
288
|
-
} else {
|
|
289
|
-
if (!hasFinally) throw new Error("try statement without catch or finally");
|
|
290
|
-
if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
|
|
291
|
-
}
|
|
292
|
-
}
|
|
293
|
-
}
|
|
294
|
-
},
|
|
295
|
-
abrupt: function abrupt(type, arg) {
|
|
296
|
-
for (var i = this.tryEntries.length - 1; i >= 0; --i) {
|
|
297
|
-
var entry = this.tryEntries[i];
|
|
298
|
-
if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
|
|
299
|
-
var finallyEntry = entry;
|
|
300
|
-
break;
|
|
301
|
-
}
|
|
302
|
-
}
|
|
303
|
-
finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
|
|
304
|
-
var record = finallyEntry ? finallyEntry.completion : {};
|
|
305
|
-
return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
|
|
306
|
-
},
|
|
307
|
-
complete: function complete(record, afterLoc) {
|
|
308
|
-
if ("throw" === record.type) throw record.arg;
|
|
309
|
-
return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
|
|
310
|
-
},
|
|
311
|
-
finish: function finish(finallyLoc) {
|
|
312
|
-
for (var i = this.tryEntries.length - 1; i >= 0; --i) {
|
|
313
|
-
var entry = this.tryEntries[i];
|
|
314
|
-
if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
|
|
315
|
-
}
|
|
316
|
-
},
|
|
317
|
-
"catch": function _catch(tryLoc) {
|
|
318
|
-
for (var i = this.tryEntries.length - 1; i >= 0; --i) {
|
|
319
|
-
var entry = this.tryEntries[i];
|
|
320
|
-
if (entry.tryLoc === tryLoc) {
|
|
321
|
-
var record = entry.completion;
|
|
322
|
-
if ("throw" === record.type) {
|
|
323
|
-
var thrown = record.arg;
|
|
324
|
-
resetTryEntry(entry);
|
|
325
|
-
}
|
|
326
|
-
return thrown;
|
|
327
|
-
}
|
|
328
|
-
}
|
|
329
|
-
throw new Error("illegal catch attempt");
|
|
330
|
-
},
|
|
331
|
-
delegateYield: function delegateYield(iterable, resultName, nextLoc) {
|
|
332
|
-
return this.delegate = {
|
|
333
|
-
iterator: values(iterable),
|
|
334
|
-
resultName: resultName,
|
|
335
|
-
nextLoc: nextLoc
|
|
336
|
-
}, "next" === this.method && (this.arg = undefined), ContinueSentinel;
|
|
337
|
-
}
|
|
338
|
-
}, exports;
|
|
339
|
-
}
|
|
340
|
-
module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
341
|
-
}(regeneratorRuntime$1));
|
|
342
|
-
|
|
343
|
-
// TODO(Babel 8): Remove this file.
|
|
344
|
-
|
|
345
|
-
var runtime = regeneratorRuntime$1.exports();
|
|
346
|
-
var regenerator = runtime;
|
|
347
|
-
|
|
348
|
-
// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
|
|
349
|
-
try {
|
|
350
|
-
regeneratorRuntime = runtime;
|
|
351
|
-
} catch (accidentalStrictMode) {
|
|
352
|
-
if (typeof globalThis === "object") {
|
|
353
|
-
globalThis.regeneratorRuntime = runtime;
|
|
354
|
-
} else {
|
|
355
|
-
Function("r", "regeneratorRuntime = r")(runtime);
|
|
356
|
-
}
|
|
357
|
-
}
|
|
358
|
-
|
|
359
|
-
/******************************************************************************
|
|
360
|
-
Copyright (c) Microsoft Corporation.
|
|
361
|
-
|
|
362
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
363
|
-
purpose with or without fee is hereby granted.
|
|
364
|
-
|
|
365
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
366
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
367
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
368
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
369
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
370
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
371
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
372
|
-
***************************************************************************** */
|
|
373
|
-
|
|
374
|
-
function __rest(s, e) {
|
|
375
|
-
var t = {};
|
|
376
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
377
|
-
t[p] = s[p];
|
|
378
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
379
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
380
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
381
|
-
t[p[i]] = s[p[i]];
|
|
382
|
-
}
|
|
383
|
-
return t;
|
|
384
|
-
}
|
|
385
|
-
|
|
386
|
-
function __awaiter(thisArg, _arguments, P, generator) {
|
|
387
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
388
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
389
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
390
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
391
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
392
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
393
|
-
});
|
|
394
|
-
}
|
|
395
|
-
|
|
396
|
-
var _a;
|
|
397
|
-
function getData(_ref) {
|
|
398
|
-
var url = _ref.url,
|
|
399
|
-
code = _ref.code,
|
|
400
|
-
token = _ref.token;
|
|
401
|
-
return __awaiter(this, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
|
|
402
|
-
var response, data;
|
|
403
|
-
return regenerator.wrap(function _callee$(_context) {
|
|
404
|
-
while (1) {
|
|
405
|
-
switch (_context.prev = _context.next) {
|
|
406
|
-
case 0:
|
|
407
|
-
_context.next = 2;
|
|
408
|
-
return fetch(url, {
|
|
409
|
-
method: 'POST',
|
|
410
|
-
headers: {
|
|
411
|
-
'Content-Type': 'application/json',
|
|
412
|
-
Authorization: token ? "Bearer ".concat(token) : ''
|
|
413
|
-
},
|
|
414
|
-
body: JSON.stringify({
|
|
415
|
-
code: code
|
|
416
|
-
})
|
|
417
|
-
});
|
|
418
|
-
case 2:
|
|
419
|
-
response = _context.sent;
|
|
420
|
-
if (response.ok) {
|
|
421
|
-
_context.next = 5;
|
|
422
|
-
break;
|
|
423
|
-
}
|
|
424
|
-
throw new Error(response.statusText);
|
|
425
|
-
case 5:
|
|
426
|
-
_context.next = 7;
|
|
427
|
-
return response.json();
|
|
428
|
-
case 7:
|
|
429
|
-
data = _context.sent;
|
|
430
|
-
return _context.abrupt("return", data['data']);
|
|
431
|
-
case 9:
|
|
432
|
-
case "end":
|
|
433
|
-
return _context.stop();
|
|
434
|
-
}
|
|
435
|
-
}
|
|
436
|
-
}, _callee);
|
|
437
|
-
}));
|
|
438
|
-
}
|
|
439
|
-
function buildSrcSets(imageBaseUrl, srcSets) {
|
|
440
|
-
if (!srcSets) return '';
|
|
441
|
-
if (!imageBaseUrl) return srcSets;
|
|
442
|
-
return srcSets.split(', ').map(function (srcSetItem) {
|
|
443
|
-
return "".concat(imageBaseUrl).concat(srcSetItem);
|
|
444
|
-
}).join(', ');
|
|
445
|
-
}
|
|
446
|
-
var isMobileDevice = typeof window !== 'undefined' && /Mobi/i.test((_a = window === null || window === void 0 ? void 0 : window.navigator) === null || _a === void 0 ? void 0 : _a.userAgent);
|
|
447
|
-
var filterItemData = function filterItemData(data) {
|
|
448
|
-
return isMobileDevice ? data.itemType === 'Mobile' : data.itemType === 'Web';
|
|
449
|
-
};
|
|
450
|
-
|
|
451
|
-
function FixedWidget(_ref) {
|
|
452
|
-
var widgetData = _ref.widgetData,
|
|
453
|
-
formatItem = _ref.formatItem,
|
|
454
|
-
className = _ref.className;
|
|
455
|
-
var gridClasses = "grid grid-cols-".concat(widgetData.mobilePerRow, " md:grid-cols-").concat(widgetData.tabletPerRow, " lg:grid-cols-").concat(widgetData.webPerRow);
|
|
456
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
457
|
-
className: className || gridClasses
|
|
458
|
-
}, widgetData.itemsType === 'Image' ? widgetData.items.filter(filterItemData).map(function (item, index) {
|
|
459
|
-
return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
|
|
460
|
-
key: index
|
|
461
|
-
}, formatItem(item));
|
|
462
|
-
}) : widgetData.collectionItems.map(function (item, index) {
|
|
463
|
-
return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
|
|
464
|
-
key: index
|
|
465
|
-
}, formatItem(item));
|
|
466
|
-
}));
|
|
467
|
-
}
|
|
468
|
-
|
|
469
|
-
var Next = function Next() {
|
|
470
|
-
return /*#__PURE__*/React__default["default"].createElement("svg", {
|
|
471
|
-
width: "12",
|
|
472
|
-
height: "12",
|
|
473
|
-
viewBox: "0 0 12 12",
|
|
474
|
-
fill: "none",
|
|
475
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
476
|
-
}, /*#__PURE__*/React__default["default"].createElement("path", {
|
|
477
|
-
d: "M9.129 5.25L5.106 1.227L6.1665 0.166504L12 6L6.1665 11.8335L5.106 10.773L9.129 6.75H0V5.25H9.129Z",
|
|
478
|
-
fill: "#40B5E8"
|
|
479
|
-
}));
|
|
480
|
-
};
|
|
481
|
-
|
|
482
|
-
var Previous = function Previous() {
|
|
483
|
-
return /*#__PURE__*/React__default["default"].createElement("svg", {
|
|
484
|
-
width: "12",
|
|
485
|
-
height: "12",
|
|
486
|
-
viewBox: "0 0 12 12",
|
|
487
|
-
fill: "none",
|
|
488
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
489
|
-
}, /*#__PURE__*/React__default["default"].createElement("path", {
|
|
490
|
-
d: "M2.871 5.25L6.894 1.227L5.8335 0.166504L0 6L5.8335 11.8335L6.894 10.773L2.871 6.75H12V5.25H2.871Z",
|
|
491
|
-
fill: "#40B5E8"
|
|
492
|
-
}));
|
|
493
|
-
};
|
|
494
|
-
|
|
495
|
-
var SlickArrowLeft = function SlickArrowLeft(_a) {
|
|
496
|
-
var currentSlide = _a.currentSlide;
|
|
497
|
-
_a.slideCount;
|
|
498
|
-
var props = __rest(_a, ["currentSlide", "slideCount"]);
|
|
499
|
-
return /*#__PURE__*/React__default["default"].createElement("button", Object.assign({}, props, {
|
|
500
|
-
className: 'slick-prev slick-arrow' + (currentSlide === 0 ? ' slick-disabled' : ''),
|
|
501
|
-
"aria-hidden": "true",
|
|
502
|
-
"aria-disabled": currentSlide === 0 ? true : false,
|
|
503
|
-
type: "button"
|
|
504
|
-
}), /*#__PURE__*/React__default["default"].createElement(Previous, null));
|
|
505
|
-
};
|
|
506
|
-
var SlickArrowRight = function SlickArrowRight(_a) {
|
|
507
|
-
var currentSlide = _a.currentSlide,
|
|
508
|
-
slideCount = _a.slideCount,
|
|
509
|
-
props = __rest(_a, ["currentSlide", "slideCount"]);
|
|
510
|
-
return /*#__PURE__*/React__default["default"].createElement("button", Object.assign({}, props, {
|
|
511
|
-
className: 'slick-next slick-arrow' + (slideCount && currentSlide === slideCount - 1 ? ' slick-disabled' : ''),
|
|
512
|
-
"aria-hidden": "true",
|
|
513
|
-
"aria-disabled": slideCount && currentSlide === slideCount - 1 ? true : false,
|
|
514
|
-
type: "button"
|
|
515
|
-
}), /*#__PURE__*/React__default["default"].createElement(Next, null));
|
|
516
|
-
};
|
|
517
|
-
function CarouselWidget(_ref) {
|
|
518
|
-
var widgetData = _ref.widgetData,
|
|
519
|
-
formatItem = _ref.formatItem,
|
|
520
|
-
settings = _ref.settings,
|
|
521
|
-
className = _ref.className;
|
|
522
|
-
var defaultSettings = {
|
|
523
|
-
dots: false,
|
|
524
|
-
infinite: true,
|
|
525
|
-
slidesToShow: widgetData.mobilePerRow,
|
|
526
|
-
slidesToScroll: 1,
|
|
527
|
-
autoplay: widgetData.autoPlay,
|
|
528
|
-
autoplaySpeed: 1500,
|
|
529
|
-
pauseOnHover: true,
|
|
530
|
-
nextArrow: /*#__PURE__*/React__default["default"].createElement(SlickArrowRight, null),
|
|
531
|
-
prevArrow: /*#__PURE__*/React__default["default"].createElement(SlickArrowLeft, null),
|
|
532
|
-
responsive: [{
|
|
533
|
-
breakpoint: 768,
|
|
534
|
-
settings: {
|
|
535
|
-
slidesToShow: widgetData.tabletPerRow
|
|
536
|
-
}
|
|
537
|
-
}, {
|
|
538
|
-
breakpoint: 1024,
|
|
539
|
-
settings: {
|
|
540
|
-
arrows: false,
|
|
541
|
-
slidesToShow: widgetData.webPerRow
|
|
542
|
-
}
|
|
543
|
-
}]
|
|
544
|
-
};
|
|
545
|
-
if (!widgetData) return null;
|
|
546
|
-
return /*#__PURE__*/React__default["default"].createElement(Slider__default["default"], Object.assign({}, settings ? settings : defaultSettings, {
|
|
547
|
-
className: className
|
|
548
|
-
}), widgetData.itemsType === 'Image' ? widgetData.items.filter(filterItemData).map(function (item, index) {
|
|
549
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
550
|
-
key: index
|
|
551
|
-
}, formatItem(item));
|
|
552
|
-
}) : widgetData.collectionItems.map(function (item, index) {
|
|
553
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
554
|
-
key: index
|
|
555
|
-
}, formatItem(item));
|
|
556
|
-
}));
|
|
557
|
-
}
|
|
558
|
-
|
|
559
|
-
function Banner(_ref) {
|
|
560
|
-
var imageAltText = _ref.imageAltText,
|
|
561
|
-
imageUrl = _ref.imageUrl,
|
|
562
|
-
_onClick = _ref.onClick,
|
|
563
|
-
srcSets = _ref.srcSets,
|
|
564
|
-
title = _ref.title,
|
|
565
|
-
subtitle = _ref.subtitle;
|
|
566
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
567
|
-
className: "kpc_banner"
|
|
568
|
-
}, /*#__PURE__*/React__default["default"].createElement("b", null, title), subtitle ? /*#__PURE__*/React__default["default"].createElement("p", null, subtitle) : null, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
569
|
-
src: imageUrl,
|
|
570
|
-
alt: imageAltText,
|
|
571
|
-
className: "kpc_banner-image",
|
|
572
|
-
srcSet: srcSets,
|
|
573
|
-
loading: "lazy",
|
|
574
|
-
onClick: function onClick() {
|
|
575
|
-
return _onClick && _onClick();
|
|
576
|
-
}
|
|
577
|
-
}));
|
|
578
|
-
}
|
|
579
|
-
|
|
580
|
-
function CollectionItem(_ref) {
|
|
581
|
-
var name = _ref.name,
|
|
582
|
-
_onClick = _ref.onClick;
|
|
583
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
584
|
-
className: "kpc_item",
|
|
585
|
-
onClick: function onClick() {
|
|
586
|
-
return _onClick && _onClick();
|
|
587
|
-
}
|
|
588
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
589
|
-
className: "kpc_item-text"
|
|
590
|
-
}, name || 'Laurem Ipsum'));
|
|
591
|
-
}
|
|
592
|
-
|
|
593
|
-
function TabWidget(_ref) {
|
|
594
|
-
var widgetData = _ref.widgetData,
|
|
595
|
-
formatItem = _ref.formatItem,
|
|
596
|
-
className = _ref.className,
|
|
597
|
-
formatTabTitle = _ref.formatTabTitle;
|
|
598
|
-
var _useState = React.useState(0),
|
|
599
|
-
activeTab = _useState[0],
|
|
600
|
-
setActiveTab = _useState[1];
|
|
601
|
-
var gridClasses = "grid grid-cols-".concat(widgetData.mobilePerRow, " md:grid-cols-").concat(widgetData.tabletPerRow, " lg:grid-cols-").concat(widgetData.webPerRow);
|
|
602
|
-
return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(reactTabs.Tabs, {
|
|
603
|
-
selectedIndex: activeTab,
|
|
604
|
-
onSelect: setActiveTab
|
|
605
|
-
}, /*#__PURE__*/React__default["default"].createElement(reactTabs.TabList, null, widgetData.tabs.map(function (tab, index) {
|
|
606
|
-
return /*#__PURE__*/React__default["default"].createElement(reactTabs.Tab, {
|
|
607
|
-
key: index
|
|
608
|
-
}, formatTabTitle(tab.name, tab.collectionItems, activeTab === index));
|
|
609
|
-
})), widgetData.tabs.map(function (tab, index) {
|
|
610
|
-
return /*#__PURE__*/React__default["default"].createElement(reactTabs.TabPanel, {
|
|
611
|
-
key: index
|
|
612
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
613
|
-
className: className || gridClasses
|
|
614
|
-
}, tab.collectionItems.map(function (item) {
|
|
615
|
-
return formatItem(item);
|
|
616
|
-
})));
|
|
617
|
-
})));
|
|
618
|
-
}
|
|
619
|
-
|
|
620
|
-
function Widget(_ref) {
|
|
621
|
-
var widgetData = _ref.widgetData,
|
|
622
|
-
imageBaseUrl = _ref.imageBaseUrl,
|
|
623
|
-
formatItem = _ref.formatItem,
|
|
624
|
-
_onClick = _ref.onClick,
|
|
625
|
-
settings = _ref.settings,
|
|
626
|
-
hideTitle = _ref.hideTitle,
|
|
627
|
-
className = _ref.className,
|
|
628
|
-
formatFooter = _ref.formatFooter,
|
|
629
|
-
formatHeader = _ref.formatHeader,
|
|
630
|
-
formatTabTitle = _ref.formatTabTitle;
|
|
631
|
-
var formatItems = function formatItems(item) {
|
|
632
|
-
var _a;
|
|
633
|
-
if (typeof formatItem === 'function' && formatItem) return formatItem(item);else if (widgetData.itemsType === 'Image') return /*#__PURE__*/React__default["default"].createElement(Banner, {
|
|
634
|
-
key: item._id,
|
|
635
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
636
|
-
// @ts-ignore
|
|
637
|
-
imageUrl: "".concat(imageBaseUrl || '').concat((_a = item.image) === null || _a === void 0 ? void 0 : _a.uri),
|
|
638
|
-
imageAltText: item._id,
|
|
639
|
-
onClick: function onClick() {
|
|
640
|
-
return _onClick && _onClick(item);
|
|
641
|
-
},
|
|
642
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
643
|
-
// @ts-ignore
|
|
644
|
-
srcSets: buildSrcSets(imageBaseUrl, item.srcSets),
|
|
645
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
646
|
-
// @ts-ignore
|
|
647
|
-
title: item.title,
|
|
648
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
649
|
-
// @ts-ignore
|
|
650
|
-
subtitle: item.subtitle
|
|
651
|
-
});else return /*#__PURE__*/React__default["default"].createElement(CollectionItem, Object.assign({
|
|
652
|
-
key: item._id,
|
|
653
|
-
onClick: function onClick() {
|
|
654
|
-
return _onClick && _onClick(item);
|
|
655
|
-
}
|
|
656
|
-
}, item));
|
|
657
|
-
};
|
|
658
|
-
var formatTabTitles = function formatTabTitles(title, collectionData, isActive) {
|
|
659
|
-
if (typeof formatTabTitle === 'function' && formatTabTitle) return formatTabTitle(title, collectionData, isActive);
|
|
660
|
-
return /*#__PURE__*/React__default["default"].createElement("div", null, title);
|
|
661
|
-
};
|
|
662
|
-
if (!widgetData) return null;
|
|
663
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
664
|
-
className: "kpc_widget",
|
|
665
|
-
style: {
|
|
666
|
-
backgroundColor: widgetData.backgroundColor
|
|
667
|
-
}
|
|
668
|
-
}, hideTitle === true ? null : typeof formatHeader === 'function' ? formatHeader(widgetData.widgetTitle, widgetData) : /*#__PURE__*/React__default["default"].createElement("h2", {
|
|
669
|
-
className: "kpc_widget-title"
|
|
670
|
-
}, widgetData.widgetTitle), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
671
|
-
className: "kpc_widget-body"
|
|
672
|
-
}, widgetData.widgetType === 'Carousel' ? /*#__PURE__*/React__default["default"].createElement(CarouselWidget, {
|
|
673
|
-
settings: settings,
|
|
674
|
-
widgetData: widgetData,
|
|
675
|
-
formatItem: formatItems,
|
|
676
|
-
className: className,
|
|
677
|
-
formatTabTitle: formatTabTitles
|
|
678
|
-
}) : widgetData.widgetType === 'Tabs' ? /*#__PURE__*/React__default["default"].createElement(TabWidget, {
|
|
679
|
-
formatItem: formatItems,
|
|
680
|
-
formatTabTitle: formatTabTitles,
|
|
681
|
-
widgetData: widgetData,
|
|
682
|
-
className: className
|
|
683
|
-
}) : /*#__PURE__*/React__default["default"].createElement(FixedWidget, {
|
|
684
|
-
widgetData: widgetData,
|
|
685
|
-
formatItem: formatItems,
|
|
686
|
-
className: className,
|
|
687
|
-
formatTabTitle: formatTabTitles
|
|
688
|
-
})), typeof formatFooter === 'function' ? formatFooter(widgetData) : null);
|
|
689
|
-
}
|
|
690
|
-
|
|
691
|
-
function Page(_ref) {
|
|
692
|
-
var title = _ref.title,
|
|
693
|
-
imageBaseUrl = _ref.imageBaseUrl,
|
|
694
|
-
pageData = _ref.pageData,
|
|
695
|
-
formatItem = _ref.formatItem,
|
|
696
|
-
onClick = _ref.onClick,
|
|
697
|
-
formatWidget = _ref.formatWidget,
|
|
698
|
-
hideWidgetTitles = _ref.hideWidgetTitles;
|
|
699
|
-
if (!pageData) return null;
|
|
700
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
701
|
-
className: "kpc_page"
|
|
702
|
-
}, title && /*#__PURE__*/React__default["default"].createElement("h1", {
|
|
703
|
-
className: "kpc_page-title"
|
|
704
|
-
}, title), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
705
|
-
className: "kpc_page-widgets"
|
|
706
|
-
}, pageData.widgets.map(function (widgetData, index) {
|
|
707
|
-
return typeof formatWidget === 'function' ? /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
|
|
708
|
-
key: index
|
|
709
|
-
}, formatWidget(widgetData, index)) : /*#__PURE__*/React__default["default"].createElement(Widget, {
|
|
710
|
-
widgetData: widgetData,
|
|
711
|
-
key: index,
|
|
712
|
-
imageBaseUrl: imageBaseUrl,
|
|
713
|
-
hideTitle: hideWidgetTitles === true,
|
|
714
|
-
formatItem: formatItem && function (itemData) {
|
|
715
|
-
return formatItem(widgetData.code, itemData);
|
|
716
|
-
},
|
|
717
|
-
onClick: onClick && function (itemData) {
|
|
718
|
-
return onClick(widgetData.code, itemData);
|
|
719
|
-
}
|
|
720
|
-
});
|
|
721
|
-
})));
|
|
722
|
-
}
|
|
723
|
-
|
|
724
|
-
exports.Page = Page;
|
|
725
|
-
exports.Widget = Widget;
|
|
726
|
-
exports.getData = getData;
|