UNPKG

@digithia/ui

Version:

Digithia ui package.

gitlab.com/digithia/ui

21 lines • 8.15 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("./vendors.js")):"function"==typeof define&&define.amd?define("digithiaUi",["./vendors.js"],e):"object"==typeof exports?exports.digithiaUi=e(require("./vendors.js")):t.digithiaUi=e(t["./vendors.js"])}(window,(function(t){return function(t){function e(e){for(var n,o,s=e[0],g=e[1],u=e[2],d=0,h=[];d<s.length;d++)o=s[d],Object.prototype.hasOwnProperty.call(a,o)&&a[o]&&h.push(a[o][0]),a[o]=0;for(n in g)Object.prototype.hasOwnProperty.call(g,n)&&(t[n]=g[n]);for(p&&p(e);h.length;)h.shift()();return r.push.apply(r,u||[]),i()}function i(){for(var t,e=0;e<r.length;e++){for(var i=r[e],n=!0,s=1;s<i.length;s++){var g=i[s];0!==a[g]&&(n=!1)}n&&(r.splice(e--,1),t=o(o.s=i[0]))}return t}var n={},a={9:0},r=[];function o(e){if(n[e])return n[e].exports;var i=n[e]={i:e,l:!1,exports:{}};return t[e].call(i.exports,i,i.exports,o),i.l=!0,i.exports}o.m=t,o.c=n,o.d=function(t,e,i){o.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},o.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(o.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)o.d(i,n,function(e){return t[e]}.bind(null,n));return i},o.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return o.d(e,"a",e),e},o.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},o.p="";var s=window.webpackJsonpdigithiaUi=window.webpackJsonpdigithiaUi||[],g=s.push.bind(s);s.push=e,s=s.slice();for(var u=0;u<s.length;u++)e(s[u]);var p=g;return r.push([108,0]),i()}({1:function(t,e,i){"use strict";i.r(e);var n=i(0);e.default=n.css`:host{--dig-ui-global-button-color:grey;--dig-ui-global-valid-color:#0f990f;--dig-ui-global-invalid-color:red}`},108:function(t,e,i){i(5),t.exports=i(74)},5:function(e,i){e.exports=t},74:function(t,e,i){"use strict";var n=this&&this.__createBinding||(Object.create?function(t,e,i,n){void 0===n&&(n=i),Object.defineProperty(t,n,{enumerable:!0,get:function(){return e[i]}})}:function(t,e,i,n){void 0===n&&(n=i),t[n]=e[i]}),a=this&&this.__exportStar||function(t,e){for(var i in t)"default"===i||Object.prototype.hasOwnProperty.call(e,i)||n(e,t,i)};Object.defineProperty(e,"__esModule",{value:!0}),a(i(75),e)},75:function(t,e,i){"use strict";var n=this&&this.__decorate||function(t,e,i,n){var a,r=arguments.length,o=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(o=(r<3?a(o):r>3?a(e,i,o):a(e,i))||o);return r>3&&o&&Object.defineProperty(e,i,o),o},a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.DigUiPagination=void 0;const r=i(0),o=i(2),s=a(i(1)),g=a(i(76));let u=class extends r.LitElement{constructor(){super(...arguments),this.currentPage=1,this.pageCount=2,this.endPageCount=2,this.neighbourPageCount=2,this.previousText="Prev",this.nextText="Next",this.pages=[]}render(){return r.html` <div class="dig-ui-pagination"> <div class="dig-ui-pagination-pages"> <div class="dig-ui-pagination-page" @click="${this.previous}"> ${this.previousText} </div> ${this.pages.map(t=>r.html`<div class="dig-ui-pagination-page ${o.classMap({selected:t===this.currentPage})}" @click="${()=>this.select(t)}" > <span>${t}</span> </div>`)} <div class="dig-ui-pagination-page" @click="${this.next}"> ${this.nextText} </div> </div> </div> `}firstUpdated(){this.createPages(this.pageCount)}attributeChangedCallback(t,e,i){super.attributeChangedCallback(t,e,i),"page-count"===t?this.createPages(+i):"current-page"===t&&this.select(this.currentPage)}isFirstPart(t,e){return t<=e-(this.neighbourPageCount+this.endPageCount+1)}isLastPart(t,e){return t>=e-(this.neighbourPageCount+this.endPageCount+1)}createPages(t){this.pages=[];const e=2*(this.neighbourPageCount+this.endPageCount+1)+1;if(t<=e)for(let e=1;e<=t;e++)this.pages.push(e);else{for(let t=1;t<=this.endPageCount;t++)this.pages.push(t);if(this.isFirstPart(this.currentPage,e)){for(let t=this.endPageCount+1;t<=e-(this.endPageCount+1);t++)this.pages.push(t);this.pages.push(">")}else if(this.isLastPart(this.currentPage,t)){this.pages.push("<");for(let i=t-e+this.endPageCount+2;i<=t-this.endPageCount;i++)this.pages.push(i)}else{this.pages.push("<");for(let t=-this.neighbourPageCount;t<=this.neighbourPageCount;t++)this.pages.push(this.currentPage+t);this.pages.push(">")}for(let e=t-this.endPageCount+1;e<=t;e++)this.pages.push(e)}}setCurrentPage(t){t>this.pageCount?(this.currentPage=this.pageCount,this.dispatchEvent(new CustomEvent("change",{detail:this.currentPage}))):t<1?(this.currentPage=1,this.dispatchEvent(new CustomEvent("change",{detail:this.currentPage}))):t!==this.currentPage&&(this.currentPage=t,this.dispatchEvent(new CustomEvent("change",{detail:this.currentPage})))}previous(){this.setCurrentPage(this.currentPage-1),this.createPages(this.pageCount)}next(){this.setCurrentPage(this.currentPage+1),this.createPages(this.pageCount)}select(t){"string"==typeof t?">"===t?this.setCurrentPage(this.currentPage+5):"<"===t&&this.setCurrentPage(this.currentPage-5):this.setCurrentPage(t),this.createPages(this.pageCount)}};u.styles=r.css` ${s.default} ${g.default} `,n([r.property({type:Number,attribute:"current-page"})],u.prototype,"currentPage",void 0),n([r.property({type:Number,attribute:"page-count"})],u.prototype,"pageCount",void 0),n([r.property({type:Number,attribute:"end-page-count"})],u.prototype,"endPageCount",void 0),n([r.property({type:Number,attribute:"neighbour-page-count"})],u.prototype,"neighbourPageCount",void 0),n([r.property({type:String,attribute:"previous-text"})],u.prototype,"previousText",void 0),n([r.property({type:String,attribute:"next-text"})],u.prototype,"nextText",void 0),n([r.internalProperty()],u.prototype,"pages",void 0),u=n([r.customElement("dig-ui-pagination")],u),e.DigUiPagination=u},76:function(t,e,i){"use strict";i.r(e);var n=i(0);e.default=n.css`:host{--dig-ui-pagination-color:#535353;--dig-ui-pagination-border-radius:4px;--dig-ui-pagination-color-hover:#eee;--dig-ui-pagination-color-selected:#ddd;--dig-ui-pagination-page-padding:6px 6px;--dig-ui-pagination-min-width:16px;--dig-ui-pagination-box-shadow:0px 0px 10px 2px hsla(0,0%,50.2%,0.267);--dig-ui-pagination-border:0;--dig-ui-pagination-separator-border:0}:host .dig-ui-pagination{display:inline-flex;box-shadow:var(--dig-ui-pagination-box-shadow);border:var(--dig-ui-pagination-border);border-radius:var(--dig-ui-pagination-border-radius);color:var(--dig-ui-pagination-color);overflow:scroll;max-width:100%}:host .dig-ui-pagination .dig-ui-pagination-pages{display:inline-flex}:host .dig-ui-pagination .dig-ui-pagination-pages .dig-ui-pagination-page{min-width:var(--dig-ui-pagination-min-width);display:inline-flex;padding:var(--dig-ui-pagination-page-padding)}:host .dig-ui-pagination .dig-ui-pagination-pages .dig-ui-pagination-page span{margin:auto;text-align:center}:host .dig-ui-pagination .dig-ui-pagination-pages .dig-ui-pagination-page:first-child{margin-right:-4px}:host .dig-ui-pagination .dig-ui-pagination-pages .dig-ui-pagination-page:last-child{margin-left:-4px}:host .dig-ui-pagination .dig-ui-pagination-pages .dig-ui-pagination-page:not(:last-child){border-right:var(--dig-ui-pagination-separator-border)}:host .dig-ui-pagination .dig-ui-pagination-pages .dig-ui-pagination-page:hover{cursor:pointer;background-color:var(--dig-ui-pagination-color-hover)}:host .dig-ui-pagination .dig-ui-pagination-pages .dig-ui-pagination-page.selected{font-weight:700;text-decoration:underline;background-color:var(--dig-ui-pagination-color-selected)}`}})}));