@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 CHANGED
@@ -71,7 +71,7 @@
71
71
  ### Built With
72
72
 
73
73
  * [React.js](https://reactjs.org/)
74
- * [react-slick](https://www.npmjs.com/package/react-slick)
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): [react-slick Settings](https://react-slick.neostack.com/docs/api)
132
- - Settings to apply for carousel widget
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 Slider from 'react-slick';
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
- var defaultSettings = {
514
- dots: false,
515
- infinite: true,
516
- slidesToShow: widgetData.mobilePerRow,
517
- slidesToScroll: 1,
518
- autoplay: widgetData.autoPlay,
519
- autoplaySpeed: 1500,
520
- pauseOnHover: true,
521
- nextArrow: /*#__PURE__*/React.createElement(SlickArrowRight, null),
522
- prevArrow: /*#__PURE__*/React.createElement(SlickArrowLeft, null),
523
- responsive: [{
524
- breakpoint: 768,
525
- settings: {
526
- slidesToShow: widgetData.tabletPerRow
527
- }
528
- }, {
529
- breakpoint: 1024,
530
- settings: {
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
- return /*#__PURE__*/React.createElement(Slider, Object.assign({}, settings ? settings : defaultSettings, {
538
- className: className
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("div", {
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("div", {
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("div", null, /*#__PURE__*/React.createElement(Tabs, {
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("div", {
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 formatItem(item);
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
- }, widgetData.widgetTitle), /*#__PURE__*/React.createElement("div", {
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.1",
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
- "react-slick": "^0.29.0",
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.d.ts",
25
- "index.js",
26
- "index.cjs"
24
+ "index.js"
27
25
  ],
28
26
  "module": "./index.js",
29
- "main": "./index.cjs",
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;