@mjhls/mjh-framework 1.0.989-test → 1.0.990-next-12

package/dist/esm/MediaSeriesLanding.js

@@ -1,34 +1,32 @@
-import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-958ef5fc.js';
-import { _ as _typeof } from './typeof-e9fc0c5d.js';
-import { _ as _extends } from './extends-6d8e3924.js';
-import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-9716ae8d.js';
+import { _ as _typeof } from './typeof-83d9eb10.js';
+import { _ as _extends } from './extends-dc6a71fd.js';
+import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
 import React__default, { useState, useEffect } from 'react';
-import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-7d1f45f9.js';
-import './index-98ca9cec.js';
+import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-99048e65.js';
 import 'react-dom';
 import Link from 'next/link';
 import MasterDeck from './MasterDeck.js';
-import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-03afef1c.js';
+import { B as BlockContent } from './BlockContent-c99c9a8d.js';
+import { g as getSerializers } from './index-c60f3bb6.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-ea258bb1.js';
-import './web.dom.iterable-ab4dea5c.js';
+import './core.get-iterator-method-e903ff31.js';
+import './web.dom.iterable-fdf034f5.js';
 import './_library-528f1934.js';
-import './_iter-detect-98db3b07.js';
-import './_is-array-8d21b9e3.js';
+import './_iter-detect-f089461c.js';
+import './_is-array-893ab020.js';
 import './_object-pie-133f504a.js';
 import 'prop-types';
 import './index-755f2cc2.js';
 import './urlFor.js';
-import './index-3f5c03b2.js';
+import './index-0dbff1d1.js';
 import './moment-bc12cb97.js';
 import './style-inject.es-1f59c1d0.js';
-import './toConsumableArray-f7074d7c.js';
-import './inherits-a6ba2ec4.js';
-import './_object-sap-7cee6f84.js';
-import './define-property-5f1bda73.js';
-import './index-f0fc23eb.js';
-import './events-6c3a7a63.js';
+import './toConsumableArray-7b1c0e23.js';
+import './inherits-8a801a18.js';
+import './_object-sap-169d6272.js';
+import './define-property-99e66838.js';
+import './index-5cc7b406.js';
 import 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
@@ -40,17 +38,16 @@ import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
 import './index.es-a6137319.js';
 import './visibility-sensor-72fd8f8b.js';
-import './ADlgInfeed-dc36c928.js';
+import './ADlgInfeed-8c438cee.js';
 import './AdSlot.js';
 import './Beam.js';
-import './stringify-2b084bee.js';
+import './stringify-c21932b3.js';
 import './Segment.js';
 import './main-1894c974.js';
-import './ADInfeed-6d1fc6bf.js';
+import './ADInfeed-f684cac9.js';
 import 'react-bootstrap';
 import './index-c7e2ac95.js';
-import './util-8ed16d48.js';
-import './urlForFile-b69adffc.js';
+import './urlForFile-413f5ddb.js';
 import './brightcove-react-player-loader.es-57a70a56.js';
 import 'react-bootstrap/Modal';
 import 'react-bootstrap/Button';
@@ -61,9 +58,9 @@ import './smoothscroll-fa4e3f8c.js';
 import './SocialShare.js';
 import 'next/head';
 import 'react-share';
-import './_object-to-array-2300e51b.js';
+import './_object-to-array-50a6b9a3.js';
 import 'react-bootstrap/Pagination';
-import './entities-6d9154b4.js';
+import './entities-932b50cf.js';
 import './index.esm-eb1e8e80.js';
 import './iconBase-ccc56b97.js';
 import 'react-bootstrap/Figure';
