@aotearoan/neon 25.0.2 → 25.2.0

package/dist/common/utils/RegisterIcons.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegisterIcons.es.js","sources":["../../../src/common/utils/RegisterIcons.ts"],"sourcesContent":["import { NeonIconRegistry } from './NeonIconRegistry';\nimport alignCenter from '@/common/icons/align-center.svg';\nimport alignLeft from '@/common/icons/align-left.svg';\nimport alignRight from '@/common/icons/align-right.svg';\nimport at from '@/common/icons/at.svg';\nimport calendar from '@/common/icons/calendar.svg';\nimport check from '@/common/icons/check.svg';\nimport checkCircle from '@/common/icons/check-circle.svg';\nimport chevronDown from '@/common/icons/chevron-down.svg';\nimport chevronLeft from '@/common/icons/chevron-left.svg';\nimport chevronRight from '@/common/icons/chevron-right.svg';\nimport chevronUp from '@/common/icons/chevron-up.svg';\nimport colorFilter from '@/common/icons/color-filter.svg';\nimport contrast from '@/common/icons/contrast.svg';\nimport copy from '@/common/icons/copy.svg';\nimport dash from '@/common/icons/dash.svg';\nimport desktop from '@/common/icons/desktop.svg';\nimport dot from '@/common/icons/dot.svg';\nimport download from '@/common/icons/download.svg';\nimport ellipsis from '@/common/icons/ellipsis.svg';\nimport exclamationCircle from '@/common/icons/exclamation-circle.svg';\nimport feather from '@/common/icons/feather.svg';\nimport github from '@/common/icons/github.svg';\nimport hammer from '@/common/icons/hammer.svg';\nimport heart from '@/common/icons/heart.svg';\nimport heartOutline from '@/common/icons/heart-outline.svg';\nimport htmlLogo from '@/common/icons/html-logo.svg';\nimport images from '@/common/icons/images.svg';\nimport infoCircle from '@/common/icons/info-circle.svg';\nimport lightModeSunny from '@/common/icons/light-mode-sunny.svg';\nimport linkExternal from '@/common/icons/link-external.svg';\nimport loading from '@/common/icons/loading.svg';\nimport lock from '@/common/icons/lock.svg';\nimport mail from '@/common/icons/mail.svg';\nimport menu from '@/common/icons/menu.svg';\nimport minus from '@/common/icons/minus.svg';\nimport moon from '@/common/icons/moon.svg';\nimport neonLogo from '@/common/icons/neon-logo.svg';\nimport neonWordmark from '@/common/icons/neon-wordmark.svg';\nimport palette from '@/common/icons/palette.svg';\nimport plus from '@/common/icons/plus.svg';\nimport send from '@/common/icons/send.svg';\nimport search from '@/common/icons/search.svg';\nimport sun from '@/common/icons/sun.svg';\nimport switchIcon from '@/common/icons/switch.svg';\nimport times from '@/common/icons/times.svg';\nimport timesCircle from '@/common/icons/times-circle.svg';\nimport user from '@/common/icons/user.svg';\nimport visibilityOff from '@/common/icons/visibility-off.svg';\nimport visibilityOn from '@/common/icons/visibility-on.svg';\n\n/**\n * A helper for initialising the provided set of Neon icons with the\n * <a href=\"/utils/NeonIconRegistry\">NeonIconRegistry</a>.\n */\nexport class RegisterIcons {\n  /**\n   * Register all Neon default icons in the NeonIconRegistry. Call this in an app's <em>main.ts</em> to use Neon's\n   * provided icons.\n   */\n  public static register() {\n    NeonIconRegistry.addIcon('align-center', alignCenter);\n    NeonIconRegistry.addIcon('align-left', alignLeft);\n    NeonIconRegistry.addIcon('align-right', alignRight);\n    NeonIconRegistry.addIcon('at', at);\n    NeonIconRegistry.addIcon('calendar', calendar);\n    NeonIconRegistry.addIcon('check', check);\n    NeonIconRegistry.addIcon('check-circle', checkCircle);\n    NeonIconRegistry.addIcon('chevron-down', chevronDown);\n    NeonIconRegistry.addIcon('chevron-left', chevronLeft);\n    NeonIconRegistry.addIcon('chevron-right', chevronRight);\n    NeonIconRegistry.addIcon('chevron-up', chevronUp);\n    NeonIconRegistry.addIcon('color-filter', colorFilter);\n    NeonIconRegistry.addIcon('contrast', contrast);\n    NeonIconRegistry.addIcon('copy', copy);\n    NeonIconRegistry.addIcon('dash', dash);\n    NeonIconRegistry.addIcon('desktop', desktop);\n    NeonIconRegistry.addIcon('dot', dot);\n    NeonIconRegistry.addIcon('download', download);\n    NeonIconRegistry.addIcon('ellipsis', ellipsis);\n    NeonIconRegistry.addIcon('exclamation-circle', exclamationCircle);\n    NeonIconRegistry.addIcon('feather', feather);\n    NeonIconRegistry.addIcon('github', github);\n    NeonIconRegistry.addIcon('hammer', hammer);\n    NeonIconRegistry.addIcon('heart', heart);\n    NeonIconRegistry.addIcon('heart-outline', heartOutline);\n    NeonIconRegistry.addIcon('html-logo', htmlLogo);\n    NeonIconRegistry.addIcon('images', images);\n    NeonIconRegistry.addIcon('info-circle', infoCircle);\n    NeonIconRegistry.addIcon('light-mode-sunny', lightModeSunny);\n    NeonIconRegistry.addIcon('link-external', linkExternal);\n    NeonIconRegistry.addIcon('loading', loading);\n    NeonIconRegistry.addIcon('lock', lock);\n    NeonIconRegistry.addIcon('mail', mail);\n    NeonIconRegistry.addIcon('menu', menu);\n    NeonIconRegistry.addIcon('minus', minus);\n    NeonIconRegistry.addIcon('moon', moon);\n    NeonIconRegistry.addIcon('neon-logo', neonLogo);\n    NeonIconRegistry.addIcon('neon-wordmark', neonWordmark);\n    NeonIconRegistry.addIcon('palette', palette);\n    NeonIconRegistry.addIcon('plus', plus);\n    NeonIconRegistry.addIcon('send', send);\n    NeonIconRegistry.addIcon('search', search);\n    NeonIconRegistry.addIcon('sun', sun);\n    NeonIconRegistry.addIcon('switch', switchIcon);\n    NeonIconRegistry.addIcon('times', times);\n    NeonIconRegistry.addIcon('times-circle', timesCircle);\n    NeonIconRegistry.addIcon('user', user);\n    NeonIconRegistry.addIcon('visibility-off', visibilityOff);\n    NeonIconRegistry.addIcon('visibility-on', visibilityOn);\n  }\n}\n"],"names":["RegisterIcons","NeonIconRegistry","alignCenter","alignLeft","alignRight","at","calendar","check","checkCircle","chevronDown","chevronLeft","chevronRight","chevronUp","colorFilter","contrast","copy","dash","desktop","dot","download","ellipsis","exclamationCircle","feather","github","hammer","heart","heartOutline","htmlLogo","images","infoCircle","lightModeSunny","linkExternal","loading","lock","mail","menu","minus","moon","neonLogo","neonWordmark","palette","plus","send","search","sun","switchIcon","times","timesCircle","user","visibilityOff","visibilityOn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDO,MAAMA,GAAc;AAAA;AAAA;AAAA;AAAA;AAAA,EAKzB,OAAc,WAAW;AACvB,IAAAC,EAAiB,QAAQ,gBAAgBC,CAAW,GACpDD,EAAiB,QAAQ,cAAcE,CAAS,GAChDF,EAAiB,QAAQ,eAAeG,CAAU,GAClDH,EAAiB,QAAQ,MAAMI,CAAE,GACjCJ,EAAiB,QAAQ,YAAYK,CAAQ,GAC7CL,EAAiB,QAAQ,SAASM,CAAK,GACvCN,EAAiB,QAAQ,gBAAgBO,CAAW,GACpDP,EAAiB,QAAQ,gBAAgBQ,CAAW,GACpDR,EAAiB,QAAQ,gBAAgBS,CAAW,GACpDT,EAAiB,QAAQ,iBAAiBU,CAAY,GACtDV,EAAiB,QAAQ,cAAcW,CAAS,GAChDX,EAAiB,QAAQ,gBAAgBY,CAAW,GACpDZ,EAAiB,QAAQ,YAAYa,CAAQ,GAC7Cb,EAAiB,QAAQ,QAAQc,CAAI,GACrCd,EAAiB,QAAQ,QAAQe,CAAI,GACrCf,EAAiB,QAAQ,WAAWgB,CAAO,GAC3ChB,EAAiB,QAAQ,OAAOiB,CAAG,GACnCjB,EAAiB,QAAQ,YAAYkB,CAAQ,GAC7ClB,EAAiB,QAAQ,YAAYmB,CAAQ,GAC7CnB,EAAiB,QAAQ,sBAAsBoB,CAAiB,GAChEpB,EAAiB,QAAQ,WAAWqB,CAAO,GAC3CrB,EAAiB,QAAQ,UAAUsB,CAAM,GACzCtB,EAAiB,QAAQ,UAAUuB,CAAM,GACzCvB,EAAiB,QAAQ,SAASwB,CAAK,GACvCxB,EAAiB,QAAQ,iBAAiByB,CAAY,GACtDzB,EAAiB,QAAQ,aAAa0B,CAAQ,GAC9C1B,EAAiB,QAAQ,UAAU2B,CAAM,GACzC3B,EAAiB,QAAQ,eAAe4B,CAAU,GAClD5B,EAAiB,QAAQ,oBAAoB6B,CAAc,GAC3D7B,EAAiB,QAAQ,iBAAiB8B,CAAY,GACtD9B,EAAiB,QAAQ,WAAW+B,CAAO,GAC3C/B,EAAiB,QAAQ,QAAQgC,CAAI,GACrChC,EAAiB,QAAQ,QAAQiC,CAAI,GACrCjC,EAAiB,QAAQ,QAAQkC,CAAI,GACrClC,EAAiB,QAAQ,SAASmC,CAAK,GACvCnC,EAAiB,QAAQ,QAAQoC,CAAI,GACrCpC,EAAiB,QAAQ,aAAaqC,CAAQ,GAC9CrC,EAAiB,QAAQ,iBAAiBsC,CAAY,GACtDtC,EAAiB,QAAQ,WAAWuC,CAAO,GAC3CvC,EAAiB,QAAQ,QAAQwC,CAAI,GACrCxC,EAAiB,QAAQ,QAAQyC,CAAI,GACrCzC,EAAiB,QAAQ,UAAU0C,CAAM,GACzC1C,EAAiB,QAAQ,OAAO2C,CAAG,GACnC3C,EAAiB,QAAQ,UAAU4C,CAAU,GAC7C5C,EAAiB,QAAQ,SAAS6C,CAAK,GACvC7C,EAAiB,QAAQ,gBAAgB8C,CAAW,GACpD9C,EAAiB,QAAQ,QAAQ+C,CAAI,GACrC/C,EAAiB,QAAQ,kBAAkBgD,CAAa,GACxDhD,EAAiB,QAAQ,iBAAiBiD,CAAY;AAAA,EACxD;AACF;"}
+{"version":3,"file":"RegisterIcons.es.js","sources":["../../../src/common/utils/RegisterIcons.ts"],"sourcesContent":["import { NeonIconRegistry } from './NeonIconRegistry';\nimport alignCenter from '@/common/icons/align-center.svg';\nimport alignLeft from '@/common/icons/align-left.svg';\nimport alignRight from '@/common/icons/align-right.svg';\nimport at from '@/common/icons/at.svg';\nimport calendar from '@/common/icons/calendar.svg';\nimport check from '@/common/icons/check.svg';\nimport checkCircle from '@/common/icons/check-circle.svg';\nimport chevronDown from '@/common/icons/chevron-down.svg';\nimport chevronLeft from '@/common/icons/chevron-left.svg';\nimport chevronRight from '@/common/icons/chevron-right.svg';\nimport chevronUp from '@/common/icons/chevron-up.svg';\nimport colorFilter from '@/common/icons/color-filter.svg';\nimport contrast from '@/common/icons/contrast.svg';\nimport copy from '@/common/icons/copy.svg';\nimport dash from '@/common/icons/dash.svg';\nimport desktop from '@/common/icons/desktop.svg';\nimport dot from '@/common/icons/dot.svg';\nimport download from '@/common/icons/download.svg';\nimport ellipsis from '@/common/icons/ellipsis.svg';\nimport exclamationCircle from '@/common/icons/exclamation-circle.svg';\nimport feather from '@/common/icons/feather.svg';\nimport firstPage from '@/common/icons/first-page.svg';\nimport github from '@/common/icons/github.svg';\nimport hammer from '@/common/icons/hammer.svg';\nimport heart from '@/common/icons/heart.svg';\nimport heartOutline from '@/common/icons/heart-outline.svg';\nimport htmlLogo from '@/common/icons/html-logo.svg';\nimport images from '@/common/icons/images.svg';\nimport infoCircle from '@/common/icons/info-circle.svg';\nimport lastPage from '@/common/icons/last-page.svg';\nimport lightModeSunny from '@/common/icons/light-mode-sunny.svg';\nimport linkExternal from '@/common/icons/link-external.svg';\nimport loading from '@/common/icons/loading.svg';\nimport lock from '@/common/icons/lock.svg';\nimport mail from '@/common/icons/mail.svg';\nimport menu from '@/common/icons/menu.svg';\nimport minus from '@/common/icons/minus.svg';\nimport moon from '@/common/icons/moon.svg';\nimport neonLogo from '@/common/icons/neon-logo.svg';\nimport neonWordmark from '@/common/icons/neon-wordmark.svg';\nimport palette from '@/common/icons/palette.svg';\nimport plus from '@/common/icons/plus.svg';\nimport send from '@/common/icons/send.svg';\nimport search from '@/common/icons/search.svg';\nimport sun from '@/common/icons/sun.svg';\nimport switchIcon from '@/common/icons/switch.svg';\nimport times from '@/common/icons/times.svg';\nimport timesCircle from '@/common/icons/times-circle.svg';\nimport user from '@/common/icons/user.svg';\nimport visibilityOff from '@/common/icons/visibility-off.svg';\nimport visibilityOn from '@/common/icons/visibility-on.svg';\n\n/**\n * A helper for initialising the provided set of Neon icons with the\n * <a href=\"/utils/NeonIconRegistry\">NeonIconRegistry</a>.\n */\nexport class RegisterIcons {\n  /**\n   * Register all Neon default icons in the NeonIconRegistry. Call this in an app's <em>main.ts</em> to use Neon's\n   * provided icons.\n   */\n  public static register() {\n    NeonIconRegistry.addIcon('align-center', alignCenter);\n    NeonIconRegistry.addIcon('align-left', alignLeft);\n    NeonIconRegistry.addIcon('align-right', alignRight);\n    NeonIconRegistry.addIcon('at', at);\n    NeonIconRegistry.addIcon('calendar', calendar);\n    NeonIconRegistry.addIcon('check', check);\n    NeonIconRegistry.addIcon('check-circle', checkCircle);\n    NeonIconRegistry.addIcon('chevron-down', chevronDown);\n    NeonIconRegistry.addIcon('chevron-left', chevronLeft);\n    NeonIconRegistry.addIcon('chevron-right', chevronRight);\n    NeonIconRegistry.addIcon('chevron-up', chevronUp);\n    NeonIconRegistry.addIcon('color-filter', colorFilter);\n    NeonIconRegistry.addIcon('contrast', contrast);\n    NeonIconRegistry.addIcon('copy', copy);\n    NeonIconRegistry.addIcon('dash', dash);\n    NeonIconRegistry.addIcon('desktop', desktop);\n    NeonIconRegistry.addIcon('dot', dot);\n    NeonIconRegistry.addIcon('download', download);\n    NeonIconRegistry.addIcon('ellipsis', ellipsis);\n    NeonIconRegistry.addIcon('exclamation-circle', exclamationCircle);\n    NeonIconRegistry.addIcon('feather', feather);\n    NeonIconRegistry.addIcon('first-page', firstPage);\n    NeonIconRegistry.addIcon('github', github);\n    NeonIconRegistry.addIcon('hammer', hammer);\n    NeonIconRegistry.addIcon('heart', heart);\n    NeonIconRegistry.addIcon('heart-outline', heartOutline);\n    NeonIconRegistry.addIcon('html-logo', htmlLogo);\n    NeonIconRegistry.addIcon('images', images);\n    NeonIconRegistry.addIcon('info-circle', infoCircle);\n    NeonIconRegistry.addIcon('last-page', lastPage);\n    NeonIconRegistry.addIcon('light-mode-sunny', lightModeSunny);\n    NeonIconRegistry.addIcon('link-external', linkExternal);\n    NeonIconRegistry.addIcon('loading', loading);\n    NeonIconRegistry.addIcon('lock', lock);\n    NeonIconRegistry.addIcon('mail', mail);\n    NeonIconRegistry.addIcon('menu', menu);\n    NeonIconRegistry.addIcon('minus', minus);\n    NeonIconRegistry.addIcon('moon', moon);\n    NeonIconRegistry.addIcon('neon-logo', neonLogo);\n    NeonIconRegistry.addIcon('neon-wordmark', neonWordmark);\n    NeonIconRegistry.addIcon('palette', palette);\n    NeonIconRegistry.addIcon('plus', plus);\n    NeonIconRegistry.addIcon('send', send);\n    NeonIconRegistry.addIcon('search', search);\n    NeonIconRegistry.addIcon('sun', sun);\n    NeonIconRegistry.addIcon('switch', switchIcon);\n    NeonIconRegistry.addIcon('times', times);\n    NeonIconRegistry.addIcon('times-circle', timesCircle);\n    NeonIconRegistry.addIcon('user', user);\n    NeonIconRegistry.addIcon('visibility-off', visibilityOff);\n    NeonIconRegistry.addIcon('visibility-on', visibilityOn);\n  }\n}\n"],"names":["RegisterIcons","NeonIconRegistry","alignCenter","alignLeft","alignRight","at","calendar","check","checkCircle","chevronDown","chevronLeft","chevronRight","chevronUp","colorFilter","contrast","copy","dash","desktop","dot","download","ellipsis","exclamationCircle","feather","firstPage","github","hammer","heart","heartOutline","htmlLogo","images","infoCircle","lastPage","lightModeSunny","linkExternal","loading","lock","mail","menu","minus","moon","neonLogo","neonWordmark","palette","plus","send","search","sun","switchIcon","times","timesCircle","user","visibilityOff","visibilityOn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDO,MAAMA,GAAc;AAAA;AAAA;AAAA;AAAA;AAAA,EAKzB,OAAc,WAAW;AACvB,IAAAC,EAAiB,QAAQ,gBAAgBC,CAAW,GACpDD,EAAiB,QAAQ,cAAcE,CAAS,GAChDF,EAAiB,QAAQ,eAAeG,CAAU,GAClDH,EAAiB,QAAQ,MAAMI,CAAE,GACjCJ,EAAiB,QAAQ,YAAYK,CAAQ,GAC7CL,EAAiB,QAAQ,SAASM,CAAK,GACvCN,EAAiB,QAAQ,gBAAgBO,CAAW,GACpDP,EAAiB,QAAQ,gBAAgBQ,CAAW,GACpDR,EAAiB,QAAQ,gBAAgBS,CAAW,GACpDT,EAAiB,QAAQ,iBAAiBU,CAAY,GACtDV,EAAiB,QAAQ,cAAcW,CAAS,GAChDX,EAAiB,QAAQ,gBAAgBY,CAAW,GACpDZ,EAAiB,QAAQ,YAAYa,CAAQ,GAC7Cb,EAAiB,QAAQ,QAAQc,CAAI,GACrCd,EAAiB,QAAQ,QAAQe,CAAI,GACrCf,EAAiB,QAAQ,WAAWgB,CAAO,GAC3ChB,EAAiB,QAAQ,OAAOiB,CAAG,GACnCjB,EAAiB,QAAQ,YAAYkB,CAAQ,GAC7ClB,EAAiB,QAAQ,YAAYmB,CAAQ,GAC7CnB,EAAiB,QAAQ,sBAAsBoB,CAAiB,GAChEpB,EAAiB,QAAQ,WAAWqB,CAAO,GAC3CrB,EAAiB,QAAQ,cAAcsB,CAAS,GAChDtB,EAAiB,QAAQ,UAAUuB,CAAM,GACzCvB,EAAiB,QAAQ,UAAUwB,CAAM,GACzCxB,EAAiB,QAAQ,SAASyB,CAAK,GACvCzB,EAAiB,QAAQ,iBAAiB0B,CAAY,GACtD1B,EAAiB,QAAQ,aAAa2B,CAAQ,GAC9C3B,EAAiB,QAAQ,UAAU4B,CAAM,GACzC5B,EAAiB,QAAQ,eAAe6B,CAAU,GAClD7B,EAAiB,QAAQ,aAAa8B,CAAQ,GAC9C9B,EAAiB,QAAQ,oBAAoB+B,CAAc,GAC3D/B,EAAiB,QAAQ,iBAAiBgC,CAAY,GACtDhC,EAAiB,QAAQ,WAAWiC,CAAO,GAC3CjC,EAAiB,QAAQ,QAAQkC,CAAI,GACrClC,EAAiB,QAAQ,QAAQmC,CAAI,GACrCnC,EAAiB,QAAQ,QAAQoC,CAAI,GACrCpC,EAAiB,QAAQ,SAASqC,CAAK,GACvCrC,EAAiB,QAAQ,QAAQsC,CAAI,GACrCtC,EAAiB,QAAQ,aAAauC,CAAQ,GAC9CvC,EAAiB,QAAQ,iBAAiBwC,CAAY,GACtDxC,EAAiB,QAAQ,WAAWyC,CAAO,GAC3CzC,EAAiB,QAAQ,QAAQ0C,CAAI,GACrC1C,EAAiB,QAAQ,QAAQ2C,CAAI,GACrC3C,EAAiB,QAAQ,UAAU4C,CAAM,GACzC5C,EAAiB,QAAQ,OAAO6C,CAAG,GACnC7C,EAAiB,QAAQ,UAAU8C,CAAU,GAC7C9C,EAAiB,QAAQ,SAAS+C,CAAK,GACvC/C,EAAiB,QAAQ,gBAAgBgD,CAAW,GACpDhD,EAAiB,QAAQ,QAAQiD,CAAI,GACrCjD,EAAiB,QAAQ,kBAAkBkD,CAAa,GACxDlD,EAAiB,QAAQ,iBAAiBmD,CAAY;AAAA,EACxD;AACF;"}

package/dist/components/layout/card-list/NeonCardList.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),n=require("../../user-input/button/NeonButton.vue.cjs.js"),r=require("./card/NeonCardListCard.vue.cjs.js"),u=require("../inline/NeonInline.vue.cjs.js"),l=require("../../navigation/link/NeonLink.vue.cjs.js"),i=require("../stack/NeonStack.vue.cjs.js"),s=require("../../../common/enums/NeonButtonStyle.cjs.js"),a=require("../../../common/enums/NeonSize.cjs.js"),c=require("../../../common/enums/NeonFunctionalColor.cjs.js"),N=require("../../../common/utils/NeonNumberUtils.cjs.js"),p=t.defineComponent({name:"NeonCardList",components:{NeonButton:n,NeonCardListCard:r,NeonInline:u,NeonLink:l,NeonStack:i},props:{model:{type:Array,required:!0},total:{type:Number,default:null},color:{type:String,default:null},clickable:{type:Boolean,default:!1},ofLabel:{type:String,default:"of"},showMoreLabel:{type:String,default:"Show more"},endOfResultsLabel:{type:String,default:"End of results"}},emits:["show-more","click"],setup(d,{emit:e}){return{emit:e,n:o=>N.NeonNumberUtils.formatNumber(o),NeonButtonStyle:s.NeonButtonStyle,NeonFunctionalColor:c.NeonFunctionalColor,NeonSize:a.NeonSize}}});module.exports=p;
+"use strict";const o=require("vue"),c=require("../../user-input/button/NeonButton.vue.cjs.js"),s=require("../inline/NeonInline.vue.cjs.js"),d=require("../../navigation/link/NeonLink.vue.cjs.js"),m=require("../../navigation/pagination/NeonPagination.vue.cjs.js"),N=require("../stack/NeonStack.vue.cjs.js"),f=require("../../../common/enums/NeonButtonStyle.cjs.js"),b=require("../../../common/enums/NeonSize.cjs.js"),q=require("../../../common/enums/NeonFunctionalColor.cjs.js"),O=require("../../../common/utils/NeonNumberUtils.cjs.js"),S=o.defineComponent({name:"NeonCardList",components:{NeonPagination:m,NeonButton:c,NeonInline:s,NeonLink:d,NeonStack:N},props:{items:{type:Array,required:!0},color:{type:String,default:null},loadOnDemand:{type:Object},pagination:{type:Object}},emits:["show-more"],setup(n,{emit:r}){const i=o.computed(()=>{var e;if(!n.pagination)return((e=n.loadOnDemand)==null?void 0:e.ofLabel)??"of"}),a=o.computed(()=>{var e;if(!n.pagination)return((e=n.loadOnDemand)==null?void 0:e.showMoreLabel)??"Show more"}),u=o.computed(()=>{var e;if(!n.pagination)return((e=n.loadOnDemand)==null?void 0:e.endOfResultsLabel)??"End of results"}),l=o.computed(()=>{var e,t;return((e=n.loadOnDemand)==null?void 0:e.total)??((t=n.pagination)==null?void 0:t.total)??0});return{emit:r,n:O.NeonNumberUtils.formatNumber,NeonButtonStyle:f.NeonButtonStyle,NeonFunctionalColor:q.NeonFunctionalColor,NeonSize:b.NeonSize,ofLabel:i,showMoreLabel:a,endOfResultsLabel:u,total:l}}});module.exports=S;
 //# sourceMappingURL=NeonCardList.cjs.js.map

