@aotearoan/neon 28.4.0 → 28.5.0

package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),s=require("../../presentation/icon/NeonIcon.vue.cjs.js"),c=require("../link/NeonLink.vue.cjs.js"),a=require("../../layout/swiper/NeonSwiper.vue.cjs.js"),i=require("../../../model/navigation/breadcrumbs/NeonBreadcrumbResponsiveStyle.cjs.js"),u=e.defineComponent({name:"NeonBreadcrumbs",components:{NeonIcon:s,NeonLink:c,NeonSwiper:a},props:{breadcrumbs:{type:Array,default:()=>[]},backButton:{type:Boolean,default:!0},backLabel:{type:String,default:"Back"},responsiveStyle:{type:String,default:i.NeonBreadcrumbResponsiveStyle.Swiper}},setup(r){const n=e.ref(null),o=async()=>history.back();return e.onMounted(async()=>{r.breadcrumbs.length>0&&(await e.nextTick(),setTimeout(()=>{if(n.value){const t=n.value.querySelector(".neon-link:last-child");t==null||t.scrollIntoView({behavior:"auto",inline:"end"})}}))}),{back:o,linksRef:n}}});module.exports=u;
+"use strict";const e=require("vue"),s=require("../../presentation/icon/NeonIcon.vue.cjs.js"),c=require("../link/NeonLink.vue.cjs.js"),a=require("../../layout/swiper/NeonSwiper.vue.cjs.js"),i=require("../../../model/navigation/breadcrumbs/NeonBreadcrumbResponsiveStyle.cjs.js"),u=e.defineComponent({name:"NeonBreadcrumbs",components:{NeonIcon:s,NeonLink:c,NeonSwiper:a},props:{breadcrumbs:{type:Array,default:()=>[]},backButton:{type:Boolean,default:!0},backLabel:{type:String,default:"Back"},responsiveStyle:{type:String,default:i.NeonBreadcrumbResponsiveStyle.Swiper}},setup(r){const n=e.ref(null),o=async()=>history.back();return e.onMounted(async()=>{r.breadcrumbs.length>0&&(await e.nextTick(),setTimeout(()=>{if(n.value){const t=n.value.querySelector(".neon-link:last-child");t==null||t.scrollIntoView({behavior:"instant",inline:"end",block:"nearest"})}}))}),{back:o,linksRef:n}}});module.exports=u;
 //# sourceMappingURL=NeonBreadcrumbs.cjs.js.map

package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonBreadcrumbs.cjs.js","sources":["../../../../src/components/navigation/breadcrumbs/NeonBreadcrumbs.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, nextTick, onMounted, ref } from 'vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonSwiper from '@/components/layout/swiper/NeonSwiper.vue';\nimport type { NeonBreadcrumbLink } from '@/model/navigation/breadcrumbs/NeonBreadcrumbLink';\nimport { NeonBreadcrumbResponsiveStyle } from '@/model/navigation/breadcrumbs/NeonBreadcrumbResponsiveStyle';\n\n/**\n * The <em>NeonBreadcrumbs</em> component displays an optional list of breadcrumbs with an optional back button. This is\n * used in the <em>NeonHeader</em> component to display the current page hierarchy.\n */\nexport default defineComponent({\n  name: 'NeonBreadcrumbs',\n  components: { NeonIcon, NeonLink, NeonSwiper },\n  props: {\n    /**\n     * The list of breadcrumbs to display.\n     */\n    breadcrumbs: { type: Array as () => NeonBreadcrumbLink[], default: () => [] },\n    /**\n     * Whether to display the back button.\n     */\n    backButton: { type: Boolean, default: true },\n    /**\n     * The label override for the back button.\n     */\n    backLabel: { type: String, default: 'Back' },\n    /**\n     * The responsive style (mobile-large breakpoint), either place in a swiper or display a larger back button & no\n     * breadcrumbs.\n     */\n    responsiveStyle: {\n      type: String as () => NeonBreadcrumbResponsiveStyle,\n      default: NeonBreadcrumbResponsiveStyle.Swiper,\n    },\n  },\n  setup(props) {\n    const linksRef = ref<HTMLDivElement | null>(null);\n    const back = async () => history.back();\n\n    onMounted(async () => {\n      if (props.breadcrumbs.length > 0) {\n        await nextTick();\n        setTimeout(() => {\n          if (linksRef.value) {\n            const neonLink = linksRef.value.querySelector<HTMLAnchorElement>('.neon-link:last-child');\n            neonLink?.scrollIntoView({\n              behavior: 'auto',\n              inline: 'end',\n            });\n          }\n        });\n      }\n    });\n\n    return {\n      back,\n      linksRef,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonLink","NeonSwiper","NeonBreadcrumbResponsiveStyle","props","linksRef","ref","back","onMounted","nextTick","neonLink"],"mappings":"qRAWAA,EAAeC,kBAAgB,CAC7B,KAAM,kBACN,WAAY,CAAE,SAAAC,EAAU,SAAAC,EAAU,WAAAC,CAAA,EAClC,MAAO,CAIL,YAAa,CAAE,KAAM,MAAqC,QAAS,IAAM,CAAA,CAAC,EAI1E,WAAY,CAAE,KAAM,QAAS,QAAS,EAAA,EAItC,UAAW,CAAE,KAAM,OAAQ,QAAS,MAAA,EAKpC,gBAAiB,CACf,KAAM,OACN,QAASC,EAAAA,8BAA8B,MAAA,CACzC,EAEF,MAAMC,EAAO,CACX,MAAMC,EAAWC,EAAAA,IAA2B,IAAI,EAC1CC,EAAO,SAAY,QAAQ,KAAA,EAEjCC,OAAAA,EAAAA,UAAU,SAAY,CAChBJ,EAAM,YAAY,OAAS,IAC7B,MAAMK,WAAA,EACN,WAAW,IAAM,CACf,GAAIJ,EAAS,MAAO,CAClB,MAAMK,EAAWL,EAAS,MAAM,cAAiC,uBAAuB,EACxFK,GAAA,MAAAA,EAAU,eAAe,CACvB,SAAU,OACV,OAAQ,KAAA,EAEZ,CACF,CAAC,EAEL,CAAC,EAEM,CACL,KAAAH,EACA,SAAAF,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonBreadcrumbs.cjs.js","sources":["../../../../src/components/navigation/breadcrumbs/NeonBreadcrumbs.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, nextTick, onMounted, ref } from 'vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonSwiper from '@/components/layout/swiper/NeonSwiper.vue';\nimport type { NeonBreadcrumbLink } from '@/model/navigation/breadcrumbs/NeonBreadcrumbLink';\nimport { NeonBreadcrumbResponsiveStyle } from '@/model/navigation/breadcrumbs/NeonBreadcrumbResponsiveStyle';\n\n/**\n * The <em>NeonBreadcrumbs</em> component displays an optional list of breadcrumbs with an optional back button. This is\n * used in the <em>NeonHeader</em> component to display the current page hierarchy.\n */\nexport default defineComponent({\n  name: 'NeonBreadcrumbs',\n  components: { NeonIcon, NeonLink, NeonSwiper },\n  props: {\n    /**\n     * The list of breadcrumbs to display.\n     */\n    breadcrumbs: { type: Array as () => NeonBreadcrumbLink[], default: () => [] },\n    /**\n     * Whether to display the back button.\n     */\n    backButton: { type: Boolean, default: true },\n    /**\n     * The label override for the back button.\n     */\n    backLabel: { type: String, default: 'Back' },\n    /**\n     * The responsive style (mobile-large breakpoint), either place in a swiper or display a larger back button & no\n     * breadcrumbs.\n     */\n    responsiveStyle: {\n      type: String as () => NeonBreadcrumbResponsiveStyle,\n      default: NeonBreadcrumbResponsiveStyle.Swiper,\n    },\n  },\n  setup(props) {\n    const linksRef = ref<HTMLDivElement | null>(null);\n    const back = async () => history.back();\n\n    onMounted(async () => {\n      if (props.breadcrumbs.length > 0) {\n        await nextTick();\n        setTimeout(() => {\n          if (linksRef.value) {\n            const neonLink = linksRef.value.querySelector<HTMLAnchorElement>('.neon-link:last-child');\n            neonLink?.scrollIntoView({\n              behavior: 'instant' as ScrollBehavior,\n              inline: 'end',\n              block: 'nearest',\n            });\n          }\n        });\n      }\n    });\n\n    return {\n      back,\n      linksRef,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonLink","NeonSwiper","NeonBreadcrumbResponsiveStyle","props","linksRef","ref","back","onMounted","nextTick","neonLink"],"mappings":"qRAWAA,EAAeC,kBAAgB,CAC7B,KAAM,kBACN,WAAY,CAAE,SAAAC,EAAU,SAAAC,EAAU,WAAAC,CAAA,EAClC,MAAO,CAIL,YAAa,CAAE,KAAM,MAAqC,QAAS,IAAM,CAAA,CAAC,EAI1E,WAAY,CAAE,KAAM,QAAS,QAAS,EAAA,EAItC,UAAW,CAAE,KAAM,OAAQ,QAAS,MAAA,EAKpC,gBAAiB,CACf,KAAM,OACN,QAASC,EAAAA,8BAA8B,MAAA,CACzC,EAEF,MAAMC,EAAO,CACX,MAAMC,EAAWC,EAAAA,IAA2B,IAAI,EAC1CC,EAAO,SAAY,QAAQ,KAAA,EAEjCC,OAAAA,EAAAA,UAAU,SAAY,CAChBJ,EAAM,YAAY,OAAS,IAC7B,MAAMK,WAAA,EACN,WAAW,IAAM,CACf,GAAIJ,EAAS,MAAO,CAClB,MAAMK,EAAWL,EAAS,MAAM,cAAiC,uBAAuB,EACxFK,GAAA,MAAAA,EAAU,eAAe,CACvB,SAAU,UACV,OAAQ,MACR,MAAO,SAAA,EAEX,CACF,CAAC,EAEL,CAAC,EAEM,CACL,KAAAH,EACA,SAAAF,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.es.js

@@ -1,11 +1,11 @@
 import { defineComponent as r, ref as a, onMounted as i, nextTick as s } from "vue";
 import c from "../../presentation/icon/NeonIcon.vue.es.js";
 import l from "../link/NeonLink.vue.es.js";
-import u from "../../layout/swiper/NeonSwiper.vue.es.js";
-import { NeonBreadcrumbResponsiveStyle as m } from "../../../model/navigation/breadcrumbs/NeonBreadcrumbResponsiveStyle.es.js";
+import m from "../../layout/swiper/NeonSwiper.vue.es.js";
+import { NeonBreadcrumbResponsiveStyle as p } from "../../../model/navigation/breadcrumbs/NeonBreadcrumbResponsiveStyle.es.js";
 const k = r({
   name: "NeonBreadcrumbs",
-  components: { NeonIcon: c, NeonLink: l, NeonSwiper: u },
+  components: { NeonIcon: c, NeonLink: l, NeonSwiper: m },
   props: {
     /**
      * The list of breadcrumbs to display.
@@ -25,23 +25,24 @@ const k = r({
      */
     responsiveStyle: {
       type: String,
-      default: m.Swiper
+      default: p.Swiper
     }
   },
-  setup(o) {
-    const e = a(null), n = async () => history.back();
+  setup(n) {
+    const e = a(null), o = async () => history.back();
     return i(async () => {
-      o.breadcrumbs.length > 0 && (await s(), setTimeout(() => {
+      n.breadcrumbs.length > 0 && (await s(), setTimeout(() => {
         if (e.value) {
           const t = e.value.querySelector(".neon-link:last-child");
           t == null || t.scrollIntoView({
-            behavior: "auto",
-            inline: "end"
+            behavior: "instant",
+            inline: "end",
+            block: "nearest"
           });
         }
       }));
     }), {
-      back: n,
+      back: o,
       linksRef: e
     };
   }

package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonBreadcrumbs.es.js","sources":["../../../../src/components/navigation/breadcrumbs/NeonBreadcrumbs.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, nextTick, onMounted, ref } from 'vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonSwiper from '@/components/layout/swiper/NeonSwiper.vue';\nimport type { NeonBreadcrumbLink } from '@/model/navigation/breadcrumbs/NeonBreadcrumbLink';\nimport { NeonBreadcrumbResponsiveStyle } from '@/model/navigation/breadcrumbs/NeonBreadcrumbResponsiveStyle';\n\n/**\n * The <em>NeonBreadcrumbs</em> component displays an optional list of breadcrumbs with an optional back button. This is\n * used in the <em>NeonHeader</em> component to display the current page hierarchy.\n */\nexport default defineComponent({\n  name: 'NeonBreadcrumbs',\n  components: { NeonIcon, NeonLink, NeonSwiper },\n  props: {\n    /**\n     * The list of breadcrumbs to display.\n     */\n    breadcrumbs: { type: Array as () => NeonBreadcrumbLink[], default: () => [] },\n    /**\n     * Whether to display the back button.\n     */\n    backButton: { type: Boolean, default: true },\n    /**\n     * The label override for the back button.\n     */\n    backLabel: { type: String, default: 'Back' },\n    /**\n     * The responsive style (mobile-large breakpoint), either place in a swiper or display a larger back button & no\n     * breadcrumbs.\n     */\n    responsiveStyle: {\n      type: String as () => NeonBreadcrumbResponsiveStyle,\n      default: NeonBreadcrumbResponsiveStyle.Swiper,\n    },\n  },\n  setup(props) {\n    const linksRef = ref<HTMLDivElement | null>(null);\n    const back = async () => history.back();\n\n    onMounted(async () => {\n      if (props.breadcrumbs.length > 0) {\n        await nextTick();\n        setTimeout(() => {\n          if (linksRef.value) {\n            const neonLink = linksRef.value.querySelector<HTMLAnchorElement>('.neon-link:last-child');\n            neonLink?.scrollIntoView({\n              behavior: 'auto',\n              inline: 'end',\n            });\n          }\n        });\n      }\n    });\n\n    return {\n      back,\n      linksRef,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonLink","NeonSwiper","NeonBreadcrumbResponsiveStyle","props","linksRef","ref","back","onMounted","nextTick","neonLink"],"mappings":";;;;;AAWA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,EAAE,UAAAC,GAAU,UAAAC,GAAU,YAAAC,EAAA;AAAA,EAClC,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,aAAa,EAAE,MAAM,OAAqC,SAAS,MAAM,CAAA,EAAC;AAAA;AAAA;AAAA;AAAA,IAI1E,YAAY,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,WAAW,EAAE,MAAM,QAAQ,SAAS,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKpC,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAASC,EAA8B;AAAA,IAAA;AAAA,EACzC;AAAA,EAEF,MAAMC,GAAO;AACX,UAAMC,IAAWC,EAA2B,IAAI,GAC1CC,IAAO,YAAY,QAAQ,KAAA;AAEjC,WAAAC,EAAU,YAAY;AACpB,MAAIJ,EAAM,YAAY,SAAS,MAC7B,MAAMK,EAAA,GACN,WAAW,MAAM;AACf,YAAIJ,EAAS,OAAO;AAClB,gBAAMK,IAAWL,EAAS,MAAM,cAAiC,uBAAuB;AACxF,UAAAK,KAAA,QAAAA,EAAU,eAAe;AAAA,YACvB,UAAU;AAAA,YACV,QAAQ;AAAA,UAAA;AAAA,QAEZ;AAAA,MACF,CAAC;AAAA,IAEL,CAAC,GAEM;AAAA,MACL,MAAAH;AAAA,MACA,UAAAF;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonBreadcrumbs.es.js","sources":["../../../../src/components/navigation/breadcrumbs/NeonBreadcrumbs.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, nextTick, onMounted, ref } from 'vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonSwiper from '@/components/layout/swiper/NeonSwiper.vue';\nimport type { NeonBreadcrumbLink } from '@/model/navigation/breadcrumbs/NeonBreadcrumbLink';\nimport { NeonBreadcrumbResponsiveStyle } from '@/model/navigation/breadcrumbs/NeonBreadcrumbResponsiveStyle';\n\n/**\n * The <em>NeonBreadcrumbs</em> component displays an optional list of breadcrumbs with an optional back button. This is\n * used in the <em>NeonHeader</em> component to display the current page hierarchy.\n */\nexport default defineComponent({\n  name: 'NeonBreadcrumbs',\n  components: { NeonIcon, NeonLink, NeonSwiper },\n  props: {\n    /**\n     * The list of breadcrumbs to display.\n     */\n    breadcrumbs: { type: Array as () => NeonBreadcrumbLink[], default: () => [] },\n    /**\n     * Whether to display the back button.\n     */\n    backButton: { type: Boolean, default: true },\n    /**\n     * The label override for the back button.\n     */\n    backLabel: { type: String, default: 'Back' },\n    /**\n     * The responsive style (mobile-large breakpoint), either place in a swiper or display a larger back button & no\n     * breadcrumbs.\n     */\n    responsiveStyle: {\n      type: String as () => NeonBreadcrumbResponsiveStyle,\n      default: NeonBreadcrumbResponsiveStyle.Swiper,\n    },\n  },\n  setup(props) {\n    const linksRef = ref<HTMLDivElement | null>(null);\n    const back = async () => history.back();\n\n    onMounted(async () => {\n      if (props.breadcrumbs.length > 0) {\n        await nextTick();\n        setTimeout(() => {\n          if (linksRef.value) {\n            const neonLink = linksRef.value.querySelector<HTMLAnchorElement>('.neon-link:last-child');\n            neonLink?.scrollIntoView({\n              behavior: 'instant' as ScrollBehavior,\n              inline: 'end',\n              block: 'nearest',\n            });\n          }\n        });\n      }\n    });\n\n    return {\n      back,\n      linksRef,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonLink","NeonSwiper","NeonBreadcrumbResponsiveStyle","props","linksRef","ref","back","onMounted","nextTick","neonLink"],"mappings":";;;;;AAWA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,EAAE,UAAAC,GAAU,UAAAC,GAAU,YAAAC,EAAA;AAAA,EAClC,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,aAAa,EAAE,MAAM,OAAqC,SAAS,MAAM,CAAA,EAAC;AAAA;AAAA;AAAA;AAAA,IAI1E,YAAY,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,WAAW,EAAE,MAAM,QAAQ,SAAS,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKpC,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAASC,EAA8B;AAAA,IAAA;AAAA,EACzC;AAAA,EAEF,MAAMC,GAAO;AACX,UAAMC,IAAWC,EAA2B,IAAI,GAC1CC,IAAO,YAAY,QAAQ,KAAA;AAEjC,WAAAC,EAAU,YAAY;AACpB,MAAIJ,EAAM,YAAY,SAAS,MAC7B,MAAMK,EAAA,GACN,WAAW,MAAM;AACf,YAAIJ,EAAS,OAAO;AAClB,gBAAMK,IAAWL,EAAS,MAAM,cAAiC,uBAAuB;AACxF,UAAAK,KAAA,QAAAA,EAAU,eAAe;AAAA,YACvB,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,OAAO;AAAA,UAAA;AAAA,QAEX;AAAA,MACF,CAAC;AAAA,IAEL,CAAC,GAEM;AAAA,MACL,MAAAH;AAAA,MACA,UAAAF;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const l=require("./NeonBreadcrumbs.cjs.js"),e=require("vue"),u=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),i={class:"neon-breadcrumbs__container"},m={class:"neon-breadcrumbs__back-label"},b={key:1,ref:"linksRef",class:"neon-breadcrumbs__links"},k={key:2,class:"neon-breadcrumbs__link-text"};function _(n,r,p,B,y,C){const t=e.resolveComponent("neon-icon"),s=e.resolveComponent("neon-link"),a=e.resolveComponent("neon-swiper");return n.breadcrumbs.length!==0||n.backButton?(e.openBlock(),e.createBlock(a,{key:0,class:e.normalizeClass([[{"neon-breadcrumbs--breadcrumbs-only":!n.backButton},`neon-breadcrumbs--responsive-${n.responsiveStyle}`],"neon-breadcrumbs"])},{default:e.withCtx(()=>[e.createElementVNode("div",i,[n.backButton?(e.openBlock(),e.createBlock(s,{key:0,class:"neon-breadcrumbs__back","no-style":"",onClick:r[0]||(r[0]=o=>n.back())},{default:e.withCtx(()=>[e.createVNode(t,{class:"neon-breadcrumbs__back-icon",name:"arrow-left"}),e.createElementVNode("span",m,e.toDisplayString(n.backLabel),1)]),_:1})):e.createCommentVNode("",!0),n.breadcrumbs.length!==0?(e.openBlock(),e.createElementBlock("div",b,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.breadcrumbs,(o,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:c},[c!==0?(e.openBlock(),e.createBlock(t,{key:0,class:"neon-breadcrumbs__separator",name:"arrow-right-1"})):e.createCommentVNode("",!0),o.url?(e.openBlock(),e.createBlock(s,{key:1,href:o.url,class:"neon-breadcrumbs__link","no-style":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.label),1)]),_:2},1032,["href"])):(e.openBlock(),e.createElementBlock("span",k,e.toDisplayString(o.label),1))],64))),128))],512)):e.createCommentVNode("",!0)])]),_:1},8,["class"])):e.createCommentVNode("",!0)}const d=u(l,[["render",_]]);module.exports=d;
+"use strict";const l=require("./NeonBreadcrumbs.cjs.js"),e=require("vue"),u=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),i={class:"neon-breadcrumbs__container"},m={class:"neon-breadcrumbs__back-label"},b={key:1,ref:"linksRef",class:"neon-breadcrumbs__links"},k={key:2,class:"neon-breadcrumbs__link-text"};function _(n,r,p,B,y,h){const t=e.resolveComponent("neon-icon"),s=e.resolveComponent("neon-link"),a=e.resolveComponent("neon-swiper");return n.breadcrumbs.length!==0||n.backButton?(e.openBlock(),e.createBlock(a,{key:0,class:e.normalizeClass([[{"neon-breadcrumbs--breadcrumbs-only":!n.backButton},`neon-breadcrumbs--responsive-${n.responsiveStyle}`],"neon-breadcrumbs"])},{default:e.withCtx(()=>[e.createElementVNode("div",i,[n.backButton?(e.openBlock(),e.createBlock(s,{key:0,class:"neon-breadcrumbs__back","no-style":"",onClick:r[0]||(r[0]=o=>n.back())},{default:e.withCtx(()=>[e.createVNode(t,{class:"neon-breadcrumbs__back-icon",name:"arrow-left"}),e.createElementVNode("span",m,e.toDisplayString(n.backLabel),1)]),_:1})):e.createCommentVNode("",!0),n.breadcrumbs.length!==0?(e.openBlock(),e.createElementBlock("div",b,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.breadcrumbs,(o,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:c},[c!==0?(e.openBlock(),e.createBlock(t,{key:0,class:"neon-breadcrumbs__separator",name:"chevron-right"})):e.createCommentVNode("",!0),o.url?(e.openBlock(),e.createBlock(s,{key:1,href:o.url,class:"neon-breadcrumbs__link","no-style":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.label),1)]),_:2},1032,["href"])):(e.openBlock(),e.createElementBlock("span",k,e.toDisplayString(o.label),1))],64))),128))],512)):e.createCommentVNode("",!0)])]),_:1},8,["class"])):e.createCommentVNode("",!0)}const d=u(l,[["render",_]]);module.exports=d;
 //# sourceMappingURL=NeonBreadcrumbs.vue.cjs.js.map

