carbon-components/umd/components/pagination-nav/pagination-nav.config.js

Carbon Components is a component library for IBM Cloud

(function (global, factory) {
  if (typeof define === "function" && define.amd) {
    define([], factory);
  } else if (typeof exports !== "undefined") {
    factory();
  } else {
    var mod = {
      exports: {}
    };
    factory();
    global.paginationNavConfig = mod.exports;
  }
})(this, function () {
  /**
   * Copyright IBM Corp. 2016, 2018
   *
   * This source code is licensed under the Apache-2.0 license found in the
   * LICENSE file in the root directory of this source tree.
   */
  'use strict';

  var _require = require('../../globals/js/settings'),
      prefix = _require.prefix;

  var featureFlags = require('../../globals/js/feature-flags');

  module.exports = {
    default: 'default',
    context: {
      featureFlags: featureFlags,
      prefix: prefix
    },
    variants: [{
      name: 'default',
      label: 'Pagination Nav',
      notes: 'Pagination Nav is a group of pagination buttons or links.',
      context: {
        variant: 'default',
        pages: [{
          page: 1,
          active: true
        }, {
          page: 2
        }, {
          page: 3
        }, {
          page: 4
        }, {
          page: 5
        }],
        showPagePrevious: {
          disabled: true
        },
        showPageNext: true
      }
    }, {
      name: 'default--with-select',
      label: 'Pagination Nav With Select',
      notes: 'A Select menu can be added for large sets of pages as an overflow.',
      context: {
        variant: 'default',
        pages: [{
          page: 1
        }, {
          page: 2
        }, {
          page: 3,
          active: true
        }, {
          page: 4
        }, {
          page: 5
        }, {
          select: [{
            value: '',
            page: ''
          }, {
            value: '6',
            page: '6'
          }, {
            value: '7',
            page: '7'
          }, {
            value: '8',
            page: '8'
          }, {
            value: '9',
            page: '9'
          }]
        }, {
          page: 10
        }],
        showPagePrevious: true,
        showPageNext: true
      }
    }, {
      name: 'default--as-anchor',
      label: 'Pagination Nav as anchor tags <a>.',
      context: {
        variant: 'default',
        pages: [{
          page: 1,
          active: true
        }, {
          page: 2
        }, {
          page: 3
        }, {
          page: 4
        }, {
          page: 5
        }],
        showPagePrevious: {
          disabled: true
        },
        showPageNext: true,
        elementAsAnchor: true
      }
    }]
  };
});