package/dist/components/layout/card-list/NeonCardList.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonCardList.cjs.js","sources":["../../../../src/components/layout/card-list/NeonCardList.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonCardListCard from './card/NeonCardListCard.vue';\nimport NeonInline from '@/components/layout/inline/NeonInline.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonStack from '@/components/layout/stack/NeonStack.vue';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport type { NeonCardListModel } from '@/common/models/NeonCardListModel';\nimport { NeonNumberUtils } from '@/common/utils/NeonNumberUtils';\n\n/**\n * Represent lists of objects as cards. This is intended to be a more responsive replacement for tables. This component\n * will display a list of items as cards with a count (x of y) and a <em>Show more</em> button to load more results.\n * There is also a slot for adding filtering or other content above the list. A slot is provided with card model & index\n * parameters for customising how to display the model for each card.\n */\nexport default defineComponent({\n  name: 'NeonCardList',\n  components: {\n    NeonButton,\n    NeonCardListCard,\n    NeonInline,\n    NeonLink,\n    NeonStack,\n  },\n  props: {\n    /**\n     * Model for a card in the list. This is passed through to the #card slot allowing the parent component to provide\n     * the card layout.\n     */\n    model: { type: Array as () => Array<NeonCardListModel>, required: true },\n    /**\n     * For pagination - the total count of records including those not displayed.\n     */\n    total: { type: Number, default: null },\n    /**\n     * Specify a hover color for the cards.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Specify cards are clickable. This will return click events when cards are clicked on. NOTE: use the href in the\n     * card model instead of clickable=true if cards are links.\n     */\n    clickable: { type: Boolean, default: false },\n    /**\n     * override the default 'x of y' text.\n     */\n    ofLabel: { type: String, default: 'of' },\n    /**\n     * override the 'Show more' text.\n     */\n    showMoreLabel: { type: String, default: 'Show more' },\n    /**\n     * override the 'End of results' text.\n     */\n    endOfResultsLabel: { type: String, default: 'End of results' },\n  },\n  emits: [\n    /**\n     * Emitted when the 'Show more' button is clicked.\n     * @type {void}\n     */\n    'show-more',\n    /**\n     * Emitted when a cards are clickable & a card is clicked & not disabled.\n     * @type index {number}\n     */\n    'click',\n  ],\n  setup(_props, { emit }) {\n    const n = (value: number) => NeonNumberUtils.formatNumber(value);\n\n    return {\n      emit,\n      n,\n      NeonButtonStyle,\n      NeonFunctionalColor,\n      NeonSize,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonCardListCard","NeonInline","NeonLink","NeonStack","_props","emit","value","NeonNumberUtils","NeonButtonStyle","NeonFunctionalColor","NeonSize"],"mappings":"mgBAkBAA,EAAeC,kBAAgB,CAC7B,KAAM,eACN,WAAY,CACV,WAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,SAAAC,EACA,UAAAC,CAAA,EAEF,MAAO,CAKL,MAAO,CAAE,KAAM,MAAyC,SAAU,EAAA,EAIlE,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIhC,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAA,EAK7D,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,EAIrC,QAAS,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIlC,cAAe,CAAE,KAAM,OAAQ,QAAS,WAAA,EAIxC,kBAAmB,CAAE,KAAM,OAAQ,QAAS,gBAAA,CAAiB,EAE/D,MAAO,CAKL,YAKA,OAAA,EAEF,MAAMC,EAAQ,CAAE,KAAAC,GAAQ,CAGtB,MAAO,CACL,KAAAA,EACA,EAJSC,GAAkBC,EAAAA,gBAAgB,aAAaD,CAAK,EAI7D,gBACAE,EAAAA,gBAAA,oBACAC,EAAAA,oBAAA,SACAC,EAAAA,QAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonCardList.cjs.js","sources":["../../../../src/components/layout/card-list/NeonCardList.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent } from 'vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInline from '@/components/layout/inline/NeonInline.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonPagination from '@/components/navigation/pagination/NeonPagination.vue';\nimport NeonStack from '@/components/layout/stack/NeonStack.vue';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport type { NeonCardListModel } from '@/common/models/NeonCardListModel';\nimport { NeonNumberUtils } from '@/common/utils/NeonNumberUtils';\nimport type { NeonLoadOnDemandModel } from '@/common/models/NeonLoadOnDemandModel';\nimport type { NeonPaginationModel } from '@/common/models/NeonPaginationModel';\nimport type { NeonIdentifiable } from '@/common/models/NeonIdentifiable';\n\n/**\n * Represent lists of objects as cards. This is intended to be a more responsive replacement for tables. This component\n * will display a list of items as cards with a count (x of y) and a <em>Show more</em> button to load more results.\n * There is also a slot for adding filtering or other content above the list. A slot is provided with card model & index\n * parameters for customising how to display the model for each card.\n */\nexport default defineComponent({\n  name: 'NeonCardList',\n  components: {\n    NeonPagination,\n    NeonButton,\n    NeonInline,\n    NeonLink,\n    NeonStack,\n  },\n  props: {\n    /**\n     * Items to display as cards. Each item should be a NeonCardListModel.\n     */\n    items: { type: Array as () => Array<NeonCardListModel<NeonIdentifiable>>, required: true },\n    /**\n     * Specify a hover color for the cards.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Model for configuring the on demand loading layout.\n     */\n    loadOnDemand: { type: Object as () => NeonLoadOnDemandModel },\n    /**\n     * Model for configuring pagination, either pagination or loadOnDemand should be provided.\n     */\n    pagination: { type: Object as () => NeonPaginationModel },\n  },\n  emits: [\n    /**\n     * Emitted when the 'Show more' button is clicked in \"on demand\" mode.\n     * @type {void}\n     */\n    'show-more',\n  ],\n  setup(props, { emit }) {\n    const ofLabel = computed(() => {\n      if (!props.pagination) {\n        return props.loadOnDemand?.ofLabel ?? 'of';\n      }\n\n      return undefined;\n    });\n\n    const showMoreLabel = computed(() => {\n      if (!props.pagination) {\n        return props.loadOnDemand?.showMoreLabel ?? 'Show more';\n      }\n\n      return undefined;\n    });\n\n    const endOfResultsLabel = computed(() => {\n      if (!props.pagination) {\n        return props.loadOnDemand?.endOfResultsLabel ?? 'End of results';\n      }\n\n      return undefined;\n    });\n\n    const total = computed(() => props.loadOnDemand?.total ?? props.pagination?.total ?? 0);\n\n    return {\n      emit,\n      n: NeonNumberUtils.formatNumber,\n      NeonButtonStyle,\n      NeonFunctionalColor,\n      NeonSize,\n      ofLabel,\n      showMoreLabel,\n      endOfResultsLabel,\n      total,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonPagination","NeonButton","NeonInline","NeonLink","NeonStack","props","emit","ofLabel","computed","_a","showMoreLabel","endOfResultsLabel","total","_b","NeonNumberUtils","NeonButtonStyle","NeonFunctionalColor","NeonSize"],"mappings":"shBAqBAA,EAAeC,kBAAgB,CAC7B,KAAM,eACN,WAAY,CACV,eAAAC,EACA,WAAAC,EACA,WAAAC,EACA,SAAAC,EACA,UAAAC,CAAA,EAEF,MAAO,CAIL,MAAO,CAAE,KAAM,MAA2D,SAAU,EAAA,EAIpF,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAA,EAI7D,aAAc,CAAE,KAAM,MAAA,EAItB,WAAY,CAAE,KAAM,MAAA,CAAoC,EAE1D,MAAO,CAKL,WAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAUC,EAAAA,SAAS,IAAM,OAC7B,GAAI,CAACH,EAAM,WACT,QAAOI,EAAAJ,EAAM,eAAN,YAAAI,EAAoB,UAAW,IAI1C,CAAC,EAEKC,EAAgBF,EAAAA,SAAS,IAAM,OACnC,GAAI,CAACH,EAAM,WACT,QAAOI,EAAAJ,EAAM,eAAN,YAAAI,EAAoB,gBAAiB,WAIhD,CAAC,EAEKE,EAAoBH,EAAAA,SAAS,IAAM,OACvC,GAAI,CAACH,EAAM,WACT,QAAOI,EAAAJ,EAAM,eAAN,YAAAI,EAAoB,oBAAqB,gBAIpD,CAAC,EAEKG,EAAQJ,WAAS,IAAA,SAAM,QAAAC,EAAAJ,EAAM,eAAN,YAAAI,EAAoB,UAASI,EAAAR,EAAM,aAAN,YAAAQ,EAAkB,QAAS,EAAC,EAEtF,MAAO,CACL,KAAAP,EACA,EAAGQ,EAAAA,gBAAgB,aAAA,gBACnBC,EAAAA,gBAAA,oBACAC,EAAAA,oBAAA,SACAC,EAAAA,SACA,QAAAV,EACA,cAAAG,EACA,kBAAAC,EACA,MAAAC,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/layout/card-list/NeonCardList.es.js