package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonBreadcrumbs.vue.cjs.js","sources":["../../../../src/components/navigation/breadcrumbs/NeonBreadcrumbs.vue"],"sourcesContent":["<template>\n  <neon-swiper\n    v-if=\"breadcrumbs.length !== 0 || backButton\"\n    :class=\"[{ 'neon-breadcrumbs--breadcrumbs-only': !backButton }, `neon-breadcrumbs--responsive-${responsiveStyle}`]\"\n    class=\"neon-breadcrumbs\"\n  >\n    <div class=\"neon-breadcrumbs__container\">\n      <neon-link v-if=\"backButton\" class=\"neon-breadcrumbs__back\" no-style @click=\"back()\">\n        <neon-icon class=\"neon-breadcrumbs__back-icon\" name=\"arrow-left\" />\n        <span class=\"neon-breadcrumbs__back-label\">{{ backLabel }}</span>\n      </neon-link>\n      <div v-if=\"breadcrumbs.length !== 0\" ref=\"linksRef\" class=\"neon-breadcrumbs__links\">\n        <template v-for=\"(breadcrumb, index) in breadcrumbs\" :key=\"index\">\n          <neon-icon v-if=\"index !== 0\" class=\"neon-breadcrumbs__separator\" name=\"arrow-right-1\" />\n          <neon-link v-if=\"breadcrumb.url\" :href=\"breadcrumb.url\" class=\"neon-breadcrumbs__link\" no-style>\n            {{ breadcrumb.label }}\n          </neon-link>\n          <span v-else class=\"neon-breadcrumbs__link-text\">{{ breadcrumb.label }}</span>\n        </template>\n      </div>\n    </div>\n  </neon-swiper>\n</template>\n\n<script lang=\"ts\" src=\"./NeonBreadcrumbs.ts\" />\n"],"names":["_hoisted_1","_hoisted_2","_ctx","_createBlock","_component_neon_swiper","_normalizeClass","_createElementVNode","_component_neon_link","_createVNode","_component_neon_icon","_toDisplayString","_openBlock","_createElementBlock","_hoisted_3","_Fragment","_renderList","breadcrumb","index","_createTextVNode","_hoisted_4"],"mappings":"0IAMSA,EAAA,CAAA,MAAM,6BAA6B,EAG9BC,EAAA,CAAA,MAAM,8BAA8B,WAEP,IAAI,WAAW,MAAM,oCAMzC,MAAM,4KAfnBC,EAAA,YAAY,SAAM,GAAUA,EAAA,0BADpCC,EAAAA,YAoBcC,EAAA,OAlBX,MAAKC,EAAAA,eAAA,CAAA,CAAA,CAAA,qCAAA,CAA4CH,EAAA,YAAU,gCAAoCA,EAAA,eAAe,IACzG,kBAAkB,CAAA,sBAExB,IAcM,CAdNI,EAAAA,mBAcM,MAdNN,EAcM,CAbaE,EAAA,0BAAjBC,EAAAA,YAGYI,EAAA,OAHiB,MAAM,yBAAyB,WAAA,GAAU,uBAAOL,EAAA,4BAC3E,IAAmE,CAAnEM,EAAAA,YAAmEC,EAAA,CAAxD,MAAM,8BAA8B,KAAK,eACpDH,EAAAA,mBAAiE,OAAjEL,EAAiES,EAAAA,gBAAnBR,EAAA,SAAS,EAAA,CAAA,uCAE9CA,EAAA,YAAY,SAAM,GAA7BS,EAAAA,YAAAC,EAAAA,mBAQM,MARNC,EAQM,EAPJF,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBAMWE,WAAA,KAAAC,EAAAA,WAN6Bb,EAAA,YAAW,CAAjCc,EAAYC,wDAA6BA,GAAK,CAC7CA,IAAK,iBAAtBd,EAAAA,YAAyFM,EAAA,OAA3D,MAAM,8BAA8B,KAAK,+CACtDO,EAAW,mBAA5Bb,EAAAA,YAEYI,EAAA,OAFsB,KAAMS,EAAW,IAAK,MAAM,yBAAyB,WAAA,uBACrF,IAAsB,CAAnBE,EAAAA,gBAAAR,EAAAA,gBAAAM,EAAW,KAAK,EAAA,CAAA,0BAErBL,YAAA,EAAAC,EAAAA,mBAA8E,OAA9EO,EAA8ET,EAAAA,gBAA1BM,EAAW,KAAK,EAAA,CAAA"}
+{"version":3,"file":"NeonBreadcrumbs.vue.cjs.js","sources":["../../../../src/components/navigation/breadcrumbs/NeonBreadcrumbs.vue"],"sourcesContent":["<template>\n  <neon-swiper\n    v-if=\"breadcrumbs.length !== 0 || backButton\"\n    :class=\"[{ 'neon-breadcrumbs--breadcrumbs-only': !backButton }, `neon-breadcrumbs--responsive-${responsiveStyle}`]\"\n    class=\"neon-breadcrumbs\"\n  >\n    <div class=\"neon-breadcrumbs__container\">\n      <neon-link v-if=\"backButton\" class=\"neon-breadcrumbs__back\" no-style @click=\"back()\">\n        <neon-icon class=\"neon-breadcrumbs__back-icon\" name=\"arrow-left\" />\n        <span class=\"neon-breadcrumbs__back-label\">{{ backLabel }}</span>\n      </neon-link>\n      <div v-if=\"breadcrumbs.length !== 0\" ref=\"linksRef\" class=\"neon-breadcrumbs__links\">\n        <template v-for=\"(breadcrumb, index) in breadcrumbs\" :key=\"index\">\n          <neon-icon v-if=\"index !== 0\" class=\"neon-breadcrumbs__separator\" name=\"chevron-right\" />\n          <neon-link v-if=\"breadcrumb.url\" :href=\"breadcrumb.url\" class=\"neon-breadcrumbs__link\" no-style>\n            {{ breadcrumb.label }}\n          </neon-link>\n          <span v-else class=\"neon-breadcrumbs__link-text\">{{ breadcrumb.label }}</span>\n        </template>\n      </div>\n    </div>\n  </neon-swiper>\n</template>\n\n<script lang=\"ts\" src=\"./NeonBreadcrumbs.ts\" />\n"],"names":["_hoisted_1","_hoisted_2","_ctx","_createBlock","_component_neon_swiper","_normalizeClass","_createElementVNode","_component_neon_link","_createVNode","_component_neon_icon","_toDisplayString","_openBlock","_createElementBlock","_hoisted_3","_Fragment","_renderList","breadcrumb","index","_createTextVNode","_hoisted_4"],"mappings":"0IAMSA,EAAA,CAAA,MAAM,6BAA6B,EAG9BC,EAAA,CAAA,MAAM,8BAA8B,WAEP,IAAI,WAAW,MAAM,oCAMzC,MAAM,4KAfnBC,EAAA,YAAY,SAAM,GAAUA,EAAA,0BADpCC,EAAAA,YAoBcC,EAAA,OAlBX,MAAKC,EAAAA,eAAA,CAAA,CAAA,CAAA,qCAAA,CAA4CH,EAAA,YAAU,gCAAoCA,EAAA,eAAe,IACzG,kBAAkB,CAAA,sBAExB,IAcM,CAdNI,EAAAA,mBAcM,MAdNN,EAcM,CAbaE,EAAA,0BAAjBC,EAAAA,YAGYI,EAAA,OAHiB,MAAM,yBAAyB,WAAA,GAAU,uBAAOL,EAAA,4BAC3E,IAAmE,CAAnEM,EAAAA,YAAmEC,EAAA,CAAxD,MAAM,8BAA8B,KAAK,eACpDH,EAAAA,mBAAiE,OAAjEL,EAAiES,EAAAA,gBAAnBR,EAAA,SAAS,EAAA,CAAA,uCAE9CA,EAAA,YAAY,SAAM,GAA7BS,EAAAA,YAAAC,EAAAA,mBAQM,MARNC,EAQM,EAPJF,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBAMWE,WAAA,KAAAC,EAAAA,WAN6Bb,EAAA,YAAW,CAAjCc,EAAYC,wDAA6BA,GAAK,CAC7CA,IAAK,iBAAtBd,EAAAA,YAAyFM,EAAA,OAA3D,MAAM,8BAA8B,KAAK,+CACtDO,EAAW,mBAA5Bb,EAAAA,YAEYI,EAAA,OAFsB,KAAMS,EAAW,IAAK,MAAM,yBAAyB,WAAA,uBACrF,IAAsB,CAAnBE,EAAAA,gBAAAR,EAAAA,gBAAAM,EAAW,KAAK,EAAA,CAAA,0BAErBL,YAAA,EAAAC,EAAAA,mBAA8E,OAA9EO,EAA8ET,EAAAA,gBAA1BM,EAAW,KAAK,EAAA,CAAA"}

