@knovator/pagecreator 0.5.1 → 0.5.3

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,18 @@ 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(widgetData.itemsType === 'Image' ? widgetData.items.filter(filterItemData).map(function (item, index) {
438
+ return /*#__PURE__*/React.createElement(Fragment, {
439
+ key: index
440
+ }, formatItem(item));
441
+ }) : widgetData.collectionItems.map(function (item, index) {
442
+ return /*#__PURE__*/React.createElement(Fragment, {
443
+ key: index
444
+ }, formatItem(item));
445
+ }));
447
446
  return /*#__PURE__*/React.createElement("div", {
448
447
  className: className || gridClasses
449
448
  }, widgetData.itemsType === 'Image' ? widgetData.items.filter(filterItemData).map(function (item, index) {
@@ -457,91 +456,52 @@ function FixedWidget(_ref) {
457
456
  }));
458
457
  }
459
458
 
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
459
  function CarouselWidget(_ref) {
509
460
  var widgetData = _ref.widgetData,
510
461
  formatItem = _ref.formatItem,
511
462
  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
463
+ className = _ref.className,
464
+ itemsContainer = _ref.itemsContainer;
465
+ var defaultSetting = {
466
+ slidesPerView: widgetData.mobilePerRow,
467
+ loop: true,
468
+ loopAdditionalSlides: 2,
469
+ speed: 5000,
470
+ breakpoints: {
471
+ 640: {
472
+ slidesPerView: widgetData.mobilePerRow,
473
+ spaceBetween: 20
474
+ },
475
+ 768: {
476
+ slidesPerView: widgetData.tabletPerRow,
477
+ spaceBetween: 40
478
+ },
479
+ 1024: {
480
+ slidesPerView: widgetData.webPerRow,
481
+ spaceBetween: 50
533
482
  }
534
- }]
483
+ }
535
484
  };
536
485
  if (!widgetData) return null;