@@ -1,77 +1,78 @@
-import { defineComponent as t } from "vue";
-import r from "../../user-input/button/NeonButton.vue.es.js";
-import n from "./card/NeonCardListCard.vue.es.js";
-import m from "../inline/NeonInline.vue.es.js";
-import l from "../../navigation/link/NeonLink.vue.es.js";
-import i from "../stack/NeonStack.vue.es.js";
-import { NeonButtonStyle as f } from "../../../common/enums/NeonButtonStyle.es.js";
-import { NeonSize as p } from "../../../common/enums/NeonSize.es.js";
-import { NeonFunctionalColor as a } from "../../../common/enums/NeonFunctionalColor.es.js";
-import { NeonNumberUtils as u } from "../../../common/utils/NeonNumberUtils.es.js";
-const w = t({
+import { defineComponent as f, computed as t } from "vue";
+import d from "../../user-input/button/NeonButton.vue.es.js";
+import u from "../inline/NeonInline.vue.es.js";
+import s from "../../navigation/link/NeonLink.vue.es.js";
+import c from "../../navigation/pagination/NeonPagination.vue.es.js";
+import p from "../stack/NeonStack.vue.es.js";
+import { NeonButtonStyle as N } from "../../../common/enums/NeonButtonStyle.es.js";
+import { NeonSize as b } from "../../../common/enums/NeonSize.es.js";
+import { NeonFunctionalColor as O } from "../../../common/enums/NeonFunctionalColor.es.js";
+import { NeonNumberUtils as L } from "../../../common/utils/NeonNumberUtils.es.js";
+const B = f({
   name: "NeonCardList",
   components: {
-    NeonButton: r,
-    NeonCardListCard: n,
-    NeonInline: m,
-    NeonLink: l,
-    NeonStack: i
+    NeonPagination: c,
+    NeonButton: d,
+    NeonInline: u,
+    NeonLink: s,
+    NeonStack: p
   },
   props: {
     /**
-     * Model for a card in the list. This is passed through to the #card slot allowing the parent component to provide
-     * the card layout.
+     * Items to display as cards. Each item should be a NeonCardListModel.
      */
-    model: { type: Array, required: !0 },
-    /**
-     * For pagination - the total count of records including those not displayed.
-     */
-    total: { type: Number, default: null },
+    items: { type: Array, required: !0 },
     /**
      * Specify a hover color for the cards.
      */
     color: { type: String, default: null },
     /**
-     * Specify cards are clickable. This will return click events when cards are clicked on. NOTE: use the href in the
-     * card model instead of clickable=true if cards are links.
-     */
-    clickable: { type: Boolean, default: !1 },
-    /**
-     * override the default 'x of y' text.
+     * Model for configuring the on demand loading layout.
      */
-    ofLabel: { type: String, default: "of" },
+    loadOnDemand: { type: Object },
     /**
-     * override the 'Show more' text.
+     * Model for configuring pagination, either pagination or loadOnDemand should be provided.
      */
-    showMoreLabel: { type: String, default: "Show more" },
-    /**
-     * override the 'End of results' text.
-     */
-    endOfResultsLabel: { type: String, default: "End of results" }
+    pagination: { type: Object }
   },
   emits: [
     /**
-     * Emitted when the 'Show more' button is clicked.
+     * Emitted when the 'Show more' button is clicked in "on demand" mode.
      * @type {void}
      */
-    "show-more",
-    /**
-     * Emitted when a cards are clickable & a card is clicked & not disabled.
-     * @type index {number}
-     */
-    "click"
+    "show-more"
   ],
-  setup(s, { emit: o }) {
+  setup(n, { emit: r }) {
+    const a = t(() => {
+      var o;
+      if (!n.pagination)
+        return ((o = n.loadOnDemand) == null ? void 0 : o.ofLabel) ?? "of";
+    }), i = t(() => {
+      var o;
+      if (!n.pagination)
+        return ((o = n.loadOnDemand) == null ? void 0 : o.showMoreLabel) ?? "Show more";
+    }), m = t(() => {
+      var o;
+      if (!n.pagination)
+        return ((o = n.loadOnDemand) == null ? void 0 : o.endOfResultsLabel) ?? "End of results";
+    }), l = t(() => {
+      var o, e;
+      return ((o = n.loadOnDemand) == null ? void 0 : o.total) ?? ((e = n.pagination) == null ? void 0 : e.total) ?? 0;
+    });
     return {
-      emit: o,
-      n: (e) => u.formatNumber(e),
-      NeonButtonStyle: f,
-      NeonFunctionalColor: a,
-      NeonSize: p
+      emit: r,
+      n: L.formatNumber,
+      NeonButtonStyle: N,
+      NeonFunctionalColor: O,
+      NeonSize: b,
+      ofLabel: a,
+      showMoreLabel: i,
+      endOfResultsLabel: m,
+      total: l
     };
   }
 });
 export {
-  w as default
+  B as default
 };
 //# sourceMappingURL=NeonCardList.es.js.map

package/dist/components/layout/card-list/NeonCardList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonCardList.es.js","sources":["../../../../src/components/layout/card-list/NeonCardList.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonCardListCard from './card/NeonCardListCard.vue';\nimport NeonInline from '@/components/layout/inline/NeonInline.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonStack from '@/components/layout/stack/NeonStack.vue';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport type { NeonCardListModel } from '@/common/models/NeonCardListModel';\nimport { NeonNumberUtils } from '@/common/utils/NeonNumberUtils';\n\n/**\n * Represent lists of objects as cards. This is intended to be a more responsive replacement for tables. This component\n * will display a list of items as cards with a count (x of y) and a <em>Show more</em> button to load more results.\n * There is also a slot for adding filtering or other content above the list. A slot is provided with card model & index\n * parameters for customising how to display the model for each card.\n */\nexport default defineComponent({\n  name: 'NeonCardList',\n  components: {\n    NeonButton,\n    NeonCardListCard,\n    NeonInline,\n    NeonLink,\n    NeonStack,\n  },\n  props: {\n    /**\n     * Model for a card in the list. This is passed through to the #card slot allowing the parent component to provide\n     * the card layout.\n     */\n    model: { type: Array as () => Array<NeonCardListModel>, required: true },\n    /**\n     * For pagination - the total count of records including those not displayed.\n     */\n    total: { type: Number, default: null },\n    /**\n     * Specify a hover color for the cards.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Specify cards are clickable. This will return click events when cards are clicked on. NOTE: use the href in the\n     * card model instead of clickable=true if cards are links.\n     */\n    clickable: { type: Boolean, default: false },\n    /**\n     * override the default 'x of y' text.\n     */\n    ofLabel: { type: String, default: 'of' },\n    /**\n     * override the 'Show more' text.\n     */\n    showMoreLabel: { type: String, default: 'Show more' },\n    /**\n     * override the 'End of results' text.\n     */\n    endOfResultsLabel: { type: String, default: 'End of results' },\n  },\n  emits: [\n    /**\n     * Emitted when the 'Show more' button is clicked.\n     * @type {void}\n     */\n    'show-more',\n    /**\n     * Emitted when a cards are clickable & a card is clicked & not disabled.\n     * @type index {number}\n     */\n    'click',\n  ],\n  setup(_props, { emit }) {\n    const n = (value: number) => NeonNumberUtils.formatNumber(value);\n\n    return {\n      emit,\n      n,\n      NeonButtonStyle,\n      NeonFunctionalColor,\n      NeonSize,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonCardListCard","NeonInline","NeonLink","NeonStack","_props","emit","value","NeonNumberUtils","NeonButtonStyle","NeonFunctionalColor","NeonSize"],"mappings":";;;;;;;;;;AAkBA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,YAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO,EAAE,MAAM,OAAyC,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIlE,OAAO,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,OAAO,EAAE,MAAM,QAAqC,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAK7D,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIrC,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAIlC,eAAe,EAAE,MAAM,QAAQ,SAAS,YAAA;AAAA;AAAA;AAAA;AAAA,IAIxC,mBAAmB,EAAE,MAAM,QAAQ,SAAS,iBAAA;AAAA,EAAiB;AAAA,EAE/D,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAQ,EAAE,MAAAC,KAAQ;AAGtB,WAAO;AAAA,MACL,MAAAA;AAAA,MACA,GAJQ,CAACC,MAAkBC,EAAgB,aAAaD,CAAK;AAAA,MAK7D,iBAAAE;AAAA,MACA,qBAAAC;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonCardList.es.js","sources":["../../../../src/components/layout/card-list/NeonCardList.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent } from 'vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\nimport NeonInline from '@/components/layout/inline/NeonInline.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonPagination from '@/components/navigation/pagination/NeonPagination.vue';\nimport NeonStack from '@/components/layout/stack/NeonStack.vue';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport type { NeonCardListModel } from '@/common/models/NeonCardListModel';\nimport { NeonNumberUtils } from '@/common/utils/NeonNumberUtils';\nimport type { NeonLoadOnDemandModel } from '@/common/models/NeonLoadOnDemandModel';\nimport type { NeonPaginationModel } from '@/common/models/NeonPaginationModel';\nimport type { NeonIdentifiable } from '@/common/models/NeonIdentifiable';\n\n/**\n * Represent lists of objects as cards. This is intended to be a more responsive replacement for tables. This component\n * will display a list of items as cards with a count (x of y) and a <em>Show more</em> button to load more results.\n * There is also a slot for adding filtering or other content above the list. A slot is provided with card model & index\n * parameters for customising how to display the model for each card.\n */\nexport default defineComponent({\n  name: 'NeonCardList',\n  components: {\n    NeonPagination,\n    NeonButton,\n    NeonInline,\n    NeonLink,\n    NeonStack,\n  },\n  props: {\n    /**\n     * Items to display as cards. Each item should be a NeonCardListModel.\n     */\n    items: { type: Array as () => Array<NeonCardListModel<NeonIdentifiable>>, required: true },\n    /**\n     * Specify a hover color for the cards.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Model for configuring the on demand loading layout.\n     */\n    loadOnDemand: { type: Object as () => NeonLoadOnDemandModel },\n    /**\n     * Model for configuring pagination, either pagination or loadOnDemand should be provided.\n     */\n    pagination: { type: Object as () => NeonPaginationModel },\n  },\n  emits: [\n    /**\n     * Emitted when the 'Show more' button is clicked in \"on demand\" mode.\n     * @type {void}\n     */\n    'show-more',\n  ],\n  setup(props, { emit }) {\n    const ofLabel = computed(() => {\n      if (!props.pagination) {\n        return props.loadOnDemand?.ofLabel ?? 'of';\n      }\n\n      return undefined;\n    });\n\n    const showMoreLabel = computed(() => {\n      if (!props.pagination) {\n        return props.loadOnDemand?.showMoreLabel ?? 'Show more';\n      }\n\n      return undefined;\n    });\n\n    const endOfResultsLabel = computed(() => {\n      if (!props.pagination) {\n        return props.loadOnDemand?.endOfResultsLabel ?? 'End of results';\n      }\n\n      return undefined;\n    });\n\n    const total = computed(() => props.loadOnDemand?.total ?? props.pagination?.total ?? 0);\n\n    return {\n      emit,\n      n: NeonNumberUtils.formatNumber,\n      NeonButtonStyle,\n      NeonFunctionalColor,\n      NeonSize,\n      ofLabel,\n      showMoreLabel,\n      endOfResultsLabel,\n      total,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonPagination","NeonButton","NeonInline","NeonLink","NeonStack","props","emit","ofLabel","computed","_a","showMoreLabel","endOfResultsLabel","total","_b","NeonNumberUtils","NeonButtonStyle","NeonFunctionalColor","NeonSize"],"mappings":";;;;;;;;;;AAqBA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,OAA2D,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpF,OAAO,EAAE,MAAM,QAAqC,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI7D,cAAc,EAAE,MAAM,OAAA;AAAA;AAAA;AAAA;AAAA,IAItB,YAAY,EAAE,MAAM,OAAA;AAAA,EAAoC;AAAA,EAE1D,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAUC,EAAS,MAAM;;AAC7B,UAAI,CAACH,EAAM;AACT,iBAAOI,IAAAJ,EAAM,iBAAN,gBAAAI,EAAoB,YAAW;AAAA,IAI1C,CAAC,GAEKC,IAAgBF,EAAS,MAAM;;AACnC,UAAI,CAACH,EAAM;AACT,iBAAOI,IAAAJ,EAAM,iBAAN,gBAAAI,EAAoB,kBAAiB;AAAA,IAIhD,CAAC,GAEKE,IAAoBH,EAAS,MAAM;;AACvC,UAAI,CAACH,EAAM;AACT,iBAAOI,IAAAJ,EAAM,iBAAN,gBAAAI,EAAoB,sBAAqB;AAAA,IAIpD,CAAC,GAEKG,IAAQJ,EAAS,MAAA;;AAAM,eAAAC,IAAAJ,EAAM,iBAAN,gBAAAI,EAAoB,YAASI,IAAAR,EAAM,eAAN,gBAAAQ,EAAkB,UAAS;AAAA,KAAC;AAEtF,WAAO;AAAA,MACL,MAAAP;AAAA,MACA,GAAGQ,EAAgB;AAAA,MACnB,iBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAV;AAAA,MACA,eAAAG;AAAA,MACA,mBAAAC;AAAA,MACA,OAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/layout/card-list/NeonCardList.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const k=require("./NeonCardList.cjs.js"),e=require("vue"),d=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),p={class:"neon-card-list"},u={key:0,class:"neon-card-list__total"},_={key:0,class:"neon-card-list__results-end"};function m(o,l,h,B,f,y){const s=e.resolveComponent("neon-inline"),r=e.resolveComponent("neon-card-list-card"),a=e.resolveComponent("neon-link"),i=e.resolveComponent("neon-stack"),c=e.resolveComponent("neon-button");return e.openBlock(),e.createElementBlock("div",p,[e.createVNode(s,{breakpoint:"",class:"neon-card-list__header"},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"header"),o.total?(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(o.n(o.model.length))+" "+e.toDisplayString(o.ofLabel)+" "+e.toDisplayString(o.n(o.total)),1)):e.createCommentVNode("",!0)]),_:3}),e.createVNode(i,{class:"neon-card-list__cards"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.model,(n,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.href&&!n.disabled?(e.openBlock(),e.createBlock(a,{key:`${n.key||t}-link`,href:n.href,target:n.targetBlank?"_blank":null,"no-style":"","outline-style":"background"},{default:e.withCtx(()=>[e.createVNode(r,{color:o.color,disabled:n.disabled},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"card",e.mergeProps({ref_for:!0},{cardModel:n,index:t}))]),_:2},1032,["color","disabled"])]),_:2},1032,["href","target"])):(e.openBlock(),e.createBlock(r,{key:`${n.key||t}-card`,clickable:o.clickable&&!n.disabled,color:o.color,disabled:n.disabled,onClick:C=>!n.disabled&&o.emit("click",t)},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"card",e.mergeProps({ref_for:!0},{cardModel:n,index:t}))]),_:2},1032,["clickable","color","disabled","onClick"]))],64))),256))]),_:3}),o.model.length===o.total?(e.openBlock(),e.createElementBlock("span",_,e.toDisplayString(o.endOfResultsLabel),1)):(e.openBlock(),e.createBlock(c,{key:1,"button-style":o.NeonButtonStyle.Text,color:o.NeonFunctionalColor.Neutral,label:o.showMoreLabel,size:o.NeonSize.Small,class:"neon-card-list__show-more",onClick:l[0]||(l[0]=n=>o.emit("show-more",n))},null,8,["button-style","color","label","size"]))])}const b=d(k,[["render",m]]);module.exports=b;
+"use strict";const c=require("./NeonCardList.cjs.js"),e=require("vue"),p=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),m={class:"neon-card-list"},u={key:0,class:"neon-card-list__total"},k={class:"neon-card-list__card"},_={key:0,class:"neon-card-list__results-end"};function g(o,t,B,f,h,C){const a=e.resolveComponent("neon-inline"),r=e.resolveComponent("neon-link"),s=e.resolveComponent("neon-stack"),i=e.resolveComponent("neon-button"),d=e.resolveComponent("neon-pagination");return e.openBlock(),e.createElementBlock("div",m,[e.createVNode(a,{breakpoint:"",class:"neon-card-list__header"},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"header"),o.loadOnDemand?(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(o.n(o.items.length))+" "+e.toDisplayString(o.ofLabel)+" "+e.toDisplayString(o.n(o.total)),1)):e.createCommentVNode("",!0)]),_:3}),e.createVNode(s,{class:"neon-card-list__cards",gap:"z"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,(n,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.href&&!n.disabled?(e.openBlock(),e.createBlock(r,{key:`${n.model.id??l}-link`,class:e.normalizeClass([o.color&&`neon-card-list__link--${o.color}`,"neon-card-list__link"]),href:n.href,"no-style":"","outline-style":"background"},{default:e.withCtx(()=>[e.createElementVNode("div",k,[e.renderSlot(o.$slots,"card",e.mergeProps({ref_for:!0},{model:n.model,index:l}))])]),_:2},1032,["class","href"])):(e.openBlock(),e.createElementBlock("div",{key:`${n.model.id??l}-readonly`,class:e.normalizeClass([{"neon-card-list__card--disabled":n.disabled},"neon-card-list__card"])},[e.renderSlot(o.$slots,"card",e.mergeProps({ref_for:!0},{model:n.model,index:l}))],2))],64))),256))]),_:3}),o.loadOnDemand?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.items.length===o.total?(e.openBlock(),e.createElementBlock("span",_,e.toDisplayString(o.endOfResultsLabel),1)):(e.openBlock(),e.createBlock(i,{key:1,"button-style":o.NeonButtonStyle.Text,color:o.NeonFunctionalColor.Neutral,label:o.showMoreLabel,size:o.NeonSize.Small,class:"neon-card-list__show-more",onClick:t[0]||(t[0]=n=>o.emit("show-more",n))},null,8,["button-style","color","label","size"]))],64)):o.pagination?(e.openBlock(),e.createBlock(d,{key:1,color:o.color,"display-first-and-last":o.pagination.displayFirstAndLast,page:o.pagination.page,"page-size":o.pagination.pageSize,total:o.pagination.total,"url-template":o.pagination.urlTemplate},null,8,["color","display-first-and-last","page","page-size","total","url-template"])):e.createCommentVNode("",!0)])}const y=p(c,[["render",g]]);module.exports=y;
 //# sourceMappingURL=NeonCardList.vue.cjs.js.map

