@carry0987/paginator/plugins/list/dist/list.min.js

An advanced pagination library

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@carry0987/paginator")):"function"==typeof define&&define.amd?define(["exports","@carry0987/paginator"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).paginatorjs=e.paginatorjs||{},e.paginatorjs.plugins=e.paginatorjs.plugins||{},e.paginatorjs.plugins.list={}),e.paginatorjs)}(this,function(e,t){"use strict";var i;i={__e:function(e,t,i,n){for(var o,r,l;t=t.__;)if((o=t.__c)&&!o.__)try{if((r=o.constructor)&&null!=r.getDerivedStateFromError&&(o.setState(r.getDerivedStateFromError(e)),l=o.__d),null!=o.componentDidCatch&&(o.componentDidCatch(e,n||{}),l=o.__d),l)return o.__E=o}catch(t){e=t}throw e}},"function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout;var n=0;function o(e,t,o,r,l,a){t||(t={});var s,u,p=t;if("ref"in p)for(u in p={},t)"ref"==u?s=t[u]:p[u]=t[u];var d={type:e,props:p,key:o,ref:s,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--n,__i:-1,__u:0,__source:l,__self:a};if("function"==typeof e&&(s=e.defaultProps))for(u in s)void 0===p[u]&&(p[u]=s[u]);return i.vnode&&i.vnode(d),d}!function(e,t){void 0===t&&(t={});var i=t.insertAt;if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===i&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".paginatorjs-plugin-list,.paginatorjs-plugin-list:after,.paginatorjs-plugin-list:before{box-sizing:border-box}.paginatorjs-plugin-list{display:flex;justify-content:center;margin:20px 0 10px}.paginatorjs-plugin-list ul{display:flex;flex-direction:column;list-style:none;padding:0;width:100%}.paginatorjs-plugin-list ul li{background-color:#e7e6e6;border-radius:5px;margin:5px;padding:10px 15px;transition:background-color .3s}.paginatorjs-plugin-list ul li:hover{background-color:#aaa}.paginatorjs-plugin-list ul li.active{background-color:#007bff;color:#fff}");const r=()=>{const e=t.pluginAPI.useSelector(e=>e.tabular),[i,n]=t.pluginAPI.useState(e);return t.pluginAPI.useEffect(()=>{e?.length&&n(e)},[e]),o("div",{class:t.PluginUtil.className("list"),children:o("ul",{children:i&&i.toArray().map((e,t)=>o("li",{children:e[0]},`li-${t}`))})})},l={id:"listPlugin",component:r,position:t.PluginPosition.Body,order:1};e.List=r,e.listPlugin=l});