New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

vue3-pagination

Package Overview
Dependencies
Maintainers
1
Versions
16
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue3-pagination - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

88

dist/vue3-pagination.cjs.js

@@ -5,7 +5,21 @@ 'use strict';

var IconPaginationDots = "<svg viewBox=\"0 0 8 2\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2.23975 1C2.23975 1.55556 1.7953 2 1.23975 2C0.684191 2 0.239746 1.55556 0.239746 1C0.239746 0.444444 0.684191 0 1.23975 0C1.7953 0 2.23975 0.444444 2.23975 1ZM7.57308 1C7.57308 1.55556 7.12863 2 6.57308 2C6.01752 2 5.57308 1.55556 5.57308 1C5.57308 0.444444 6.01752 0 6.57308 0C7.12863 0 7.57308 0.444444 7.57308 1Z\" fill=\"#BBBBBB\"/>\n</svg>";
const _hoisted_1 = {
viewBox: "0 0 8 2",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
};
const _hoisted_2 = /*#__PURE__*/vue.createVNode("path", {
d: "M2.24 1c0 .556-.445 1-1 1-.556 0-1-.444-1-1s.444-1 1-1c.555 0 1 .444 1 1zm5.333 0c0 .556-.444 1-1 1-.555 0-1-.444-1-1s.445-1 1-1c.556 0 1 .444 1 1z",
fill: "#BBB"
}, null, -1 /* HOISTED */);
function render(_ctx, _cache) {
return (vue.openBlock(), vue.createBlock("svg", _hoisted_1, [
_hoisted_2
]))
}
var script = vue.defineComponent({
name: 'VPage',
components: { IconPaginationDots },
components: { IconPaginationDots: render },
props: {

@@ -40,3 +54,3 @@ page: {

vue.pushScopeId("data-v-060ca318");
const _hoisted_1 = {
const _hoisted_1$1 = {
key: 0,

@@ -47,3 +61,3 @@ class: "DotsHolder"

const render = /*#__PURE__*/_withId((_ctx, _cache, $props, $setup, $data, $options) => {
const render$1 = /*#__PURE__*/_withId((_ctx, _cache, $props, $setup, $data, $options) => {
const _component_icon_pagination_dots = vue.resolveComponent("icon-pagination-dots");

@@ -53,3 +67,3 @@

(_ctx.page === null)
? (vue.openBlock(), vue.createBlock("span", _hoisted_1, [
? (vue.openBlock(), vue.createBlock("span", _hoisted_1$1, [
vue.createVNode(_component_icon_pagination_dots, { class: "Dots" })

@@ -66,17 +80,57 @@ ]))

script.render = render;
script.render = render$1;
script.__scopeId = "data-v-060ca318";
script.__file = "src/components/atoms/VPage.vue";
var IconPageFirst = "<?xml version=\"1.0\" encoding=\"UTF-8\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" viewBox=\"0 0 24 24\"><path d=\"M18.41,16.59L13.82,12L18.41,7.41L17,6L11,12L17,18L18.41,16.59M6,6H8V18H6V6Z\" /></svg>";
const _hoisted_1$2 = {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
};
const _hoisted_2$1 = /*#__PURE__*/vue.createVNode("path", { d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6 1.41-1.41M6 6h2v12H6V6z" }, null, -1 /* HOISTED */);
var IconPageLast = "<?xml version=\"1.0\" encoding=\"UTF-8\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" viewBox=\"0 0 24 24\"><path d=\"M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z\" /></svg>";
function render$2(_ctx, _cache) {
return (vue.openBlock(), vue.createBlock("svg", _hoisted_1$2, [
_hoisted_2$1
]))
}
var IconChevronLeft = "<?xml version=\"1.0\" encoding=\"UTF-8\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" viewBox=\"0 0 24 24\"><path d=\"M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z\" /></svg>";
const _hoisted_1$3 = {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
};
const _hoisted_2$2 = /*#__PURE__*/vue.createVNode("path", { d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6-1.41 1.41M16 6h2v12h-2V6z" }, null, -1 /* HOISTED */);
var IconChevronRight = "<?xml version=\"1.0\" encoding=\"UTF-8\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" viewBox=\"0 0 24 24\"><path d=\"M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z\" /></svg>";
function render$3(_ctx, _cache) {
return (vue.openBlock(), vue.createBlock("svg", _hoisted_1$3, [
_hoisted_2$2
]))
}
const _hoisted_1$4 = {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
};
const _hoisted_2$3 = /*#__PURE__*/vue.createVNode("path", { d: "M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.42z" }, null, -1 /* HOISTED */);
function render$4(_ctx, _cache) {
return (vue.openBlock(), vue.createBlock("svg", _hoisted_1$4, [
_hoisted_2$3
]))
}
const _hoisted_1$5 = {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
};
const _hoisted_2$4 = /*#__PURE__*/vue.createVNode("path", { d: "M8.59 16.58L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.42z" }, null, -1 /* HOISTED */);
function render$5(_ctx, _cache) {
return (vue.openBlock(), vue.createBlock("svg", _hoisted_1$5, [
_hoisted_2$4
]))
}
var script$1 = vue.defineComponent({
name: 'VPagination',
components: { IconPageFirst, IconChevronLeft, IconChevronRight, IconPageLast, VPage: script },
components: { IconPageFirst: render$2, IconChevronLeft: render$4, IconChevronRight: render$5, IconPageLast: render$3, VPage: script },
props: {

@@ -185,4 +239,4 @@ pages: {

vue.pushScopeId("data-v-2a30deb0");
const _hoisted_1$1 = { class: "Pagination" };
const _hoisted_2 = { class: "PaginationControl" };
const _hoisted_1$6 = { class: "Pagination" };
const _hoisted_2$5 = { class: "PaginationControl" };
const _hoisted_3 = { class: "PaginationControl" };

@@ -193,3 +247,3 @@ const _hoisted_4 = { class: "PaginationControl" };

const render$1 = /*#__PURE__*/_withId$1((_ctx, _cache, $props, $setup, $data, $options) => {
const render$6 = /*#__PURE__*/_withId$1((_ctx, _cache, $props, $setup, $data, $options) => {
const _component_icon_page_first = vue.resolveComponent("icon-page-first");

@@ -201,4 +255,4 @@ const _component_icon_chevron_left = vue.resolveComponent("icon-chevron-left");

return (vue.openBlock(), vue.createBlock("ul", _hoisted_1$1, [
vue.createVNode("li", _hoisted_2, [
return (vue.openBlock(), vue.createBlock("ul", _hoisted_1$6, [
vue.createVNode("li", _hoisted_2$5, [
vue.createVNode(_component_icon_page_first, {

@@ -239,3 +293,3 @@ class: ["Control", { 'Control-active': _ctx.isPrevControlsActive }],

script$1.render = render$1;
script$1.render = render$6;
script$1.__scopeId = "data-v-2a30deb0";

@@ -242,0 +296,0 @@ script$1.__file = "src/components/VPagination.vue";

90

dist/vue3-pagination.esm.js

@@ -1,8 +0,22 @@

import { defineComponent, computed, pushScopeId, popScopeId, resolveComponent, openBlock, createBlock, createVNode, toDisplayString, withScopeId, Fragment, renderList } from 'vue';
import { openBlock, createBlock, createVNode, defineComponent, computed, pushScopeId, popScopeId, resolveComponent, toDisplayString, withScopeId, Fragment, renderList } from 'vue';
var IconPaginationDots = "<svg viewBox=\"0 0 8 2\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2.23975 1C2.23975 1.55556 1.7953 2 1.23975 2C0.684191 2 0.239746 1.55556 0.239746 1C0.239746 0.444444 0.684191 0 1.23975 0C1.7953 0 2.23975 0.444444 2.23975 1ZM7.57308 1C7.57308 1.55556 7.12863 2 6.57308 2C6.01752 2 5.57308 1.55556 5.57308 1C5.57308 0.444444 6.01752 0 6.57308 0C7.12863 0 7.57308 0.444444 7.57308 1Z\" fill=\"#BBBBBB\"/>\n</svg>";
const _hoisted_1 = {
viewBox: "0 0 8 2",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
};
const _hoisted_2 = /*#__PURE__*/createVNode("path", {
d: "M2.24 1c0 .556-.445 1-1 1-.556 0-1-.444-1-1s.444-1 1-1c.555 0 1 .444 1 1zm5.333 0c0 .556-.444 1-1 1-.555 0-1-.444-1-1s.445-1 1-1c.556 0 1 .444 1 1z",
fill: "#BBB"
}, null, -1 /* HOISTED */);
function render(_ctx, _cache) {
return (openBlock(), createBlock("svg", _hoisted_1, [
_hoisted_2
]))
}
var script = defineComponent({
name: 'VPage',
components: { IconPaginationDots },
components: { IconPaginationDots: render },
props: {

@@ -37,3 +51,3 @@ page: {

pushScopeId("data-v-060ca318");
const _hoisted_1 = {
const _hoisted_1$1 = {
key: 0,

@@ -44,3 +58,3 @@ class: "DotsHolder"

const render = /*#__PURE__*/_withId((_ctx, _cache, $props, $setup, $data, $options) => {
const render$1 = /*#__PURE__*/_withId((_ctx, _cache, $props, $setup, $data, $options) => {
const _component_icon_pagination_dots = resolveComponent("icon-pagination-dots");

@@ -50,3 +64,3 @@

(_ctx.page === null)
? (openBlock(), createBlock("span", _hoisted_1, [
? (openBlock(), createBlock("span", _hoisted_1$1, [
createVNode(_component_icon_pagination_dots, { class: "Dots" })

@@ -63,17 +77,57 @@ ]))

script.render = render;
script.render = render$1;
script.__scopeId = "data-v-060ca318";
script.__file = "src/components/atoms/VPage.vue";
var IconPageFirst = "<?xml version=\"1.0\" encoding=\"UTF-8\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" viewBox=\"0 0 24 24\"><path d=\"M18.41,16.59L13.82,12L18.41,7.41L17,6L11,12L17,18L18.41,16.59M6,6H8V18H6V6Z\" /></svg>";
const _hoisted_1$2 = {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
};
const _hoisted_2$1 = /*#__PURE__*/createVNode("path", { d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6 1.41-1.41M6 6h2v12H6V6z" }, null, -1 /* HOISTED */);
var IconPageLast = "<?xml version=\"1.0\" encoding=\"UTF-8\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" viewBox=\"0 0 24 24\"><path d=\"M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z\" /></svg>";
function render$2(_ctx, _cache) {
return (openBlock(), createBlock("svg", _hoisted_1$2, [
_hoisted_2$1
]))
}
var IconChevronLeft = "<?xml version=\"1.0\" encoding=\"UTF-8\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" viewBox=\"0 0 24 24\"><path d=\"M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z\" /></svg>";
const _hoisted_1$3 = {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
};
const _hoisted_2$2 = /*#__PURE__*/createVNode("path", { d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6-1.41 1.41M16 6h2v12h-2V6z" }, null, -1 /* HOISTED */);
var IconChevronRight = "<?xml version=\"1.0\" encoding=\"UTF-8\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" viewBox=\"0 0 24 24\"><path d=\"M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z\" /></svg>";
function render$3(_ctx, _cache) {
return (openBlock(), createBlock("svg", _hoisted_1$3, [
_hoisted_2$2
]))
}
const _hoisted_1$4 = {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
};
const _hoisted_2$3 = /*#__PURE__*/createVNode("path", { d: "M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.42z" }, null, -1 /* HOISTED */);
function render$4(_ctx, _cache) {
return (openBlock(), createBlock("svg", _hoisted_1$4, [
_hoisted_2$3
]))
}
const _hoisted_1$5 = {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
};
const _hoisted_2$4 = /*#__PURE__*/createVNode("path", { d: "M8.59 16.58L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.42z" }, null, -1 /* HOISTED */);
function render$5(_ctx, _cache) {
return (openBlock(), createBlock("svg", _hoisted_1$5, [
_hoisted_2$4
]))
}
var script$1 = defineComponent({
name: 'VPagination',
components: { IconPageFirst, IconChevronLeft, IconChevronRight, IconPageLast, VPage: script },
components: { IconPageFirst: render$2, IconChevronLeft: render$4, IconChevronRight: render$5, IconPageLast: render$3, VPage: script },
props: {

@@ -182,4 +236,4 @@ pages: {

pushScopeId("data-v-2a30deb0");
const _hoisted_1$1 = { class: "Pagination" };
const _hoisted_2 = { class: "PaginationControl" };
const _hoisted_1$6 = { class: "Pagination" };
const _hoisted_2$5 = { class: "PaginationControl" };
const _hoisted_3 = { class: "PaginationControl" };

@@ -190,3 +244,3 @@ const _hoisted_4 = { class: "PaginationControl" };

const render$1 = /*#__PURE__*/_withId$1((_ctx, _cache, $props, $setup, $data, $options) => {
const render$6 = /*#__PURE__*/_withId$1((_ctx, _cache, $props, $setup, $data, $options) => {
const _component_icon_page_first = resolveComponent("icon-page-first");

@@ -198,4 +252,4 @@ const _component_icon_chevron_left = resolveComponent("icon-chevron-left");

return (openBlock(), createBlock("ul", _hoisted_1$1, [
createVNode("li", _hoisted_2, [
return (openBlock(), createBlock("ul", _hoisted_1$6, [
createVNode("li", _hoisted_2$5, [
createVNode(_component_icon_page_first, {

@@ -236,3 +290,3 @@ class: ["Control", { 'Control-active': _ctx.isPrevControlsActive }],

script$1.render = render$1;
script$1.render = render$6;
script$1.__scopeId = "data-v-2a30deb0";

@@ -239,0 +293,0 @@ script$1.__file = "src/components/VPagination.vue";

4

package.json
{
"name": "vue3-pagination",
"version": "1.0.3",
"version": "1.0.4",
"author": {

@@ -74,3 +74,3 @@ "email": "julian.printemps@gmail.com",

"rollup-plugin-scss": "^2.6.1",
"rollup-plugin-svg": "^2.0.0",
"rollup-plugin-svg-to-vue": "^1.0.0",
"rollup-plugin-typescript2": "^0.27.2",

@@ -77,0 +77,0 @@ "rollup-plugin-vue": "^6.0.0-beta.8",

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc