@mjhls/mjh-framework 1.0.972 → 1.0.973-partner-listing-nojs-v1

package/dist/esm/{index-264bbd3c.js → index-e89d33c8.js}

@@ -1,9 +1,8 @@
-import { _ as _extends, b as _extends$1 } from './extends-6d8e3924.js';
 import React__default, { useState, useEffect, useRef, useLayoutEffect, useCallback } from 'react';
 import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-6ebcbfea.js';
 import { Carousel, Table, Figure as Figure$1, Card, Row, Col, Button as Button$1, ProgressBar } from 'react-bootstrap';
 import urlFor from './urlFor.js';
-import { l as lib_3 } from './index-f0fc23eb.js';
+import { l as lib_3 } from './index-5cc7b406.js';
 import Router, { useRouter } from 'next/router';
 import { g as getYoutubeId } from './index-c7e2ac95.js';
 import PropTypes from 'prop-types';
@@ -13,6 +12,7 @@ import './Beam.js';
 import Segment from './Segment.js';
 import { e as main_18, b as main_42, m as main_43 } from './main-1894c974.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
+import { _ as _extends, b as _extends$1 } from './extends-6d8e3924.js';
 import { u as urlForFile } from './urlForFile-b69adffc.js';
 import { L as LazyLoad } from './index-755f2cc2.js';
 import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-958ef5fc.js';
@@ -10371,6 +10371,15 @@ var DigiohSmartTag = function DigiohSmartTag(props) {
   return React__default.createElement('div', { id: FormID });
 };
 