package/dist/components/layout/card-list/NeonCardList.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonCardList.vue.cjs.js","sources":["../../../../src/components/layout/card-list/NeonCardList.vue"],"sourcesContent":["<template>\n  <div class=\"neon-card-list\">\n    <neon-inline breakpoint=\"\" class=\"neon-card-list__header\">\n      <!-- @slot slot for providing filters or titles for the card list aligned next to the result count -->\n      <slot name=\"header\"></slot>\n      <span v-if=\"total\" class=\"neon-card-list__total\">{{ n(model.length) }} {{ ofLabel }} {{ n(total) }}</span>\n    </neon-inline>\n    <neon-stack class=\"neon-card-list__cards\">\n      <template v-for=\"(cardModel, index) in model\">\n        <neon-link\n          v-if=\"cardModel.href && !cardModel.disabled\"\n          :key=\"`${cardModel.key || index}-link`\"\n          :href=\"cardModel.href\"\n          :target=\"cardModel.targetBlank ? '_blank' : null\"\n          no-style\n          outline-style=\"background\"\n        >\n          <neon-card-list-card :color=\"color\" :disabled=\"cardModel.disabled\">\n            <!-- @slot slot for rendering card contents, two parameters are available: cardModel (the model item to be rendered) & index -->\n            <!-- eslint-disable-next-line vue/no-unused-vars -->\n            <slot name=\"card\" v-bind=\"{ cardModel, index: index }\"></slot>\n          </neon-card-list-card>\n        </neon-link>\n        <neon-card-list-card\n          v-else\n          :key=\"`${cardModel.key || index}-card`\"\n          :clickable=\"clickable && !cardModel.disabled\"\n          :color=\"color\"\n          :disabled=\"cardModel.disabled\"\n          @click=\"!cardModel.disabled && emit('click', index)\"\n        >\n          <!-- @slot slot for rendering card contents, two parameters are available: cardModel (the model item to be rendered) & index -->\n          <!-- eslint-disable-next-line vue/no-unused-vars -->\n          <slot name=\"card\" v-bind=\"{ cardModel, index: index }\"></slot>\n        </neon-card-list-card>\n      </template>\n    </neon-stack>\n    <span v-if=\"model.length === total\" class=\"neon-card-list__results-end\">{{ endOfResultsLabel }}</span>\n    <neon-button\n      v-else\n      :button-style=\"NeonButtonStyle.Text\"\n      :color=\"NeonFunctionalColor.Neutral\"\n      :label=\"showMoreLabel\"\n      :size=\"NeonSize.Small\"\n      class=\"neon-card-list__show-more\"\n      @click=\"emit('show-more', $event)\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonCardList.ts\"></script>\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_neon_inline","_renderSlot","_ctx","_hoisted_2","_toDisplayString","_component_neon_stack","_Fragment","_renderList","cardModel","index","_createBlock","_component_neon_link","_component_neon_card_list_card","_mergeProps","_hoisted_3","_component_neon_button","_cache","$event"],"mappings":"uIACOA,EAAA,CAAA,MAAM,gBAAgB,WAIJ,MAAM,kCAgCS,MAAM,sPApC5C,OAAAC,YAAA,EAAAC,qBA8CM,MA9CNF,EA8CM,CA7CJG,EAAAA,YAIcC,EAAA,CAJD,WAAW,GAAG,MAAM,6CAE/B,IAA2B,CAA3BC,aAA2BC,EAAA,OAAA,QAAA,EACfA,EAAA,OAAZL,EAAAA,YAAAC,EAAAA,mBAA0G,OAA1GK,EAA0GC,EAAAA,gBAAtDF,EAAA,EAAEA,QAAM,MAAM,CAAA,EAAI,sBAAIA,EAAA,OAAO,EAAG,IAACE,EAAAA,gBAAGF,EAAA,EAAEA,EAAA,KAAK,CAAA,EAAA,CAAA,uCAEjGH,EAAAA,YA6BaM,EAAA,CA7BD,MAAM,uBAAuB,EAAA,mBAC7B,IAAmC,EAA7CR,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBA2BWQ,WAAA,KAAAC,EAAAA,WA3B4BL,EAAA,MAAK,CAA1BM,EAAWC,yDAEnBD,EAAU,MAAI,CAAKA,EAAU,wBADrCE,EAAAA,YAaYC,EAAA,CAXT,IAAG,GAAKH,EAAU,KAAOC,CAAK,QAC9B,KAAMD,EAAU,KAChB,OAAQA,EAAU,YAAW,SAAA,KAC9B,WAAA,GACA,gBAAc,iCAEd,IAIsB,CAJtBT,EAAAA,YAIsBa,EAAA,CAJA,MAAOV,EAAA,MAAQ,SAAUM,EAAU,6BAGvD,IAA8D,CAA9DP,EAAAA,WAA8DC,EAAA,OAAA,OAA9DW,EAAAA,WAA8D,CAAA,QAAA,EAAA,EAAA,CAAlC,UAAAL,QAAkBC,CAAK,CAAA,CAAA,mFAGvDC,EAAAA,YAWsBE,EAAA,CATnB,IAAG,GAAKJ,EAAU,KAAOC,CAAK,QAC9B,UAAWP,EAAA,WAAS,CAAKM,EAAU,SACnC,MAAON,EAAA,MACP,SAAUM,EAAU,SACpB,YAAQA,EAAU,UAAYN,EAAA,aAAcO,CAAK,sBAIlD,IAA8D,CAA9DR,EAAAA,WAA8DC,EAAA,OAAA,OAA9DW,EAAAA,WAA8D,CAAA,QAAA,EAAA,EAAA,CAAlC,UAAAL,QAAkBC,CAAK,CAAA,CAAA,gFAI7CP,EAAA,MAAM,SAAWA,EAAA,qBAA7BJ,EAAAA,mBAAsG,OAAtGgB,EAAsGV,EAAAA,gBAA3BF,EAAA,iBAAiB,EAAA,CAAA,kBAC5FQ,EAAAA,YAQEK,EAAA,OANC,eAAcb,EAAA,gBAAgB,KAC9B,MAAOA,EAAA,oBAAoB,QAC3B,MAAOA,EAAA,cACP,KAAMA,EAAA,SAAS,MAChB,MAAM,4BACL,QAAKc,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEf,EAAA,KAAI,YAAce,CAAM"}
+{"version":3,"file":"NeonCardList.vue.cjs.js","sources":["../../../../src/components/layout/card-list/NeonCardList.vue"],"sourcesContent":["<template>\n  <div class=\"neon-card-list\">\n    <neon-inline breakpoint=\"\" class=\"neon-card-list__header\">\n      <!-- @slot slot for providing filters or titles for the card list aligned next to the result count -->\n      <slot name=\"header\"></slot>\n      <span v-if=\"loadOnDemand\" class=\"neon-card-list__total\">{{ n(items.length) }} {{ ofLabel }} {{ n(total) }}</span>\n    </neon-inline>\n    <neon-stack class=\"neon-card-list__cards\" gap=\"z\">\n      <template v-for=\"(item, index) in items\">\n        <neon-link\n          v-if=\"item.href && !item.disabled\"\n          :key=\"`${item.model.id ?? index}-link`\"\n          :class=\"color && `neon-card-list__link--${color}`\"\n          :href=\"item.href\"\n          class=\"neon-card-list__link\"\n          no-style\n          outline-style=\"background\"\n        >\n          <div class=\"neon-card-list__card\">\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: item.model, index: index }\"></slot>\n          </div>\n        </neon-link>\n        <div\n          v-else\n          :key=\"`${item.model.id ?? index}-readonly`\"\n          :class=\"{ 'neon-card-list__card--disabled': item.disabled }\"\n          class=\"neon-card-list__card\"\n        >\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: item.model, index: index }\"></slot>\n        </div>\n      </template>\n    </neon-stack>\n    <template v-if=\"loadOnDemand\">\n      <span v-if=\"items.length === total\" class=\"neon-card-list__results-end\">{{ endOfResultsLabel }}</span>\n      <neon-button\n        v-else\n        :button-style=\"NeonButtonStyle.Text\"\n        :color=\"NeonFunctionalColor.Neutral\"\n        :label=\"showMoreLabel\"\n        :size=\"NeonSize.Small\"\n        class=\"neon-card-list__show-more\"\n        @click=\"emit('show-more', $event)\"\n      />\n    </template>\n    <neon-pagination\n      v-else-if=\"pagination\"\n      :color=\"color\"\n      :display-first-and-last=\"pagination.displayFirstAndLast\"\n      :page=\"pagination.page\"\n      :page-size=\"pagination.pageSize\"\n      :total=\"pagination.total\"\n      :url-template=\"pagination.urlTemplate\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonCardList.ts\"></script>\n"],"names":["_hoisted_1","_hoisted_3","_openBlock","_createElementBlock","_createVNode","_component_neon_inline","_renderSlot","_ctx","_hoisted_2","_toDisplayString","_component_neon_stack","_Fragment","_renderList","item","index","_createBlock","_component_neon_link","_normalizeClass","_createElementVNode","_mergeProps","_hoisted_4","_component_neon_button","_cache","$event","_component_neon_pagination"],"mappings":"uIACOA,EAAA,CAAA,MAAM,gBAAgB,WAIG,MAAM,yBAavBC,EAAA,CAAA,MAAM,sBAAsB,WAqBD,MAAM,kPAtC9C,OAAAC,YAAA,EAAAC,qBA0DM,MA1DNH,EA0DM,CAzDJI,EAAAA,YAIcC,EAAA,CAJD,WAAW,GAAG,MAAM,6CAE/B,IAA2B,CAA3BC,aAA2BC,EAAA,OAAA,QAAA,EACfA,EAAA,cAAZL,EAAAA,YAAAC,EAAAA,mBAAiH,OAAjHK,EAAiHC,EAAAA,gBAAtDF,EAAA,EAAEA,QAAM,MAAM,CAAA,EAAI,sBAAIA,EAAA,OAAO,EAAG,IAACE,EAAAA,gBAAGF,EAAA,EAAEA,EAAA,KAAK,CAAA,EAAA,CAAA,uCAExGH,EAAAA,YA8BaM,EAAA,CA9BD,MAAM,wBAAwB,IAAI,wBAClC,IAA8B,EAAxCR,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBA4BWQ,WAAA,KAAAC,EAAAA,WA5BuBL,EAAA,MAAK,CAArBM,EAAMC,yDAEdD,EAAK,MAAI,CAAKA,EAAK,wBAD3BE,EAAAA,YAeYC,EAAA,CAbT,OAAQH,EAAK,MAAM,IAAMC,CAAK,QAC9B,MAAKG,EAAAA,eAAA,CAAEV,EAAA,OAAK,yBAA6BA,EAAA,KAAK,GAEzC,sBAAsB,CAAA,EAD3B,KAAMM,EAAK,KAEZ,WAAA,GACA,gBAAc,iCAEd,IAKM,CALNK,EAAAA,mBAKM,MALNjB,EAKM,CADJK,EAAAA,WAAsEC,gBAAtEY,EAAAA,WAAsE,CAAA,QAAA,EAAA,EAAA,CAAA,MAAnCN,EAAK,YAAcC,CAAK,CAAA,CAAA,kDAG/DX,EAAAA,mBAUM,MAAA,CARH,OAAQU,EAAK,MAAM,IAAMC,CAAK,YAC9B,MAAKG,EAAAA,eAAA,CAAA,CAAA,iCAAsCJ,EAAK,QAAQ,EACnD,sBAAsB,CAAA,IAK5BP,EAAAA,WAAsEC,gBAAtEY,EAAAA,WAAsE,CAAA,QAAA,EAAA,EAAA,CAAA,MAAnCN,EAAK,YAAcC,CAAK,CAAA,CAAA,4BAIjDP,EAAA,4BAAhBJ,EAAAA,mBAWWQ,EAAAA,SAAA,CAAA,IAAA,CAAA,EAAA,CAVGJ,EAAA,MAAM,SAAWA,EAAA,qBAA7BJ,EAAAA,mBAAsG,OAAtGiB,EAAsGX,EAAAA,gBAA3BF,EAAA,iBAAiB,EAAA,CAAA,kBAC5FQ,EAAAA,YAQEM,EAAA,OANC,eAAcd,EAAA,gBAAgB,KAC9B,MAAOA,EAAA,oBAAoB,QAC3B,MAAOA,EAAA,cACP,KAAMA,EAAA,SAAS,MAChB,MAAM,4BACL,QAAKe,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEhB,EAAA,KAAI,YAAcgB,CAAM,2DAIvBhB,EAAA,0BADbQ,EAAAA,YAQES,EAAA,OANC,MAAOjB,EAAA,MACP,yBAAwBA,EAAA,WAAW,oBACnC,KAAMA,EAAA,WAAW,KACjB,YAAWA,EAAA,WAAW,SACtB,MAAOA,EAAA,WAAW,MAClB,eAAcA,EAAA,WAAW"}