package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.vue.es.js

@@ -1,15 +1,15 @@
 import p from "./NeonBreadcrumbs.es.js";
-import { resolveComponent as a, openBlock as n, createBlock as r, normalizeClass as f, withCtx as c, createElementVNode as u, createVNode as y, toDisplayString as l, createCommentVNode as s, createElementBlock as t, Fragment as d, renderList as h, createTextVNode as B } from "vue";
-import v from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const $ = { class: "neon-breadcrumbs__container" }, g = { class: "neon-breadcrumbs__back-label" }, w = {
+import { resolveComponent as a, openBlock as n, createBlock as r, normalizeClass as f, withCtx as c, createElementVNode as u, createVNode as y, toDisplayString as l, createCommentVNode as s, createElementBlock as t, Fragment as d, renderList as h, createTextVNode as v } from "vue";
+import B from "../../../_virtual/_plugin-vue_export-helper.es.js";
+const $ = { class: "neon-breadcrumbs__container" }, g = { class: "neon-breadcrumbs__back-label" }, C = {
   key: 1,
   ref: "linksRef",
   class: "neon-breadcrumbs__links"
-}, C = {
+}, N = {
   key: 2,
   class: "neon-breadcrumbs__link-text"
 };
-function N(e, b, V, E, L, S) {
+function w(e, b, V, E, L, S) {
   const _ = a("neon-icon"), i = a("neon-link"), k = a("neon-swiper");
   return e.breadcrumbs.length !== 0 || e.backButton ? (n(), r(k, {
     key: 0,
@@ -32,12 +32,12 @@ function N(e, b, V, E, L, S) {
           ]),
           _: 1
         })) : s("", !0),
-        e.breadcrumbs.length !== 0 ? (n(), t("div", w, [
+        e.breadcrumbs.length !== 0 ? (n(), t("div", C, [
           (n(!0), t(d, null, h(e.breadcrumbs, (o, m) => (n(), t(d, { key: m }, [
             m !== 0 ? (n(), r(_, {
               key: 0,
               class: "neon-breadcrumbs__separator",
-              name: "arrow-right-1"
+              name: "chevron-right"
             })) : s("", !0),
             o.url ? (n(), r(i, {
               key: 1,
@@ -46,10 +46,10 @@ function N(e, b, V, E, L, S) {
               "no-style": ""
             }, {
               default: c(() => [
-                B(l(o.label), 1)
+                v(l(o.label), 1)
               ]),
               _: 2
-            }, 1032, ["href"])) : (n(), t("span", C, l(o.label), 1))
+            }, 1032, ["href"])) : (n(), t("span", N, l(o.label), 1))
           ], 64))), 128))
         ], 512)) : s("", !0)
       ])
@@ -57,7 +57,7 @@ function N(e, b, V, E, L, S) {
     _: 1
   }, 8, ["class"])) : s("", !0);
 }
-const R = /* @__PURE__ */ v(p, [["render", N]]);
+const R = /* @__PURE__ */ B(p, [["render", w]]);
 export {
   R as default
 };

package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonBreadcrumbs.vue.es.js","sources":["../../../../src/components/navigation/breadcrumbs/NeonBreadcrumbs.vue"],"sourcesContent":["<template>\n  <neon-swiper\n    v-if=\"breadcrumbs.length !== 0 || backButton\"\n    :class=\"[{ 'neon-breadcrumbs--breadcrumbs-only': !backButton }, `neon-breadcrumbs--responsive-${responsiveStyle}`]\"\n    class=\"neon-breadcrumbs\"\n  >\n    <div class=\"neon-breadcrumbs__container\">\n      <neon-link v-if=\"backButton\" class=\"neon-breadcrumbs__back\" no-style @click=\"back()\">\n        <neon-icon class=\"neon-breadcrumbs__back-icon\" name=\"arrow-left\" />\n        <span class=\"neon-breadcrumbs__back-label\">{{ backLabel }}</span>\n      </neon-link>\n      <div v-if=\"breadcrumbs.length !== 0\" ref=\"linksRef\" class=\"neon-breadcrumbs__links\">\n        <template v-for=\"(breadcrumb, index) in breadcrumbs\" :key=\"index\">\n          <neon-icon v-if=\"index !== 0\" class=\"neon-breadcrumbs__separator\" name=\"arrow-right-1\" />\n          <neon-link v-if=\"breadcrumb.url\" :href=\"breadcrumb.url\" class=\"neon-breadcrumbs__link\" no-style>\n            {{ breadcrumb.label }}\n          </neon-link>\n          <span v-else class=\"neon-breadcrumbs__link-text\">{{ breadcrumb.label }}</span>\n        </template>\n      </div>\n    </div>\n  </neon-swiper>\n</template>\n\n<script lang=\"ts\" src=\"./NeonBreadcrumbs.ts\" />\n"],"names":["_hoisted_1","_hoisted_2","_ctx","_createBlock","_component_neon_swiper","_normalizeClass","_createElementVNode","_component_neon_link","_createVNode","_component_neon_icon","_toDisplayString","_openBlock","_createElementBlock","_hoisted_3","_Fragment","_renderList","breadcrumb","index","_createTextVNode","_hoisted_4"],"mappings":";;;AAMS,MAAAA,IAAA,EAAA,OAAM,8BAA6B,GAG9BC,IAAA,EAAA,OAAM,+BAA8B;;EAEP,KAAI;AAAA,EAAW,OAAM;;;EAMzC,OAAM;;;;SAfnBC,EAAA,YAAY,WAAM,KAAUA,EAAA,mBADpCC,EAoBcC,GAAA;AAAA;IAlBX,OAAKC,EAAA,CAAA,CAAA,EAAA,sCAAA,CAA4CH,EAAA,cAAU,gCAAoCA,EAAA,eAAe,KACzG,kBAAkB,CAAA;AAAA;eAExB,MAcM;AAAA,MAdNI,EAcM,OAdNN,GAcM;AAAA,QAbaE,EAAA,mBAAjBC,EAGYI,GAAA;AAAA;UAHiB,OAAM;AAAA,UAAyB,YAAA;AAAA,UAAU,gCAAOL,EAAA;;qBAC3E,MAAmE;AAAA,YAAnEM,EAAmEC,GAAA;AAAA,cAAxD,OAAM;AAAA,cAA8B,MAAK;AAAA;YACpDH,EAAiE,QAAjEL,GAAiES,EAAnBR,EAAA,SAAS,GAAA,CAAA;AAAA;;;QAE9CA,EAAA,YAAY,WAAM,KAA7BS,KAAAC,EAQM,OARNC,GAQM;AAAA,WAPJF,EAAA,EAAA,GAAAC,EAMWE,GAAA,MAAAC,EAN6Bb,EAAA,aAAW,CAAjCc,GAAYC,wBAA6BA,KAAK;AAAA,YAC7CA,MAAK,UAAtBd,EAAyFM,GAAA;AAAA;cAA3D,OAAM;AAAA,cAA8B,MAAK;AAAA;YACtDO,EAAW,YAA5Bb,EAEYI,GAAA;AAAA;cAFsB,MAAMS,EAAW;AAAA,cAAK,OAAM;AAAA,cAAyB,YAAA;AAAA;yBACrF,MAAsB;AAAA,gBAAnBE,EAAAR,EAAAM,EAAW,KAAK,GAAA,CAAA;AAAA;;mCAErBL,EAAA,GAAAC,EAA8E,QAA9EO,GAA8ET,EAA1BM,EAAW,KAAK,GAAA,CAAA;AAAA;;;;;;;;"}
+{"version":3,"file":"NeonBreadcrumbs.vue.es.js","sources":["../../../../src/components/navigation/breadcrumbs/NeonBreadcrumbs.vue"],"sourcesContent":["<template>\n  <neon-swiper\n    v-if=\"breadcrumbs.length !== 0 || backButton\"\n    :class=\"[{ 'neon-breadcrumbs--breadcrumbs-only': !backButton }, `neon-breadcrumbs--responsive-${responsiveStyle}`]\"\n    class=\"neon-breadcrumbs\"\n  >\n    <div class=\"neon-breadcrumbs__container\">\n      <neon-link v-if=\"backButton\" class=\"neon-breadcrumbs__back\" no-style @click=\"back()\">\n        <neon-icon class=\"neon-breadcrumbs__back-icon\" name=\"arrow-left\" />\n        <span class=\"neon-breadcrumbs__back-label\">{{ backLabel }}</span>\n      </neon-link>\n      <div v-if=\"breadcrumbs.length !== 0\" ref=\"linksRef\" class=\"neon-breadcrumbs__links\">\n        <template v-for=\"(breadcrumb, index) in breadcrumbs\" :key=\"index\">\n          <neon-icon v-if=\"index !== 0\" class=\"neon-breadcrumbs__separator\" name=\"chevron-right\" />\n          <neon-link v-if=\"breadcrumb.url\" :href=\"breadcrumb.url\" class=\"neon-breadcrumbs__link\" no-style>\n            {{ breadcrumb.label }}\n          </neon-link>\n          <span v-else class=\"neon-breadcrumbs__link-text\">{{ breadcrumb.label }}</span>\n        </template>\n      </div>\n    </div>\n  </neon-swiper>\n</template>\n\n<script lang=\"ts\" src=\"./NeonBreadcrumbs.ts\" />\n"],"names":["_hoisted_1","_hoisted_2","_ctx","_createBlock","_component_neon_swiper","_normalizeClass","_createElementVNode","_component_neon_link","_createVNode","_component_neon_icon","_toDisplayString","_openBlock","_createElementBlock","_hoisted_3","_Fragment","_renderList","breadcrumb","index","_createTextVNode","_hoisted_4"],"mappings":";;;AAMS,MAAAA,IAAA,EAAA,OAAM,8BAA6B,GAG9BC,IAAA,EAAA,OAAM,+BAA8B;;EAEP,KAAI;AAAA,EAAW,OAAM;;;EAMzC,OAAM;;;;SAfnBC,EAAA,YAAY,WAAM,KAAUA,EAAA,mBADpCC,EAoBcC,GAAA;AAAA;IAlBX,OAAKC,EAAA,CAAA,CAAA,EAAA,sCAAA,CAA4CH,EAAA,cAAU,gCAAoCA,EAAA,eAAe,KACzG,kBAAkB,CAAA;AAAA;eAExB,MAcM;AAAA,MAdNI,EAcM,OAdNN,GAcM;AAAA,QAbaE,EAAA,mBAAjBC,EAGYI,GAAA;AAAA;UAHiB,OAAM;AAAA,UAAyB,YAAA;AAAA,UAAU,gCAAOL,EAAA;;qBAC3E,MAAmE;AAAA,YAAnEM,EAAmEC,GAAA;AAAA,cAAxD,OAAM;AAAA,cAA8B,MAAK;AAAA;YACpDH,EAAiE,QAAjEL,GAAiES,EAAnBR,EAAA,SAAS,GAAA,CAAA;AAAA;;;QAE9CA,EAAA,YAAY,WAAM,KAA7BS,KAAAC,EAQM,OARNC,GAQM;AAAA,WAPJF,EAAA,EAAA,GAAAC,EAMWE,GAAA,MAAAC,EAN6Bb,EAAA,aAAW,CAAjCc,GAAYC,wBAA6BA,KAAK;AAAA,YAC7CA,MAAK,UAAtBd,EAAyFM,GAAA;AAAA;cAA3D,OAAM;AAAA,cAA8B,MAAK;AAAA;YACtDO,EAAW,YAA5Bb,EAEYI,GAAA;AAAA;cAFsB,MAAMS,EAAW;AAAA,cAAK,OAAM;AAAA,cAAyB,YAAA;AAAA;yBACrF,MAAsB;AAAA,gBAAnBE,EAAAR,EAAAM,EAAW,KAAK,GAAA,CAAA;AAAA;;mCAErBL,EAAA,GAAAC,EAA8E,QAA9EO,GAA8ET,EAA1BM,EAAW,KAAK,GAAA,CAAA;AAAA;;;;;;;;"}

