Socket
Socket
Sign inDemoInstall

ngc-pagination

Package Overview
Dependencies
Maintainers
1
Versions
11
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ngc-pagination - npm Package Compare versions

Comparing version 0.2.8 to 0.2.9

2

bundles/ngc-pagination.umd.js

@@ -96,3 +96,3 @@ (function (global, factory) {

template: "\n <div id=\"exibition\">\n <ng-content></ng-content>\n </div>\n ",
styles: ["\n\n #exibition {\n display: flex;\n }\n\n :host /deep/ .page.active {\n background: #4285F4;\n color:white;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);\n }\n :host /deep/ .page {\n color: #0275d8;\n background-color: #fff;\n cursor: pointer;\n color:black;\n width:33px;\n height: 33px;\n border-radius: 2px;\n padding: 0px;\n }\n\n :host /deep/ button {\n min-width: 33px;\n min-height: 33px;\n padding: 0px;\n }\n\n "],
styles: ["\n\n #exibition {\n display: flex;\n }\n\n :host /deep/ .page.active {\n background: #4285F4;\n color:white;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);\n }\n\n :host /deep/ button {\n min-width: 33px;\n min-height: 33px;\n padding: 0px;\n background: none;\n }\n\n :host /deep/ .page {\n color: #0275d8;\n background-color: #fff;\n cursor: pointer;\n color:black;\n width:33px;\n height: 100%;\n border-radius: 2px;\n padding: 0px;\n }\n\n "],
changeDetection: core.ChangeDetectionStrategy.OnPush

@@ -99,0 +99,0 @@ },] },

