@aotearoan/neon 28.4.0 → 28.5.0

package/dist/components/feedback/loading-state-card/NeonLoadingStateCard.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),n=require("../../layout/inline/NeonInline.vue.cjs.js"),o=require("../skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),t=require("../../layout/stack/NeonStack.vue.cjs.js"),r=e.defineComponent({name:"NeonLoadingStateCard",components:{NeonInline:n,NeonSkeletonLoader:o,NeonStack:t}});module.exports=r;
+//# sourceMappingURL=NeonLoadingStateCard.cjs.js.map

package/dist/components/feedback/loading-state-card/NeonLoadingStateCard.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonLoadingStateCard.cjs.js","sources":["../../../../src/components/feedback/loading-state-card/NeonLoadingStateCard.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport NeonInline from '@/components/layout/inline/NeonInline.vue';\nimport NeonSkeletonLoader from '@/components/feedback/skeleton-loader/NeonSkeletonLoader.vue';\nimport NeonStack from '@/components/layout/stack/NeonStack.vue';\n\nexport default defineComponent({\n  name: 'NeonLoadingStateCard',\n  components: {\n    NeonInline,\n    NeonSkeletonLoader,\n    NeonStack,\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonInline","NeonSkeletonLoader","NeonStack"],"mappings":"8MAKAA,EAAeC,kBAAgB,CAC7B,KAAM,uBACN,WAAY,CACV,WAAAC,EACA,mBAAAC,EACA,UAAAC,CAAA,CAEJ,CAAC"}

package/dist/components/feedback/loading-state-card/NeonLoadingStateCard.es.js

@@ -0,0 +1,16 @@
+import { defineComponent as o } from "vue";
+import e from "../../layout/inline/NeonInline.vue.es.js";
+import n from "../skeleton-loader/NeonSkeletonLoader.vue.es.js";
+import t from "../../layout/stack/NeonStack.vue.es.js";
+const f = o({
+  name: "NeonLoadingStateCard",
+  components: {
+    NeonInline: e,
+    NeonSkeletonLoader: n,
+    NeonStack: t
+  }
+});
+export {
+  f as default
+};
+//# sourceMappingURL=NeonLoadingStateCard.es.js.map

package/dist/components/feedback/loading-state-card/NeonLoadingStateCard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonLoadingStateCard.es.js","sources":["../../../../src/components/feedback/loading-state-card/NeonLoadingStateCard.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\nimport NeonInline from '@/components/layout/inline/NeonInline.vue';\nimport NeonSkeletonLoader from '@/components/feedback/skeleton-loader/NeonSkeletonLoader.vue';\nimport NeonStack from '@/components/layout/stack/NeonStack.vue';\n\nexport default defineComponent({\n  name: 'NeonLoadingStateCard',\n  components: {\n    NeonInline,\n    NeonSkeletonLoader,\n    NeonStack,\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonInline","NeonSkeletonLoader","NeonStack"],"mappings":";;;;AAKA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,YAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,WAAAC;AAAA,EAAA;AAEJ,CAAC;"}

package/dist/components/feedback/loading-state-card/NeonLoadingStateCard.vue.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const o=require("./NeonLoadingStateCard.cjs.js"),e=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js");function r(s,i,d,_,l,u){const n=e.resolveComponent("neon-skeleton-loader"),t=e.resolveComponent("neon-inline");return e.openBlock(),e.createBlock(e.Transition,{mode:"in-out",name:"neon-fade-transition"},{default:e.withCtx(()=>[e.createVNode(t,{breakpoint:"mobile-large",class:"neon-loading-state-card",gap:"m"},{default:e.withCtx(()=>[e.createVNode(t,{class:"neon-loading-state-card__main-content",gap:"s"},{default:e.withCtx(()=>[e.createVNode(n,{count:1,class:"neon-loading-state-card__thumbnail"}),e.createVNode(n,{count:2,class:"neon-loading-state-card__main-content-item"})]),_:1}),e.createVNode(n,{count:1,class:"neon-loading-state-card__additional-content"})]),_:1})]),_:1})}const c=a(o,[["render",r]]);module.exports=c;
+//# sourceMappingURL=NeonLoadingStateCard.vue.cjs.js.map

package/dist/components/feedback/loading-state-card/NeonLoadingStateCard.vue.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonLoadingStateCard.vue.cjs.js","sources":["../../../../src/components/feedback/loading-state-card/NeonLoadingStateCard.vue"],"sourcesContent":["<template>\n  <transition mode=\"in-out\" name=\"neon-fade-transition\">\n    <neon-inline breakpoint=\"mobile-large\" class=\"neon-loading-state-card\" gap=\"m\">\n      <neon-inline class=\"neon-loading-state-card__main-content\" gap=\"s\">\n        <neon-skeleton-loader :count=\"1\" class=\"neon-loading-state-card__thumbnail\" />\n        <neon-skeleton-loader :count=\"2\" class=\"neon-loading-state-card__main-content-item\" />\n      </neon-inline>\n      <neon-skeleton-loader :count=\"1\" class=\"neon-loading-state-card__additional-content\" />\n    </neon-inline>\n  </transition>\n</template>\n\n<script lang=\"ts\" src=\"./NeonLoadingStateCard.ts\" />\n"],"names":["_createBlock","_Transition","_createVNode","_component_neon_inline","_component_neon_skeleton_loader"],"mappings":"mRACEA,EAAAA,YAQaC,aAAA,CARD,KAAK,SAAS,KAAK,2CAC7B,IAMc,CANdC,EAAAA,YAMcC,EAAA,CAND,WAAW,eAAe,MAAM,0BAA0B,IAAI,wBACzE,IAGc,CAHdD,EAAAA,YAGcC,EAAA,CAHD,MAAM,wCAAwC,IAAI,wBAC7D,IAA8E,CAA9ED,EAAAA,YAA8EE,EAAA,CAAvD,MAAO,EAAG,MAAM,uCACvCF,EAAAA,YAAsFE,EAAA,CAA/D,MAAO,EAAG,MAAM,uDAEzCF,EAAAA,YAAuFE,EAAA,CAAhE,MAAO,EAAG,MAAM"}

package/dist/components/feedback/loading-state-card/NeonLoadingStateCard.vue.es.js

@@ -0,0 +1,48 @@
+import c from "./NeonLoadingStateCard.es.js";
+import { resolveComponent as a, openBlock as s, createBlock as i, Transition as r, withCtx as e, createVNode as n } from "vue";
+import l from "../../../_virtual/_plugin-vue_export-helper.es.js";
+function d(_, m, p, f, u, g) {
+  const o = a("neon-skeleton-loader"), t = a("neon-inline");
+  return s(), i(r, {
+    mode: "in-out",
+    name: "neon-fade-transition"
+  }, {
+    default: e(() => [
+      n(t, {
+        breakpoint: "mobile-large",
+        class: "neon-loading-state-card",
+        gap: "m"
+      }, {
+        default: e(() => [
+          n(t, {
+            class: "neon-loading-state-card__main-content",
+            gap: "s"
+          }, {
+            default: e(() => [
+              n(o, {
+                count: 1,
+                class: "neon-loading-state-card__thumbnail"
+              }),
+              n(o, {
+                count: 2,
+                class: "neon-loading-state-card__main-content-item"
+              })
+            ]),
+            _: 1
+          }),
+          n(o, {
+            count: 1,
+            class: "neon-loading-state-card__additional-content"
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const b = /* @__PURE__ */ l(c, [["render", d]]);
+export {
+  b as default
+};
+//# sourceMappingURL=NeonLoadingStateCard.vue.es.js.map

package/dist/components/feedback/loading-state-card/NeonLoadingStateCard.vue.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonLoadingStateCard.vue.es.js","sources":["../../../../src/components/feedback/loading-state-card/NeonLoadingStateCard.vue"],"sourcesContent":["<template>\n  <transition mode=\"in-out\" name=\"neon-fade-transition\">\n    <neon-inline breakpoint=\"mobile-large\" class=\"neon-loading-state-card\" gap=\"m\">\n      <neon-inline class=\"neon-loading-state-card__main-content\" gap=\"s\">\n        <neon-skeleton-loader :count=\"1\" class=\"neon-loading-state-card__thumbnail\" />\n        <neon-skeleton-loader :count=\"2\" class=\"neon-loading-state-card__main-content-item\" />\n      </neon-inline>\n      <neon-skeleton-loader :count=\"1\" class=\"neon-loading-state-card__additional-content\" />\n    </neon-inline>\n  </transition>\n</template>\n\n<script lang=\"ts\" src=\"./NeonLoadingStateCard.ts\" />\n"],"names":["_createBlock","_Transition","_createVNode","_component_neon_inline","_component_neon_skeleton_loader"],"mappings":";;;;;cACEA,EAQaC,GAAA;AAAA,IARD,MAAK;AAAA,IAAS,MAAK;AAAA;eAC7B,MAMc;AAAA,MANdC,EAMcC,GAAA;AAAA,QAND,YAAW;AAAA,QAAe,OAAM;AAAA,QAA0B,KAAI;AAAA;mBACzE,MAGc;AAAA,UAHdD,EAGcC,GAAA;AAAA,YAHD,OAAM;AAAA,YAAwC,KAAI;AAAA;uBAC7D,MAA8E;AAAA,cAA9ED,EAA8EE,GAAA;AAAA,gBAAvD,OAAO;AAAA,gBAAG,OAAM;AAAA;cACvCF,EAAsFE,GAAA;AAAA,gBAA/D,OAAO;AAAA,gBAAG,OAAM;AAAA;;;;UAEzCF,EAAuFE,GAAA;AAAA,YAAhE,OAAO;AAAA,YAAG,OAAM;AAAA;;;;;;;;;"}

package/dist/components/feedback/skeleton-loader/NeonSkeletonLoader.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonSkeletonLoader.cjs.js","sources":["../../../../src/components/feedback/skeleton-loader/NeonSkeletonLoader.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A component for indicating initial data is loading. Compose multiple skeleton loaders to generate a loader matching\n * the shape of the content to be loaded.\n */\nexport default defineComponent({\n  name: 'NeonSkeletonLoader',\n  props: {\n    /**\n     * The count of skeleton loaders to render. The size of the skeleton loaders depends on the parent container. The\n     * skeleton loaders will split the container evenly vertically.\n     */\n    count: { type: Number, default: 1 },\n  },\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":"oCAMAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,MAAO,CAKL,MAAO,CAAE,KAAM,OAAQ,QAAS,CAAA,CAAE,CAEtC,CAAC"}
+{"version":3,"file":"NeonSkeletonLoader.cjs.js","sources":["../../../../src/components/feedback/skeleton-loader/NeonSkeletonLoader.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A component for indicating data is loading. Compose multiple skeleton loaders to generate a loader matching the\n * shape of the content to be loaded.\n */\nexport default defineComponent({\n  name: 'NeonSkeletonLoader',\n  props: {\n    /**\n     * The count of skeleton loaders to render. The size of the skeleton loaders depends on the parent container. The\n     * skeleton loaders will split the container evenly vertically.\n     */\n    count: { type: Number, default: 1 },\n  },\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":"oCAMAA,EAAeC,kBAAgB,CAC7B,KAAM,qBACN,MAAO,CAKL,MAAO,CAAE,KAAM,OAAQ,QAAS,CAAA,CAAE,CAEtC,CAAC"}

package/dist/components/feedback/skeleton-loader/NeonSkeletonLoader.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonSkeletonLoader.es.js","sources":["../../../../src/components/feedback/skeleton-loader/NeonSkeletonLoader.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A component for indicating initial data is loading. Compose multiple skeleton loaders to generate a loader matching\n * the shape of the content to be loaded.\n */\nexport default defineComponent({\n  name: 'NeonSkeletonLoader',\n  props: {\n    /**\n     * The count of skeleton loaders to render. The size of the skeleton loaders depends on the parent container. The\n     * skeleton loaders will split the container evenly vertically.\n     */\n    count: { type: Number, default: 1 },\n  },\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":";AAMA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO,EAAE,MAAM,QAAQ,SAAS,EAAA;AAAA,EAAE;AAEtC,CAAC;"}
+{"version":3,"file":"NeonSkeletonLoader.es.js","sources":["../../../../src/components/feedback/skeleton-loader/NeonSkeletonLoader.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A component for indicating data is loading. Compose multiple skeleton loaders to generate a loader matching the\n * shape of the content to be loaded.\n */\nexport default defineComponent({\n  name: 'NeonSkeletonLoader',\n  props: {\n    /**\n     * The count of skeleton loaders to render. The size of the skeleton loaders depends on the parent container. The\n     * skeleton loaders will split the container evenly vertically.\n     */\n    count: { type: Number, default: 1 },\n  },\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":";AAMA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO,EAAE,MAAM,QAAQ,SAAS,EAAA;AAAA,EAAE;AAEtC,CAAC;"}

package/dist/components/feedback/splash-loader/NeonSplashLoader.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonSplashLoader.cjs.js","sources":["../../../../src/components/feedback/splash-loader/NeonSplashLoader.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, ref } from 'vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport { NeonSplashLoaderSize } from '@/model/feedback/splash-loader/NeonSplashLoaderSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * Use <strong>NeonSplashLoader</strong> to indicate loading progress to the user. This can be used fullscreen for the\n * initial site loading as well as when UPDATING data, e.g. refreshing table data. For initial data loading please see\n * <a href=\"/feedback/skeleton-loader\">NeonSkeletonLoader</a>.\n */\nexport default defineComponent({\n  name: 'NeonSplashLoader',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * Color of the loading icon\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Brand },\n    /**\n     * Loading icon size\n     */\n    size: { type: String as () => NeonSplashLoaderSize, default: NeonSplashLoaderSize.Large },\n    /**\n     * Display the overlay over the page\n     */\n    overlay: { type: Boolean, default: true },\n    /**\n     * Display fullscreen (position: fixed)\n     */\n    fullscreen: { type: Boolean, default: false },\n  },\n  setup() {\n    const ready = ref(false);\n    onMounted(() => {\n      ready.value = true;\n    });\n\n    return {\n      ready,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonFunctionalColor","NeonSplashLoaderSize","ready","ref","onMounted"],"mappings":"gPAUAA,EAAeC,kBAAgB,CAC7B,KAAM,mBACN,WAAY,CACV,SAAAC,CAAA,EAEF,MAAO,CAIL,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,KAAA,EAIjF,KAAM,CAAE,KAAM,OAAsC,QAASC,EAAAA,qBAAqB,KAAA,EAIlF,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAInC,WAAY,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAE9C,OAAQ,CACN,MAAMC,EAAQC,EAAAA,IAAI,EAAK,EACvBC,OAAAA,EAAAA,UAAU,IAAM,CACdF,EAAM,MAAQ,EAChB,CAAC,EAEM,CACL,MAAAA,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonSplashLoader.cjs.js","sources":["../../../../src/components/feedback/splash-loader/NeonSplashLoader.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, ref } from 'vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport { NeonSplashLoaderSize } from '@/model/feedback/splash-loader/NeonSplashLoaderSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * Use <strong>NeonSplashLoader</strong> to indicate loading progress to the user. This can be used fullscreen for the\n * initial page loading as well as when updating data.\n */\nexport default defineComponent({\n  name: 'NeonSplashLoader',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * Color of the loading icon\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Brand },\n    /**\n     * Loading icon size\n     */\n    size: { type: String as () => NeonSplashLoaderSize, default: NeonSplashLoaderSize.Large },\n    /**\n     * Display the overlay over the page\n     */\n    overlay: { type: Boolean, default: true },\n    /**\n     * Display fullscreen (position: fixed)\n     */\n    fullscreen: { type: Boolean, default: false },\n  },\n  setup() {\n    const ready = ref(false);\n    onMounted(() => {\n      ready.value = true;\n    });\n\n    return {\n      ready,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonFunctionalColor","NeonSplashLoaderSize","ready","ref","onMounted"],"mappings":"gPASAA,EAAeC,kBAAgB,CAC7B,KAAM,mBACN,WAAY,CACV,SAAAC,CAAA,EAEF,MAAO,CAIL,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,KAAA,EAIjF,KAAM,CAAE,KAAM,OAAsC,QAASC,EAAAA,qBAAqB,KAAA,EAIlF,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAInC,WAAY,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAE9C,OAAQ,CACN,MAAMC,EAAQC,EAAAA,IAAI,EAAK,EACvBC,OAAAA,EAAAA,UAAU,IAAM,CACdF,EAAM,MAAQ,EAChB,CAAC,EAEM,CACL,MAAAA,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/feedback/splash-loader/NeonSplashLoader.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonSplashLoader.es.js","sources":["../../../../src/components/feedback/splash-loader/NeonSplashLoader.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, ref } from 'vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport { NeonSplashLoaderSize } from '@/model/feedback/splash-loader/NeonSplashLoaderSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * Use <strong>NeonSplashLoader</strong> to indicate loading progress to the user. This can be used fullscreen for the\n * initial site loading as well as when UPDATING data, e.g. refreshing table data. For initial data loading please see\n * <a href=\"/feedback/skeleton-loader\">NeonSkeletonLoader</a>.\n */\nexport default defineComponent({\n  name: 'NeonSplashLoader',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * Color of the loading icon\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Brand },\n    /**\n     * Loading icon size\n     */\n    size: { type: String as () => NeonSplashLoaderSize, default: NeonSplashLoaderSize.Large },\n    /**\n     * Display the overlay over the page\n     */\n    overlay: { type: Boolean, default: true },\n    /**\n     * Display fullscreen (position: fixed)\n     */\n    fullscreen: { type: Boolean, default: false },\n  },\n  setup() {\n    const ready = ref(false);\n    onMounted(() => {\n      ready.value = true;\n    });\n\n    return {\n      ready,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonFunctionalColor","NeonSplashLoaderSize","ready","ref","onMounted"],"mappings":";;;;AAUA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,MAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,MAAM,EAAE,MAAM,QAAsC,SAASC,EAAqB,MAAA;AAAA;AAAA;AAAA;AAAA,IAIlF,SAAS,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAInC,YAAY,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAE9C,QAAQ;AACN,UAAMC,IAAQC,EAAI,EAAK;AACvB,WAAAC,EAAU,MAAM;AACd,MAAAF,EAAM,QAAQ;AAAA,IAChB,CAAC,GAEM;AAAA,MACL,OAAAA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonSplashLoader.es.js","sources":["../../../../src/components/feedback/splash-loader/NeonSplashLoader.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, ref } from 'vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport { NeonSplashLoaderSize } from '@/model/feedback/splash-loader/NeonSplashLoaderSize';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * Use <strong>NeonSplashLoader</strong> to indicate loading progress to the user. This can be used fullscreen for the\n * initial page loading as well as when updating data.\n */\nexport default defineComponent({\n  name: 'NeonSplashLoader',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * Color of the loading icon\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Brand },\n    /**\n     * Loading icon size\n     */\n    size: { type: String as () => NeonSplashLoaderSize, default: NeonSplashLoaderSize.Large },\n    /**\n     * Display the overlay over the page\n     */\n    overlay: { type: Boolean, default: true },\n    /**\n     * Display fullscreen (position: fixed)\n     */\n    fullscreen: { type: Boolean, default: false },\n  },\n  setup() {\n    const ready = ref(false);\n    onMounted(() => {\n      ready.value = true;\n    });\n\n    return {\n      ready,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonFunctionalColor","NeonSplashLoaderSize","ready","ref","onMounted"],"mappings":";;;;AASA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,QAAqC,SAASC,EAAoB,MAAA;AAAA;AAAA;AAAA;AAAA,IAIjF,MAAM,EAAE,MAAM,QAAsC,SAASC,EAAqB,MAAA;AAAA;AAAA;AAAA;AAAA,IAIlF,SAAS,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAInC,YAAY,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAE9C,QAAQ;AACN,UAAMC,IAAQC,EAAI,EAAK;AACvB,WAAAC,EAAU,MAAM;AACd,MAAAF,EAAM,QAAQ;AAAA,IAChB,CAAC,GAEM;AAAA,MACL,OAAAA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";const o=require("vue"),s=require("../../user-input/button/NeonButton.vue.cjs.js"),d=require("../inline/NeonInline.vue.cjs.js"),m=require("../../navigation/link/NeonLink.vue.cjs.js"),N=require("../../navigation/pagination/NeonPagination.vue.cjs.js"),f=require("../stack/NeonStack.vue.cjs.js"),b=require("../../../model/user-input/button/NeonButtonStyle.cjs.js"),q=require("../../../model/common/size/NeonSize.cjs.js"),S=require("../../../model/common/color/NeonFunctionalColor.cjs.js"),g=require("../../../utils/common/number/NeonNumberUtils.cjs.js"),y=require("./selectable-card/NeonSelectableCard.vue.cjs.js"),O=require("../../feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),L=o.defineComponent({name:"NeonCardList",components:{NeonSelectableCard:y,NeonPagination:N,NeonButton:s,NeonInline:d,NeonLink:m,NeonSplashLoader:O,NeonStack:f},props:{items:{type:Array,required:!0},color:{type:String,default:null},selectable:{type:Boolean,default:!1},loadOnDemand:{type:Object},pagination:{type:Object},loading:{type:Boolean}},emits:["show-more","toggle-selected"],setup(e,{emit:r,slots:a}){const i=o.computed(()=>{if(!e.pagination&&e.loadOnDemand)return e.loadOnDemand.ofLabel??"of"}),l=o.computed(()=>{var n;if(!e.pagination)return((n=e.loadOnDemand)==null?void 0:n.showMoreLabel)??"Show more"}),u=o.computed(()=>{var n;if(!e.pagination)return((n=e.loadOnDemand)==null?void 0:n.endOfResultsLabel)??"End of results"}),c=o.computed(()=>{var n,t;return((n=e.loadOnDemand)==null?void 0:n.total)??((t=e.pagination)==null?void 0:t.total)??0});return{emit:r,n:g.NeonNumberUtils.formatNumber,NeonButtonStyle:b.NeonButtonStyle,NeonFunctionalColor:S.NeonFunctionalColor,NeonSize:q.NeonSize,ofLabel:i,showMoreLabel:l,endOfResultsLabel:u,total:c,slots:a}}});module.exports=L;
+"use strict";const o=require("vue"),N=require("../../user-input/button/NeonButton.vue.cjs.js"),m=require("../inline/NeonInline.vue.cjs.js"),f=require("../../navigation/link/NeonLink.vue.cjs.js"),g=require("../../navigation/pagination/NeonPagination.vue.cjs.js"),b=require("../../../model/user-input/button/NeonButtonStyle.cjs.js"),q=require("../../../model/common/size/NeonSize.cjs.js"),S=require("../../../model/common/color/NeonFunctionalColor.cjs.js"),y=require("../../../utils/common/number/NeonNumberUtils.cjs.js"),L=require("./selectable-card/NeonSelectableCard.vue.cjs.js"),O=require("../../feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),h=require("../../feedback/loading-state-card/NeonLoadingStateCard.vue.cjs.js"),p=o.defineComponent({name:"NeonCardList",components:{NeonSelectableCard:L,NeonPagination:g,NeonButton:N,NeonInline:m,NeonLink:f,NeonLoadingStateCard:h,NeonSplashLoader:O},props:{items:{type:Array,required:!0},color:{type:String,default:null},selectable:{type:Boolean,default:!1},loadOnDemand:{type:Object},pagination:{type:Object},loading:{type:Boolean}},emits:["page-change","show-more","toggle-selected"],setup(n,{emit:r,slots:i}){const a=o.ref(void 0),l=o.computed(()=>{if(!n.pagination&&n.loadOnDemand)return n.loadOnDemand.ofLabel??"of"}),u=o.computed(()=>{var e;if(!n.pagination)return((e=n.loadOnDemand)==null?void 0:e.showMoreLabel)??"Show more"}),c=o.computed(()=>{var e;if(!n.pagination)return((e=n.loadOnDemand)==null?void 0:e.endOfResultsLabel)??"End of results"}),s=o.computed(()=>{var e,t;return((e=n.loadOnDemand)==null?void 0:e.total)??((t=n.pagination)==null?void 0:t.total)??0}),d=e=>{var t;(t=a.value)!=null&&t.scrollTo&&a.value.scrollTo({top:0,left:0,behavior:"instant"}),r("page-change",e)};return{emit:r,n:y.NeonNumberUtils.formatNumber,NeonButtonStyle:b.NeonButtonStyle,NeonFunctionalColor:S.NeonFunctionalColor,NeonSize:q.NeonSize,ofLabel:l,showMoreLabel:u,endOfResultsLabel:c,total:s,slots:i,cards:a,onPageChange:d}}});module.exports=p;
 //# 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 { 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 '@/model/user-input/button/NeonButtonStyle';\nimport { NeonSize } from '@/model/common/size/NeonSize';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport type { NeonCardListModel } from '@/model/layout/card-list/NeonCardListModel';\nimport { NeonNumberUtils } from '@/utils/common/number/NeonNumberUtils';\nimport type { NeonLoadOnDemandModel } from '@/model/layout/card-list/NeonLoadOnDemandModel';\nimport type { NeonPaginationModel } from '@/model/navigation/pagination/NeonPaginationModel';\nimport type { NeonIdentifiable } from '@/model/common/entity/NeonIdentifiable';\nimport type { NeonSelectable } from '@/model/common/entity/NeonSelectable';\nimport NeonSelectableCard from './selectable-card/NeonSelectableCard.vue';\nimport NeonSplashLoader from '@/components/feedback/splash-loader/NeonSplashLoader.vue';\n\n/**\n * TODO: consider refactoring since it's no longer just a layout component when selectable.\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    NeonSelectableCard,\n    NeonPagination,\n    NeonButton,\n    NeonInline,\n    NeonLink,\n    NeonSplashLoader,\n    NeonStack,\n  },\n  props: {\n    /**\n     * Items to display as cards. Each item should be a NeonCardListModel.\n     */\n    items: {\n      type: Array as () => Array<NeonCardListModel<NeonIdentifiable | (NeonIdentifiable & NeonSelectable)>>,\n      required: true,\n    },\n    /**\n     * * Specify a selection, hover & pagination accent color for the cards.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Make cards selectable.\n     */\n    selectable: { type: Boolean, default: false },\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     * Show splash loader when loading new items.\n     */\n    loading: { type: Boolean },\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     * Emitted when in selectable mode and the selected state of a card is toggled.\n     * @type {string, boolean} - the id of the card which is toggled & the new selected state.\n     */\n    'toggle-selected',\n  ],\n  setup(props, { emit, slots }) {\n    const ofLabel = computed(() => {\n      if (!props.pagination && props.loadOnDemand) {\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      slots,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonSelectableCard","NeonPagination","NeonButton","NeonInline","NeonLink","NeonSplashLoader","NeonStack","props","emit","slots","ofLabel","computed","showMoreLabel","_a","endOfResultsLabel","total","_b","NeonNumberUtils","NeonButtonStyle","NeonFunctionalColor","NeonSize"],"mappings":"srBAyBAA,EAAeC,kBAAgB,CAC7B,KAAM,eACN,WAAY,CACV,mBAAAC,EACA,eAAAC,EACA,WAAAC,EACA,WAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,UAAAC,CAAA,EAEF,MAAO,CAIL,MAAO,CACL,KAAM,MACN,SAAU,EAAA,EAKZ,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAA,EAI7D,WAAY,CAAE,KAAM,QAAS,QAAS,EAAA,EAItC,aAAc,CAAE,KAAM,MAAA,EAItB,WAAY,CAAE,KAAM,MAAA,EAIpB,QAAS,CAAE,KAAM,OAAA,CAAQ,EAE3B,MAAO,CAKL,YAKA,iBAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,EAAM,MAAAC,GAAS,CAC5B,MAAMC,EAAUC,EAAAA,SAAS,IAAM,CAC7B,GAAI,CAACJ,EAAM,YAAcA,EAAM,aAC7B,OAAOA,EAAM,aAAa,SAAW,IAIzC,CAAC,EAEKK,EAAgBD,EAAAA,SAAS,IAAM,OACnC,GAAI,CAACJ,EAAM,WACT,QAAOM,EAAAN,EAAM,eAAN,YAAAM,EAAoB,gBAAiB,WAIhD,CAAC,EAEKC,EAAoBH,EAAAA,SAAS,IAAM,OACvC,GAAI,CAACJ,EAAM,WACT,QAAOM,EAAAN,EAAM,eAAN,YAAAM,EAAoB,oBAAqB,gBAIpD,CAAC,EAEKE,EAAQJ,WAAS,IAAA,SAAM,QAAAE,EAAAN,EAAM,eAAN,YAAAM,EAAoB,UAASG,EAAAT,EAAM,aAAN,YAAAS,EAAkB,QAAS,EAAC,EAEtF,MAAO,CACL,KAAAR,EACA,EAAGS,EAAAA,gBAAgB,aAAA,gBACnBC,EAAAA,gBAAA,oBACAC,EAAAA,oBAAA,SACAC,EAAAA,SACA,QAAAV,EACA,cAAAE,EACA,kBAAAE,EACA,MAAAC,EACA,MAAAN,CAAA,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, ref } 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 { NeonButtonStyle } from '@/model/user-input/button/NeonButtonStyle';\nimport { NeonSize } from '@/model/common/size/NeonSize';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport type { NeonCardListModel } from '@/model/layout/card-list/NeonCardListModel';\nimport { NeonNumberUtils } from '@/utils/common/number/NeonNumberUtils';\nimport type { NeonLoadOnDemandModel } from '@/model/layout/card-list/NeonLoadOnDemandModel';\nimport type { NeonPaginationModel } from '@/model/navigation/pagination/NeonPaginationModel';\nimport type { NeonIdentifiable } from '@/model/common/entity/NeonIdentifiable';\nimport type { NeonSelectable } from '@/model/common/entity/NeonSelectable';\nimport NeonSelectableCard from './selectable-card/NeonSelectableCard.vue';\nimport NeonSplashLoader from '@/components/feedback/splash-loader/NeonSplashLoader.vue';\nimport NeonLoadingStateCard from '@/components/feedback/loading-state-card/NeonLoadingStateCard.vue';\n\n/**\n * TODO: consider refactoring since it's no longer just a layout component when selectable.\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    NeonSelectableCard,\n    NeonPagination,\n    NeonButton,\n    NeonInline,\n    NeonLink,\n    NeonLoadingStateCard,\n    NeonSplashLoader,\n  },\n  props: {\n    /**\n     * Items to display as cards. Each item should be a NeonCardListModel.\n     */\n    items: {\n      type: Array as () => Array<NeonCardListModel<NeonIdentifiable | (NeonIdentifiable & NeonSelectable)>>,\n      required: true,\n    },\n    /**\n     * * Specify a selection, hover & pagination accent color for the cards.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Make cards selectable.\n     */\n    selectable: { type: Boolean, default: false },\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     * Show splash loader when loading new items.\n     */\n    loading: { type: Boolean },\n  },\n  emits: [\n    /**\n     * Emitted when pagination is enabled and the user clicks on a page link (useful for paginated lists which are not\n     * the main focus of the page, i.e. should not be deep linked).\n     *\n     * @type {number} The new page number.\n     */\n    'page-change',\n    /**\n     * Emitted when the 'Show more' button is clicked in \"on demand\" mode.\n     * @type {void}\n     */\n    'show-more',\n    /**\n     * Emitted when in selectable mode and the selected state of a card is toggled.\n     * @type {string, boolean} - the id of the card which is toggled & the new selected state.\n     */\n    'toggle-selected',\n  ],\n  setup(props, { emit, slots }) {\n    const cards = ref<HTMLDivElement | undefined>(undefined);\n\n    const ofLabel = computed(() => {\n      if (!props.pagination && props.loadOnDemand) {\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    const onPageChange = (newPage: number) => {\n      if (cards.value?.scrollTo) {\n        cards.value.scrollTo({\n          top: 0,\n          left: 0,\n          behavior: 'instant' as ScrollBehavior,\n        });\n      }\n\n      emit('page-change', newPage);\n    };\n\n    return {\n      emit,\n      n: NeonNumberUtils.formatNumber,\n      NeonButtonStyle,\n      NeonFunctionalColor,\n      NeonSize,\n      ofLabel,\n      showMoreLabel,\n      endOfResultsLabel,\n      total,\n      slots,\n      cards,\n      onPageChange,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonSelectableCard","NeonPagination","NeonButton","NeonInline","NeonLink","NeonLoadingStateCard","NeonSplashLoader","props","emit","slots","cards","ref","ofLabel","computed","showMoreLabel","_a","endOfResultsLabel","total","_b","onPageChange","newPage","NeonNumberUtils","NeonButtonStyle","NeonFunctionalColor","NeonSize"],"mappings":"0tBAyBAA,EAAeC,kBAAgB,CAC7B,KAAM,eACN,WAAY,CACV,mBAAAC,EACA,eAAAC,EACA,WAAAC,EACA,WAAAC,EACA,SAAAC,EACA,qBAAAC,EACA,iBAAAC,CAAA,EAEF,MAAO,CAIL,MAAO,CACL,KAAM,MACN,SAAU,EAAA,EAKZ,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAA,EAI7D,WAAY,CAAE,KAAM,QAAS,QAAS,EAAA,EAItC,aAAc,CAAE,KAAM,MAAA,EAItB,WAAY,CAAE,KAAM,MAAA,EAIpB,QAAS,CAAE,KAAM,OAAA,CAAQ,EAE3B,MAAO,CAOL,cAKA,YAKA,iBAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,EAAM,MAAAC,GAAS,CAC5B,MAAMC,EAAQC,EAAAA,IAAgC,MAAS,EAEjDC,EAAUC,EAAAA,SAAS,IAAM,CAC7B,GAAI,CAACN,EAAM,YAAcA,EAAM,aAC7B,OAAOA,EAAM,aAAa,SAAW,IAIzC,CAAC,EAEKO,EAAgBD,EAAAA,SAAS,IAAM,OACnC,GAAI,CAACN,EAAM,WACT,QAAOQ,EAAAR,EAAM,eAAN,YAAAQ,EAAoB,gBAAiB,WAIhD,CAAC,EAEKC,EAAoBH,EAAAA,SAAS,IAAM,OACvC,GAAI,CAACN,EAAM,WACT,QAAOQ,EAAAR,EAAM,eAAN,YAAAQ,EAAoB,oBAAqB,gBAIpD,CAAC,EAEKE,EAAQJ,WAAS,IAAA,SAAM,QAAAE,EAAAR,EAAM,eAAN,YAAAQ,EAAoB,UAASG,EAAAX,EAAM,aAAN,YAAAW,EAAkB,QAAS,EAAC,EAEhFC,EAAgBC,GAAoB,QACpCL,EAAAL,EAAM,QAAN,MAAAK,EAAa,UACfL,EAAM,MAAM,SAAS,CACnB,IAAK,EACL,KAAM,EACN,SAAU,SAAA,CACX,EAGHF,EAAK,cAAeY,CAAO,CAC7B,EAEA,MAAO,CACL,KAAAZ,EACA,EAAGa,EAAAA,gBAAgB,aAAA,gBACnBC,EAAAA,gBAAA,oBACAC,EAAAA,oBAAA,SACAC,EAAAA,SACA,QAAAZ,EACA,cAAAE,EACA,kBAAAE,EACA,MAAAC,EACA,MAAAR,EACA,MAAAC,EACA,aAAAS,CAAA,CAEJ,CACF,CAAC"}

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

@@ -1,25 +1,25 @@
-import { defineComponent as f, computed as t } from "vue";
-import u from "../../user-input/button/NeonButton.vue.es.js";
-import s from "../inline/NeonInline.vue.es.js";
-import c from "../../navigation/link/NeonLink.vue.es.js";
-import p from "../../navigation/pagination/NeonPagination.vue.es.js";
-import N from "../stack/NeonStack.vue.es.js";
-import { NeonButtonStyle as b } from "../../../model/user-input/button/NeonButtonStyle.es.js";
-import { NeonSize as g } from "../../../model/common/size/NeonSize.es.js";
-import { NeonFunctionalColor as O } from "../../../model/common/color/NeonFunctionalColor.es.js";
-import { NeonNumberUtils as L } from "../../../utils/common/number/NeonNumberUtils.es.js";
-import y from "./selectable-card/NeonSelectableCard.vue.es.js";
+import { defineComponent as u, ref as c, computed as t } from "vue";
+import p from "../../user-input/button/NeonButton.vue.es.js";
+import g from "../inline/NeonInline.vue.es.js";
+import N from "../../navigation/link/NeonLink.vue.es.js";
+import b from "../../navigation/pagination/NeonPagination.vue.es.js";
+import { NeonButtonStyle as L } from "../../../model/user-input/button/NeonButtonStyle.es.js";
+import { NeonSize as O } from "../../../model/common/size/NeonSize.es.js";
+import { NeonFunctionalColor as h } from "../../../model/common/color/NeonFunctionalColor.es.js";
+import { NeonNumberUtils as y } from "../../../utils/common/number/NeonNumberUtils.es.js";
+import v from "./selectable-card/NeonSelectableCard.vue.es.js";
 import S from "../../feedback/splash-loader/NeonSplashLoader.vue.es.js";
-const x = f({
+import C from "../../feedback/loading-state-card/NeonLoadingStateCard.vue.es.js";
+const z = u({
   name: "NeonCardList",
   components: {
-    NeonSelectableCard: y,
-    NeonPagination: p,
-    NeonButton: u,
-    NeonInline: s,
-    NeonLink: c,
-    NeonSplashLoader: S,
-    NeonStack: N
+    NeonSelectableCard: v,
+    NeonPagination: b,
+    NeonButton: p,
+    NeonInline: g,
+    NeonLink: N,
+    NeonLoadingStateCard: C,
+    NeonSplashLoader: S
   },
   props: {
     /**
@@ -51,6 +51,13 @@ const x = f({
     loading: { type: Boolean }
   },
   emits: [
+    /**
+     * Emitted when pagination is enabled and 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",
     /**
      * Emitted when the 'Show more' button is clicked in "on demand" mode.
      * @type {void}
@@ -62,37 +69,46 @@ const x = f({
      */
     "toggle-selected"
   ],
-  setup(o, { emit: a, slots: r }) {
-    const i = t(() => {
-      if (!o.pagination && o.loadOnDemand)
-        return o.loadOnDemand.ofLabel ?? "of";
+  setup(e, { emit: r, slots: i }) {
+    const a = c(void 0), l = t(() => {
+      if (!e.pagination && e.loadOnDemand)
+        return e.loadOnDemand.ofLabel ?? "of";
     }), m = t(() => {
-      var e;
-      if (!o.pagination)
-        return ((e = o.loadOnDemand) == null ? void 0 : e.showMoreLabel) ?? "Show more";
-    }), l = t(() => {
-      var e;
-      if (!o.pagination)
-        return ((e = o.loadOnDemand) == null ? void 0 : e.endOfResultsLabel) ?? "End of results";
+      var o;
+      if (!e.pagination)
+        return ((o = e.loadOnDemand) == null ? void 0 : o.showMoreLabel) ?? "Show more";
     }), d = t(() => {
-      var e, n;
-      return ((e = o.loadOnDemand) == null ? void 0 : e.total) ?? ((n = o.pagination) == null ? void 0 : n.total) ?? 0;
-    });
+      var o;
+      if (!e.pagination)
+        return ((o = e.loadOnDemand) == null ? void 0 : o.endOfResultsLabel) ?? "End of results";
+    }), f = t(() => {
+      var o, n;
+      return ((o = e.loadOnDemand) == null ? void 0 : o.total) ?? ((n = e.pagination) == null ? void 0 : n.total) ?? 0;
+    }), s = (o) => {
+      var n;
+      (n = a.value) != null && n.scrollTo && a.value.scrollTo({
+        top: 0,
+        left: 0,
+        behavior: "instant"
+      }), r("page-change", o);
+    };
     return {
-      emit: a,
-      n: L.formatNumber,
-      NeonButtonStyle: b,
-      NeonFunctionalColor: O,
-      NeonSize: g,
-      ofLabel: i,
+      emit: r,
+      n: y.formatNumber,
+      NeonButtonStyle: L,
+      NeonFunctionalColor: h,
+      NeonSize: O,
+      ofLabel: l,
       showMoreLabel: m,
-      endOfResultsLabel: l,
-      total: d,
-      slots: r
+      endOfResultsLabel: d,
+      total: f,
+      slots: i,
+      cards: a,
+      onPageChange: s
     };
   }
 });
 export {
-  x as default
+  z 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 { 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 '@/model/user-input/button/NeonButtonStyle';\nimport { NeonSize } from '@/model/common/size/NeonSize';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport type { NeonCardListModel } from '@/model/layout/card-list/NeonCardListModel';\nimport { NeonNumberUtils } from '@/utils/common/number/NeonNumberUtils';\nimport type { NeonLoadOnDemandModel } from '@/model/layout/card-list/NeonLoadOnDemandModel';\nimport type { NeonPaginationModel } from '@/model/navigation/pagination/NeonPaginationModel';\nimport type { NeonIdentifiable } from '@/model/common/entity/NeonIdentifiable';\nimport type { NeonSelectable } from '@/model/common/entity/NeonSelectable';\nimport NeonSelectableCard from './selectable-card/NeonSelectableCard.vue';\nimport NeonSplashLoader from '@/components/feedback/splash-loader/NeonSplashLoader.vue';\n\n/**\n * TODO: consider refactoring since it's no longer just a layout component when selectable.\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    NeonSelectableCard,\n    NeonPagination,\n    NeonButton,\n    NeonInline,\n    NeonLink,\n    NeonSplashLoader,\n    NeonStack,\n  },\n  props: {\n    /**\n     * Items to display as cards. Each item should be a NeonCardListModel.\n     */\n    items: {\n      type: Array as () => Array<NeonCardListModel<NeonIdentifiable | (NeonIdentifiable & NeonSelectable)>>,\n      required: true,\n    },\n    /**\n     * * Specify a selection, hover & pagination accent color for the cards.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Make cards selectable.\n     */\n    selectable: { type: Boolean, default: false },\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     * Show splash loader when loading new items.\n     */\n    loading: { type: Boolean },\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     * Emitted when in selectable mode and the selected state of a card is toggled.\n     * @type {string, boolean} - the id of the card which is toggled & the new selected state.\n     */\n    'toggle-selected',\n  ],\n  setup(props, { emit, slots }) {\n    const ofLabel = computed(() => {\n      if (!props.pagination && props.loadOnDemand) {\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      slots,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonSelectableCard","NeonPagination","NeonButton","NeonInline","NeonLink","NeonSplashLoader","NeonStack","props","emit","slots","ofLabel","computed","showMoreLabel","_a","endOfResultsLabel","total","_b","NeonNumberUtils","NeonButtonStyle","NeonFunctionalColor","NeonSize"],"mappings":";;;;;;;;;;;;AAyBA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,oBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,WAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,OAAO,EAAE,MAAM,QAAqC,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI7D,YAAY,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,cAAc,EAAE,MAAM,OAAA;AAAA;AAAA;AAAA;AAAA,IAItB,YAAY,EAAE,MAAM,OAAA;AAAA;AAAA;AAAA;AAAA,IAIpB,SAAS,EAAE,MAAM,QAAA;AAAA,EAAQ;AAAA,EAE3B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,GAAM,OAAAC,KAAS;AAC5B,UAAMC,IAAUC,EAAS,MAAM;AAC7B,UAAI,CAACJ,EAAM,cAAcA,EAAM;AAC7B,eAAOA,EAAM,aAAa,WAAW;AAAA,IAIzC,CAAC,GAEKK,IAAgBD,EAAS,MAAM;;AACnC,UAAI,CAACJ,EAAM;AACT,iBAAOM,IAAAN,EAAM,iBAAN,gBAAAM,EAAoB,kBAAiB;AAAA,IAIhD,CAAC,GAEKC,IAAoBH,EAAS,MAAM;;AACvC,UAAI,CAACJ,EAAM;AACT,iBAAOM,IAAAN,EAAM,iBAAN,gBAAAM,EAAoB,sBAAqB;AAAA,IAIpD,CAAC,GAEKE,IAAQJ,EAAS,MAAA;;AAAM,eAAAE,IAAAN,EAAM,iBAAN,gBAAAM,EAAoB,YAASG,IAAAT,EAAM,eAAN,gBAAAS,EAAkB,UAAS;AAAA,KAAC;AAEtF,WAAO;AAAA,MACL,MAAAR;AAAA,MACA,GAAGS,EAAgB;AAAA,MACnB,iBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAV;AAAA,MACA,eAAAE;AAAA,MACA,mBAAAE;AAAA,MACA,OAAAC;AAAA,MACA,OAAAN;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, ref } 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 { NeonButtonStyle } from '@/model/user-input/button/NeonButtonStyle';\nimport { NeonSize } from '@/model/common/size/NeonSize';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport type { NeonCardListModel } from '@/model/layout/card-list/NeonCardListModel';\nimport { NeonNumberUtils } from '@/utils/common/number/NeonNumberUtils';\nimport type { NeonLoadOnDemandModel } from '@/model/layout/card-list/NeonLoadOnDemandModel';\nimport type { NeonPaginationModel } from '@/model/navigation/pagination/NeonPaginationModel';\nimport type { NeonIdentifiable } from '@/model/common/entity/NeonIdentifiable';\nimport type { NeonSelectable } from '@/model/common/entity/NeonSelectable';\nimport NeonSelectableCard from './selectable-card/NeonSelectableCard.vue';\nimport NeonSplashLoader from '@/components/feedback/splash-loader/NeonSplashLoader.vue';\nimport NeonLoadingStateCard from '@/components/feedback/loading-state-card/NeonLoadingStateCard.vue';\n\n/**\n * TODO: consider refactoring since it's no longer just a layout component when selectable.\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    NeonSelectableCard,\n    NeonPagination,\n    NeonButton,\n    NeonInline,\n    NeonLink,\n    NeonLoadingStateCard,\n    NeonSplashLoader,\n  },\n  props: {\n    /**\n     * Items to display as cards. Each item should be a NeonCardListModel.\n     */\n    items: {\n      type: Array as () => Array<NeonCardListModel<NeonIdentifiable | (NeonIdentifiable & NeonSelectable)>>,\n      required: true,\n    },\n    /**\n     * * Specify a selection, hover & pagination accent color for the cards.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Make cards selectable.\n     */\n    selectable: { type: Boolean, default: false },\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     * Show splash loader when loading new items.\n     */\n    loading: { type: Boolean },\n  },\n  emits: [\n    /**\n     * Emitted when pagination is enabled and the user clicks on a page link (useful for paginated lists which are not\n     * the main focus of the page, i.e. should not be deep linked).\n     *\n     * @type {number} The new page number.\n     */\n    'page-change',\n    /**\n     * Emitted when the 'Show more' button is clicked in \"on demand\" mode.\n     * @type {void}\n     */\n    'show-more',\n    /**\n     * Emitted when in selectable mode and the selected state of a card is toggled.\n     * @type {string, boolean} - the id of the card which is toggled & the new selected state.\n     */\n    'toggle-selected',\n  ],\n  setup(props, { emit, slots }) {\n    const cards = ref<HTMLDivElement | undefined>(undefined);\n\n    const ofLabel = computed(() => {\n      if (!props.pagination && props.loadOnDemand) {\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    const onPageChange = (newPage: number) => {\n      if (cards.value?.scrollTo) {\n        cards.value.scrollTo({\n          top: 0,\n          left: 0,\n          behavior: 'instant' as ScrollBehavior,\n        });\n      }\n\n      emit('page-change', newPage);\n    };\n\n    return {\n      emit,\n      n: NeonNumberUtils.formatNumber,\n      NeonButtonStyle,\n      NeonFunctionalColor,\n      NeonSize,\n      ofLabel,\n      showMoreLabel,\n      endOfResultsLabel,\n      total,\n      slots,\n      cards,\n      onPageChange,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonSelectableCard","NeonPagination","NeonButton","NeonInline","NeonLink","NeonLoadingStateCard","NeonSplashLoader","props","emit","slots","cards","ref","ofLabel","computed","showMoreLabel","_a","endOfResultsLabel","total","_b","onPageChange","newPage","NeonNumberUtils","NeonButtonStyle","NeonFunctionalColor","NeonSize"],"mappings":";;;;;;;;;;;;AAyBA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,oBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,OAAO,EAAE,MAAM,QAAqC,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI7D,YAAY,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,cAAc,EAAE,MAAM,OAAA;AAAA;AAAA;AAAA;AAAA,IAItB,YAAY,EAAE,MAAM,OAAA;AAAA;AAAA;AAAA;AAAA,IAIpB,SAAS,EAAE,MAAM,QAAA;AAAA,EAAQ;AAAA,EAE3B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,GAAM,OAAAC,KAAS;AAC5B,UAAMC,IAAQC,EAAgC,MAAS,GAEjDC,IAAUC,EAAS,MAAM;AAC7B,UAAI,CAACN,EAAM,cAAcA,EAAM;AAC7B,eAAOA,EAAM,aAAa,WAAW;AAAA,IAIzC,CAAC,GAEKO,IAAgBD,EAAS,MAAM;;AACnC,UAAI,CAACN,EAAM;AACT,iBAAOQ,IAAAR,EAAM,iBAAN,gBAAAQ,EAAoB,kBAAiB;AAAA,IAIhD,CAAC,GAEKC,IAAoBH,EAAS,MAAM;;AACvC,UAAI,CAACN,EAAM;AACT,iBAAOQ,IAAAR,EAAM,iBAAN,gBAAAQ,EAAoB,sBAAqB;AAAA,IAIpD,CAAC,GAEKE,IAAQJ,EAAS,MAAA;;AAAM,eAAAE,IAAAR,EAAM,iBAAN,gBAAAQ,EAAoB,YAASG,IAAAX,EAAM,eAAN,gBAAAW,EAAkB,UAAS;AAAA,KAAC,GAEhFC,IAAe,CAACC,MAAoB;;AACxC,OAAIL,IAAAL,EAAM,UAAN,QAAAK,EAAa,YACfL,EAAM,MAAM,SAAS;AAAA,QACnB,KAAK;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,MAAA,CACX,GAGHF,EAAK,eAAeY,CAAO;AAAA,IAC7B;AAEA,WAAO;AAAA,MACL,MAAAZ;AAAA,MACA,GAAGa,EAAgB;AAAA,MACnB,iBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAZ;AAAA,MACA,eAAAE;AAAA,MACA,mBAAAE;AAAA,MACA,OAAAC;AAAA,MACA,OAAAR;AAAA,MACA,OAAAC;AAAA,MACA,cAAAS;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";const u=require("./NeonCardList.cjs.js"),e=require("vue"),k=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),_={class:"neon-card-list"},g={key:0,class:"neon-card-list__total"},B={class:"neon-card-list__card"},b={key:0,class:"neon-card-list__results-end"};function y(o,a,f,h,v,S){const t=e.resolveComponent("neon-inline"),s=e.resolveComponent("neon-link"),r=e.resolveComponent("neon-selectable-card"),d=e.resolveComponent("neon-splash-loader"),c=e.resolveComponent("neon-stack"),i=e.resolveComponent("neon-button"),p=e.resolveComponent("neon-pagination");return e.openBlock(),e.createElementBlock("div",_,[e.renderSlot(o.$slots,"filters"),o.slots.header||o.loadOnDemand?(e.openBlock(),e.createBlock(t,{key:0,class:"neon-card-list__header"},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"header"),o.loadOnDemand?(e.openBlock(),e.createElementBlock("span",g,e.toDisplayString(o.n(o.items.length))+" "+e.toDisplayString(o.ofLabel)+" "+e.toDisplayString(o.n(o.total)),1)):e.createCommentVNode("",!0)]),_:3})):e.createCommentVNode("",!0),e.createVNode(c,{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(s,{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",B,[e.renderSlot(o.$slots,"card",e.mergeProps({ref_for:!0},{model:n.model,index:l}))])]),_:2},1032,["class","href"])):o.selectable?(e.openBlock(),e.createBlock(r,{key:`${n.model.id??l}-selectable`,class:e.normalizeClass([{"neon-card-list__card--disabled":n.disabled,"neon-card-list__card--selected":n.selected},"neon-card-list__card neon-card-list__card--selectable"]),disabled:n.disabled,"model-value":!!n.selected,"onUpdate:modelValue":m=>o.emit("toggle-selected",n.model.id,m)},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"card",e.mergeProps({ref_for:!0},{model:n.model,index:l}))]),_:2},1032,["class","disabled","model-value","onUpdate:modelValue"])):(e.openBlock(),e.createElementBlock("div",{key:`${n.model.id??l}-link`,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)),o.loading?(e.openBlock(),e.createBlock(d,{key:0,color:o.color},null,8,["color"])):e.createCommentVNode("",!0)]),_:3}),o.loadOnDemand?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.items.length===o.total?(e.openBlock(),e.createElementBlock("span",b,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:a[0]||(a[0]=n=>o.emit("show-more",n))},null,8,["button-style","color","label","size"]))],64)):o.pagination?(e.openBlock(),e.createBlock(p,{key:2,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 C=k(u,[["render",y]]);module.exports=C;
+"use strict";const m=require("./NeonCardList.cjs.js"),e=require("vue"),k=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),u={class:"neon-card-list"},g={key:0,class:"neon-card-list__total"},_={ref:"cards",class:"neon-card-list__cards"},B={class:"neon-card-list__card"},y={key:0,class:"neon-card-list__results-end"};function C(o,t,h,b,S,$){const r=e.resolveComponent("neon-inline"),a=e.resolveComponent("neon-loading-state-card"),s=e.resolveComponent("neon-link"),d=e.resolveComponent("neon-selectable-card"),i=e.resolveComponent("neon-button"),c=e.resolveComponent("neon-pagination");return e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(o.$slots,"filters"),o.slots.header||o.loadOnDemand?(e.openBlock(),e.createBlock(r,{key:0,class:"neon-card-list__header"},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"header"),o.loadOnDemand?(e.openBlock(),e.createElementBlock("span",g,e.toDisplayString(o.n(o.items.length))+" "+e.toDisplayString(o.ofLabel)+" "+e.toDisplayString(o.n(o.total)),1)):e.createCommentVNode("",!0)]),_:3})):e.createCommentVNode("",!0),e.createElementVNode("div",_,[(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(s,{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",B,[o.pagination&&o.loading?e.renderSlot(o.$slots,"loadingStateCard",{key:0},()=>[e.createVNode(a)]):(e.openBlock(),e.createBlock(e.Transition,{key:1,mode:"out-in",name:"neon-fade-transition"},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"card",e.mergeProps({ref_for:!0},{model:n.model,index:l}))]),_:2},1024))])]),_:2},1032,["class","href"])):o.selectable?(e.openBlock(),e.createBlock(d,{key:`${n.model.id??l}-selectable`,class:e.normalizeClass([{"neon-card-list__card--disabled":n.disabled,"neon-card-list__card--selected":n.selected},"neon-card-list__card neon-card-list__card--selectable"]),disabled:n.disabled,"model-value":!!n.selected,"onUpdate:modelValue":p=>o.emit("toggle-selected",n.model.id,p)},{default:e.withCtx(()=>[o.pagination&&o.loading?e.renderSlot(o.$slots,"loadingStateCard",{key:0},()=>[e.createVNode(a)]):(e.openBlock(),e.createBlock(e.Transition,{key:1,mode:"out-in",name:"neon-fade-transition"},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"card",e.mergeProps({ref_for:!0},{model:n.model,index:l}))]),_:2},1024))]),_:2},1032,["class","disabled","model-value","onUpdate:modelValue"])):(e.openBlock(),e.createElementBlock("div",{key:`${n.model.id??l}-card`,class:e.normalizeClass([{"neon-card-list__card--disabled":n.disabled},"neon-card-list__card"])},[o.pagination&&o.loading?e.renderSlot(o.$slots,"loadingStateCard",{key:0},()=>[e.createVNode(a)]):(e.openBlock(),e.createBlock(e.Transition,{key:1,mode:"out-in",name:"neon-fade-transition"},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"card",e.mergeProps({ref_for:!0},{model:n.model,index:l}))]),_:2},1024))],2))],64))),256))],512),o.loadOnDemand?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.items.length===o.total?(e.openBlock(),e.createElementBlock("span",y,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(c,{key:2,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,onPageChange:o.onPageChange},null,8,["color","display-first-and-last","page","page-size","total","url-template","onPageChange"])):e.createCommentVNode("",!0)])}const f=k(m,[["render",C]]);module.exports=f;
 //# 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    <!-- @slot slot for providing a filter bar component -->\n    <slot name=\"filters\"></slot>\n    <neon-inline v-if=\"slots.header || loadOnDemand\" class=\"neon-card-list__header\">\n      <!-- @slot slot for providing 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        <neon-selectable-card\n          v-else-if=\"selectable\"\n          :key=\"`${item.model.id ?? index}-selectable`\"\n          :class=\"{\n            'neon-card-list__card--disabled': item.disabled,\n            'neon-card-list__card--selected': item.selected,\n          }\"\n          :disabled=\"item.disabled\"\n          :model-value=\"!!item.selected\"\n          class=\"neon-card-list__card neon-card-list__card--selectable\"\n          @update:model-value=\"emit('toggle-selected', item.model.id, $event)\"\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        </neon-selectable-card>\n        <div\n          v-else\n          :key=\"`${item.model.id ?? index}-link`\"\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-splash-loader v-if=\"loading\" :color=\"color\" />\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","_renderSlot","_ctx","_createBlock","_component_neon_inline","_hoisted_2","_toDisplayString","_createVNode","_component_neon_stack","_Fragment","_renderList","item","index","_component_neon_link","_normalizeClass","_createElementVNode","_mergeProps","_component_neon_selectable_card","$event","_component_neon_splash_loader","_hoisted_4","_component_neon_button","_cache","_component_neon_pagination"],"mappings":"uIACOA,EAAA,CAAA,MAAM,gBAAgB,WAMG,MAAM,yBAavBC,EAAA,CAAA,MAAM,sBAAsB,WAuCD,MAAM,0UA1D9C,OAAAC,YAAA,EAAAC,qBA8EM,MA9ENH,EA8EM,CA5EJI,aAA4BC,EAAA,OAAA,SAAA,EACTA,EAAA,MAAM,QAAUA,EAAA,4BAAnCC,EAAAA,YAIcC,EAAA,OAJmC,MAAM,6CAErD,IAA2B,CAA3BH,aAA2BC,EAAA,OAAA,QAAA,EACfA,EAAA,cAAZH,EAAAA,YAAAC,EAAAA,mBAAiH,OAAjHK,EAAiHC,EAAAA,gBAAtDJ,EAAA,EAAEA,QAAM,MAAM,CAAA,EAAI,sBAAIA,EAAA,OAAO,EAAG,IAACI,EAAAA,gBAAGJ,EAAA,EAAEA,EAAA,KAAK,CAAA,EAAA,CAAA,oEAExGK,EAAAA,YAgDaC,EAAA,CAhDD,MAAM,wBAAwB,IAAI,wBAClC,IAA8B,EAAxCT,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBA6CWS,WAAA,KAAAC,EAAAA,WA7CuBR,EAAA,MAAK,CAArBS,EAAMC,yDAEdD,EAAK,MAAI,CAAKA,EAAK,wBAD3BR,EAAAA,YAeYU,EAAA,CAbT,OAAQF,EAAK,MAAM,IAAMC,CAAK,QAC9B,MAAKE,EAAAA,eAAA,CAAEZ,EAAA,OAAK,yBAA6BA,EAAA,KAAK,GAEzC,sBAAsB,CAAA,EAD3B,KAAMS,EAAK,KAEZ,WAAA,GACA,gBAAc,iCAEd,IAKM,CALNI,EAAAA,mBAKM,MALNjB,EAKM,CADJG,EAAAA,WAAsEC,gBAAtEc,EAAAA,WAAsE,CAAA,QAAA,EAAA,EAAA,CAAA,MAAnCL,EAAK,YAAcC,CAAK,CAAA,CAAA,mCAIlDV,EAAA,0BADbC,EAAAA,YAgBuBc,EAAA,CAdpB,OAAQN,EAAK,MAAM,IAAMC,CAAK,cAC9B,MAAKE,EAAAA,eAAA,CAAA,CAAkD,iCAAAH,EAAK,SAAwD,iCAAAA,EAAK,UAMpH,uDAAuD,CAAA,EAF5D,SAAUA,EAAK,SACf,cAAW,CAAA,CAAIA,EAAK,SAEpB,sBAAkBO,GAAEhB,OAAI,kBAAoBS,EAAK,MAAM,GAAIO,CAAM,sBAKlE,IAAsE,CAAtEjB,EAAAA,WAAsEC,gBAAtEc,EAAAA,WAAsE,CAAA,QAAA,EAAA,EAAA,CAAA,MAAnCL,EAAK,YAAcC,CAAK,CAAA,CAAA,wFAE7DZ,EAAAA,mBAUM,MAAA,CARH,OAAQW,EAAK,MAAM,IAAMC,CAAK,QAC9B,MAAKE,EAAAA,eAAA,CAAA,CAAA,iCAAsCH,EAAK,QAAQ,EACnD,sBAAsB,CAAA,IAK5BV,EAAAA,WAAsEC,gBAAtEc,EAAAA,WAAsE,CAAA,QAAA,EAAA,EAAA,CAAA,MAAnCL,EAAK,YAAcC,CAAK,CAAA,CAAA,oBAGrCV,EAAA,uBAA1BC,EAAAA,YAAoDgB,EAAA,OAAhB,MAAOjB,EAAA,8DAE7BA,EAAA,4BAAhBF,EAAAA,mBAWWS,EAAAA,SAAA,CAAA,IAAA,CAAA,EAAA,CAVGP,EAAA,MAAM,SAAWA,EAAA,qBAA7BF,EAAAA,mBAAsG,OAAtGoB,EAAsGd,EAAAA,gBAA3BJ,EAAA,iBAAiB,EAAA,CAAA,kBAC5FC,EAAAA,YAQEkB,EAAA,OANC,eAAcnB,EAAA,gBAAgB,KAC9B,MAAOA,EAAA,oBAAoB,QAC3B,MAAOA,EAAA,cACP,KAAMA,EAAA,SAAS,MAChB,MAAM,4BACL,QAAKoB,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAJ,GAAEhB,EAAA,KAAI,YAAcgB,CAAM,2DAIvBhB,EAAA,0BADbC,EAAAA,YAQEoB,EAAA,OANC,MAAOrB,EAAA,MACP,yBAAwBA,EAAA,WAAW,oBACnC,KAAMA,EAAA,WAAW,KACjB,YAAWA,EAAA,WAAW,SACtB,MAAOA,EAAA,WAAW,MAClB,eAAcA,EAAA,WAAW"}
+{"version":3,"file":"NeonCardList.vue.cjs.js","sources":["../../../../src/components/layout/card-list/NeonCardList.vue"],"sourcesContent":["<template>\n  <div class=\"neon-card-list\">\n    <!-- @slot slot for providing a filter bar component -->\n    <slot name=\"filters\"></slot>\n    <neon-inline v-if=\"slots.header || loadOnDemand\" class=\"neon-card-list__header\">\n      <!-- @slot slot for providing 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    <div ref=\"cards\" class=\"neon-card-list__cards\">\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 override the default loading state card -->\n            <slot v-if=\"pagination && loading\" name=\"loadingStateCard\">\n              <neon-loading-state-card />\n            </slot>\n            <template v-else>\n              <transition mode=\"out-in\" name=\"neon-fade-transition\">\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              </transition>\n            </template>\n          </div>\n        </neon-link>\n        <neon-selectable-card\n          v-else-if=\"selectable\"\n          :key=\"`${item.model.id ?? index}-selectable`\"\n          :class=\"{\n            'neon-card-list__card--disabled': item.disabled,\n            'neon-card-list__card--selected': item.selected,\n          }\"\n          :disabled=\"item.disabled\"\n          :model-value=\"!!item.selected\"\n          class=\"neon-card-list__card neon-card-list__card--selectable\"\n          @update:model-value=\"emit('toggle-selected', item.model.id, $event)\"\n        >\n          <!-- @slot override the default loading state card -->\n          <slot v-if=\"pagination && loading\" name=\"loadingStateCard\">\n            <neon-loading-state-card />\n          </slot>\n          <template v-else>\n            <transition mode=\"out-in\" name=\"neon-fade-transition\">\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            </transition>\n          </template>\n        </neon-selectable-card>\n        <div\n          v-else\n          :key=\"`${item.model.id ?? index}-card`\"\n          :class=\"{ 'neon-card-list__card--disabled': item.disabled }\"\n          class=\"neon-card-list__card\"\n        >\n          <!-- @slot override the default loading state card -->\n          <slot v-if=\"pagination && loading\" name=\"loadingStateCard\">\n            <neon-loading-state-card />\n          </slot>\n          <template v-else>\n            <transition mode=\"out-in\" name=\"neon-fade-transition\">\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            </transition>\n          </template>\n        </div>\n      </template>\n    </div>\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      @page-change=\"onPageChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonCardList.ts\"></script>\n"],"names":["_hoisted_1","_hoisted_4","_openBlock","_createElementBlock","_renderSlot","_ctx","_createBlock","_component_neon_inline","_hoisted_2","_toDisplayString","_createElementVNode","_hoisted_3","_Fragment","_renderList","item","index","_component_neon_link","_normalizeClass","_createVNode","_component_neon_loading_state_card","_Transition","_mergeProps","_component_neon_selectable_card","$event","_hoisted_5","_component_neon_button","_cache","_component_neon_pagination"],"mappings":"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"}