package/dist/components/navigation/pagination/NeonPagination.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const y=require("../../user-input/button/NeonButton.vue.cjs.js"),d=require("../../presentation/icon/NeonIcon.vue.cjs.js"),n=require("vue"),f=require("../../../model/common/color/NeonFunctionalColor.cjs.js"),v=n.defineComponent({name:"NeonPagination",components:{NeonButton:y,NeonIcon:d},props:{page:{type:Number,required:!0},urlTemplate:{type:String,required:!0},pageSize:{type:Number,default:20},total:{type:Number,required:!0},displayFirstAndLast:{type:Boolean,default:!1},color:{type:String,default:()=>f.NeonFunctionalColor.Brand}},setup(t){const e=n.computed(()=>Math.ceil(t.total/t.pageSize)),l=n.computed(()=>e.value<=1),o=n.computed(()=>Math.max(t.page-1,1)),s=n.computed(()=>t.page===1),r=n.computed(()=>Math.min(t.page+1,e.value)),p=n.computed(()=>t.page===e.value),g=n.computed(()=>e.value>5&&t.page>=5),m=n.computed(()=>e.value>5&&t.page<=e.value-4),c=n.computed(()=>{if(e.value<=5)return Array.from(Array(e.value).keys()).map(a=>a+1);if(t.page<=e.value/2){let a=Math.max(t.page-Math.floor(1.5),1),u=3;return a===2?(a=1,u+=1):a===3&&(a=1,u+=2),Array.from(Array(u).keys()).map(i=>a+i)}else{let a=Math.min(t.page+Math.floor(1.5),e.value),u=3;return a===e.value-1?(a=e.value,u+=1):a===e.value-2&&(a=e.value,u+=2),Array.from(Array(u).keys()).map(i=>a-(u-1)+i)}});return{pageCount:e,hidePagination:l,previousPage:o,disabledPrevious:s,nextPage:r,disabledNext:p,showFirstPageWithEllipsis:g,showLastPageWithEllipsis:m,pageRange:c,url:a=>t.urlTemplate.replace("{page}",a.toString())}}});module.exports=v;
+"use strict";const d=require("../../user-input/button/NeonButton.vue.cjs.js"),v=require("../../presentation/icon/NeonIcon.vue.cjs.js"),n=require("vue"),f=require("../../../model/common/color/NeonFunctionalColor.cjs.js"),P=n.defineComponent({name:"NeonPagination",components:{NeonButton:d,NeonIcon:v},props:{page:{type:Number,required:!0},urlTemplate:{type:String},pageSize:{type:Number,default:20},total:{type:Number,required:!0},displayFirstAndLast:{type:Boolean,default:!1},color:{type:String,default:()=>f.NeonFunctionalColor.Brand}},emits:["page-change"],setup(t,{emit:u}){const e=n.computed(()=>Math.ceil(t.total/t.pageSize)),o=n.computed(()=>e.value<=1),s=n.computed(()=>Math.max(t.page-1,1)),r=n.computed(()=>t.page===1),g=n.computed(()=>Math.min(t.page+1,e.value)),p=n.computed(()=>t.page===e.value),m=n.computed(()=>e.value>5&&t.page>=5),c=n.computed(()=>e.value>5&&t.page<=e.value-4),y=n.computed(()=>{if(e.value<=5)return Array.from(Array(e.value).keys()).map(a=>a+1);if(t.page<=e.value/2){let a=Math.max(t.page-Math.floor(1.5),1),l=3;return a===2?(a=1,l+=1):a===3&&(a=1,l+=2),Array.from(Array(l).keys()).map(i=>a+i)}else{let a=Math.min(t.page+Math.floor(1.5),e.value),l=3;return a===e.value-1?(a=e.value,l+=1):a===e.value-2&&(a=e.value,l+=2),Array.from(Array(l).keys()).map(i=>a-(l-1)+i)}});return{pageCount:e,hidePagination:o,previousPage:s,disabledPrevious:r,nextPage:g,disabledNext:p,showFirstPageWithEllipsis:m,showLastPageWithEllipsis:c,pageRange:y,url:a=>t.urlTemplate?t.urlTemplate.replace("{page}",a.toString()):void 0,emit:u}}});module.exports=P;
 //# sourceMappingURL=NeonPagination.cjs.js.map

package/dist/components/navigation/pagination/NeonPagination.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonPagination.cjs.js","sources":["../../../../src/components/navigation/pagination/NeonPagination.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { computed, defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\n\n/**\n * A pagination component that displays a list of page numbers and allows the user to navigate between pages. Typically,\n * the component displays the first and last page numbers and 3 pages before and after the current page.\n */\nexport default defineComponent({\n  name: 'NeonPagination',\n  components: {\n    NeonButton,\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The current page number.\n     */\n    page: { type: Number, required: true },\n    /**\n     * The URL template for the pagination links. The template should contain a '{page}' placeholder that will be\n     * substituted in links with the correct page number.\n     */\n    urlTemplate: { type: String, required: true },\n    /**\n     * The number of items per page.\n     */\n    pageSize: { type: Number, default: 20 },\n    /**\n     * The total number of items.\n     */\n    total: { type: Number, required: true },\n    /**\n     * Whether to display links to the first and last pages.\n     */\n    displayFirstAndLast: { type: Boolean, default: false },\n    /**\n     * The accent color of the component.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: () => NeonFunctionalColor.Brand },\n  },\n  setup(props) {\n    const maxDisplayPageLinks = 5;\n    const pageDisplayCount = maxDisplayPageLinks - 2;\n\n    const pageCount = computed(() => Math.ceil(props.total / props.pageSize));\n    const hidePagination = computed(() => pageCount.value <= 1);\n\n    const previousPage = computed(() => Math.max(props.page - 1, 1));\n    const disabledPrevious = computed(() => props.page === 1);\n\n    const nextPage = computed(() => Math.min(props.page + 1, pageCount.value));\n    const disabledNext = computed(() => props.page === pageCount.value);\n\n    const showFirstPageWithEllipsis = computed(\n      () => pageCount.value > maxDisplayPageLinks && props.page >= maxDisplayPageLinks,\n    );\n\n    const showLastPageWithEllipsis = computed(\n      () => pageCount.value > maxDisplayPageLinks && props.page <= pageCount.value - (pageDisplayCount + 1),\n    );\n\n    const pageRange = computed(() => {\n      // not enough pages to fill range, show them all\n      if (pageCount.value <= maxDisplayPageLinks) {\n        return Array.from(Array(pageCount.value).keys()).map((value) => value + 1);\n      }\n\n      // determine page range to display\n      if (props.page <= pageCount.value / 2) {\n        // bottom of range calculation\n        let startPage = Math.max(props.page - Math.floor(pageDisplayCount / 2), 1);\n        let numPages = pageDisplayCount;\n\n        // when the start page would be 2 then also display 1, and if start page is 3 then also display 1 and 2 (no ellipsis)\n        if (startPage === 2) {\n          startPage = 1;\n          numPages += 1;\n        } else if (startPage === 3) {\n          startPage = 1;\n          numPages += 2;\n        }\n\n        return Array.from(Array(numPages).keys()).map((value) => startPage + value);\n      } else {\n        // top of range calculation\n        let endPage = Math.min(props.page + Math.floor(pageDisplayCount / 2), pageCount.value);\n        let numPages = pageDisplayCount;\n\n        // when the end page would be pageCount - 1 then also display last page,\n        // and if end page is pageCount - 2 then also display last page & second last page (no ellipsis)\n        if (endPage === pageCount.value - 1) {\n          endPage = pageCount.value;\n          numPages += 1;\n        } else if (endPage === pageCount.value - 2) {\n          endPage = pageCount.value;\n          numPages += 2;\n        }\n\n        return Array.from(Array(numPages).keys()).map((value) => endPage - (numPages - 1) + value);\n      }\n    });\n\n    const url = (page: number) => props.urlTemplate.replace('{page}', page.toString());\n\n    return {\n      pageCount,\n      hidePagination,\n      previousPage,\n      disabledPrevious,\n      nextPage,\n      disabledNext,\n      showFirstPageWithEllipsis,\n      showLastPageWithEllipsis,\n      pageRange,\n      url,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonIcon","NeonFunctionalColor","props","pageCount","computed","hidePagination","previousPage","disabledPrevious","nextPage","disabledNext","showFirstPageWithEllipsis","showLastPageWithEllipsis","pageRange","value","startPage","numPages","endPage","page"],"mappings":"4NASAA,EAAeC,kBAAgB,CAC7B,KAAM,iBACN,WAAY,CACV,WAAAC,EACA,SAAAC,CAAA,EAEF,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,SAAU,EAAA,EAKhC,YAAa,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIvC,SAAU,CAAE,KAAM,OAAQ,QAAS,EAAA,EAInC,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIjC,oBAAqB,CAAE,KAAM,QAAS,QAAS,EAAA,EAI/C,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAMC,EAAAA,oBAAoB,KAAA,CAAM,EAE/F,MAAMC,EAAO,CAIX,MAAMC,EAAYC,WAAS,IAAM,KAAK,KAAKF,EAAM,MAAQA,EAAM,QAAQ,CAAC,EAClEG,EAAiBD,EAAAA,SAAS,IAAMD,EAAU,OAAS,CAAC,EAEpDG,EAAeF,WAAS,IAAM,KAAK,IAAIF,EAAM,KAAO,EAAG,CAAC,CAAC,EACzDK,EAAmBH,EAAAA,SAAS,IAAMF,EAAM,OAAS,CAAC,EAElDM,EAAWJ,EAAAA,SAAS,IAAM,KAAK,IAAIF,EAAM,KAAO,EAAGC,EAAU,KAAK,CAAC,EACnEM,EAAeL,EAAAA,SAAS,IAAMF,EAAM,OAASC,EAAU,KAAK,EAE5DO,EAA4BN,EAAAA,SAChC,IAAMD,EAAU,MAAQ,GAAuBD,EAAM,MAAQ,CAAA,EAGzDS,EAA2BP,EAAAA,SAC/B,IAAMD,EAAU,MAAQ,GAAuBD,EAAM,MAAQC,EAAU,MAAS,CAAmB,EAG/FS,EAAYR,EAAAA,SAAS,IAAM,CAE/B,GAAID,EAAU,OAAS,EACrB,OAAO,MAAM,KAAK,MAAMA,EAAU,KAAK,EAAE,KAAA,CAAM,EAAE,IAAKU,GAAUA,EAAQ,CAAC,EAI3E,GAAIX,EAAM,MAAQC,EAAU,MAAQ,EAAG,CAErC,IAAIW,EAAY,KAAK,IAAIZ,EAAM,KAAO,KAAK,MAAM,GAAoB,EAAG,CAAC,EACrEa,EAAW,EAGf,OAAID,IAAc,GAChBA,EAAY,EACZC,GAAY,GACHD,IAAc,IACvBA,EAAY,EACZC,GAAY,GAGP,MAAM,KAAK,MAAMA,CAAQ,EAAE,MAAM,EAAE,IAAKF,GAAUC,EAAYD,CAAK,CAC5E,KAAO,CAEL,IAAIG,EAAU,KAAK,IAAId,EAAM,KAAO,KAAK,MAAM,GAAoB,EAAGC,EAAU,KAAK,EACjFY,EAAW,EAIf,OAAIC,IAAYb,EAAU,MAAQ,GAChCa,EAAUb,EAAU,MACpBY,GAAY,GACHC,IAAYb,EAAU,MAAQ,IACvCa,EAAUb,EAAU,MACpBY,GAAY,GAGP,MAAM,KAAK,MAAMA,CAAQ,EAAE,KAAA,CAAM,EAAE,IAAKF,GAAUG,GAAWD,EAAW,GAAKF,CAAK,CAC3F,CACF,CAAC,EAID,MAAO,CACL,UAAAV,EACA,eAAAE,EACA,aAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,aAAAC,EACA,0BAAAC,EACA,yBAAAC,EACA,UAAAC,EACA,IAZWK,GAAiBf,EAAM,YAAY,QAAQ,SAAUe,EAAK,UAAU,CAY/E,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonPagination.cjs.js","sources":["../../../../src/components/navigation/pagination/NeonPagination.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { computed, defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\n\n/**\n * A pagination component that displays a list of page numbers and allows the user to navigate between pages. Typically,\n * the component displays the first and last page numbers and 3 pages before and after the current page.\n */\nexport default defineComponent({\n  name: 'NeonPagination',\n  components: {\n    NeonButton,\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The current page number.\n     */\n    page: { type: Number, required: true },\n    /**\n     * The URL template for the pagination links. The template should contain a '{page}' placeholder that will be\n     * substituted in links with the correct page number.\n     */\n    urlTemplate: { type: String },\n    /**\n     * The number of items per page.\n     */\n    pageSize: { type: Number, default: 20 },\n    /**\n     * The total number of items.\n     */\n    total: { type: Number, required: true },\n    /**\n     * Whether to display links to the first and last pages.\n     */\n    displayFirstAndLast: { type: Boolean, default: false },\n    /**\n     * The accent color of the component.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: () => NeonFunctionalColor.Brand },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on a page link (useful for paginated lists which are not the main focus of the page,\n     * i.e. should not be deep linked).\n     *\n     * @type {number} The new page number.\n     */\n    'page-change',\n  ],\n  setup(props, { emit }) {\n    const maxDisplayPageLinks = 5;\n    const pageDisplayCount = maxDisplayPageLinks - 2;\n\n    const pageCount = computed(() => Math.ceil(props.total / props.pageSize));\n    const hidePagination = computed(() => pageCount.value <= 1);\n\n    const previousPage = computed(() => Math.max(props.page - 1, 1));\n    const disabledPrevious = computed(() => props.page === 1);\n\n    const nextPage = computed(() => Math.min(props.page + 1, pageCount.value));\n    const disabledNext = computed(() => props.page === pageCount.value);\n\n    const showFirstPageWithEllipsis = computed(\n      () => pageCount.value > maxDisplayPageLinks && props.page >= maxDisplayPageLinks,\n    );\n\n    const showLastPageWithEllipsis = computed(\n      () => pageCount.value > maxDisplayPageLinks && props.page <= pageCount.value - (pageDisplayCount + 1),\n    );\n\n    const pageRange = computed(() => {\n      // not enough pages to fill range, show them all\n      if (pageCount.value <= maxDisplayPageLinks) {\n        return Array.from(Array(pageCount.value).keys()).map((value) => value + 1);\n      }\n\n      // determine page range to display\n      if (props.page <= pageCount.value / 2) {\n        // bottom of range calculation\n        let startPage = Math.max(props.page - Math.floor(pageDisplayCount / 2), 1);\n        let numPages = pageDisplayCount;\n\n        // when the start page would be 2 then also display 1, and if start page is 3 then also display 1 and 2 (no ellipsis)\n        if (startPage === 2) {\n          startPage = 1;\n          numPages += 1;\n        } else if (startPage === 3) {\n          startPage = 1;\n          numPages += 2;\n        }\n\n        return Array.from(Array(numPages).keys()).map((value) => startPage + value);\n      } else {\n        // top of range calculation\n        let endPage = Math.min(props.page + Math.floor(pageDisplayCount / 2), pageCount.value);\n        let numPages = pageDisplayCount;\n\n        // when the end page would be pageCount - 1 then also display last page,\n        // and if end page is pageCount - 2 then also display last page & second last page (no ellipsis)\n        if (endPage === pageCount.value - 1) {\n          endPage = pageCount.value;\n          numPages += 1;\n        } else if (endPage === pageCount.value - 2) {\n          endPage = pageCount.value;\n          numPages += 2;\n        }\n\n        return Array.from(Array(numPages).keys()).map((value) => endPage - (numPages - 1) + value);\n      }\n    });\n\n    const url = (page: number) =>\n      props.urlTemplate ? props.urlTemplate.replace('{page}', page.toString()) : undefined;\n\n    return {\n      pageCount,\n      hidePagination,\n      previousPage,\n      disabledPrevious,\n      nextPage,\n      disabledNext,\n      showFirstPageWithEllipsis,\n      showLastPageWithEllipsis,\n      pageRange,\n      url,\n      emit,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonIcon","NeonFunctionalColor","props","emit","pageCount","computed","hidePagination","previousPage","disabledPrevious","nextPage","disabledNext","showFirstPageWithEllipsis","showLastPageWithEllipsis","pageRange","value","startPage","numPages","endPage","page"],"mappings":"4NASAA,EAAeC,kBAAgB,CAC7B,KAAM,iBACN,WAAY,CACV,WAAAC,EACA,SAAAC,CAAA,EAEF,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,SAAU,EAAA,EAKhC,YAAa,CAAE,KAAM,MAAA,EAIrB,SAAU,CAAE,KAAM,OAAQ,QAAS,EAAA,EAInC,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIjC,oBAAqB,CAAE,KAAM,QAAS,QAAS,EAAA,EAI/C,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAMC,EAAAA,oBAAoB,KAAA,CAAM,EAE/F,MAAO,CAOL,aAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CAIrB,MAAMC,EAAYC,WAAS,IAAM,KAAK,KAAKH,EAAM,MAAQA,EAAM,QAAQ,CAAC,EAClEI,EAAiBD,EAAAA,SAAS,IAAMD,EAAU,OAAS,CAAC,EAEpDG,EAAeF,WAAS,IAAM,KAAK,IAAIH,EAAM,KAAO,EAAG,CAAC,CAAC,EACzDM,EAAmBH,EAAAA,SAAS,IAAMH,EAAM,OAAS,CAAC,EAElDO,EAAWJ,EAAAA,SAAS,IAAM,KAAK,IAAIH,EAAM,KAAO,EAAGE,EAAU,KAAK,CAAC,EACnEM,EAAeL,EAAAA,SAAS,IAAMH,EAAM,OAASE,EAAU,KAAK,EAE5DO,EAA4BN,EAAAA,SAChC,IAAMD,EAAU,MAAQ,GAAuBF,EAAM,MAAQ,CAAA,EAGzDU,EAA2BP,EAAAA,SAC/B,IAAMD,EAAU,MAAQ,GAAuBF,EAAM,MAAQE,EAAU,MAAS,CAAmB,EAG/FS,EAAYR,EAAAA,SAAS,IAAM,CAE/B,GAAID,EAAU,OAAS,EACrB,OAAO,MAAM,KAAK,MAAMA,EAAU,KAAK,EAAE,KAAA,CAAM,EAAE,IAAKU,GAAUA,EAAQ,CAAC,EAI3E,GAAIZ,EAAM,MAAQE,EAAU,MAAQ,EAAG,CAErC,IAAIW,EAAY,KAAK,IAAIb,EAAM,KAAO,KAAK,MAAM,GAAoB,EAAG,CAAC,EACrEc,EAAW,EAGf,OAAID,IAAc,GAChBA,EAAY,EACZC,GAAY,GACHD,IAAc,IACvBA,EAAY,EACZC,GAAY,GAGP,MAAM,KAAK,MAAMA,CAAQ,EAAE,MAAM,EAAE,IAAKF,GAAUC,EAAYD,CAAK,CAC5E,KAAO,CAEL,IAAIG,EAAU,KAAK,IAAIf,EAAM,KAAO,KAAK,MAAM,GAAoB,EAAGE,EAAU,KAAK,EACjFY,EAAW,EAIf,OAAIC,IAAYb,EAAU,MAAQ,GAChCa,EAAUb,EAAU,MACpBY,GAAY,GACHC,IAAYb,EAAU,MAAQ,IACvCa,EAAUb,EAAU,MACpBY,GAAY,GAGP,MAAM,KAAK,MAAMA,CAAQ,EAAE,KAAA,CAAM,EAAE,IAAKF,GAAUG,GAAWD,EAAW,GAAKF,CAAK,CAC3F,CACF,CAAC,EAKD,MAAO,CACL,UAAAV,EACA,eAAAE,EACA,aAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,aAAAC,EACA,0BAAAC,EACA,yBAAAC,EACA,UAAAC,EACA,IAbWK,GACXhB,EAAM,YAAcA,EAAM,YAAY,QAAQ,SAAUgB,EAAK,SAAA,CAAU,EAAI,OAa3E,KAAAf,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/navigation/pagination/NeonPagination.es.js

@@ -1,12 +1,12 @@
 import f from "../../user-input/button/NeonButton.vue.es.js";
-import c from "../../presentation/icon/NeonIcon.vue.es.js";
-import { defineComponent as d, computed as n } from "vue";
+import d from "../../presentation/icon/NeonIcon.vue.es.js";
+import { defineComponent as v, computed as l } from "vue";
 import { NeonFunctionalColor as P } from "../../../model/common/color/NeonFunctionalColor.es.js";
-const N = d({
+const A = v({
   name: "NeonPagination",
   components: {
     NeonButton: f,
-    NeonIcon: c
+    NeonIcon: d
   },
   props: {
     /**
@@ -17,7 +17,7 @@ const N = d({
      * The URL template for the pagination links. The template should contain a '{page}' placeholder that will be
      * substituted in links with the correct page number.
      */
-    urlTemplate: { type: String, required: !0 },
+    urlTemplate: { type: String },
     /**
      * The number of items per page.
      */
@@ -35,37 +35,47 @@ const N = d({
      */
     color: { type: String, default: () => P.Brand }
   },
-  setup(t) {
-    const e = n(() => Math.ceil(t.total / t.pageSize)), o = n(() => e.value <= 1), r = n(() => Math.max(t.page - 1, 1)), s = n(() => t.page === 1), u = n(() => Math.min(t.page + 1, e.value)), g = n(() => t.page === e.value), p = n(
+  emits: [
+    /**
+     * Emitted when the user clicks on a page link (useful for paginated lists which are not the main focus of the page,
+     * i.e. should not be deep linked).
+     *
+     * @type {number} The new page number.
+     */
+    "page-change"
+  ],
+  setup(t, { emit: o }) {
+    const e = l(() => Math.ceil(t.total / t.pageSize)), s = l(() => e.value <= 1), r = l(() => Math.max(t.page - 1, 1)), u = l(() => t.page === 1), g = l(() => Math.min(t.page + 1, e.value)), m = l(() => t.page === e.value), p = l(
       () => e.value > 5 && t.page >= 5
-    ), m = n(
+    ), y = l(
       () => e.value > 5 && t.page <= e.value - 4
-    ), y = n(() => {
+    ), c = l(() => {
       if (e.value <= 5)
         return Array.from(Array(e.value).keys()).map((a) => a + 1);
       if (t.page <= e.value / 2) {
-        let a = Math.max(t.page - Math.floor(1.5), 1), l = 3;
-        return a === 2 ? (a = 1, l += 1) : a === 3 && (a = 1, l += 2), Array.from(Array(l).keys()).map((i) => a + i);
+        let a = Math.max(t.page - Math.floor(1.5), 1), n = 3;
+        return a === 2 ? (a = 1, n += 1) : a === 3 && (a = 1, n += 2), Array.from(Array(n).keys()).map((i) => a + i);
       } else {
-        let a = Math.min(t.page + Math.floor(1.5), e.value), l = 3;
-        return a === e.value - 1 ? (a = e.value, l += 1) : a === e.value - 2 && (a = e.value, l += 2), Array.from(Array(l).keys()).map((i) => a - (l - 1) + i);
+        let a = Math.min(t.page + Math.floor(1.5), e.value), n = 3;
+        return a === e.value - 1 ? (a = e.value, n += 1) : a === e.value - 2 && (a = e.value, n += 2), Array.from(Array(n).keys()).map((i) => a - (n - 1) + i);
       }
     });
     return {
       pageCount: e,
-      hidePagination: o,
+      hidePagination: s,
       previousPage: r,
-      disabledPrevious: s,
-      nextPage: u,
-      disabledNext: g,
+      disabledPrevious: u,
+      nextPage: g,
+      disabledNext: m,
       showFirstPageWithEllipsis: p,
-      showLastPageWithEllipsis: m,
-      pageRange: y,
-      url: (a) => t.urlTemplate.replace("{page}", a.toString())
+      showLastPageWithEllipsis: y,
+      pageRange: c,
+      url: (a) => t.urlTemplate ? t.urlTemplate.replace("{page}", a.toString()) : void 0,
+      emit: o
     };
   }
 });
 export {
-  N as default
+  A as default
 };
 //# sourceMappingURL=NeonPagination.es.js.map

package/dist/components/navigation/pagination/NeonPagination.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonPagination.es.js","sources":["../../../../src/components/navigation/pagination/NeonPagination.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { computed, defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\n\n/**\n * A pagination component that displays a list of page numbers and allows the user to navigate between pages. Typically,\n * the component displays the first and last page numbers and 3 pages before and after the current page.\n */\nexport default defineComponent({\n  name: 'NeonPagination',\n  components: {\n    NeonButton,\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The current page number.\n     */\n    page: { type: Number, required: true },\n    /**\n     * The URL template for the pagination links. The template should contain a '{page}' placeholder that will be\n     * substituted in links with the correct page number.\n     */\n    urlTemplate: { type: String, required: true },\n    /**\n     * The number of items per page.\n     */\n    pageSize: { type: Number, default: 20 },\n    /**\n     * The total number of items.\n     */\n    total: { type: Number, required: true },\n    /**\n     * Whether to display links to the first and last pages.\n     */\n    displayFirstAndLast: { type: Boolean, default: false },\n    /**\n     * The accent color of the component.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: () => NeonFunctionalColor.Brand },\n  },\n  setup(props) {\n    const maxDisplayPageLinks = 5;\n    const pageDisplayCount = maxDisplayPageLinks - 2;\n\n    const pageCount = computed(() => Math.ceil(props.total / props.pageSize));\n    const hidePagination = computed(() => pageCount.value <= 1);\n\n    const previousPage = computed(() => Math.max(props.page - 1, 1));\n    const disabledPrevious = computed(() => props.page === 1);\n\n    const nextPage = computed(() => Math.min(props.page + 1, pageCount.value));\n    const disabledNext = computed(() => props.page === pageCount.value);\n\n    const showFirstPageWithEllipsis = computed(\n      () => pageCount.value > maxDisplayPageLinks && props.page >= maxDisplayPageLinks,\n    );\n\n    const showLastPageWithEllipsis = computed(\n      () => pageCount.value > maxDisplayPageLinks && props.page <= pageCount.value - (pageDisplayCount + 1),\n    );\n\n    const pageRange = computed(() => {\n      // not enough pages to fill range, show them all\n      if (pageCount.value <= maxDisplayPageLinks) {\n        return Array.from(Array(pageCount.value).keys()).map((value) => value + 1);\n      }\n\n      // determine page range to display\n      if (props.page <= pageCount.value / 2) {\n        // bottom of range calculation\n        let startPage = Math.max(props.page - Math.floor(pageDisplayCount / 2), 1);\n        let numPages = pageDisplayCount;\n\n        // when the start page would be 2 then also display 1, and if start page is 3 then also display 1 and 2 (no ellipsis)\n        if (startPage === 2) {\n          startPage = 1;\n          numPages += 1;\n        } else if (startPage === 3) {\n          startPage = 1;\n          numPages += 2;\n        }\n\n        return Array.from(Array(numPages).keys()).map((value) => startPage + value);\n      } else {\n        // top of range calculation\n        let endPage = Math.min(props.page + Math.floor(pageDisplayCount / 2), pageCount.value);\n        let numPages = pageDisplayCount;\n\n        // when the end page would be pageCount - 1 then also display last page,\n        // and if end page is pageCount - 2 then also display last page & second last page (no ellipsis)\n        if (endPage === pageCount.value - 1) {\n          endPage = pageCount.value;\n          numPages += 1;\n        } else if (endPage === pageCount.value - 2) {\n          endPage = pageCount.value;\n          numPages += 2;\n        }\n\n        return Array.from(Array(numPages).keys()).map((value) => endPage - (numPages - 1) + value);\n      }\n    });\n\n    const url = (page: number) => props.urlTemplate.replace('{page}', page.toString());\n\n    return {\n      pageCount,\n      hidePagination,\n      previousPage,\n      disabledPrevious,\n      nextPage,\n      disabledNext,\n      showFirstPageWithEllipsis,\n      showLastPageWithEllipsis,\n      pageRange,\n      url,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonIcon","NeonFunctionalColor","props","pageCount","computed","hidePagination","previousPage","disabledPrevious","nextPage","disabledNext","showFirstPageWithEllipsis","showLastPageWithEllipsis","pageRange","value","startPage","numPages","endPage","page"],"mappings":";;;;AASA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,YAAAC;AAAA,IACA,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKhC,aAAa,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIvC,UAAU,EAAE,MAAM,QAAQ,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAInC,OAAO,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIjC,qBAAqB,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAI/C,OAAO,EAAE,MAAM,QAAqC,SAAS,MAAMC,EAAoB,MAAA;AAAA,EAAM;AAAA,EAE/F,MAAMC,GAAO;AAIX,UAAMC,IAAYC,EAAS,MAAM,KAAK,KAAKF,EAAM,QAAQA,EAAM,QAAQ,CAAC,GAClEG,IAAiBD,EAAS,MAAMD,EAAU,SAAS,CAAC,GAEpDG,IAAeF,EAAS,MAAM,KAAK,IAAIF,EAAM,OAAO,GAAG,CAAC,CAAC,GACzDK,IAAmBH,EAAS,MAAMF,EAAM,SAAS,CAAC,GAElDM,IAAWJ,EAAS,MAAM,KAAK,IAAIF,EAAM,OAAO,GAAGC,EAAU,KAAK,CAAC,GACnEM,IAAeL,EAAS,MAAMF,EAAM,SAASC,EAAU,KAAK,GAE5DO,IAA4BN;AAAA,MAChC,MAAMD,EAAU,QAAQ,KAAuBD,EAAM,QAAQ;AAAA,IAAA,GAGzDS,IAA2BP;AAAA,MAC/B,MAAMD,EAAU,QAAQ,KAAuBD,EAAM,QAAQC,EAAU,QAAS;AAAA,IAAmB,GAG/FS,IAAYR,EAAS,MAAM;AAE/B,UAAID,EAAU,SAAS;AACrB,eAAO,MAAM,KAAK,MAAMA,EAAU,KAAK,EAAE,KAAA,CAAM,EAAE,IAAI,CAACU,MAAUA,IAAQ,CAAC;AAI3E,UAAIX,EAAM,QAAQC,EAAU,QAAQ,GAAG;AAErC,YAAIW,IAAY,KAAK,IAAIZ,EAAM,OAAO,KAAK,MAAM,GAAoB,GAAG,CAAC,GACrEa,IAAW;AAGf,eAAID,MAAc,KAChBA,IAAY,GACZC,KAAY,KACHD,MAAc,MACvBA,IAAY,GACZC,KAAY,IAGP,MAAM,KAAK,MAAMA,CAAQ,EAAE,MAAM,EAAE,IAAI,CAACF,MAAUC,IAAYD,CAAK;AAAA,MAC5E,OAAO;AAEL,YAAIG,IAAU,KAAK,IAAId,EAAM,OAAO,KAAK,MAAM,GAAoB,GAAGC,EAAU,KAAK,GACjFY,IAAW;AAIf,eAAIC,MAAYb,EAAU,QAAQ,KAChCa,IAAUb,EAAU,OACpBY,KAAY,KACHC,MAAYb,EAAU,QAAQ,MACvCa,IAAUb,EAAU,OACpBY,KAAY,IAGP,MAAM,KAAK,MAAMA,CAAQ,EAAE,KAAA,CAAM,EAAE,IAAI,CAACF,MAAUG,KAAWD,IAAW,KAAKF,CAAK;AAAA,MAC3F;AAAA,IACF,CAAC;AAID,WAAO;AAAA,MACL,WAAAV;AAAA,MACA,gBAAAE;AAAA,MACA,cAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,2BAAAC;AAAA,MACA,0BAAAC;AAAA,MACA,WAAAC;AAAA,MACA,KAZU,CAACK,MAAiBf,EAAM,YAAY,QAAQ,UAAUe,EAAK,UAAU;AAAA,IAY/E;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonPagination.es.js","sources":["../../../../src/components/navigation/pagination/NeonPagination.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { computed, defineComponent } from 'vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\n\n/**\n * A pagination component that displays a list of page numbers and allows the user to navigate between pages. Typically,\n * the component displays the first and last page numbers and 3 pages before and after the current page.\n */\nexport default defineComponent({\n  name: 'NeonPagination',\n  components: {\n    NeonButton,\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The current page number.\n     */\n    page: { type: Number, required: true },\n    /**\n     * The URL template for the pagination links. The template should contain a '{page}' placeholder that will be\n     * substituted in links with the correct page number.\n     */\n    urlTemplate: { type: String },\n    /**\n     * The number of items per page.\n     */\n    pageSize: { type: Number, default: 20 },\n    /**\n     * The total number of items.\n     */\n    total: { type: Number, required: true },\n    /**\n     * Whether to display links to the first and last pages.\n     */\n    displayFirstAndLast: { type: Boolean, default: false },\n    /**\n     * The accent color of the component.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: () => NeonFunctionalColor.Brand },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on a page link (useful for paginated lists which are not the main focus of the page,\n     * i.e. should not be deep linked).\n     *\n     * @type {number} The new page number.\n     */\n    'page-change',\n  ],\n  setup(props, { emit }) {\n    const maxDisplayPageLinks = 5;\n    const pageDisplayCount = maxDisplayPageLinks - 2;\n\n    const pageCount = computed(() => Math.ceil(props.total / props.pageSize));\n    const hidePagination = computed(() => pageCount.value <= 1);\n\n    const previousPage = computed(() => Math.max(props.page - 1, 1));\n    const disabledPrevious = computed(() => props.page === 1);\n\n    const nextPage = computed(() => Math.min(props.page + 1, pageCount.value));\n    const disabledNext = computed(() => props.page === pageCount.value);\n\n    const showFirstPageWithEllipsis = computed(\n      () => pageCount.value > maxDisplayPageLinks && props.page >= maxDisplayPageLinks,\n    );\n\n    const showLastPageWithEllipsis = computed(\n      () => pageCount.value > maxDisplayPageLinks && props.page <= pageCount.value - (pageDisplayCount + 1),\n    );\n\n    const pageRange = computed(() => {\n      // not enough pages to fill range, show them all\n      if (pageCount.value <= maxDisplayPageLinks) {\n        return Array.from(Array(pageCount.value).keys()).map((value) => value + 1);\n      }\n\n      // determine page range to display\n      if (props.page <= pageCount.value / 2) {\n        // bottom of range calculation\n        let startPage = Math.max(props.page - Math.floor(pageDisplayCount / 2), 1);\n        let numPages = pageDisplayCount;\n\n        // when the start page would be 2 then also display 1, and if start page is 3 then also display 1 and 2 (no ellipsis)\n        if (startPage === 2) {\n          startPage = 1;\n          numPages += 1;\n        } else if (startPage === 3) {\n          startPage = 1;\n          numPages += 2;\n        }\n\n        return Array.from(Array(numPages).keys()).map((value) => startPage + value);\n      } else {\n        // top of range calculation\n        let endPage = Math.min(props.page + Math.floor(pageDisplayCount / 2), pageCount.value);\n        let numPages = pageDisplayCount;\n\n        // when the end page would be pageCount - 1 then also display last page,\n        // and if end page is pageCount - 2 then also display last page & second last page (no ellipsis)\n        if (endPage === pageCount.value - 1) {\n          endPage = pageCount.value;\n          numPages += 1;\n        } else if (endPage === pageCount.value - 2) {\n          endPage = pageCount.value;\n          numPages += 2;\n        }\n\n        return Array.from(Array(numPages).keys()).map((value) => endPage - (numPages - 1) + value);\n      }\n    });\n\n    const url = (page: number) =>\n      props.urlTemplate ? props.urlTemplate.replace('{page}', page.toString()) : undefined;\n\n    return {\n      pageCount,\n      hidePagination,\n      previousPage,\n      disabledPrevious,\n      nextPage,\n      disabledNext,\n      showFirstPageWithEllipsis,\n      showLastPageWithEllipsis,\n      pageRange,\n      url,\n      emit,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonIcon","NeonFunctionalColor","props","emit","pageCount","computed","hidePagination","previousPage","disabledPrevious","nextPage","disabledNext","showFirstPageWithEllipsis","showLastPageWithEllipsis","pageRange","value","startPage","numPages","endPage","page"],"mappings":";;;;AASA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,YAAAC;AAAA,IACA,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKhC,aAAa,EAAE,MAAM,OAAA;AAAA;AAAA;AAAA;AAAA,IAIrB,UAAU,EAAE,MAAM,QAAQ,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAInC,OAAO,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIjC,qBAAqB,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAI/C,OAAO,EAAE,MAAM,QAAqC,SAAS,MAAMC,EAAoB,MAAA;AAAA,EAAM;AAAA,EAE/F,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AAIrB,UAAMC,IAAYC,EAAS,MAAM,KAAK,KAAKH,EAAM,QAAQA,EAAM,QAAQ,CAAC,GAClEI,IAAiBD,EAAS,MAAMD,EAAU,SAAS,CAAC,GAEpDG,IAAeF,EAAS,MAAM,KAAK,IAAIH,EAAM,OAAO,GAAG,CAAC,CAAC,GACzDM,IAAmBH,EAAS,MAAMH,EAAM,SAAS,CAAC,GAElDO,IAAWJ,EAAS,MAAM,KAAK,IAAIH,EAAM,OAAO,GAAGE,EAAU,KAAK,CAAC,GACnEM,IAAeL,EAAS,MAAMH,EAAM,SAASE,EAAU,KAAK,GAE5DO,IAA4BN;AAAA,MAChC,MAAMD,EAAU,QAAQ,KAAuBF,EAAM,QAAQ;AAAA,IAAA,GAGzDU,IAA2BP;AAAA,MAC/B,MAAMD,EAAU,QAAQ,KAAuBF,EAAM,QAAQE,EAAU,QAAS;AAAA,IAAmB,GAG/FS,IAAYR,EAAS,MAAM;AAE/B,UAAID,EAAU,SAAS;AACrB,eAAO,MAAM,KAAK,MAAMA,EAAU,KAAK,EAAE,KAAA,CAAM,EAAE,IAAI,CAACU,MAAUA,IAAQ,CAAC;AAI3E,UAAIZ,EAAM,QAAQE,EAAU,QAAQ,GAAG;AAErC,YAAIW,IAAY,KAAK,IAAIb,EAAM,OAAO,KAAK,MAAM,GAAoB,GAAG,CAAC,GACrEc,IAAW;AAGf,eAAID,MAAc,KAChBA,IAAY,GACZC,KAAY,KACHD,MAAc,MACvBA,IAAY,GACZC,KAAY,IAGP,MAAM,KAAK,MAAMA,CAAQ,EAAE,MAAM,EAAE,IAAI,CAACF,MAAUC,IAAYD,CAAK;AAAA,MAC5E,OAAO;AAEL,YAAIG,IAAU,KAAK,IAAIf,EAAM,OAAO,KAAK,MAAM,GAAoB,GAAGE,EAAU,KAAK,GACjFY,IAAW;AAIf,eAAIC,MAAYb,EAAU,QAAQ,KAChCa,IAAUb,EAAU,OACpBY,KAAY,KACHC,MAAYb,EAAU,QAAQ,MACvCa,IAAUb,EAAU,OACpBY,KAAY,IAGP,MAAM,KAAK,MAAMA,CAAQ,EAAE,KAAA,CAAM,EAAE,IAAI,CAACF,MAAUG,KAAWD,IAAW,KAAKF,CAAK;AAAA,MAC3F;AAAA,IACF,CAAC;AAKD,WAAO;AAAA,MACL,WAAAV;AAAA,MACA,gBAAAE;AAAA,MACA,cAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,2BAAAC;AAAA,MACA,0BAAAC;AAAA,MACA,WAAAC;AAAA,MACA,KAbU,CAACK,MACXhB,EAAM,cAAcA,EAAM,YAAY,QAAQ,UAAUgB,EAAK,SAAA,CAAU,IAAI;AAAA,MAa3E,MAAAf;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/navigation/pagination/NeonPagination.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const a=require("./NeonPagination.cjs.js"),e=require("vue"),i=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),s={class:"neon-pagination__page-links"},r={key:0,class:"neon-pagination__link--selected"};function c(n,p,u,g,h,k){const o=e.resolveComponent("neon-button"),l=e.resolveComponent("neon-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[{"neon-pagination--empty":n.hidePagination},`neon-pagination--${n.color}`],"neon-pagination"])},[n.displayFirstAndLast?(e.openBlock(),e.createBlock(o,{key:0,disabled:n.disabledPrevious,href:n.disabledPrevious?void 0:n.url(1),"button-style":"outline",class:"neon-pagination__nav-link neon-pagination__first",color:"high-contrast",icon:"first-page"},null,8,["disabled","href"])):e.createCommentVNode("",!0),e.createVNode(o,{disabled:n.disabledPrevious,href:n.disabledPrevious?void 0:n.url(n.previousPage),"button-style":"outline",class:"neon-pagination__nav-link neon-pagination__previous",color:"high-contrast",icon:"arrow-left-1"},null,8,["disabled","href"]),e.createElementVNode("div",s,[n.showFirstPageWithEllipsis?(e.openBlock(),e.createBlock(o,{key:0,href:n.url(1),"button-style":"text",class:"neon-pagination__link",color:"high-contrast",label:"1",transparent:""},null,8,["href"])):e.createCommentVNode("",!0),n.showFirstPageWithEllipsis?(e.openBlock(),e.createBlock(l,{key:1,class:"neon-pagination__less",color:"low-contrast",name:"ellipsis"})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.pageRange,t=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t},[n.page===t?(e.openBlock(),e.createElementBlock("span",r,e.toDisplayString(t),1)):(e.openBlock(),e.createBlock(o,{key:1,href:n.url(t),label:`${t}`,"button-style":"text",class:"neon-pagination__link",color:"high-contrast",transparent:""},null,8,["href","label"]))],64))),128)),n.showLastPageWithEllipsis?(e.openBlock(),e.createBlock(l,{key:2,class:"neon-pagination__more",color:"low-contrast",name:"ellipsis"})):e.createCommentVNode("",!0),n.showLastPageWithEllipsis?(e.openBlock(),e.createBlock(o,{key:3,href:n.url(n.pageCount),label:`${n.pageCount}`,"button-style":"text",class:"neon-pagination__link",color:"high-contrast",transparent:""},null,8,["href","label"])):e.createCommentVNode("",!0)]),e.createVNode(o,{disabled:n.disabledNext,href:n.disabledNext?void 0:n.url(n.nextPage),"button-style":"outline",class:"neon-pagination__nav-link neon-pagination__next",color:"high-contrast",icon:"arrow-right-1"},null,8,["disabled","href"]),n.displayFirstAndLast?(e.openBlock(),e.createBlock(o,{key:1,disabled:n.disabledNext,href:n.disabledNext?void 0:n.url(n.pageCount),"button-style":"outline",class:"neon-pagination__nav-link neon-pagination__last",color:"high-contrast",icon:"last-page"},null,8,["disabled","href"])):e.createCommentVNode("",!0)],2)}const d=i(a,[["render",c]]);module.exports=d;
+"use strict";const a=require("./NeonPagination.cjs.js"),n=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),r={class:"neon-pagination__page-links"},p={key:0,class:"neon-pagination__link--selected"};function u(e,o,g,c,k,h){const l=n.resolveComponent("neon-button"),i=n.resolveComponent("neon-icon");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([[{"neon-pagination--empty":e.hidePagination},`neon-pagination--${e.color}`],"neon-pagination"])},[e.displayFirstAndLast?(n.openBlock(),n.createBlock(l,{key:0,disabled:e.disabledPrevious,href:e.disabledPrevious?void 0:e.url(1),"button-style":"outline",class:"neon-pagination__nav-link neon-pagination__first",color:"high-contrast",icon:"first-page",onClick:o[0]||(o[0]=t=>e.emit("page-change",1))},null,8,["disabled","href"])):n.createCommentVNode("",!0),n.createVNode(l,{disabled:e.disabledPrevious,href:e.disabledPrevious?void 0:e.url(e.previousPage),"button-style":"outline",class:"neon-pagination__nav-link neon-pagination__previous",color:"high-contrast",icon:"chevron-left",onClick:o[1]||(o[1]=t=>e.emit("page-change",e.previousPage))},null,8,["disabled","href"]),n.createElementVNode("div",r,[e.showFirstPageWithEllipsis?(n.openBlock(),n.createBlock(l,{key:0,href:e.url(1),"button-style":"text",class:"neon-pagination__link",color:"high-contrast",label:"1",transparent:"",onClick:o[2]||(o[2]=t=>e.emit("page-change",1))},null,8,["href"])):n.createCommentVNode("",!0),e.showFirstPageWithEllipsis?(n.openBlock(),n.createBlock(i,{key:1,class:"neon-pagination__less",color:"low-contrast",name:"ellipsis"})):n.createCommentVNode("",!0),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.pageRange,t=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:t},[e.page===t?(n.openBlock(),n.createElementBlock("span",p,n.toDisplayString(t),1)):(n.openBlock(),n.createBlock(l,{key:1,href:e.url(t),label:`${t}`,"button-style":"text",class:"neon-pagination__link",color:"high-contrast",transparent:"",onClick:m=>e.emit("page-change",t)},null,8,["href","label","onClick"]))],64))),128)),e.showLastPageWithEllipsis?(n.openBlock(),n.createBlock(i,{key:2,class:"neon-pagination__more",color:"low-contrast",name:"ellipsis"})):n.createCommentVNode("",!0),e.showLastPageWithEllipsis?(n.openBlock(),n.createBlock(l,{key:3,href:e.url(e.pageCount),label:`${e.pageCount}`,"button-style":"text",class:"neon-pagination__link",color:"high-contrast",transparent:"",onClick:o[3]||(o[3]=t=>e.emit("page-change",e.pageCount))},null,8,["href","label"])):n.createCommentVNode("",!0)]),n.createVNode(l,{disabled:e.disabledNext,href:e.disabledNext?void 0:e.url(e.nextPage),"button-style":"outline",class:"neon-pagination__nav-link neon-pagination__next",color:"high-contrast",icon:"chevron-right",onClick:o[4]||(o[4]=t=>e.emit("page-change",e.nextPage))},null,8,["disabled","href"]),e.displayFirstAndLast?(n.openBlock(),n.createBlock(l,{key:1,disabled:e.disabledNext,href:e.disabledNext?void 0:e.url(e.pageCount),"button-style":"outline",class:"neon-pagination__nav-link neon-pagination__last",color:"high-contrast",icon:"last-page",onClick:o[5]||(o[5]=t=>e.emit("page-change",e.pageCount))},null,8,["disabled","href"])):n.createCommentVNode("",!0)],2)}const d=s(a,[["render",u]]);module.exports=d;
 //# sourceMappingURL=NeonPagination.vue.cjs.js.map

package/dist/components/navigation/pagination/NeonPagination.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonPagination.vue.cjs.js","sources":["../../../../src/components/navigation/pagination/NeonPagination.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      {\n        'neon-pagination--empty': hidePagination,\n      },\n      `neon-pagination--${color}`,\n    ]\"\n    class=\"neon-pagination\"\n  >\n    <neon-button\n      v-if=\"displayFirstAndLast\"\n      :disabled=\"disabledPrevious\"\n      :href=\"!disabledPrevious ? url(1) : undefined\"\n      button-style=\"outline\"\n      class=\"neon-pagination__nav-link neon-pagination__first\"\n      color=\"high-contrast\"\n      icon=\"first-page\"\n    />\n    <neon-button\n      :disabled=\"disabledPrevious\"\n      :href=\"!disabledPrevious ? url(previousPage) : undefined\"\n      button-style=\"outline\"\n      class=\"neon-pagination__nav-link neon-pagination__previous\"\n      color=\"high-contrast\"\n      icon=\"arrow-left-1\"\n    />\n    <div class=\"neon-pagination__page-links\">\n      <neon-button\n        v-if=\"showFirstPageWithEllipsis\"\n        :href=\"url(1)\"\n        button-style=\"text\"\n        class=\"neon-pagination__link\"\n        color=\"high-contrast\"\n        label=\"1\"\n        transparent\n      />\n      <neon-icon v-if=\"showFirstPageWithEllipsis\" class=\"neon-pagination__less\" color=\"low-contrast\" name=\"ellipsis\" />\n      <!-- eslint-disable-next-line -->\n      <template v-for=\"pageInRange in pageRange\" :key=\"pageInRange\">\n        <span v-if=\"page === pageInRange\" class=\"neon-pagination__link--selected\">\n          {{ pageInRange }}\n        </span>\n        <neon-button\n          v-else\n          :href=\"url(pageInRange)\"\n          :label=\"`${pageInRange}`\"\n          button-style=\"text\"\n          class=\"neon-pagination__link\"\n          color=\"high-contrast\"\n          transparent\n        />\n      </template>\n      <neon-icon v-if=\"showLastPageWithEllipsis\" class=\"neon-pagination__more\" color=\"low-contrast\" name=\"ellipsis\" />\n      <neon-button\n        v-if=\"showLastPageWithEllipsis\"\n        :href=\"url(pageCount)\"\n        :label=\"`${pageCount}`\"\n        button-style=\"text\"\n        class=\"neon-pagination__link\"\n        color=\"high-contrast\"\n        transparent\n      />\n    </div>\n    <neon-button\n      :disabled=\"disabledNext\"\n      :href=\"!disabledNext ? url(nextPage) : undefined\"\n      button-style=\"outline\"\n      class=\"neon-pagination__nav-link neon-pagination__next\"\n      color=\"high-contrast\"\n      icon=\"arrow-right-1\"\n    />\n    <neon-button\n      v-if=\"displayFirstAndLast\"\n      :disabled=\"disabledNext\"\n      :href=\"!disabledNext ? url(pageCount) : undefined\"\n      button-style=\"outline\"\n      class=\"neon-pagination__nav-link neon-pagination__last\"\n      color=\"high-contrast\"\n      icon=\"last-page\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonPagination.ts\"></script>\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_neon_button","_createVNode","_createElementVNode","_component_neon_icon","_Fragment","_renderList","pageInRange","_hoisted_2","_toDisplayString"],"mappings":"yIA2BSA,EAAA,CAAA,MAAM,6BAA6B,WAaF,MAAM,4JAvC9CC,EAAAA,mBAgFM,MAAA,CA/EH,MAAKC,EAAAA,eAAA,CAAA,2BAA8CC,EAAA,oCAAmDA,EAAA,KAAK,IAMtG,iBAAiB,CAAA,IAGfA,EAAA,mCADRC,EAAAA,YAQEC,EAAA,OANC,SAAUF,EAAA,iBACV,KAAOA,EAAA,iBAA4B,OAATA,EAAA,OAC3B,eAAa,UACb,MAAM,mDACN,MAAM,gBACN,KAAK,uEAEPG,EAAAA,YAOED,EAAA,CANC,SAAUF,EAAA,iBACV,KAAOA,EAAA,iBAAuC,OAApBA,MAAIA,EAAA,YAAY,EAC3C,eAAa,UACb,MAAM,sDACN,MAAM,gBACN,KAAK,4CAEPI,EAAAA,mBAoCM,MApCNP,EAoCM,CAlCIG,EAAA,yCADRC,EAAAA,YAQEC,EAAA,OANC,KAAMF,EAAA,IAAG,CAAA,EACV,eAAa,OACb,MAAM,wBACN,MAAM,gBACN,MAAM,IACN,YAAA,kDAEeA,EAAA,yCAAjBC,EAAAA,YAAiHI,EAAA,OAArE,MAAM,wBAAwB,MAAM,eAAe,KAAK,2DAEpGP,EAAAA,mBAaWQ,EAAAA,SAAA,KAAAC,EAAAA,WAbqBP,EAAA,UAAfQ,uDAAgCA,GAAW,CAC9CR,EAAA,OAASQ,iBAArBV,EAAAA,mBAEO,OAFPW,EAEOC,kBADFF,CAAW,EAAA,CAAA,kBAEhBP,EAAAA,YAQEC,EAAA,OANC,KAAMF,EAAA,IAAIQ,CAAW,EACrB,SAAUA,CAAW,GACtB,eAAa,OACb,MAAM,wBACN,MAAM,gBACN,YAAA,2CAGaR,EAAA,wCAAjBC,EAAAA,YAAgHI,EAAA,OAArE,MAAM,wBAAwB,MAAM,eAAe,KAAK,0CAE3FL,EAAA,wCADRC,EAAAA,YAQEC,EAAA,OANC,KAAMF,EAAA,IAAIA,EAAA,SAAS,EACnB,SAAUA,EAAA,SAAS,GACpB,eAAa,OACb,MAAM,wBACN,MAAM,gBACN,YAAA,4DAGJG,EAAAA,YAOED,EAAA,CANC,SAAUF,EAAA,aACV,KAAOA,EAAA,aAA+B,OAAhBA,MAAIA,EAAA,QAAQ,EACnC,eAAa,UACb,MAAM,kDACN,MAAM,gBACN,KAAK,6CAGCA,EAAA,mCADRC,EAAAA,YAQEC,EAAA,OANC,SAAUF,EAAA,aACV,KAAOA,EAAA,aAAgC,OAAjBA,MAAIA,EAAA,SAAS,EACpC,eAAa,UACb,MAAM,kDACN,MAAM,gBACN,KAAK"}
+{"version":3,"file":"NeonPagination.vue.cjs.js","sources":["../../../../src/components/navigation/pagination/NeonPagination.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      {\n        'neon-pagination--empty': hidePagination,\n      },\n      `neon-pagination--${color}`,\n    ]\"\n    class=\"neon-pagination\"\n  >\n    <neon-button\n      v-if=\"displayFirstAndLast\"\n      :disabled=\"disabledPrevious\"\n      :href=\"!disabledPrevious ? url(1) : undefined\"\n      button-style=\"outline\"\n      class=\"neon-pagination__nav-link neon-pagination__first\"\n      color=\"high-contrast\"\n      icon=\"first-page\"\n      @click=\"emit('page-change', 1)\"\n    />\n    <neon-button\n      :disabled=\"disabledPrevious\"\n      :href=\"!disabledPrevious ? url(previousPage) : undefined\"\n      button-style=\"outline\"\n      class=\"neon-pagination__nav-link neon-pagination__previous\"\n      color=\"high-contrast\"\n      icon=\"chevron-left\"\n      @click=\"emit('page-change', previousPage)\"\n    />\n    <div class=\"neon-pagination__page-links\">\n      <neon-button\n        v-if=\"showFirstPageWithEllipsis\"\n        :href=\"url(1)\"\n        button-style=\"text\"\n        class=\"neon-pagination__link\"\n        color=\"high-contrast\"\n        label=\"1\"\n        transparent\n        @click=\"emit('page-change', 1)\"\n      />\n      <neon-icon v-if=\"showFirstPageWithEllipsis\" class=\"neon-pagination__less\" color=\"low-contrast\" name=\"ellipsis\" />\n      <!-- eslint-disable-next-line -->\n      <template v-for=\"pageInRange in pageRange\" :key=\"pageInRange\">\n        <span v-if=\"page === pageInRange\" class=\"neon-pagination__link--selected\">\n          {{ pageInRange }}\n        </span>\n        <neon-button\n          v-else\n          :href=\"url(pageInRange)\"\n          :label=\"`${pageInRange}`\"\n          button-style=\"text\"\n          class=\"neon-pagination__link\"\n          color=\"high-contrast\"\n          transparent\n          @click=\"emit('page-change', pageInRange)\"\n        />\n      </template>\n      <neon-icon v-if=\"showLastPageWithEllipsis\" class=\"neon-pagination__more\" color=\"low-contrast\" name=\"ellipsis\" />\n      <neon-button\n        v-if=\"showLastPageWithEllipsis\"\n        :href=\"url(pageCount)\"\n        :label=\"`${pageCount}`\"\n        button-style=\"text\"\n        class=\"neon-pagination__link\"\n        color=\"high-contrast\"\n        transparent\n        @click=\"emit('page-change', pageCount)\"\n      />\n    </div>\n    <neon-button\n      :disabled=\"disabledNext\"\n      :href=\"!disabledNext ? url(nextPage) : undefined\"\n      button-style=\"outline\"\n      class=\"neon-pagination__nav-link neon-pagination__next\"\n      color=\"high-contrast\"\n      icon=\"chevron-right\"\n      @click=\"emit('page-change', nextPage)\"\n    />\n    <neon-button\n      v-if=\"displayFirstAndLast\"\n      :disabled=\"disabledNext\"\n      :href=\"!disabledNext ? url(pageCount) : undefined\"\n      button-style=\"outline\"\n      class=\"neon-pagination__nav-link neon-pagination__last\"\n      color=\"high-contrast\"\n      icon=\"last-page\"\n      @click=\"emit('page-change', pageCount)\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonPagination.ts\"></script>\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_neon_button","_createVNode","_cache","$event","_createElementVNode","_component_neon_icon","_Fragment","_renderList","pageInRange","_hoisted_2","_toDisplayString"],"mappings":"yIA6BSA,EAAA,CAAA,MAAM,6BAA6B,WAcF,MAAM,4JA1C9CC,EAAAA,mBAuFM,MAAA,CAtFH,MAAKC,EAAAA,eAAA,CAAA,2BAA8CC,EAAA,oCAAmDA,EAAA,KAAK,IAMtG,iBAAiB,CAAA,IAGfA,EAAA,mCADRC,EAAAA,YASEC,EAAA,OAPC,SAAUF,EAAA,iBACV,KAAOA,EAAA,iBAA4B,OAATA,EAAA,OAC3B,eAAa,UACb,MAAM,mDACN,MAAM,gBACN,KAAK,aACJ,uBAAOA,EAAA,KAAI,cAAA,CAAA,6DAEdG,EAAAA,YAQED,EAAA,CAPC,SAAUF,EAAA,iBACV,KAAOA,EAAA,iBAAuC,OAApBA,MAAIA,EAAA,YAAY,EAC3C,eAAa,UACb,MAAM,sDACN,MAAM,gBACN,KAAK,eACJ,QAAKI,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEL,EAAA,KAAI,cAAgBA,EAAA,YAAY,gCAE1CM,EAAAA,mBAuCM,MAvCNT,EAuCM,CArCIG,EAAA,yCADRC,EAAAA,YASEC,EAAA,OAPC,KAAMF,EAAA,IAAG,CAAA,EACV,eAAa,OACb,MAAM,wBACN,MAAM,gBACN,MAAM,IACN,YAAA,GACC,uBAAOA,EAAA,KAAI,cAAA,CAAA,kDAEGA,EAAA,yCAAjBC,EAAAA,YAAiHM,EAAA,OAArE,MAAM,wBAAwB,MAAM,eAAe,KAAK,2DAEpGT,EAAAA,mBAcWU,EAAAA,SAAA,KAAAC,EAAAA,WAdqBT,EAAA,UAAfU,uDAAgCA,GAAW,CAC9CV,EAAA,OAASU,iBAArBZ,EAAAA,mBAEO,OAFPa,EAEOC,kBADFF,CAAW,EAAA,CAAA,kBAEhBT,EAAAA,YASEC,EAAA,OAPC,KAAMF,EAAA,IAAIU,CAAW,EACrB,SAAUA,CAAW,GACtB,eAAa,OACb,MAAM,wBACN,MAAM,gBACN,YAAA,GACC,QAAKL,GAAEL,EAAA,KAAI,cAAgBU,CAAW,oDAG1BV,EAAA,wCAAjBC,EAAAA,YAAgHM,EAAA,OAArE,MAAM,wBAAwB,MAAM,eAAe,KAAK,0CAE3FP,EAAA,wCADRC,EAAAA,YASEC,EAAA,OAPC,KAAMF,EAAA,IAAIA,EAAA,SAAS,EACnB,SAAUA,EAAA,SAAS,GACpB,eAAa,OACb,MAAM,wBACN,MAAM,gBACN,YAAA,GACC,QAAKI,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEL,EAAA,KAAI,cAAgBA,EAAA,SAAS,4DAGzCG,EAAAA,YAQED,EAAA,CAPC,SAAUF,EAAA,aACV,KAAOA,EAAA,aAA+B,OAAhBA,MAAIA,EAAA,QAAQ,EACnC,eAAa,UACb,MAAM,kDACN,MAAM,gBACN,KAAK,gBACJ,QAAKI,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEL,EAAA,KAAI,cAAgBA,EAAA,QAAQ,gCAG9BA,EAAA,mCADRC,EAAAA,YASEC,EAAA,OAPC,SAAUF,EAAA,aACV,KAAOA,EAAA,aAAgC,OAAjBA,MAAIA,EAAA,SAAS,EACpC,eAAa,UACb,MAAM,kDACN,MAAM,gBACN,KAAK,YACJ,QAAKI,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEL,EAAA,KAAI,cAAgBA,EAAA,SAAS"}

package/dist/components/navigation/pagination/NeonPagination.vue.es.js

@@ -1,13 +1,13 @@
-import p from "./NeonPagination.es.js";
-import { resolveComponent as r, openBlock as e, createElementBlock as t, normalizeClass as h, createBlock as i, createCommentVNode as a, createVNode as d, createElementVNode as g, Fragment as u, renderList as b, toDisplayString as c } from "vue";
-import f from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const k = { class: "neon-pagination__page-links" }, m = {
+import g from "./NeonPagination.es.js";
+import { resolveComponent as p, openBlock as i, createElementBlock as s, normalizeClass as h, createBlock as a, createCommentVNode as t, createVNode as d, createElementVNode as b, Fragment as u, renderList as f, toDisplayString as k } from "vue";
+import m from "../../../_virtual/_plugin-vue_export-helper.es.js";
+const v = { class: "neon-pagination__page-links" }, y = {
   key: 0,
   class: "neon-pagination__link--selected"
 };
-function y(n, _, v, P, w, N) {
-  const o = r("neon-button"), s = r("neon-icon");
-  return e(), t("div", {
+function C(n, e, P, $, c, N) {
+  const l = p("neon-button"), r = p("neon-icon");
+  return i(), s("div", {
     class: h([[
       {
         "neon-pagination--empty": n.hidePagination
@@ -15,87 +15,94 @@ function y(n, _, v, P, w, N) {
       `neon-pagination--${n.color}`
     ], "neon-pagination"])
   }, [
-    n.displayFirstAndLast ? (e(), i(o, {
+    n.displayFirstAndLast ? (i(), a(l, {
       key: 0,
       disabled: n.disabledPrevious,
       href: n.disabledPrevious ? void 0 : n.url(1),
       "button-style": "outline",
       class: "neon-pagination__nav-link neon-pagination__first",
       color: "high-contrast",
-      icon: "first-page"
-    }, null, 8, ["disabled", "href"])) : a("", !0),
-    d(o, {
+      icon: "first-page",
+      onClick: e[0] || (e[0] = (o) => n.emit("page-change", 1))
+    }, null, 8, ["disabled", "href"])) : t("", !0),
+    d(l, {
       disabled: n.disabledPrevious,
       href: n.disabledPrevious ? void 0 : n.url(n.previousPage),
       "button-style": "outline",
       class: "neon-pagination__nav-link neon-pagination__previous",
       color: "high-contrast",
-      icon: "arrow-left-1"
+      icon: "chevron-left",
+      onClick: e[1] || (e[1] = (o) => n.emit("page-change", n.previousPage))
     }, null, 8, ["disabled", "href"]),
-    g("div", k, [
-      n.showFirstPageWithEllipsis ? (e(), i(o, {
+    b("div", v, [
+      n.showFirstPageWithEllipsis ? (i(), a(l, {
         key: 0,
         href: n.url(1),
         "button-style": "text",
         class: "neon-pagination__link",
         color: "high-contrast",
         label: "1",
-        transparent: ""
-      }, null, 8, ["href"])) : a("", !0),
-      n.showFirstPageWithEllipsis ? (e(), i(s, {
+        transparent: "",
+        onClick: e[2] || (e[2] = (o) => n.emit("page-change", 1))
+      }, null, 8, ["href"])) : t("", !0),
+      n.showFirstPageWithEllipsis ? (i(), a(r, {
         key: 1,
         class: "neon-pagination__less",
         color: "low-contrast",
         name: "ellipsis"
-      })) : a("", !0),
-      (e(!0), t(u, null, b(n.pageRange, (l) => (e(), t(u, { key: l }, [
-        n.page === l ? (e(), t("span", m, c(l), 1)) : (e(), i(o, {
+      })) : t("", !0),
+      (i(!0), s(u, null, f(n.pageRange, (o) => (i(), s(u, { key: o }, [
+        n.page === o ? (i(), s("span", y, k(o), 1)) : (i(), a(l, {
           key: 1,
-          href: n.url(l),
-          label: `${l}`,
+          href: n.url(o),
+          label: `${o}`,
           "button-style": "text",
           class: "neon-pagination__link",
           color: "high-contrast",
-          transparent: ""
-        }, null, 8, ["href", "label"]))
+          transparent: "",
+          onClick: (w) => n.emit("page-change", o)
+        }, null, 8, ["href", "label", "onClick"]))
       ], 64))), 128)),
-      n.showLastPageWithEllipsis ? (e(), i(s, {
+      n.showLastPageWithEllipsis ? (i(), a(r, {
         key: 2,
         class: "neon-pagination__more",
         color: "low-contrast",
         name: "ellipsis"
-      })) : a("", !0),
-      n.showLastPageWithEllipsis ? (e(), i(o, {
+      })) : t("", !0),
+      n.showLastPageWithEllipsis ? (i(), a(l, {
         key: 3,
         href: n.url(n.pageCount),
         label: `${n.pageCount}`,
         "button-style": "text",
         class: "neon-pagination__link",
         color: "high-contrast",
-        transparent: ""
-      }, null, 8, ["href", "label"])) : a("", !0)
+        transparent: "",
+        onClick: e[3] || (e[3] = (o) => n.emit("page-change", n.pageCount))
+      }, null, 8, ["href", "label"])) : t("", !0)
     ]),
-    d(o, {
+    d(l, {
       disabled: n.disabledNext,
       href: n.disabledNext ? void 0 : n.url(n.nextPage),
       "button-style": "outline",
       class: "neon-pagination__nav-link neon-pagination__next",
       color: "high-contrast",
-      icon: "arrow-right-1"
+      icon: "chevron-right",
+      onClick: e[4] || (e[4] = (o) => n.emit("page-change", n.nextPage))
     }, null, 8, ["disabled", "href"]),
-    n.displayFirstAndLast ? (e(), i(o, {
+    n.displayFirstAndLast ? (i(), a(l, {
       key: 1,
       disabled: n.disabledNext,
       href: n.disabledNext ? void 0 : n.url(n.pageCount),
       "button-style": "outline",
       class: "neon-pagination__nav-link neon-pagination__last",
       color: "high-contrast",
-      icon: "last-page"
-    }, null, 8, ["disabled", "href"])) : a("", !0)
+      icon: "last-page",
+      onClick: e[5] || (e[5] = (o) => n.emit("page-change", n.pageCount))
+    }, null, 8, ["disabled", "href"])) : t("", !0)
   ], 2);
 }
-const F = /* @__PURE__ */ f(p, [["render", y]]);
+const W = /* @__PURE__ */ m(g, [["render", C]]);
 export {
-  F as default
+  W as default
 };
 //# sourceMappingURL=NeonPagination.vue.es.js.map