@@ -1,1 +0,1 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common"],t):t((e.ng=e.ng||{},e.ng.pagination={}),e.ng.core,e.common)}(this,function(e,t,n){"use strict";var i=function(){return function(){}}(),a=function(){function e(e){this.cd=e,this.paginationEvents=new t.EventEmitter,this.buttonsDisabled=!1}return e.prototype.ngOnInit=function(){var e=this;this.config.subscribe(function(t){e.useDefaultValues(),e.createPagination(),e.createExibition(),e.cd.markForCheck()})},e.prototype.useDefaultValues=function(){this.config.getValue().currentPage||(this.config.getValue().currentPage=1),this.config.getValue().range||(this.config.getValue().range=10),this.config.getValue().itensPerPage||(this.config.getValue().itensPerPage=10),void 0===this.config.getValue().change_after&&(this.config.getValue().change_after=!1),void 0===this.config.getValue().disabledWhenChange?this.config.getValue().disabledWhenChange=!1:this.buttonsDisabled=!1},e.prototype.goTo=function(e,t){var n=this.config.getValue().currentPage;switch(e){case"firstPage":n=1;break;case"lastPage":n=this.config.getValue().totalPages;break;case"prevPage":n--;break;case"nextPage":n++;break;default:n=t}this.config.getValue().change_after||(this.config.getValue().currentPage=n,this.createExibition()),!0===this.config.getValue().disabledWhenChange&&(this.buttonsDisabled=!0),this.paginationEvents.emit({goTo:n,event:e})},e.prototype.createPagination=function(){this.config.getValue().totalPages=this.config.getValue().totalItens<this.config.getValue().itensPerPage?1:Math.ceil(this.config.getValue().totalItens/this.config.getValue().itensPerPage),this.config.getValue().pagination=[];for(var e=0;e<this.config.getValue().totalPages;e++)this.config.getValue().pagination.push(e+1)},e.prototype.createExibition=function(){var e=Math.ceil(this.config.getValue().currentPage-1-this.config.getValue().range/2<0?0:this.config.getValue().currentPage-1-this.config.getValue().range/2),t=Math.ceil(this.config.getValue().currentPage<=this.config.getValue().range/2?this.config.getValue().range+1:this.config.getValue().currentPage+this.config.getValue().range/2),n=t-this.config.getValue().pagination.length;if(n>0){var i=this.config.getValue().pagination.length-this.config.getValue().range-1;e=i<0?0:i,t-=n}this.config.getValue().exibition=this.config.getValue().pagination.slice(e,t)},e.decorators=[{type:t.Component,args:[{selector:"ngc-pagination",template:'\n <div id="exibition">\n <ng-content></ng-content>\n </div>\n ',styles:["\n\n #exibition {\n display: flex;\n }\n\n :host /deep/ .page.active {\n background: #4285F4;\n color:white;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);\n }\n :host /deep/ .page {\n color: #0275d8;\n background-color: #fff;\n cursor: pointer;\n color:black;\n width:33px;\n height: 33px;\n border-radius: 2px;\n padding: 0px;\n }\n\n :host /deep/ button {\n min-width: 33px;\n min-height: 33px;\n padding: 0px;\n }\n\n "],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},e.propDecorators={paginationEvents:[{type:t.Output}],config:[{type:t.Input}]},e}(),o=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule],declarations:[a],exports:[a]}]}],e.ctorParameters=function(){return[]},e}();e.NgcPaginationModule=o,e.NgcPaginationComponent=a,e.NgcPaginationModel=i,Object.defineProperty(e,"__esModule",{value:!0})});
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common"],t):t((e.ng=e.ng||{},e.ng.pagination={}),e.ng.core,e.common)}(this,function(e,t,n){"use strict";var i=function(){return function(){}}(),a=function(){function e(e){this.cd=e,this.paginationEvents=new t.EventEmitter,this.buttonsDisabled=!1}return e.prototype.ngOnInit=function(){var e=this;this.config.subscribe(function(t){e.useDefaultValues(),e.createPagination(),e.createExibition(),e.cd.markForCheck()})},e.prototype.useDefaultValues=function(){this.config.getValue().currentPage||(this.config.getValue().currentPage=1),this.config.getValue().range||(this.config.getValue().range=10),this.config.getValue().itensPerPage||(this.config.getValue().itensPerPage=10),void 0===this.config.getValue().change_after&&(this.config.getValue().change_after=!1),void 0===this.config.getValue().disabledWhenChange?this.config.getValue().disabledWhenChange=!1:this.buttonsDisabled=!1},e.prototype.goTo=function(e,t){var n=this.config.getValue().currentPage;switch(e){case"firstPage":n=1;break;case"lastPage":n=this.config.getValue().totalPages;break;case"prevPage":n--;break;case"nextPage":n++;break;default:n=t}this.config.getValue().change_after||(this.config.getValue().currentPage=n,this.createExibition()),!0===this.config.getValue().disabledWhenChange&&(this.buttonsDisabled=!0),this.paginationEvents.emit({goTo:n,event:e})},e.prototype.createPagination=function(){this.config.getValue().totalPages=this.config.getValue().totalItens<this.config.getValue().itensPerPage?1:Math.ceil(this.config.getValue().totalItens/this.config.getValue().itensPerPage),this.config.getValue().pagination=[];for(var e=0;e<this.config.getValue().totalPages;e++)this.config.getValue().pagination.push(e+1)},e.prototype.createExibition=function(){var e=Math.ceil(this.config.getValue().currentPage-1-this.config.getValue().range/2<0?0:this.config.getValue().currentPage-1-this.config.getValue().range/2),t=Math.ceil(this.config.getValue().currentPage<=this.config.getValue().range/2?this.config.getValue().range+1:this.config.getValue().currentPage+this.config.getValue().range/2),n=t-this.config.getValue().pagination.length;if(n>0){var i=this.config.getValue().pagination.length-this.config.getValue().range-1;e=i<0?0:i,t-=n}this.config.getValue().exibition=this.config.getValue().pagination.slice(e,t)},e.decorators=[{type:t.Component,args:[{selector:"ngc-pagination",template:'\n <div id="exibition">\n <ng-content></ng-content>\n </div>\n ',styles:["\n\n #exibition {\n display: flex;\n }\n\n :host /deep/ .page.active {\n background: #4285F4;\n color:white;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);\n }\n\n :host /deep/ button {\n min-width: 33px;\n min-height: 33px;\n padding: 0px;\n background: none;\n }\n\n :host /deep/ .page {\n color: #0275d8;\n background-color: #fff;\n cursor: pointer;\n color:black;\n width:33px;\n height: 100%;\n border-radius: 2px;\n padding: 0px;\n }\n\n "],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},e.propDecorators={paginationEvents:[{type:t.Output}],config:[{type:t.Input}]},e}(),o=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule],declarations:[a],exports:[a]}]}],e.ctorParameters=function(){return[]},e}();e.NgcPaginationModule=o,e.NgcPaginationComponent=a,e.NgcPaginationModel=i,Object.defineProperty(e,"__esModule",{value:!0})});

@@ -92,3 +92,3 @@ import { Component, Input, ChangeDetectionStrategy, Output, EventEmitter, ChangeDetectorRef } from '@angular/core';

template: "\n <div id=\"exibition\">\n <ng-content></ng-content>\n </div>\n ",
styles: ["\n\n #exibition {\n display: flex;\n }\n\n :host /deep/ .page.active {\n background: #4285F4;\n color:white;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);\n }\n :host /deep/ .page {\n color: #0275d8;\n background-color: #fff;\n cursor: pointer;\n color:black;\n width:33px;\n height: 33px;\n border-radius: 2px;\n padding: 0px;\n }\n\n :host /deep/ button {\n min-width: 33px;\n min-height: 33px;\n padding: 0px;\n }\n\n "],
styles: ["\n\n #exibition {\n display: flex;\n }\n\n :host /deep/ .page.active {\n background: #4285F4;\n color:white;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);\n }\n\n :host /deep/ button {\n min-width: 33px;\n min-height: 33px;\n padding: 0px;\n background: none;\n }\n\n :host /deep/ .page {\n color: #0275d8;\n background-color: #fff;\n cursor: pointer;\n color:black;\n width:33px;\n height: 100%;\n border-radius: 2px;\n padding: 0px;\n }\n\n "],
changeDetection: ChangeDetectionStrategy.OnPush