537
- return /*#__PURE__*/React.createElement(Slider, Object.assign({}, settings ? settings : defaultSettings, {
538
- className: className
486
+ if (typeof itemsContainer === 'function') return itemsContainer(widgetData.itemsType === 'Image' ? widgetData.items.filter(filterItemData).map(function (item, index) {
487
+ return /*#__PURE__*/React.createElement(Fragment, {
488
+ key: index
489
+ }, formatItem(item));
490
+ }) : widgetData.collectionItems.map(function (item, index) {
491
+ return /*#__PURE__*/React.createElement(Fragment, {
492
+ key: index
493
+ }, formatItem(item));
494
+ }));
495
+ return /*#__PURE__*/React.createElement(Swiper, Object.assign({}, Object.assign(Object.assign({}, defaultSetting), settings || {}), {
496
+ className: className,
497
+ modules: [Pagination, Autoplay, Virtual],
498
+ virtual: typeof window === 'undefined'
539
499
  }), widgetData.itemsType === 'Image' ? widgetData.items.filter(filterItemData).map(function (item, index) {
540
- return /*#__PURE__*/React.createElement("div", {
500
+ return /*#__PURE__*/React.createElement(SwiperSlide, {
541
501
  key: index
542
502
  }, formatItem(item));
543
503
  }) : widgetData.collectionItems.map(function (item, index) {
544
- return /*#__PURE__*/React.createElement("div", {
504
+ return /*#__PURE__*/React.createElement(SwiperSlide, {
545
505
  key: index
546
506
  }, formatItem(item));
547
507
  }));
@@ -585,12 +545,13 @@ function TabWidget(_ref) {
585
545
  var widgetData = _ref.widgetData,
586
546
  formatItem = _ref.formatItem,
587
547
  className = _ref.className,
588
- formatTabTitle = _ref.formatTabTitle;
548
+ formatTabTitle = _ref.formatTabTitle,
549
+ itemsContainer = _ref.itemsContainer;
589
550
  var _useState = useState(0),
590
551
  activeTab = _useState[0],
591
552
  setActiveTab = _useState[1];
592
553
  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, {
554
+ return /*#__PURE__*/React.createElement(Tabs, {
594
555
  selectedIndex: activeTab,
595
556
  onSelect: setActiveTab
596
557
  }, /*#__PURE__*/React.createElement(TabList, null, widgetData.tabs.map(function (tab, index) {
@@ -600,12 +561,18 @@ function TabWidget(_ref) {
600
561
  })), widgetData.tabs.map(function (tab, index) {
601
562
  return /*#__PURE__*/React.createElement(TabPanel, {
602
563
  key: index
603
- }, /*#__PURE__*/React.createElement("div", {
564
+ }, typeof itemsContainer === 'function' ? itemsContainer(tab.collectionItems.map(function (item, index) {
565
+ return /*#__PURE__*/React.createElement(Fragment, {
566
+ key: index
567
+ }, formatItem(item));
568
+ })) : /*#__PURE__*/React.createElement("div", {
604
569
  className: className || gridClasses
605
- }, tab.collectionItems.map(function (item) {
606
- return formatItem(item);
570
+ }, tab.collectionItems.map(function (item, index) {
571
+ return /*#__PURE__*/React.createElement(Fragment, {
572
+ key: index
573
+ }, formatItem(item));
607
574
  })));
608
- })));
575
+ }));
609
576
  }
610
577
 
611
578
  function Widget(_ref) {
@@ -618,7 +585,8 @@ function Widget(_ref) {
618
585
  className = _ref.className,
619
586
  formatFooter = _ref.formatFooter,
620
587
  formatHeader = _ref.formatHeader,
621
- formatTabTitle = _ref.formatTabTitle;
588
+ formatTabTitle = _ref.formatTabTitle,
589
+ itemsContainer = _ref.itemsContainer;
622
590
  var formatItems = function formatItems(item) {
623
591
  var _a;
624
592
  if (typeof formatItem === 'function' && formatItem) return formatItem(item);else if (widgetData.itemsType === 'Image') return /*#__PURE__*/React.createElement(Banner, {
@@ -657,25 +625,31 @@ function Widget(_ref) {
657
625
  backgroundColor: widgetData.backgroundColor
658
626
  }
659
627
  }, 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", {
628
+ className: "kpc_widget-title",
629
+ dangerouslySetInnerHTML: {
630
+ __html: widgetData.widgetTitle
631
+ }
632
+ }), /*#__PURE__*/React.createElement("div", {
662
633
  className: "kpc_widget-body"
663
634
  }, widgetData.widgetType === 'Carousel' ? /*#__PURE__*/React.createElement(CarouselWidget, {
664
635
  settings: settings,
665
636
  widgetData: widgetData,
666
637
  formatItem: formatItems,
667
638
  className: className,
668
- formatTabTitle: formatTabTitles
639
+ formatTabTitle: formatTabTitles,
640
+ itemsContainer: itemsContainer
669
641
  }) : widgetData.widgetType === 'Tabs' ? /*#__PURE__*/React.createElement(TabWidget, {
670
642
  formatItem: formatItems,
671
643
  formatTabTitle: formatTabTitles,
672
644
  widgetData: widgetData,
673
- className: className
645
+ className: className,
646
+ itemsContainer: itemsContainer
674
647
  }) : /*#__PURE__*/React.createElement(FixedWidget, {
675
648
  widgetData: widgetData,
676
649
  formatItem: formatItems,
677
650
  className: className,
678
- formatTabTitle: formatTabTitles
651
+ formatTabTitle: formatTabTitles,
652
+ itemsContainer: itemsContainer
679
653
  })), typeof formatFooter === 'function' ? formatFooter(widgetData) : null);
680
654
  }
681
655
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@knovator/pagecreator",
3
- "version": "0.5.1",
3
+ "version": "0.5.3",
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-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;