+var siteArray = ['aestheticsauthority.com', 'ajmc.com', 'appliedclinicaltrialsonline.com', 'biopharminternational.com', 'cancernetwork.com', 'cannabissciencetech.com', 'centerforbiosimilars.com', 'chromatographyonline.com', 'contagionlive.com', 'contemporaryclinic.com', 'contemporaryobgyn.net', 'contemporarypediatrics.com', 'curetoday.com', 'dentalproductsreport.com', 'dermatologytimes.com', 'diagnosticimaging.com', 'drugtopics.com', 'dvm360.com', 'endocrinologynetwork.com', 'europe.ophthalmologytimes.com', 'formularywatch.com', 'hcplive.com', 'infectioncontroltoday.com', 'managedhealthcareexecutive.com', 'medicaleconomics.com', 'modernretina.com', 'neurologylive.com', 'nutritionaloutlook.com', 'onclive.com', 'oncnursingnews.com', 'ophthalmologytimes.com', 'optometrytimes.com', 'patientcareonline.com', 'pharmaceuticalcommerce.com', 'pharmacytimes.com', 'pharmexec.com', 'pharmtech.com', 'physicianspractice.com', 'practicalcardiology.com', 'psychiatrictimes.com', 'rheumatologynetwork.com', 'spectroscopyonline.com', 'targetedonc.com', 'turbomachinerymag.com', 'urologytimes.com'];
+
+var checkUrlIsExternal = function checkUrlIsExternal(url) {
+  if (/https?:\/\/((?:[\w\d-]+\.)+[\w\d]{2,})|http?:\/\/((?:[\w\d-]+\.)+[\w\d]{2,})|(^mailto)/i.test(url)) {
+    return true;
+  }
+  return false;
+};
+
 var ScrollToElement = function ScrollToElement(elementId) {
   var element = document.getElementById(elementId);
   if (element) {
@@ -10385,11 +10394,66 @@ var ScrollToElement = function ScrollToElement(elementId) {
   }
 };
 
-var checkUrlIsExternal = function checkUrlIsExternal(url) {
-  if (/https?:\/\/((?:[\w\d-]+\.)+[\w\d]{2,})|http?:\/\/((?:[\w\d-]+\.)+[\w\d]{2,})|(^mailto)/i.test(url)) {
-    return true;
+var ExternalLink = function ExternalLink(props) {
+  var children = props.children,
+      _props$mark = props.mark,
+      href = _props$mark.href,
+      blank = _props$mark.blank,
+      color = _props$mark.color,
+      nofollow = _props$mark.nofollow;
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      ogUrl = _useState2[0],
+      setOgUrl = _useState2[1];
+
+  useEffect(function () {
+    if (window.location.href) {
+      !ogUrl && setOgUrl(String(window.location.host).replace('www.', ''));
+    }
+  }, []);
+  var isExernalUrl = checkUrlIsExternal(href);
+  var checkBaseUrl = function checkBaseUrl(url) {
+    if (url.includes('http://') || url.includes('https://')) {
+      //to remove http:// or https:// to check URLs
+      url = url.replace('www.', '').split('/').slice(2, 3).join('/');
+    }
+    return ogUrl && ogUrl.includes(url.replace('www.', '').split('/').slice(0, 1).join('/')) || siteArray.includes(url.replace('www.', '').split('/').slice(0, 1).join('/')) ? true : false;
+  };
+  var checkNoFollow = function checkNoFollow(url, nofollow) {
+    if (url && !isExernalUrl || url && checkBaseUrl(url)) {
+      //if not external url, nofollow is disabled
+      return '';
+    } else if (url && nofollow) {
+      //if not external url and nofollow is enabled, nofollow
+      return 'nofollow';
+    } else {
+      //if not external url and nofollow is disabled, no nofollow
+      return '';
+    }
+  };
+
+  if (href && href.charAt(0) === '#') {
+    var elementId = href.slice(1);
+    if (articleId) elementId = elementId + '-' + articleId;
+    return React__default.createElement(
+      'a',
+      { onClick: function onClick() {
+          return ScrollToElement(elementId);
+        } },
+      children
+    );
   }
-  return false;
+  var linkRel = checkNoFollow(href, nofollow) + ' ' + (blank && !checkBaseUrl(href) ? 'noreferrer noopener' : '');
+  return href ? linkRel.trim().length > 0 ? React__default.createElement(
+    'a',
+    _extends({ rel: linkRel.trim(), href: isExernalUrl ? href : '/' + href, target: blank ? '_blank' : '_self' }, color && color.hex && { style: { color: color.hex } }),
+    children
+  ) : React__default.createElement(
+    'a',
+    _extends({ href: isExernalUrl ? href : '/' + href, target: blank ? '_blank' : '_self' }, color && color.hex && { style: { color: color.hex } }),
+    children
+  ) : children;
 };
 
 var convertEntities = function convertEntities(props) {
@@ -10432,8 +10496,8 @@ var getSerializers = function getSerializers() {
       authorImgHeight = props[15],
       audioAutoplay = props[16];
 
-
   var nextVideo = article && article.nextVideo ? article.nextVideo : null;
+
   return {
     types: {
       undefined: function undefined$1() {
@@ -10617,30 +10681,9 @@ var getSerializers = function getSerializers() {
       },
       link: function link(props) {
         var children = props.children,
-            _props$mark = props.mark,
-            href = _props$mark.href,
-            blank = _props$mark.blank,
-            color = _props$mark.color;
-
-
-        if (href && href.charAt(0) === '#') {
-          var elementId = href.slice(1);
-          if (articleId) elementId = elementId + '-' + articleId;
-          return React__default.createElement(
-            'a',
-            { onClick: function onClick() {
-                return ScrollToElement(elementId);
-              } },
-            children
-          );
-        }
+            mark = props.mark;
 
-        var isExernalUrl = checkUrlIsExternal(href);
-        return href ? React__default.createElement(
-          'a',
-          _extends({ rel: blank ? 'noopener' : '', href: isExernalUrl ? href : '/' + href, target: blank ? '_blank' : '_self' }, color && color.hex && { style: { color: color.hex } }),
-          children
-        ) : children;
+        return React__default.createElement(ExternalLink, { children: children, mark: mark });
       },
       alignleft: function alignleft(_ref23) {
         var children = _ref23.children;

package/dist/esm/index.js

@@ -87,7 +87,7 @@ export { default as VerticalHero } from './VerticalHero.js';
 export { default as YahooHero } from './YahooHero.js';
 export { default as GridHero } from './GridHero.js';
 export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
-export { g as getSerializers } from './index-264bbd3c.js';
+export { g as getSerializers } from './index-e89d33c8.js';
 export { default as Beam } from './Beam.js';
 export { default as Segment } from './Segment.js';
 export { default as KMTracker } from './KMTracker.js';
@@ -102,7 +102,7 @@ export { default as VideoSeriesLandingPage } from './VideoSeriesLandingPage.js';
 export { default as ArticleProgramLandingPage } from './ArticleProgramLandingPage.js';
 export { default as ArticleSeriesLandingPage } from './ArticleSeriesLandingPage.js';
 export { default as Schema } from './Schema.js';
-export { g as getTargeting } from './getTargeting-42f9b439.js';
+export { g as getTargeting } from './getTargeting-04d979c9.js';
 export { default as getKeywords } from './getKeywords.js';
 export { default as getQuery } from './getQuery.js';
 import './toConsumableArray-f7074d7c.js';
@@ -117,8 +117,7 @@ import './web.dom.iterable-ab4dea5c.js';
 import './_is-array-8d21b9e3.js';
 import './_object-pie-133f504a.js';
 import './_library-528f1934.js';
-import './index-f0fc23eb.js';
-import './events-6c3a7a63.js';
+import './index-5cc7b406.js';
 import 'react-bootstrap/Container';
 import 'react-bootstrap/Card';
 import './moment-bc12cb97.js';
@@ -131,9 +130,9 @@ import './visibility-sensor-72fd8f8b.js';
 import 'react-dom';
 import './main-1894c974.js';
 import './entities-6d9154b4.js';
-import './ADInfeed-6d1fc6bf.js';
+import './ADInfeed-0852ff35.js';
 import './lodash-f97fd99a.js';
-import './ADlgInfeed-dc36c928.js';
+import './ADlgInfeed-5fb3b724.js';
 import './getContentCategory-15dcc413.js';
 import './get-3c308da4.js';
 import './eq-bdcbf886.js';
@@ -155,8 +154,7 @@ import './_object-to-array-2300e51b.js';
 import 'react-bootstrap/Spinner';
 import 'react-bootstrap/Form';
 import './js.cookie-6874175c.js';
-import './typeof-2f07d0e8.js';
-import './index-98ca9cec.js';
+import 'react-instantsearch-dom';
 import './ConferenceBanner-8792ebd2.js';
 import 'next/head';
 import 'react-bootstrap/ListGroup';
@@ -192,10 +190,9 @@ import 'swr';
 import 'passport-local';
 import 'mysql';
 import './md5-4e42248e.js';
-import './SeriesSlider-f771e20d.js';
+import './SeriesSlider-e495571f.js';
 import './style-inject.es-1f59c1d0.js';
 import 'disqus-react';
-import 'file-saver';
 import 'react-twitter-embed';
 import './ImageSlider-f84174cb.js';
 import './defineProperty-23a8f8cd.js';

package/package.json

@@ -1,115 +1,115 @@
-{
-  "name": "@mjhls/mjh-framework",
-  "version": "1.0.972",
-  "description": "Foundation Framework",
-  "author": "mjh-framework",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/MJHLS/mjh-framework.git"
-  },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "engines": {
-    "node": ">=8",
-    "npm": ">=5"
-  },
-  "scripts": {
-    "clean": "rimraf dist",
-    "test": "cross-env CI=1 react-scripts test --env=jsdom",
-    "test:watch": "react-scripts test --env=jsdom",
-    "build": "npm run clean && rollup -c",
-    "start": "npm run clean && rollup -c -w",
-    "prepare": "yarn run build",
-    "predeploy": "cd example && yarn install && yarn run build",
-    "deploy": "gh-pages -d example/build"
-  },
-  "peerDependencies": {
-    "disqus-react": "^1.0.11",
-    "next": "^9.0.0",
-    "prop-types": "^15.5.4",
-    "react": "^15.0.0 || ^16.0.0",
-    "react-bootstrap": "^1.0.0-beta.14",
-    "react-dom": "^15.0.0 || ^16.0.0",
-    "react-share": "^4.0.1"
-  },
-  "devDependencies": {
-    "@brightcove/react-player-loader": "^1.4.0",
-    "@rollup/plugin-json": "^4.0.3",
-    "@sanity/block-content-to-react": "^2.0.7",
-    "@sanity/image-url": "^0.140.15",
-    "@svgr/rollup": "2.4.1",
-    "babel-core": "^6.26.3",
-    "babel-eslint": "^8.2.5",
-    "babel-plugin-external-helpers": "^6.22.0",
-    "babel-plugin-transform-runtime": "^6.23.0",
-    "babel-preset-env": "^1.7.0",
-    "babel-preset-react": "^6.24.1",
-    "babel-preset-stage-0": "^6.24.1",
-    "cross-env": "^5.1.4",
-    "eslint": "^5.0.1",
-    "eslint-config-standard": "^11.0.0",
-    "eslint-config-standard-react": "^6.0.0",
-    "eslint-plugin-import": "^2.13.0",
-    "eslint-plugin-node": "^7.0.1",
-    "eslint-plugin-promise": "^4.0.0",
-    "eslint-plugin-react": "^7.10.0",
-    "eslint-plugin-react-hooks": "^2.3.0",
-    "eslint-plugin-standard": "^3.1.0",
-    "file-saver": "^2.0.5",
-    "get-youtube-id": "^1.0.1",
-    "gh-pages": "^1.2.0",
-    "lodash": "^4.17.15",
-    "md5": "^2.2.1",
-    "moment": "^2.26.0",
-    "moment-timezone": "^0.5.31",
-    "next": "^9.2.0",
-    "react": "^16.12.0",
-    "react-bootstrap": "1.4.0",
-    "react-device-detect": "^1.11.14",
-    "react-dfp": "^0.19.0",
-    "react-dom": "^16.12.0",
-    "react-icons": "^3.8.0",
-    "react-infinite-scroll-component": "^5.0.4",
-    "react-lazyload": "^2.6.5",
-    "react-paginate": "^7.1.3",
-    "react-player": "^1.15.2",
-    "react-scripts": "^1.1.4",
-    "react-share": "^4.0.1",
-    "react-social-icons": "^4.1.0",
-    "react-visibility-sensor": "^5.1.1",
-    "react-youtube": "^7.9.0",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.7.3",
-    "rollup-plugin-babel": "3.0.7",
-    "rollup-plugin-commonjs": "9.3.4",
-    "rollup-plugin-node-builtins": "2.1.2",
-    "rollup-plugin-node-resolve": "3.4.0",
-    "rollup-plugin-postcss": "1.6.3",
-    "rollup-plugin-url": "1.4.0"
-  },
-  "files": [
-    "dist"
-  ],
-  "dependencies": {
-    "babel-polyfill": "^6.26.0",
-    "cookie": "^0.4.1",
-    "disqus-react": "^1.0.11",
-    "faunadb": "^4.2.0",
-    "js-cookie": "^2.2.1",
-    "next-auth": "^3.2.0",
-    "next-cookies": "^2.0.3",
-    "node-fetch": "^2.6.1",
-    "nookies": "^2.4.0",
-    "react-cookies": "^0.1.1",
-    "react-facebook": "^8.1.4",
-    "react-instantsearch-dom": "^6.12.0",
-    "react-script-tag": "^1.1.2",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "shortid": "^2.2.15",
-    "smoothscroll-polyfill": "^0.4.4",
-    "striptags": "^3.1.1",
-    "superagent": "^5.2.2",
-    "yarn": "^1.22.11"
-  }
-}
+{
+  "name": "@mjhls/mjh-framework",
+  "version": "1.0.973-partner-listing-nojs-v1",
+  "description": "Foundation Framework",
+  "author": "mjh-framework",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/MJHLS/mjh-framework.git"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "engines": {
+    "node": ">=8",
+    "npm": ">=5"
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "test": "cross-env CI=1 react-scripts test --env=jsdom",
+    "test:watch": "react-scripts test --env=jsdom",
+    "build": "npm run clean && rollup -c",
+    "start": "npm run clean && rollup -c -w",
+    "prepare": "yarn run build",
+    "predeploy": "cd example && yarn install && yarn run build",
+    "deploy": "gh-pages -d example/build"
+  },
+  "peerDependencies": {
+    "disqus-react": "^1.0.11",
+    "next": "^9.0.0",
+    "prop-types": "^15.5.4",
+    "react": "^15.0.0 || ^16.0.0",
+    "react-bootstrap": "^1.0.0-beta.14",
+    "react-dom": "^15.0.0 || ^16.0.0",
+    "react-share": "^4.0.1"
+  },
+  "devDependencies": {
+    "@brightcove/react-player-loader": "^1.4.0",
+    "@rollup/plugin-json": "^4.0.3",
+    "@sanity/block-content-to-react": "^2.0.7",
+    "@sanity/image-url": "^0.140.15",
+    "@svgr/rollup": "2.4.1",
+    "babel-core": "^6.26.3",
+    "babel-eslint": "^8.2.5",
+    "babel-plugin-external-helpers": "^6.22.0",
+    "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-react": "^6.24.1",
+    "babel-preset-stage-0": "^6.24.1",
+    "cross-env": "^5.1.4",
+    "eslint": "^5.0.1",
+    "eslint-config-standard": "^11.0.0",
+    "eslint-config-standard-react": "^6.0.0",
+    "eslint-plugin-import": "^2.13.0",
+    "eslint-plugin-node": "^7.0.1",
+    "eslint-plugin-promise": "^4.0.0",
+    "eslint-plugin-react": "^7.10.0",
+    "eslint-plugin-react-hooks": "^2.3.0",
+    "eslint-plugin-standard": "^3.1.0",
+    "file-saver": "^2.0.5",
+    "get-youtube-id": "^1.0.1",
+    "gh-pages": "^1.2.0",
+    "lodash": "^4.17.15",
+    "md5": "^2.2.1",
+    "moment": "^2.26.0",
+    "moment-timezone": "^0.5.31",
+    "next": "^9.2.0",
+    "react": "^16.12.0",
+    "react-bootstrap": "1.4.0",
+    "react-device-detect": "^1.11.14",
+    "react-dfp": "^0.19.0",
+    "react-dom": "^16.12.0",
+    "react-icons": "^3.8.0",
+    "react-infinite-scroll-component": "^5.0.4",
+    "react-lazyload": "^2.6.5",
+    "react-paginate": "^7.1.3",
+    "react-player": "^1.15.2",
+    "react-scripts": "^1.1.4",
+    "react-share": "^4.0.1",
+    "react-social-icons": "^4.1.0",
+    "react-visibility-sensor": "^5.1.1",
+    "react-youtube": "^7.9.0",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.7.3",
+    "rollup-plugin-babel": "3.0.7",
+    "rollup-plugin-commonjs": "9.3.4",
+    "rollup-plugin-node-builtins": "2.1.2",
+    "rollup-plugin-node-resolve": "3.4.0",
+    "rollup-plugin-postcss": "1.6.3",
+    "rollup-plugin-url": "1.4.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "babel-polyfill": "^6.26.0",
+    "cookie": "^0.4.1",
+    "disqus-react": "^1.0.11",
+    "faunadb": "^4.2.0",
+    "js-cookie": "^2.2.1",
+    "next-auth": "^3.2.0",
+    "next-cookies": "^2.0.3",
+    "node-fetch": "^2.6.1",
+    "nookies": "^2.4.0",
+    "react-cookies": "^0.1.1",
+    "react-facebook": "^8.1.4",
+    "react-instantsearch-dom": "^6.12.0",
+    "react-script-tag": "^1.1.2",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "shortid": "^2.2.15",
+    "smoothscroll-polyfill": "^0.4.4",
+    "striptags": "^3.1.1",
+    "superagent": "^5.2.2",
+    "yarn": "^1.22.11"
+  }
+}

package/dist/cjs/Pagination-c63770a3.js

@@ -1,90 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ReactPaginate = require('react-paginate');
-var Button = require('react-bootstrap/Button');
-var index_esm = require('./index.esm-d51c9ac6.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ReactPaginate__default = /*#__PURE__*/_interopDefaultLegacy(ReactPaginate);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-
-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['default'].createElement(
-    React__default['default'].Fragment,
-    null,
-    needLargePaginateButtons && React__default['default'].createElement(
-      'div',
-      { className: 'pagination-lg-btn-nxt' },
-      React__default['default'].createElement(
-        Button__default['default'],
-        {
-          onClick: function onClick(e) {
-            e.preventDefault();
-            _onPageChange(currentPage + 1);
-          },
-          disabled: currentPage === pageCount,
-          href: '?page=' + (currentPage + 1) },
-        'NEXT PAGE',
-        React__default['default'].createElement(index_esm.FaArrowRight, { className: 'fa-arrow-right' })
-      )
-    ),
-    React__default['default'].createElement(ReactPaginate__default['default'], {
-      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['default'].createElement(
-      'div',
-      { className: 'pagination-lg-btn-prv' },
-      React__default['default'].createElement(
-        Button__default['default'],
-        {
-          onClick: function onClick(e) {
-            e.preventDefault();
-            _onPageChange(currentPage - 1);
-          },
-          disabled: currentPage === 1,
-          href: currentPage <= 1 ? '?page=1' : '?page=' + (currentPage - 1) },
-        React__default['default'].createElement(index_esm.FaArrowLeft, { className: 'fa-arrow-left' }),
-        'PREVIOUS PAGE'
-      )
-    ),
-    React__default['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      '
-    )
-  );
-};
-
-exports.Pagination = Pagination;