@@ -95,0 +95,0 @@ },] },

@@ -1,1 +0,1 @@

[{"__symbolic":"module","version":3,"metadata":{"NgcPaginationModel":{"__symbolic":"class"},"NgcPaginationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ngc-pagination","template":"\n <div id=\"exibition\">\n <ng-content></ng-content>\n </div>\n ","styles":["\n\n #exibition {\n display: flex;\n }\n\n :host /deep/ .page.active {\n background: #4285F4;\n color:white;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);\n }\n :host /deep/ .page {\n color: #0275d8;\n background-color: #fff;\n cursor: pointer;\n color:black;\n width:33px;\n height: 33px;\n border-radius: 2px;\n padding: 0px;\n }\n\n :host /deep/ button {\n min-width: 33px;\n min-height: 33px;\n padding: 0px;\n }\n\n "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"paginationEvents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"useDefaultValues":[{"__symbolic":"method"}],"goTo":[{"__symbolic":"method"}],"createPagination":[{"__symbolic":"method"}],"createExibition":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"NgcPaginationModel":{"__symbolic":"class"},"NgcPaginationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ngc-pagination","template":"\n <div id=\"exibition\">\n <ng-content></ng-content>\n </div>\n ","styles":["\n\n #exibition {\n display: flex;\n }\n\n :host /deep/ .page.active {\n background: #4285F4;\n color:white;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);\n }\n :host /deep/ .page {\n color: #0275d8;\n background-color: #fff;\n cursor: pointer;\n color:black;\n width:33px;\n height: 33px;\n border-radius: 2px;\n padding: 0px;\n }\n\n :host /deep/ button {\n min-width: 33px;\n min-height: 33px;\n padding: 0px;\n }\n\n "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"paginationEvents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"useDefaultValues":[{"__symbolic":"method"}],"goTo":[{"__symbolic":"method"}],"createPagination":[{"__symbolic":"method"}],"createExibition":[{"__symbolic":"method"}]}}}}]
[{"__symbolic":"module","version":3,"metadata":{"NgcPaginationModel":{"__symbolic":"class"},"NgcPaginationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ngc-pagination","template":"\n <div id=\"exibition\">\n <ng-content></ng-content>\n </div>\n ","styles":["\n\n #exibition {\n display: flex;\n }\n\n :host /deep/ .page.active {\n background: #4285F4;\n color:white;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);\n }\n\n :host /deep/ button {\n min-width: 33px;\n min-height: 33px;\n padding: 0px;\n background: none;\n }\n\n :host /deep/ .page {\n color: #0275d8;\n background-color: #fff;\n cursor: pointer;\n color:black;\n width:33px;\n height: 100%;\n border-radius: 2px;\n padding: 0px;\n }\n\n "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"paginationEvents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"useDefaultValues":[{"__symbolic":"method"}],"goTo":[{"__symbolic":"method"}],"createPagination":[{"__symbolic":"method"}],"createExibition":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"NgcPaginationModel":{"__symbolic":"class"},"NgcPaginationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ngc-pagination","template":"\n <div id=\"exibition\">\n <ng-content></ng-content>\n </div>\n ","styles":["\n\n #exibition {\n display: flex;\n }\n\n :host /deep/ .page.active {\n background: #4285F4;\n color:white;\n box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);\n }\n\n :host /deep/ button {\n min-width: 33px;\n min-height: 33px;\n padding: 0px;\n background: none;\n }\n\n :host /deep/ .page {\n color: #0275d8;\n background-color: #fff;\n cursor: pointer;\n color:black;\n width:33px;\n height: 100%;\n border-radius: 2px;\n padding: 0px;\n }\n\n "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"paginationEvents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"useDefaultValues":[{"__symbolic":"method"}],"goTo":[{"__symbolic":"method"}],"createPagination":[{"__symbolic":"method"}],"createExibition":[{"__symbolic":"method"}]}}}}]
{
"name": "ngc-pagination",
"version": "0.2.8",
"main": "bundles/ngc-pagination.umd.js",
"version": "0.2.9",
"main": "bundles/ngc-pagination.umd.min.js",
"module": "index.js",

@@ -6,0 +6,0 @@ "typings": "index.d.ts",

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc