@aotearoan/neon 28.4.0 → 28.4.1

package/dist/components/layout/list-layout/NeonListLayout.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonListLayout.vue.es.js","sources":["../../../../src/components/layout/list-layout/NeonListLayout.vue"],"sourcesContent":["<template>\n  <div class=\"neon-list-layout\">\n    <neon-header\n      v-if=\"!initializing && items.length > 0\"\n      :back-button=\"backButton\"\n      :back-label=\"backLabel\"\n      :breadcrumbs=\"breadcrumbs\"\n      :subtitle=\"subtitle\"\n      :title=\"title\"\n    >\n      <template #labels>\n        <!-- @slot a slot for adding labels/info popovers next to the title -->\n        <slot name=\"labels\"></slot>\n      </template>\n      <template v-if=\"items.length > 0\" #actions>\n        <!-- @slot a slot for adding contextual action buttons to the header. The wrapper is provided, just add the\n        buttons here in order to apply the correct spacings -->\n        <slot name=\"actions\"></slot>\n      </template>\n    </neon-header>\n    <!-- @slot the insert a note into the page -->\n    <slot name=\"note\"></slot>\n    <neon-card-list\n      v-if=\"items.length > 0\"\n      :color=\"color\"\n      :items=\"items\"\n      :load-on-demand=\"loadOnDemand\"\n      :loading=\"loading\"\n      :pagination=\"pagination\"\n      :selectable=\"selectable\"\n      @show-more=\"showMore\"\n      @toggle-selected=\"toggleSelected\"\n    >\n      <template #filters>\n        <!-- @slot the insert a filter bar above the list -->\n        <slot name=\"filters\"></slot>\n      </template>\n      <template #header>\n        <!-- @slot the list header -->\n        <slot name=\"header\"></slot>\n      </template>\n      <template #card=\"{ model, index }\">\n        <!-- @slot slot for rendering card contents, two parameters are available:\n  @binding {T} model - the model item to be rendered\n  @binding {number} index - the index of the item in the list -->\n        <slot name=\"card\" v-bind=\"{ model, index }\"></slot>\n      </template>\n    </neon-card-list>\n    <template v-else-if=\"!initializing && !loading && slots.emptyState\">\n      <!-- @slot page empty state rendered when there are no list items -->\n      <slot name=\"emptyState\"></slot>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonListLayout.ts\" />\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_ctx","_createBlock","_component_neon_header","_renderSlot","_component_neon_card_list","_withCtx","model","index","_normalizeProps","_guardReactiveProps"],"mappings":";;;AACO,MAAAA,IAAA,EAAA,OAAM,mBAAkB;;;AAA7B,SAAAC,EAAA,GAAAC,EAmDM,OAnDNF,GAmDM;AAAA,KAjDKG,EAAA,gBAAgBA,EAAA,MAAM,SAAM,UADrCC,EAiBcC,GAAA;AAAA;MAfX,eAAaF,EAAA;AAAA,MACb,cAAYA,EAAA;AAAA,MACZ,aAAaA,EAAA;AAAA,MACb,UAAUA,EAAA;AAAA,MACV,OAAOA,EAAA;AAAA;MAEG,UAET,MAA2B;AAAA,QAA3BG,EAA2BH,EAAA,QAAA,QAAA;AAAA;;;MAEbA,EAAA,MAAM,SAAM;cAAO;AAAA,cAGjC,MAA4B;AAAA,UAA5BG,EAA4BH,EAAA,QAAA,SAAA;AAAA;;;;IAIhCG,EAAyBH,EAAA,QAAA,MAAA;AAAA,IAEjBA,EAAA,MAAM,SAAM,UADpBC,EAyBiBG,GAAA;AAAA;MAvBd,OAAOJ,EAAA;AAAA,MACP,OAAOA,EAAA;AAAA,MACP,kBAAgBA,EAAA;AAAA,MAChB,SAASA,EAAA;AAAA,MACT,YAAYA,EAAA;AAAA,MACZ,YAAYA,EAAA;AAAA,MACZ,YAAWA,EAAA;AAAA,MACX,kBAAiBA,EAAA;AAAA;MAEP,WAET,MAA4B;AAAA,QAA5BG,EAA4BH,EAAA,QAAA,SAAA;AAAA;MAEnB,UAET,MAA2B;AAAA,QAA3BG,EAA2BH,EAAA,QAAA,QAAA;AAAA;MAElB,MAAIK,EAIb,CAAmD,EAJlC,OAAAC,GAAO,OAAAC,EAAK,MAAA;AAAA,QAI7BJ,EAAmDH,EAAA,QAAA,QAAAQ,EAAAC,EAAA,EAAvB,OAAAH,GAAO,OAAAC,EAAK,CAAA,CAAA,CAAA;AAAA;;4HAGtB,CAAAP,EAAA,gBAAY,CAAKA,EAAA,WAAWA,EAAA,MAAM,aAEtDG,EAA+BH,EAAA,QAAA,cAAA,EAAA,KAAA,EAAA,CAAA;;;;"}
+{"version":3,"file":"NeonListLayout.vue.es.js","sources":["../../../../src/components/layout/list-layout/NeonListLayout.vue"],"sourcesContent":["<template>\n  <div class=\"neon-list-layout\">\n    <neon-header\n      v-if=\"!initializing && items.length > 0\"\n      :back-button=\"backButton\"\n      :back-label=\"backLabel\"\n      :breadcrumbs=\"breadcrumbs\"\n      :subtitle=\"subtitle\"\n      :title=\"title\"\n    >\n      <template #labels>\n        <!-- @slot a slot for adding labels/info popovers next to the title -->\n        <slot name=\"labels\"></slot>\n      </template>\n      <template v-if=\"items.length > 0\" #actions>\n        <!-- @slot a slot for adding contextual action buttons to the header. The wrapper is provided, just add the\n        buttons here in order to apply the correct spacings -->\n        <slot name=\"actions\"></slot>\n      </template>\n    </neon-header>\n    <!-- @slot the insert a note into the page -->\n    <slot name=\"note\"></slot>\n    <neon-card-list\n      v-if=\"items.length > 0\"\n      :color=\"color\"\n      :items=\"items\"\n      :load-on-demand=\"loadOnDemand\"\n      :loading=\"loading\"\n      :pagination=\"pagination\"\n      :selectable=\"selectable\"\n      @page-change=\"(page: number) => emit('page-change', page)\"\n      @show-more=\"showMore\"\n      @toggle-selected=\"toggleSelected\"\n    >\n      <template #filters>\n        <!-- @slot the insert a filter bar above the list -->\n        <slot name=\"filters\"></slot>\n      </template>\n      <template #header>\n        <!-- @slot the list header -->\n        <slot name=\"header\"></slot>\n      </template>\n      <template #card=\"{ model, index }\">\n        <!-- @slot slot for rendering card contents, two parameters are available:\n  @binding {T} model - the model item to be rendered\n  @binding {number} index - the index of the item in the list -->\n        <slot name=\"card\" v-bind=\"{ model, index }\"></slot>\n      </template>\n    </neon-card-list>\n    <template v-else-if=\"!initializing && !loading && slots.emptyState\">\n      <!-- @slot page empty state rendered when there are no list items -->\n      <slot name=\"emptyState\"></slot>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonListLayout.ts\" />\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_ctx","_createBlock","_component_neon_header","_renderSlot","_component_neon_card_list","_cache","page","_withCtx","model","index","_normalizeProps","_guardReactiveProps"],"mappings":";;;AACO,MAAAA,IAAA,EAAA,OAAM,mBAAkB;;;AAA7B,SAAAC,EAAA,GAAAC,EAoDM,OApDNF,GAoDM;AAAA,KAlDKG,EAAA,gBAAgBA,EAAA,MAAM,SAAM,UADrCC,EAiBcC,GAAA;AAAA;MAfX,eAAaF,EAAA;AAAA,MACb,cAAYA,EAAA;AAAA,MACZ,aAAaA,EAAA;AAAA,MACb,UAAUA,EAAA;AAAA,MACV,OAAOA,EAAA;AAAA;MAEG,UAET,MAA2B;AAAA,QAA3BG,EAA2BH,EAAA,QAAA,QAAA;AAAA;;;MAEbA,EAAA,MAAM,SAAM;cAAO;AAAA,cAGjC,MAA4B;AAAA,UAA5BG,EAA4BH,EAAA,QAAA,SAAA;AAAA;;;;IAIhCG,EAAyBH,EAAA,QAAA,MAAA;AAAA,IAEjBA,EAAA,MAAM,SAAM,UADpBC,EA0BiBG,GAAA;AAAA;MAxBd,OAAOJ,EAAA;AAAA,MACP,OAAOA,EAAA;AAAA,MACP,kBAAgBA,EAAA;AAAA,MAChB,SAASA,EAAA;AAAA,MACT,YAAYA,EAAA;AAAA,MACZ,YAAYA,EAAA;AAAA,MACZ,cAAWK,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAiBN,EAAA,oBAAoBM,CAAI;AAAA,MACvD,YAAWN,EAAA;AAAA,MACX,kBAAiBA,EAAA;AAAA;MAEP,WAET,MAA4B;AAAA,QAA5BG,EAA4BH,EAAA,QAAA,SAAA;AAAA;MAEnB,UAET,MAA2B;AAAA,QAA3BG,EAA2BH,EAAA,QAAA,QAAA;AAAA;MAElB,MAAIO,EAIb,CAAmD,EAJlC,OAAAC,GAAO,OAAAC,EAAK,MAAA;AAAA,QAI7BN,EAAmDH,EAAA,QAAA,QAAAU,EAAAC,EAAA,EAAvB,OAAAH,GAAO,OAAAC,EAAK,CAAA,CAAA,CAAA;AAAA;;4HAGtB,CAAAT,EAAA,gBAAY,CAAKA,EAAA,WAAWA,EAAA,MAAM,aAEtDG,EAA+BH,EAAA,QAAA,cAAA,EAAA,KAAA,EAAA,CAAA;;;;"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"NeonPagination.vue.es.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":";;;AA2BS,MAAAA,IAAA,EAAA,OAAM,8BAA6B;;EAaF,OAAM;;;;cAvC9CC,EAgFM,OAAA;AAAA,IA/EH,OAAKC,EAAA,CAAA;AAAA;kCAA8CC,EAAA;AAAA;0BAAmDA,EAAA,KAAK;AAAA,OAMtG,iBAAiB,CAAA;AAAA;IAGfA,EAAA,4BADRC,EAQEC,GAAA;AAAA;MANC,UAAUF,EAAA;AAAA,MACV,MAAOA,EAAA,mBAA4B,SAATA,EAAA;MAC3B,gBAAa;AAAA,MACb,OAAM;AAAA,MACN,OAAM;AAAA,MACN,MAAK;AAAA;IAEPG,EAOED,GAAA;AAAA,MANC,UAAUF,EAAA;AAAA,MACV,MAAOA,EAAA,mBAAuC,SAApBA,MAAIA,EAAA,YAAY;AAAA,MAC3C,gBAAa;AAAA,MACb,OAAM;AAAA,MACN,OAAM;AAAA,MACN,MAAK;AAAA;IAEPI,EAoCM,OApCNP,GAoCM;AAAA,MAlCIG,EAAA,kCADRC,EAQEC,GAAA;AAAA;QANC,MAAMF,EAAA,IAAG,CAAA;AAAA,QACV,gBAAa;AAAA,QACb,OAAM;AAAA,QACN,OAAM;AAAA,QACN,OAAM;AAAA,QACN,aAAA;AAAA;MAEeA,EAAA,kCAAjBC,EAAiHI,GAAA;AAAA;QAArE,OAAM;AAAA,QAAwB,OAAM;AAAA,QAAe,MAAK;AAAA;cAEpGP,EAaWQ,GAAA,MAAAC,EAbqBP,EAAA,WAAS,CAAxBQ,wBAAgCA,KAAW;AAAA,QAC9CR,EAAA,SAASQ,UAArBV,EAEO,QAFPW,GAEOC,EADFF,CAAW,GAAA,CAAA,WAEhBP,EAQEC,GAAA;AAAA;UANC,MAAMF,EAAA,IAAIQ,CAAW;AAAA,UACrB,UAAUA,CAAW;AAAA,UACtB,gBAAa;AAAA,UACb,OAAM;AAAA,UACN,OAAM;AAAA,UACN,aAAA;AAAA;;MAGaR,EAAA,iCAAjBC,EAAgHI,GAAA;AAAA;QAArE,OAAM;AAAA,QAAwB,OAAM;AAAA,QAAe,MAAK;AAAA;MAE3FL,EAAA,iCADRC,EAQEC,GAAA;AAAA;QANC,MAAMF,EAAA,IAAIA,EAAA,SAAS;AAAA,QACnB,UAAUA,EAAA,SAAS;AAAA,QACpB,gBAAa;AAAA,QACb,OAAM;AAAA,QACN,OAAM;AAAA,QACN,aAAA;AAAA;;IAGJG,EAOED,GAAA;AAAA,MANC,UAAUF,EAAA;AAAA,MACV,MAAOA,EAAA,eAA+B,SAAhBA,MAAIA,EAAA,QAAQ;AAAA,MACnC,gBAAa;AAAA,MACb,OAAM;AAAA,MACN,OAAM;AAAA,MACN,MAAK;AAAA;IAGCA,EAAA,4BADRC,EAQEC,GAAA;AAAA;MANC,UAAUF,EAAA;AAAA,MACV,MAAOA,EAAA,eAAgC,SAAjBA,MAAIA,EAAA,SAAS;AAAA,MACpC,gBAAa;AAAA,MACb,OAAM;AAAA,MACN,OAAM;AAAA,MACN,MAAK;AAAA;;;;"}
+{"version":3,"file":"NeonPagination.vue.es.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":"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"}

package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const u=require("./NeonImageCarousel.cjs.js"),e=require("vue"),c=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),d={class:"neon-image-carousel-wrapper"},m={class:"neon-image-carousel__container",tabindex:"-1"},p={ref:"carouselItems",class:"no-style neon-image-carousel__items"},g=["alt","src"],k={key:0,class:"neon-image-carousel__item-title"},v={class:"neon-image-carousel__nav",tabindex:"-1"},C=["onClickCapture"],_={key:0,class:"neon-image-carousel__label",tabindex:"-1"};function b(n,o,w,E,f,h){const l=e.resolveComponent("neon-button"),i=e.resolveComponent("neon-link"),r=e.resolveComponent("neon-stack");return e.openBlock(),e.createElementBlock("div",d,[e.createElementVNode("div",{class:e.normalizeClass([{"neon-image-carousel--initialised":n.initialised,"neon-image-carousel--expanded":n.isExpanded},"neon-image-carousel"]),tabindex:"0",onKeydown:[o[2]||(o[2]=e.withKeys(e.withModifiers((...t)=>n.previous&&n.previous(...t),["stop","prevent"]),["left"])),o[3]||(o[3]=e.withKeys(e.withModifiers((...t)=>n.next&&n.next(...t),["stop","prevent"]),["right"])),o[4]||(o[4]=e.withKeys(t=>n.isExpanded&&n.toggleExpanded(),["esc"]))]},[e.createElementVNode("div",m,[n.isExpanded?(e.openBlock(),e.createBlock(l,{key:0,title:n.closeLabel,"button-style":"text",class:"neon-image-carousel__close",color:"low-contrast",icon:"close",size:"l",transparent:"",onClick:o[0]||(o[0]=t=>n.isExpanded&&n.toggleExpanded())},null,8,["title"])):e.createCommentVNode("",!0),e.createVNode(l,{disabled:n.currentImage===0,title:n.previousLabel,transparent:!0,"button-style":"text",class:"neon-image-carousel__previous",color:"neutral",icon:"arrow-left-1",size:"l",onClickCapture:e.withModifiers(n.previous,["stop"])},null,8,["disabled","title","onClickCapture"]),e.createElementVNode("ul",p,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.images,(t,s)=>(e.openBlock(),e.createElementBlock("li",{key:t.src,ref_for:!0,ref:"carouselItem",class:e.normalizeClass([{"neon-image-carousel__item--active":s===n.currentImage},"neon-image-carousel__item"])},[e.createElementVNode("img",{alt:t.alt,src:t.src,class:"neon-image-carousel__image",onClick:o[1]||(o[1]=e.withModifiers(a=>!n.isExpanded&&n.toggleExpanded(),["stop"]))},null,8,g),n.isExpanded&&t.title?(e.openBlock(),e.createElementBlock("p",k,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0)],2))),128))],512),e.createVNode(l,{disabled:n.currentImage===n.images.length-1,title:n.nextLabel,transparent:!0,"button-style":"text",class:"neon-image-carousel__next",color:"neutral",icon:"arrow-right-1",size:"l",onClickCapture:e.withModifiers(n.next,["stop"])},null,8,["disabled","title","onClickCapture"])]),e.createVNode(r,{class:"neon-image-carousel__nav-container",gap:"s"},{default:e.withCtx(()=>[e.createElementVNode("div",v,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.images,(t,s)=>(e.openBlock(),e.createBlock(i,{key:s,"aria-label":`Display image ${s+1}`,class:"neon-image-carousel__nav-item-link","no-style":"","outline-style":"none",role:"button",tabindex:"0",onKeydownCapture:[e.withKeys(e.withModifiers(a=>n.scrollTo(s),["stop","prevent"]),["enter"]),e.withKeys(e.withModifiers(a=>n.scrollTo(s),["stop","prevent"]),["space"])]},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([{"neon-image-carousel__nav-item--active":s===n.currentImage},"neon-image-carousel__nav-item"]),tabindex:"-1",onClickCapture:e.withModifiers(a=>n.scrollTo(s),["stop"])},[...o[5]||(o[5]=[e.createElementVNode("div",{class:"neon-image-carousel__nav-item-indicator"},null,-1)])],42,C)]),_:2},1032,["aria-label","onKeydownCapture"]))),128))]),n.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",_,e.toDisplayString(n.imageCountLabel||`${n.images.length} ${n.images.length===1?"image":"images"}`),1))]),_:1})],34)])}const y=c(u,[["render",b]]);module.exports=y;
+"use strict";const c=require("./NeonImageCarousel.cjs.js"),e=require("vue"),u=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),d={class:"neon-image-carousel-wrapper"},m={class:"neon-image-carousel__container",tabindex:"-1"},p={ref:"carouselItems",class:"no-style neon-image-carousel__items"},g=["alt","src"],v={key:0,class:"neon-image-carousel__item-title"},k={class:"neon-image-carousel__nav",tabindex:"-1"},C=["onClickCapture"],_={key:0,class:"neon-image-carousel__label",tabindex:"-1"};function b(n,o,E,h,w,f){const l=e.resolveComponent("neon-button"),i=e.resolveComponent("neon-link"),r=e.resolveComponent("neon-stack");return e.openBlock(),e.createElementBlock("div",d,[e.createElementVNode("div",{class:e.normalizeClass([{"neon-image-carousel--initialised":n.initialised,"neon-image-carousel--expanded":n.isExpanded},"neon-image-carousel"]),tabindex:"0",onKeydown:[o[2]||(o[2]=e.withKeys(e.withModifiers((...t)=>n.previous&&n.previous(...t),["stop","prevent"]),["left"])),o[3]||(o[3]=e.withKeys(e.withModifiers((...t)=>n.next&&n.next(...t),["stop","prevent"]),["right"])),o[4]||(o[4]=e.withKeys(t=>n.isExpanded&&n.toggleExpanded(),["esc"]))]},[e.createElementVNode("div",m,[n.isExpanded?(e.openBlock(),e.createBlock(l,{key:0,title:n.closeLabel,"button-style":"text",class:"neon-image-carousel__close",color:"low-contrast",icon:"close",size:"l",transparent:"",onClick:o[0]||(o[0]=t=>n.isExpanded&&n.toggleExpanded())},null,8,["title"])):e.createCommentVNode("",!0),e.createVNode(l,{disabled:n.currentImage===0,title:n.previousLabel,transparent:!0,"button-style":"text",class:"neon-image-carousel__previous",color:"neutral",icon:"chevron-left",size:"l",onClickCapture:e.withModifiers(n.previous,["stop"])},null,8,["disabled","title","onClickCapture"]),e.createElementVNode("ul",p,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.images,(t,s)=>(e.openBlock(),e.createElementBlock("li",{key:t.src,ref_for:!0,ref:"carouselItem",class:e.normalizeClass([{"neon-image-carousel__item--active":s===n.currentImage},"neon-image-carousel__item"])},[e.createElementVNode("img",{alt:t.alt,src:t.src,class:"neon-image-carousel__image",onClick:o[1]||(o[1]=e.withModifiers(a=>!n.isExpanded&&n.toggleExpanded(),["stop"]))},null,8,g),n.isExpanded&&t.title?(e.openBlock(),e.createElementBlock("p",v,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0)],2))),128))],512),e.createVNode(l,{disabled:n.currentImage===n.images.length-1,title:n.nextLabel,transparent:!0,"button-style":"text",class:"neon-image-carousel__next",color:"neutral",icon:"chevron-right",size:"l",onClickCapture:e.withModifiers(n.next,["stop"])},null,8,["disabled","title","onClickCapture"])]),e.createVNode(r,{class:"neon-image-carousel__nav-container",gap:"s"},{default:e.withCtx(()=>[e.createElementVNode("div",k,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.images,(t,s)=>(e.openBlock(),e.createBlock(i,{key:s,"aria-label":`Display image ${s+1}`,class:"neon-image-carousel__nav-item-link","no-style":"","outline-style":"none",role:"button",tabindex:"0",onKeydownCapture:[e.withKeys(e.withModifiers(a=>n.scrollTo(s),["stop","prevent"]),["enter"]),e.withKeys(e.withModifiers(a=>n.scrollTo(s),["stop","prevent"]),["space"])]},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([{"neon-image-carousel__nav-item--active":s===n.currentImage},"neon-image-carousel__nav-item"]),tabindex:"-1",onClickCapture:e.withModifiers(a=>n.scrollTo(s),["stop"])},[...o[5]||(o[5]=[e.createElementVNode("div",{class:"neon-image-carousel__nav-item-indicator"},null,-1)])],42,C)]),_:2},1032,["aria-label","onKeydownCapture"]))),128))]),n.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",_,e.toDisplayString(n.imageCountLabel||`${n.images.length} ${n.images.length===1?"image":"images"}`),1))]),_:1})],34)])}const y=u(c,[["render",b]]);module.exports=y;
 //# sourceMappingURL=NeonImageCarousel.vue.cjs.js.map