@@ -93,11 +90,11 @@ var Filter = function Filter(_ref) {
       _useState6 = _slicedToArray(_useState5, 2),
       grandChildData = _useState6[0],
       setGrandChildData = _useState6[1];
-  /*
-    {parent: showAll,
-      chidlren: show selected from parent,
-        grandchildren: show selected from children
-    }
+  /*
+    {parent: showAll,
+      chidlren: show selected from parent,
+        grandchildren: show selected from children
+    }
     */
 
 
@@ -382,7 +379,7 @@ MediaSeriesLanding.getInitialData = function () {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            urlQuery = ctx.query, pathname = ctx.pathname;
+            urlQuery = ctx.query, pathname = ctx.pathname, ctx.req;
             identifier = pathname.replace('/', '');
             itemsPerPage = 10;
             currentPage = urlQuery.page ? parseInt(urlQuery.page) : 1;
@@ -496,4 +493,4 @@ MediaSeriesLanding.getInitialData = function () {
   };
 }();
 
-export { MediaSeriesLanding as default };
+export default MediaSeriesLanding;

package/dist/esm/MediaSeriesLandingPaginated.js

@@ -1,41 +1,39 @@
-import { _ as _asyncToGenerator, r as regenerator, a as _Promise } from './asyncToGenerator-958ef5fc.js';
-import { _ as _typeof } from './typeof-e9fc0c5d.js';
-import { _ as _extends } from './extends-6d8e3924.js';
-import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
+import { _ as _asyncToGenerator, r as regenerator, a as _Promise } from './asyncToGenerator-9716ae8d.js';
+import { _ as _typeof } from './typeof-83d9eb10.js';
+import { _ as _extends } from './extends-dc6a71fd.js';
+import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
 import React__default, { useState, useEffect } from 'react';
-import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-7d1f45f9.js';
-import './index-98ca9cec.js';
+import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-99048e65.js';
 import 'react-dom';
 import Link from 'next/link';
-import { B as BlockContent } from './BlockContent-1e73bd2c.js';
+import { B as BlockContent } from './BlockContent-c99c9a8d.js';
 import MasterDeck from './MasterDeckPaginated.js';
-import { g as getSerializers } from './index-03afef1c.js';
+import { g as getSerializers } from './index-c60f3bb6.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-ea258bb1.js';
-import './web.dom.iterable-ab4dea5c.js';
+import './core.get-iterator-method-e903ff31.js';
+import './web.dom.iterable-fdf034f5.js';
 import './_library-528f1934.js';
-import './_iter-detect-98db3b07.js';
-import './_is-array-8d21b9e3.js';
+import './_iter-detect-f089461c.js';
+import './_is-array-893ab020.js';
 import './_object-pie-133f504a.js';
 import 'prop-types';
 import './index-755f2cc2.js';
 import './urlFor.js';
-import './index-3f5c03b2.js';
+import './index-0dbff1d1.js';
 import './moment-bc12cb97.js';
 import './style-inject.es-1f59c1d0.js';
-import './stringify-2b084bee.js';
-import './toConsumableArray-f7074d7c.js';
-import './inherits-a6ba2ec4.js';
-import './_object-sap-7cee6f84.js';
-import './define-property-5f1bda73.js';
-import './index-f0fc23eb.js';
-import './events-6c3a7a63.js';
+import './stringify-c21932b3.js';
+import './toConsumableArray-7b1c0e23.js';
+import './inherits-8a801a18.js';
+import './_object-sap-169d6272.js';
+import './define-property-99e66838.js';
+import './index-5cc7b406.js';
 import 'react-bootstrap/Container';
 import 'react-bootstrap/Spinner';
 import 'next/router';
 import './lodash-f97fd99a.js';
 import './main-1894c974.js';
-import './ADlgInfeed-dc36c928.js';
+import './ADlgInfeed-8c438cee.js';
 import 'react-bootstrap/Card';
 import './AdSlot.js';
 import './debounce-533d9748.js';
@@ -43,15 +41,15 @@ import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
 import './Beam.js';
 import './Segment.js';
-import './ADInfeed-6d1fc6bf.js';
-import './Pagination-dc30727b.js';
+import './ADInfeed-f684cac9.js';
+import './Pagination-cd21f8c2.js';
+import 'react-paginate';
 import 'react-bootstrap/Button';
 import './index.esm-1bd8a0a8.js';
 import './iconBase-ccc56b97.js';
 import 'react-bootstrap';
 import './index-c7e2ac95.js';
-import './util-8ed16d48.js';
-import './urlForFile-b69adffc.js';
+import './urlForFile-413f5ddb.js';
 import './brightcove-react-player-loader.es-57a70a56.js';
 import 'react-bootstrap/Modal';
 import 'react-bootstrap/Form';
@@ -61,9 +59,9 @@ import './smoothscroll-fa4e3f8c.js';
 import './SocialShare.js';
 import 'next/head';
 import 'react-share';
-import './_object-to-array-2300e51b.js';
+import './_object-to-array-50a6b9a3.js';
 import 'react-bootstrap/Pagination';
-import './entities-6d9154b4.js';
+import './entities-932b50cf.js';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import './index.esm-eb1e8e80.js';
@@ -94,11 +92,11 @@ var Filter = function Filter(_ref) {
       _useState6 = _slicedToArray(_useState5, 2),
       grandChildData = _useState6[0],
       setGrandChildData = _useState6[1];
-  /*
-    {parent: showAll,
-      chidlren: show selected from parent,
-        grandchildren: show selected from children
-    }
+  /*
+    {parent: showAll,
+      chidlren: show selected from parent,
+        grandchildren: show selected from children
+    }
     */
 
 
@@ -402,7 +400,7 @@ MediaSeriesLanding.getInitialData = function () {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            urlQuery = ctx.query, pathname = ctx.pathname;
+            urlQuery = ctx.query, pathname = ctx.pathname, ctx.req;
             identifier = pathname.replace('/', '');
             itemsPerPage = parameters && parameters.itemsPerPage ? parameters.itemsPerPage : 30;
             currentPage = urlQuery.page ? parseInt(urlQuery.page) : 1;
@@ -521,4 +519,4 @@ MediaSeriesLanding.getInitialData = function () {
   };
 }();
 
-export { MediaSeriesLanding as default };
+export default MediaSeriesLanding;

package/dist/esm/NavDvm.js

@@ -6,16 +6,16 @@ import NavDropdown from 'react-bootstrap/NavDropdown';
 import Search from './Search.js';
 import { N as NavFooter } from './NavFooter-e27bd93b.js';
 import Segment from './Segment.js';
-import './slicedToArray-6ebcbfea.js';
+import './slicedToArray-ca2c8b8d.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './web.dom.iterable-ab4dea5c.js';
-import './core.get-iterator-method-ea258bb1.js';
+import './web.dom.iterable-fdf034f5.js';
+import './core.get-iterator-method-e903ff31.js';
 import 'react-bootstrap/Form';
 import 'react-bootstrap/FormControl';
 import 'react-bootstrap/Button';
-import './asyncToGenerator-958ef5fc.js';
+import './asyncToGenerator-9716ae8d.js';
 import './_library-528f1934.js';
-import './_iter-detect-98db3b07.js';
+import './_iter-detect-f089461c.js';
 
 var NavDvm = function NavDvm(props) {
   var logo = props.logo,
@@ -229,4 +229,5 @@ var NavDvm = function NavDvm(props) {
   );
 };
 
-export { NavDvm, NavDvm as default };
+export default NavDvm;
+export { NavDvm };

package/dist/esm/NavMagazine.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
+import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import Container from 'react-bootstrap/Container';
 import Nav from 'react-bootstrap/Nav';
@@ -10,32 +10,32 @@ import { N as NavFooter } from './NavFooter-e27bd93b.js';
 import { S as SocialNavFooter } from './index.esm-37268dca.js';
 import { c as main_44 } from './main-1894c974.js';
 import Segment from './Segment.js';
-import { S as SocialSearchComponent } from './SocialSearchComponent-4b56cd8c.js';
+import { S as SocialSearchComponent } from './SocialSearchComponent-1d8a9f59.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './web.dom.iterable-ab4dea5c.js';
-import './core.get-iterator-method-ea258bb1.js';
+import './web.dom.iterable-fdf034f5.js';
+import './core.get-iterator-method-e903ff31.js';
 import './iconBase-ccc56b97.js';
 import './react-social-icons-9be47857.js';
 import 'prop-types';
-import './asyncToGenerator-958ef5fc.js';
+import './asyncToGenerator-9716ae8d.js';
 import './_library-528f1934.js';
-import './_iter-detect-98db3b07.js';
+import './_iter-detect-f089461c.js';
 import './SocialIcons.js';
 import 'react-bootstrap/Form';
 import 'react-bootstrap/FormControl';
 import 'react-bootstrap/Button';
 
 var NavMagazine = function NavMagazine(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     user={props.cache.user}
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     user={props.cache.user}
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   // Setting 'socialIconVariant' as 'light' as default to make the social icons and search icon black
@@ -579,4 +579,5 @@ var NavMagazine = function NavMagazine(props) {
 
 var MagazineNav = React__default.memo(NavMagazine);
 
-export { NavMagazine, MagazineNav as default };
+export default MagazineNav;
+export { NavMagazine };

package/dist/esm/NavNative.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
+import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import Container from 'react-bootstrap/Container';
 import Nav from 'react-bootstrap/Nav';
@@ -17,13 +17,13 @@ import { i as isFunction_1, e as eq_1 } from './eq-bdcbf886.js';
 import { i as isObject_1 } from './isSymbol-a7e9aafe.js';
 import { t as toNumber_1 } from './toNumber-5aeba6e7.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './web.dom.iterable-ab4dea5c.js';
-import './core.get-iterator-method-ea258bb1.js';
+import './web.dom.iterable-fdf034f5.js';
+import './core.get-iterator-method-e903ff31.js';
 import './react-social-icons-9be47857.js';
 import 'prop-types';
-import './asyncToGenerator-958ef5fc.js';
+import './asyncToGenerator-9716ae8d.js';
 import './_library-528f1934.js';
-import './_iter-detect-98db3b07.js';
+import './_iter-detect-f089461c.js';
 
 /**
  * The base implementation of `_.slice` without an iteratee call guard.
@@ -300,15 +300,15 @@ function chunk(array, size, guard) {
 var chunk_1 = chunk;
 
 var NavNative = function NavNative(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
   // Setting 'socialIconVariant' as 'dark' as default to make the social icons and search icon black
   var logo = props.logo,
@@ -842,4 +842,5 @@ var NavNative = function NavNative(props) {
   );
 };
 
-export { NavNative, NavNative as default };
+export default NavNative;
+export { NavNative };

package/dist/esm/OncliveHero.js

@@ -3,11 +3,11 @@ import urlFor from './urlFor.js';
 import 'react-bootstrap/Badge';
 import './iconBase-ccc56b97.js';
 import { m as moment } from './moment-bc12cb97.js';
-import './slicedToArray-6ebcbfea.js';
+import './slicedToArray-ca2c8b8d.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './web.dom.iterable-ab4dea5c.js';
-import './core.get-iterator-method-ea258bb1.js';
-import './index-3f5c03b2.js';
+import './web.dom.iterable-fdf034f5.js';
+import './core.get-iterator-method-e903ff31.js';
+import './index-0dbff1d1.js';
 
 var OncliveHero = function OncliveHero(props) {
   var client = props.client;
@@ -70,4 +70,4 @@ var OncliveHero = function OncliveHero(props) {
   );
 };
 
-export { OncliveHero as default };
+export default OncliveHero;

package/dist/esm/OncliveLargeHero.js

@@ -1,14 +1,14 @@
 import React__default from 'react';
 import { m as moment } from './moment-bc12cb97.js';
 import urlFor from './urlFor.js';
-import { c as clean_html_1 } from './entities-6d9154b4.js';
-import { A as AuthorComponent } from './AuthorComponent-11adff02.js';
+import { c as clean_html_1 } from './entities-932b50cf.js';
+import { A as AuthorComponent } from './AuthorComponent-defe68b6.js';
 import { L as LazyLoad } from './index-755f2cc2.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './slicedToArray-6ebcbfea.js';
-import './web.dom.iterable-ab4dea5c.js';
-import './core.get-iterator-method-ea258bb1.js';
-import './index-3f5c03b2.js';
+import './slicedToArray-ca2c8b8d.js';
+import './web.dom.iterable-fdf034f5.js';
+import './core.get-iterator-method-e903ff31.js';
+import './index-0dbff1d1.js';
 import 'react-dom';
 import 'prop-types';
 
@@ -232,4 +232,4 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
   );
 };
 
-export { OncliveLargeHero as default };
+export default OncliveLargeHero;

package/dist/esm/PageFilter.js

@@ -1,9 +1,9 @@
-import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
+import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
 import React__default, { useState, useEffect, useRef } from 'react';
 import { Dropdown } from 'react-bootstrap';
 import './_commonjsHelpers-0c4b6f40.js';
-import './web.dom.iterable-ab4dea5c.js';
-import './core.get-iterator-method-ea258bb1.js';
+import './web.dom.iterable-fdf034f5.js';
+import './core.get-iterator-method-e903ff31.js';
 
 var PageFilter = function PageFilter(props) {
   var getParams = props.getParams,
@@ -63,4 +63,4 @@ var PageFilter = function PageFilter(props) {
   return null;
 };
 
-export { PageFilter as default };
+export default PageFilter;

package/dist/esm/Pagination-cd21f8c2.js

@@ -0,0 +1,82 @@
+import React__default from 'react';
+import ReactPaginate from 'react-paginate';
+import Button from 'react-bootstrap/Button';
+import { d as FaArrowRight, e as FaArrowLeft } from './index.esm-1bd8a0a8.js';
+
+var Pagination = function Pagination(props) {
+  var pageCount = props.pageCount,
+      _props$marginPagesDis = props.marginPagesDisplayed,
+      marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
+      _props$pageRangeDispl = props.pageRangeDisplayed,
+      pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
+      _props$currentPage = props.currentPage,
+      currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
+      _onPageChange = props.onPageChange,
+      _props$needLargePagin = props.needLargePaginateButtons,
+      needLargePaginateButtons = _props$needLargePagin === undefined ? false : _props$needLargePagin;
+
+  if (!pageCount || pageCount <= 1) return null;
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    needLargePaginateButtons && React__default.createElement(
+      'div',
+      { className: 'pagination-lg-btn-nxt' },
+      React__default.createElement(
+        Button,
+        {
+          onClick: function onClick(e) {
+            e.preventDefault();
+            _onPageChange(currentPage + 1);
+          },
+          disabled: currentPage === pageCount,
+          href: currentPage === pageCount ? '' : '?page=' + (currentPage + 1) },
+        'NEXT PAGE',
+        React__default.createElement(FaArrowRight, { className: 'fa-arrow-right' })
+      )
+    ),
+    React__default.createElement(ReactPaginate, {
+      pageCount: pageCount,
+      marginPagesDisplayed: marginPagesDisplayed,
+      pageRangeDisplayed: pageRangeDisplayed,
+      forcePage: currentPage - 1,
+      onPageChange: function onPageChange(_ref) {
+        var selected = _ref.selected;
+        return _onPageChange(selected + 1);
+      },
+      hrefBuilder: function hrefBuilder(page) {
+        return '?page=' + page;
+      },
+      previousLabel: '<',
+      nextLabel: '>',
+      containerClassName: 'pagination-container',
+      previousLinkClassName: 'previous',
+      nextLinkClassName: 'next',
+      disabledClassName: 'disabled',
+      activeClassName: 'active'
+    }),
+    needLargePaginateButtons && React__default.createElement(
+      'div',
+      { className: 'pagination-lg-btn-prv' },
+      React__default.createElement(
+        Button,
+        {
+          onClick: function onClick(e) {
+            e.preventDefault();
+            _onPageChange(currentPage - 1);
+          },
+          disabled: currentPage === 1,
+          href: currentPage <= 1 ? '?page=1' : '?page=' + (currentPage - 1) },
+        React__default.createElement(FaArrowLeft, { className: 'fa-arrow-left' }),
+        'PREVIOUS PAGE'
+      )
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .pagination-container {\n          list-style: none;\n          padding: 10px 0;\n          margin: 0;\n          display: flex;\n          overflow: auto;\n        }\n        .pagination-container::before,\n        .pagination-container::after {\n          content: \'\';\n          margin: 0 auto;\n        }\n        .pagination-container a {\n          padding: 10px;\n          border: 1px solid #dee2e6;\n        }\n        .pagination-container a:hover {\n          text-decoration: none;\n          background-color: #e9ecef;\n          border-color: #dee2e6;\n        }\n        .pagination-container .active a {\n          color: #fff;\n          background-color: #666;\n          background-color: var(--primary);\n        }\n        .pagination-container li:first-child a {\n          border-radius: 5px 0 0 5px;\n        }\n        .pagination-container li:last-child a {\n          border-radius: 0 5px 5px 0;\n        }\n        .pagination-container .disabled a {\n          cursor: default;\n        }\n        .pagination-lg-btn-nxt,\n        .pagination-lg-btn-prv {\n          text-align: center;\n        }\n        .pagination-lg-btn-nxt .btn,\n        .pagination-lg-btn-prv .btn {\n          min-width: 80%;\n          color: #000;\n          color: var(--primary);\n          background-color: transparent;\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        .pagination-lg-btn-nxt {\n          margin: 0 0 1.5rem;\n        }\n        .pagination-lg-btn-prv {\n          margin: 1.5rem 0 0;\n        }\n        .pagination-lg-btn-nxt .btn:not(:disabled):not(.disabled).active,\n        .pagination-lg-btn-prv .btn:not(:disabled):not(.disabled):active {\n          color: #fff;\n          background-color: #000;\n          background-color: var(--primary);\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        @media only screen and (min-width: 601px) {\n          [class^=\'pagination-lg-btn\'] {\n            display: none;\n          }\n        }\n        .fa-arrow-left {\n          margin-right: 0.5rem;\n        }\n        .fa-arrow-right {\n          margin-left: 0.5rem;\n        }\n        .pagination-container::-webkit-scrollbar {\n          height: 8px;\n        }\n        .pagination-container::-webkit-scrollbar-track,\n        .pagination-container::-webkit-scrollbar-thumb {\n          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n          border-radius: 4px;\n        }\n        .pagination-container::-webkit-scrollbar-track {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n        .pagination-container::-webkit-scrollbar-thumb {\n          background-color: rgba(0, 0, 0, 0.3);\n        }\n      '
+    )
+  );
+};
+
+export { Pagination as P };