package/dist/components/layout/card-list/NeonCardList.vue.es.js

@@ -1,77 +1,78 @@
-import y from "./NeonCardList.es.js";
-import { resolveComponent as t, openBlock as o, createElementBlock as s, createVNode as i, withCtx as r, renderSlot as c, toDisplayString as a, createCommentVNode as $, Fragment as m, renderList as g, createBlock as d, mergeProps as _ } from "vue";
+import $ from "./NeonCardList.es.js";
+import { resolveComponent as a, openBlock as o, createElementBlock as l, createVNode as m, withCtx as r, renderSlot as i, toDisplayString as t, createCommentVNode as u, Fragment as d, renderList as z, createBlock as p, normalizeClass as _, createElementVNode as N, mergeProps as f } from "vue";
 import C from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const N = { class: "neon-card-list" }, B = {
+const L = { class: "neon-card-list" }, S = {
   key: 0,
   class: "neon-card-list__total"
-}, L = {
+}, v = { class: "neon-card-list__card" }, w = {
   key: 0,
   class: "neon-card-list__results-end"
 };
-function S(e, u, w, v, z, F) {
-  const b = t("neon-inline"), k = t("neon-card-list-card"), f = t("neon-link"), p = t("neon-stack"), h = t("neon-button");
-  return o(), s("div", N, [
-    i(b, {
+function B(e, c, D, F, O, V) {
+  const g = a("neon-inline"), k = a("neon-link"), y = a("neon-stack"), h = a("neon-button"), b = a("neon-pagination");
+  return o(), l("div", L, [
+    m(g, {
       breakpoint: "",
       class: "neon-card-list__header"
     }, {
       default: r(() => [
-        c(e.$slots, "header"),
-        e.total ? (o(), s("span", B, a(e.n(e.model.length)) + " " + a(e.ofLabel) + " " + a(e.n(e.total)), 1)) : $("", !0)
+        i(e.$slots, "header"),
+        e.loadOnDemand ? (o(), l("span", S, t(e.n(e.items.length)) + " " + t(e.ofLabel) + " " + t(e.n(e.total)), 1)) : u("", !0)
       ]),
       _: 3
     }),
-    i(p, { class: "neon-card-list__cards" }, {
+    m(y, {
+      class: "neon-card-list__cards",
+      gap: "z"
+    }, {
       default: r(() => [
-        (o(!0), s(m, null, g(e.model, (n, l) => (o(), s(m, null, [
-          n.href && !n.disabled ? (o(), d(f, {
-            key: `${n.key || l}-link`,
+        (o(!0), l(d, null, z(e.items, (n, s) => (o(), l(d, null, [
+          n.href && !n.disabled ? (o(), p(k, {
+            key: `${n.model.id ?? s}-link`,
+            class: _([e.color && `neon-card-list__link--${e.color}`, "neon-card-list__link"]),
             href: n.href,
-            target: n.targetBlank ? "_blank" : null,
             "no-style": "",
             "outline-style": "background"
           }, {
             default: r(() => [
-              i(k, {
-                color: e.color,
-                disabled: n.disabled
-              }, {
-                default: r(() => [
-                  c(e.$slots, "card", _({ ref_for: !0 }, { cardModel: n, index: l }))
-                ]),
-                _: 2
-              }, 1032, ["color", "disabled"])
-            ]),
-            _: 2
-          }, 1032, ["href", "target"])) : (o(), d(k, {
-            key: `${n.key || l}-card`,
-            clickable: e.clickable && !n.disabled,
-            color: e.color,
-            disabled: n.disabled,
-            onClick: (V) => !n.disabled && e.emit("click", l)
-          }, {
-            default: r(() => [
-              c(e.$slots, "card", _({ ref_for: !0 }, { cardModel: n, index: l }))
+              N("div", v, [
+                i(e.$slots, "card", f({ ref_for: !0 }, { model: n.model, index: s }))
+              ])
             ]),
             _: 2
-          }, 1032, ["clickable", "color", "disabled", "onClick"]))
+          }, 1032, ["class", "href"])) : (o(), l("div", {
+            key: `${n.model.id ?? s}-readonly`,
+            class: _([{ "neon-card-list__card--disabled": n.disabled }, "neon-card-list__card"])
+          }, [
+            i(e.$slots, "card", f({ ref_for: !0 }, { model: n.model, index: s }))
+          ], 2))
         ], 64))), 256))
       ]),
       _: 3
     }),
-    e.model.length === e.total ? (o(), s("span", L, a(e.endOfResultsLabel), 1)) : (o(), d(h, {
+    e.loadOnDemand ? (o(), l(d, { key: 0 }, [
+      e.items.length === e.total ? (o(), l("span", w, t(e.endOfResultsLabel), 1)) : (o(), p(h, {
+        key: 1,
+        "button-style": e.NeonButtonStyle.Text,
+        color: e.NeonFunctionalColor.Neutral,
+        label: e.showMoreLabel,
+        size: e.NeonSize.Small,
+        class: "neon-card-list__show-more",
+        onClick: c[0] || (c[0] = (n) => e.emit("show-more", n))
+      }, null, 8, ["button-style", "color", "label", "size"]))
+    ], 64)) : e.pagination ? (o(), p(b, {
       key: 1,
-      "button-style": e.NeonButtonStyle.Text,
-      color: e.NeonFunctionalColor.Neutral,
-      label: e.showMoreLabel,
-      size: e.NeonSize.Small,
-      class: "neon-card-list__show-more",
-      onClick: u[0] || (u[0] = (n) => e.emit("show-more", n))
-    }, null, 8, ["button-style", "color", "label", "size"]))
+      color: e.color,
+      "display-first-and-last": e.pagination.displayFirstAndLast,
+      page: e.pagination.page,
+      "page-size": e.pagination.pageSize,
+      total: e.pagination.total,
+      "url-template": e.pagination.urlTemplate
+    }, null, 8, ["color", "display-first-and-last", "page", "page-size", "total", "url-template"])) : u("", !0)
   ]);
 }
-const P = /* @__PURE__ */ C(y, [["render", S]]);
+const M = /* @__PURE__ */ C($, [["render", B]]);
 export {
-  P as default
+  M as default
 };
 //# sourceMappingURL=NeonCardList.vue.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NeonCardList.vue.es.js","sources":["../../../../src/components/layout/card-list/NeonCardList.vue"],"sourcesContent":["<template>\n  <div class=\"neon-card-list\">\n    <neon-inline breakpoint=\"\" class=\"neon-card-list__header\">\n      <!-- @slot slot for providing filters or titles for the card list aligned next to the result count -->\n      <slot name=\"header\"></slot>\n      <span v-if=\"total\" class=\"neon-card-list__total\">{{ n(model.length) }} {{ ofLabel }} {{ n(total) }}</span>\n    </neon-inline>\n    <neon-stack class=\"neon-card-list__cards\">\n      <template v-for=\"(cardModel, index) in model\">\n        <neon-link\n          v-if=\"cardModel.href && !cardModel.disabled\"\n          :key=\"`${cardModel.key || index}-link`\"\n          :href=\"cardModel.href\"\n          :target=\"cardModel.targetBlank ? '_blank' : null\"\n          no-style\n          outline-style=\"background\"\n        >\n          <neon-card-list-card :color=\"color\" :disabled=\"cardModel.disabled\">\n            <!-- @slot slot for rendering card contents, two parameters are available: cardModel (the model item to be rendered) & index -->\n            <!-- eslint-disable-next-line vue/no-unused-vars -->\n            <slot name=\"card\" v-bind=\"{ cardModel, index: index }\"></slot>\n          </neon-card-list-card>\n        </neon-link>\n        <neon-card-list-card\n          v-else\n          :key=\"`${cardModel.key || index}-card`\"\n          :clickable=\"clickable && !cardModel.disabled\"\n          :color=\"color\"\n          :disabled=\"cardModel.disabled\"\n          @click=\"!cardModel.disabled && emit('click', index)\"\n        >\n          <!-- @slot slot for rendering card contents, two parameters are available: cardModel (the model item to be rendered) & index -->\n          <!-- eslint-disable-next-line vue/no-unused-vars -->\n          <slot name=\"card\" v-bind=\"{ cardModel, index: index }\"></slot>\n        </neon-card-list-card>\n      </template>\n    </neon-stack>\n    <span v-if=\"model.length === total\" class=\"neon-card-list__results-end\">{{ endOfResultsLabel }}</span>\n    <neon-button\n      v-else\n      :button-style=\"NeonButtonStyle.Text\"\n      :color=\"NeonFunctionalColor.Neutral\"\n      :label=\"showMoreLabel\"\n      :size=\"NeonSize.Small\"\n      class=\"neon-card-list__show-more\"\n      @click=\"emit('show-more', $event)\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonCardList.ts\"></script>\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_neon_inline","_renderSlot","_ctx","_hoisted_2","_toDisplayString","_component_neon_stack","_Fragment","_renderList","cardModel","index","_createBlock","_component_neon_link","_component_neon_card_list_card","_mergeProps","_hoisted_3","_component_neon_button","_cache","$event"],"mappings":";;;AACO,MAAAA,IAAA,EAAA,OAAM,iBAAgB;;EAIJ,OAAM;;;EAgCS,OAAM;;;;AApC5C,SAAAC,EAAA,GAAAC,EA8CM,OA9CNF,GA8CM;AAAA,IA7CJG,EAIcC,GAAA;AAAA,MAJD,YAAW;AAAA,MAAG,OAAM;AAAA;iBAE/B,MAA2B;AAAA,QAA3BC,EAA2BC,EAAA,QAAA,QAAA;AAAA,QACfA,EAAA,SAAZL,KAAAC,EAA0G,QAA1GK,GAA0GC,EAAtDF,EAAA,EAAEA,QAAM,MAAM,CAAA,IAAI,QAAIA,EAAA,OAAO,IAAG,MAACE,EAAGF,EAAA,EAAEA,EAAA,KAAK,CAAA,GAAA,CAAA;;;;IAEjGH,EA6BaM,GAAA,EA7BD,OAAM,wBAAuB,GAAA;AAAA,iBAC7B,MAAmC;AAAA,SAA7CR,EAAA,EAAA,GAAAC,EA2BWQ,GAAA,MAAAC,EA3B4BL,EAAA,OAAK,CAA1BM,GAAWC;UAEnBD,EAAU,QAAI,CAAKA,EAAU,iBADrCE,EAaYC,GAAA;AAAA,YAXT,KAAG,GAAKH,EAAU,OAAOC,CAAK;AAAA,YAC9B,MAAMD,EAAU;AAAA,YAChB,QAAQA,EAAU,cAAW,WAAA;AAAA,YAC9B,YAAA;AAAA,YACA,iBAAc;AAAA;uBAEd,MAIsB;AAAA,cAJtBT,EAIsBa,GAAA;AAAA,gBAJA,OAAOV,EAAA;AAAA,gBAAQ,UAAUM,EAAU;AAAA;2BAGvD,MAA8D;AAAA,kBAA9DP,EAA8DC,EAAA,QAAA,QAA9DW,EAA8D,EAAA,SAAA,GAAA,GAAA,EAAlC,WAAAL,UAAkBC,EAAK,CAAA,CAAA;AAAA;;;;;gDAGvDC,EAWsBE,GAAA;AAAA,YATnB,KAAG,GAAKJ,EAAU,OAAOC,CAAK;AAAA,YAC9B,WAAWP,EAAA,aAAS,CAAKM,EAAU;AAAA,YACnC,OAAON,EAAA;AAAA,YACP,UAAUM,EAAU;AAAA,YACpB,iBAAQA,EAAU,YAAYN,EAAA,cAAcO,CAAK;AAAA;uBAIlD,MAA8D;AAAA,cAA9DR,EAA8DC,EAAA,QAAA,QAA9DW,EAA8D,EAAA,SAAA,GAAA,GAAA,EAAlC,WAAAL,UAAkBC,EAAK,CAAA,CAAA;AAAA;;;;;;;IAI7CP,EAAA,MAAM,WAAWA,EAAA,cAA7BJ,EAAsG,QAAtGgB,GAAsGV,EAA3BF,EAAA,iBAAiB,GAAA,CAAA,WAC5FQ,EAQEK,GAAA;AAAA;MANC,gBAAcb,EAAA,gBAAgB;AAAA,MAC9B,OAAOA,EAAA,oBAAoB;AAAA,MAC3B,OAAOA,EAAA;AAAA,MACP,MAAMA,EAAA,SAAS;AAAA,MAChB,OAAM;AAAA,MACL,SAAKc,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEf,EAAA,KAAI,aAAce,CAAM;AAAA;;;;"}
+{"version":3,"file":"NeonCardList.vue.es.js","sources":["../../../../src/components/layout/card-list/NeonCardList.vue"],"sourcesContent":["<template>\n  <div class=\"neon-card-list\">\n    <neon-inline breakpoint=\"\" class=\"neon-card-list__header\">\n      <!-- @slot slot for providing filters or titles for the card list aligned next to the result count -->\n      <slot name=\"header\"></slot>\n      <span v-if=\"loadOnDemand\" class=\"neon-card-list__total\">{{ n(items.length) }} {{ ofLabel }} {{ n(total) }}</span>\n    </neon-inline>\n    <neon-stack class=\"neon-card-list__cards\" gap=\"z\">\n      <template v-for=\"(item, index) in items\">\n        <neon-link\n          v-if=\"item.href && !item.disabled\"\n          :key=\"`${item.model.id ?? index}-link`\"\n          :class=\"color && `neon-card-list__link--${color}`\"\n          :href=\"item.href\"\n          class=\"neon-card-list__link\"\n          no-style\n          outline-style=\"background\"\n        >\n          <div class=\"neon-card-list__card\">\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: item.model, index: index }\"></slot>\n          </div>\n        </neon-link>\n        <div\n          v-else\n          :key=\"`${item.model.id ?? index}-readonly`\"\n          :class=\"{ 'neon-card-list__card--disabled': item.disabled }\"\n          class=\"neon-card-list__card\"\n        >\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: item.model, index: index }\"></slot>\n        </div>\n      </template>\n    </neon-stack>\n    <template v-if=\"loadOnDemand\">\n      <span v-if=\"items.length === total\" class=\"neon-card-list__results-end\">{{ endOfResultsLabel }}</span>\n      <neon-button\n        v-else\n        :button-style=\"NeonButtonStyle.Text\"\n        :color=\"NeonFunctionalColor.Neutral\"\n        :label=\"showMoreLabel\"\n        :size=\"NeonSize.Small\"\n        class=\"neon-card-list__show-more\"\n        @click=\"emit('show-more', $event)\"\n      />\n    </template>\n    <neon-pagination\n      v-else-if=\"pagination\"\n      :color=\"color\"\n      :display-first-and-last=\"pagination.displayFirstAndLast\"\n      :page=\"pagination.page\"\n      :page-size=\"pagination.pageSize\"\n      :total=\"pagination.total\"\n      :url-template=\"pagination.urlTemplate\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonCardList.ts\"></script>\n"],"names":["_hoisted_1","_hoisted_3","_openBlock","_createElementBlock","_createVNode","_component_neon_inline","_renderSlot","_ctx","_hoisted_2","_toDisplayString","_component_neon_stack","_Fragment","_renderList","item","index","_createBlock","_component_neon_link","_normalizeClass","_createElementVNode","_mergeProps","_hoisted_4","_component_neon_button","_cache","$event","_component_neon_pagination"],"mappings":";;;AACO,MAAAA,IAAA,EAAA,OAAM,iBAAgB;;EAIG,OAAM;GAavBC,IAAA,EAAA,OAAM,uBAAsB;;EAqBD,OAAM;;;;AAtC9C,SAAAC,EAAA,GAAAC,EA0DM,OA1DNH,GA0DM;AAAA,IAzDJI,EAIcC,GAAA;AAAA,MAJD,YAAW;AAAA,MAAG,OAAM;AAAA;iBAE/B,MAA2B;AAAA,QAA3BC,EAA2BC,EAAA,QAAA,QAAA;AAAA,QACfA,EAAA,gBAAZL,KAAAC,EAAiH,QAAjHK,GAAiHC,EAAtDF,EAAA,EAAEA,QAAM,MAAM,CAAA,IAAI,QAAIA,EAAA,OAAO,IAAG,MAACE,EAAGF,EAAA,EAAEA,EAAA,KAAK,CAAA,GAAA,CAAA;;;;IAExGH,EA8BaM,GAAA;AAAA,MA9BD,OAAM;AAAA,MAAwB,KAAI;AAAA;iBAClC,MAA8B;AAAA,SAAxCR,EAAA,EAAA,GAAAC,EA4BWQ,GAAA,MAAAC,EA5BuBL,EAAA,OAAK,CAArBM,GAAMC;UAEdD,EAAK,QAAI,CAAKA,EAAK,iBAD3BE,EAeYC,GAAA;AAAA,YAbT,QAAQH,EAAK,MAAM,MAAMC,CAAK;AAAA,YAC9B,OAAKG,EAAA,CAAEV,EAAA,SAAK,yBAA6BA,EAAA,KAAK,IAEzC,sBAAsB,CAAA;AAAA,YAD3B,MAAMM,EAAK;AAAA,YAEZ,YAAA;AAAA,YACA,iBAAc;AAAA;uBAEd,MAKM;AAAA,cALNK,EAKM,OALNjB,GAKM;AAAA,gBADJK,EAAsEC,kBAAtEY,EAAsE,EAAA,SAAA,GAAA,GAAA,EAAA,OAAnCN,EAAK,cAAcC,EAAK,CAAA,CAAA;AAAA;;;+CAG/DX,EAUM,OAAA;AAAA,YARH,QAAQU,EAAK,MAAM,MAAMC,CAAK;AAAA,YAC9B,OAAKG,EAAA,CAAA,EAAA,kCAAsCJ,EAAK,SAAQ,GACnD,sBAAsB,CAAA;AAAA;YAK5BP,EAAsEC,kBAAtEY,EAAsE,EAAA,SAAA,GAAA,GAAA,EAAA,OAAnCN,EAAK,cAAcC,EAAK,CAAA,CAAA;AAAA;;;;;IAIjDP,EAAA,qBAAhBJ,EAWWQ,GAAA,EAAA,KAAA,EAAA,GAAA;AAAA,MAVGJ,EAAA,MAAM,WAAWA,EAAA,cAA7BJ,EAAsG,QAAtGiB,GAAsGX,EAA3BF,EAAA,iBAAiB,GAAA,CAAA,WAC5FQ,EAQEM,GAAA;AAAA;QANC,gBAAcd,EAAA,gBAAgB;AAAA,QAC9B,OAAOA,EAAA,oBAAoB;AAAA,QAC3B,OAAOA,EAAA;AAAA,QACP,MAAMA,EAAA,SAAS;AAAA,QAChB,OAAM;AAAA,QACL,SAAKe,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEhB,EAAA,KAAI,aAAcgB,CAAM;AAAA;cAIvBhB,EAAA,mBADbQ,EAQES,GAAA;AAAA;MANC,OAAOjB,EAAA;AAAA,MACP,0BAAwBA,EAAA,WAAW;AAAA,MACnC,MAAMA,EAAA,WAAW;AAAA,MACjB,aAAWA,EAAA,WAAW;AAAA,MACtB,OAAOA,EAAA,WAAW;AAAA,MAClB,gBAAcA,EAAA,WAAW;AAAA;;;;"}

package/dist/components/layout/page-header/NeonPageHeader.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),n=require("../inline/NeonInline.vue.cjs.js"),t=require("../../feedback/note/NeonNote.vue.cjs.js"),o=e.defineComponent({name:"NeonPageHeader",components:{NeonNote:t,NeonInline:n},props:{title:{type:String,required:!0},note:{type:Object}}});module.exports=o;
+//# sourceMappingURL=NeonPageHeader.cjs.js.map

package/dist/components/layout/page-header/NeonPageHeader.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonPageHeader.cjs.js","sources":["../../../../src/components/layout/page-header/NeonPageHeader.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport NeonInline from '@/components/layout/inline/NeonInline.vue';\nimport NeonNote from '@/components/feedback/note/NeonNote.vue';\nimport type { NeonNoteModel } from '@/common/models/NeonNoteModel';\n\n/**\n * A component for rendering a page header with slots for a subtitle and actions and the possibility to render an on\n * page note.\n */\nexport default defineComponent({\n  name: 'NeonPageHeader',\n  components: {\n    NeonNote,\n    NeonInline,\n  },\n  props: {\n    /**\n     * The title of the page.\n     */\n    title: { type: String, required: true },\n    /**\n     * A note to display on the page.\n     */\n    note: { type: Object as () => NeonNoteModel },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonNote","NeonInline"],"mappings":"sIASAA,EAAeC,kBAAgB,CAC7B,KAAM,iBACN,WAAY,CACV,SAAAC,EACA,WAAAC,CAAA,EAEF,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIjC,KAAM,CAAE,KAAM,MAAA,CAA8B,CAEhD,CAAC"}

package/dist/components/layout/page-header/NeonPageHeader.es.js

@@ -0,0 +1,24 @@
+import { defineComponent as e } from "vue";
+import o from "../inline/NeonInline.vue.es.js";
+import t from "../../feedback/note/NeonNote.vue.es.js";
+const p = e({
+  name: "NeonPageHeader",
+  components: {
+    NeonNote: t,
+    NeonInline: o
+  },
+  props: {
+    /**
+     * The title of the page.
+     */
+    title: { type: String, required: !0 },
+    /**
+     * A note to display on the page.
+     */
+    note: { type: Object }
+  }
+});
+export {
+  p as default
+};
+//# sourceMappingURL=NeonPageHeader.es.js.map

package/dist/components/layout/page-header/NeonPageHeader.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonPageHeader.es.js","sources":["../../../../src/components/layout/page-header/NeonPageHeader.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport NeonInline from '@/components/layout/inline/NeonInline.vue';\nimport NeonNote from '@/components/feedback/note/NeonNote.vue';\nimport type { NeonNoteModel } from '@/common/models/NeonNoteModel';\n\n/**\n * A component for rendering a page header with slots for a subtitle and actions and the possibility to render an on\n * page note.\n */\nexport default defineComponent({\n  name: 'NeonPageHeader',\n  components: {\n    NeonNote,\n    NeonInline,\n  },\n  props: {\n    /**\n     * The title of the page.\n     */\n    title: { type: String, required: true },\n    /**\n     * A note to display on the page.\n     */\n    note: { type: Object as () => NeonNoteModel },\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonNote","NeonInline"],"mappings":";;;AASA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,YAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIjC,MAAM,EAAE,MAAM,OAAA;AAAA,EAA8B;AAEhD,CAAC;"}

package/dist/components/layout/page-header/NeonPageHeader.vue.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("./NeonPageHeader.cjs.js"),e=require("vue"),l=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),a={class:"neon-page-header"},c={class:"neon-page-header__content"},i={class:"neon-h2 neon-page-header__title"},d={class:"neon-page-header__actions"},_={key:0};function p(o,h,m,g,N,k){const n=e.resolveComponent("neon-inline"),s=e.resolveComponent("neon-note");return e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("div",c,[e.createElementVNode("div",null,[e.createElementVNode("h1",i,e.toDisplayString(o.title),1),e.createVNode(n,{class:"neon-page-header__subtitle"},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"subtitle")]),_:3})]),e.createElementVNode("div",d,[e.renderSlot(o.$slots,"actions")])]),o.note?(e.openBlock(),e.createBlock(s,{key:0,color:o.note.color,icon:!1,title:o.note.title,class:"neon-page-header__note"},{default:e.withCtx(()=>{var t;return[(t=o.note)!=null&&t.description?(e.openBlock(),e.createElementBlock("span",_,e.toDisplayString(o.note.description),1)):e.createCommentVNode("",!0)]}),_:1},8,["color","title"])):e.createCommentVNode("",!0)])}const u=l(r,[["render",p]]);module.exports=u;
+//# sourceMappingURL=NeonPageHeader.vue.cjs.js.map

package/dist/components/layout/page-header/NeonPageHeader.vue.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonPageHeader.vue.cjs.js","sources":["../../../../src/components/layout/page-header/NeonPageHeader.vue"],"sourcesContent":["<template>\n  <div class=\"neon-page-header\">\n    <div class=\"neon-page-header__content\">\n      <div>\n        <h1 class=\"neon-h2 neon-page-header__title\">{{ title }}</h1>\n        <neon-inline class=\"neon-page-header__subtitle\">\n          <!-- @slot slot for defining content to be displayed as a subtitle below the page title -->\n          <slot name=\"subtitle\"></slot>\n        </neon-inline>\n      </div>\n      <div class=\"neon-page-header__actions\">\n        <!-- @slot slot for defining actions to be displayed in the page header -->\n        <slot name=\"actions\"></slot>\n      </div>\n    </div>\n    <neon-note v-if=\"note\" :color=\"note.color\" :icon=\"false\" :title=\"note.title\" class=\"neon-page-header__note\">\n      <span v-if=\"note?.description\">{{ note.description }}</span>\n    </neon-note>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonPageHeader.ts\"></script>\n"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_ctx","_createVNode","_component_neon_inline","_renderSlot","_createBlock","_component_neon_note","_a","_hoisted_5"],"mappings":"yIACOA,EAAA,CAAA,MAAM,kBAAkB,EACtBC,EAAA,CAAA,MAAM,2BAA2B,EAE9BC,EAAA,CAAA,MAAM,iCAAiC,EAMxCC,EAAA,CAAA,MAAM,2BAA2B,gHAT1C,OAAAC,YAAA,EAAAC,qBAiBM,MAjBNL,EAiBM,CAhBJM,EAAAA,mBAYM,MAZNL,EAYM,CAXJK,EAAAA,mBAMM,MAAA,KAAA,CALJA,EAAAA,mBAA4D,KAA5DJ,EAA4DK,EAAAA,gBAAbC,EAAA,KAAK,EAAA,CAAA,EACpDC,EAAAA,YAGcC,EAAA,CAHD,MAAM,4BAA4B,EAAA,mBAE7C,IAA6B,CAA7BC,aAA6BH,EAAA,OAAA,UAAA,YAGjCF,EAAAA,mBAGM,MAHNH,EAGM,CADJQ,aAA4BH,EAAA,OAAA,SAAA,MAGfA,EAAA,oBAAjBI,EAAAA,YAEYC,EAAA,OAFY,MAAOL,EAAA,KAAK,MAAQ,KAAM,GAAQ,MAAOA,EAAA,KAAK,MAAO,MAAM,6CACjF,IAAA,OAA4D,QAAhDM,EAAAN,EAAA,OAAA,MAAAM,EAAM,2BAAlBT,qBAA4D,OAAAU,EAAAR,kBAA1BC,EAAA,KAAK,WAAW,EAAA,CAAA"}

package/dist/components/layout/page-header/NeonPageHeader.vue.es.js

@@ -0,0 +1,43 @@
+import p from "./NeonPageHeader.es.js";
+import { resolveComponent as s, openBlock as n, createElementBlock as a, createElementVNode as o, toDisplayString as r, createVNode as h, withCtx as i, renderSlot as l, createBlock as m, createCommentVNode as c } from "vue";
+import f from "../../../_virtual/_plugin-vue_export-helper.es.js";
+const u = { class: "neon-page-header" }, g = { class: "neon-page-header__content" }, $ = { class: "neon-h2 neon-page-header__title" }, k = { class: "neon-page-header__actions" }, v = { key: 0 };
+function N(e, y, B, C, V, b) {
+  const d = s("neon-inline"), _ = s("neon-note");
+  return n(), a("div", u, [
+    o("div", g, [
+      o("div", null, [
+        o("h1", $, r(e.title), 1),
+        h(d, { class: "neon-page-header__subtitle" }, {
+          default: i(() => [
+            l(e.$slots, "subtitle")
+          ]),
+          _: 3
+        })
+      ]),
+      o("div", k, [
+        l(e.$slots, "actions")
+      ])
+    ]),
+    e.note ? (n(), m(_, {
+      key: 0,
+      color: e.note.color,
+      icon: !1,
+      title: e.note.title,
+      class: "neon-page-header__note"
+    }, {
+      default: i(() => {
+        var t;
+        return [
+          (t = e.note) != null && t.description ? (n(), a("span", v, r(e.note.description), 1)) : c("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["color", "title"])) : c("", !0)
+  ]);
+}
+const D = /* @__PURE__ */ f(p, [["render", N]]);
+export {
+  D as default
+};
+//# sourceMappingURL=NeonPageHeader.vue.es.js.map

package/dist/components/layout/page-header/NeonPageHeader.vue.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonPageHeader.vue.es.js","sources":["../../../../src/components/layout/page-header/NeonPageHeader.vue"],"sourcesContent":["<template>\n  <div class=\"neon-page-header\">\n    <div class=\"neon-page-header__content\">\n      <div>\n        <h1 class=\"neon-h2 neon-page-header__title\">{{ title }}</h1>\n        <neon-inline class=\"neon-page-header__subtitle\">\n          <!-- @slot slot for defining content to be displayed as a subtitle below the page title -->\n          <slot name=\"subtitle\"></slot>\n        </neon-inline>\n      </div>\n      <div class=\"neon-page-header__actions\">\n        <!-- @slot slot for defining actions to be displayed in the page header -->\n        <slot name=\"actions\"></slot>\n      </div>\n    </div>\n    <neon-note v-if=\"note\" :color=\"note.color\" :icon=\"false\" :title=\"note.title\" class=\"neon-page-header__note\">\n      <span v-if=\"note?.description\">{{ note.description }}</span>\n    </neon-note>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonPageHeader.ts\"></script>\n"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_ctx","_createVNode","_component_neon_inline","_renderSlot","_createBlock","_component_neon_note","_a","_hoisted_5"],"mappings":";;;AACO,MAAAA,IAAA,EAAA,OAAM,mBAAkB,GACtBC,IAAA,EAAA,OAAM,4BAA2B,GAE9BC,IAAA,EAAA,OAAM,kCAAiC,GAMxCC,IAAA,EAAA,OAAM,4BAA2B;;;AAT1C,SAAAC,EAAA,GAAAC,EAiBM,OAjBNL,GAiBM;AAAA,IAhBJM,EAYM,OAZNL,GAYM;AAAA,MAXJK,EAMM,OAAA,MAAA;AAAA,QALJA,EAA4D,MAA5DJ,GAA4DK,EAAbC,EAAA,KAAK,GAAA,CAAA;AAAA,QACpDC,EAGcC,GAAA,EAHD,OAAM,6BAA4B,GAAA;AAAA,qBAE7C,MAA6B;AAAA,YAA7BC,EAA6BH,EAAA,QAAA,UAAA;AAAA;;;;MAGjCF,EAGM,OAHNH,GAGM;AAAA,QADJQ,EAA4BH,EAAA,QAAA,SAAA;AAAA;;IAGfA,EAAA,aAAjBI,EAEYC,GAAA;AAAA;MAFY,OAAOL,EAAA,KAAK;AAAA,MAAQ,MAAM;AAAA,MAAQ,OAAOA,EAAA,KAAK;AAAA,MAAO,OAAM;AAAA;iBACjF,MAAA;;AAA4D;AAAA,WAAhDM,IAAAN,EAAA,SAAA,QAAAM,EAAM,oBAAlBT,EAA4D,QAAAU,GAAAR,EAA1BC,EAAA,KAAK,WAAW,GAAA,CAAA;;;;;;;;"}

package/dist/components/layout/page-section/NeonPageSection.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),t=e.defineComponent({name:"NeonPageSection",props:{title:{type:String,required:!0}}});module.exports=t;
+//# sourceMappingURL=NeonPageSection.cjs.js.map

package/dist/components/layout/page-section/NeonPageSection.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonPageSection.cjs.js","sources":["../../../../src/components/layout/page-section/NeonPageSection.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A component for rendering a page section including a title, content and an hr.\n */\nexport default defineComponent({\n  name: 'NeonPageSection',\n  props: {\n    /**\n     * The title of the section.\n     */\n    title: { type: String, required: true },\n  },\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":"oCAKAA,EAAeC,kBAAgB,CAC7B,KAAM,kBACN,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAA,CAAK,CAE1C,CAAC"}