@aotearoan/neon 28.5.0 → 28.6.0

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

@@ -1,111 +1,109 @@
-import v from "./NeonCardList.es.js";
-import { resolveComponent as t, openBlock as o, createElementBlock as s, renderSlot as a, createBlock as l, withCtx as r, toDisplayString as i, createCommentVNode as p, createElementVNode as y, Fragment as u, renderList as z, normalizeClass as m, createVNode as g, Transition as f, mergeProps as _ } from "vue";
-import L from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const V = { class: "neon-card-list" }, w = {
-  key: 0,
-  class: "neon-card-list__total"
-}, B = {
+import L from "./NeonCardList.es.js";
+import { resolveComponent as d, openBlock as o, createElementBlock as t, normalizeClass as i, renderSlot as a, createBlock as l, withCtx as r, createCommentVNode as c, createElementVNode as k, Fragment as u, renderList as v, createVNode as g, Transition as m, mergeProps as f, toDisplayString as z } from "vue";
+import N from "../../../_virtual/_plugin-vue_export-helper.es.js";
+const V = {
   ref: "cards",
   class: "neon-card-list__cards"
-}, D = { class: "neon-card-list__card" }, O = {
+}, w = { class: "neon-card-list__card" }, P = {
   key: 0,
-  class: "neon-card-list__results-end"
+  class: "neon-card-list__result-count-label"
 };
-function P(e, k, F, T, E, U) {
-  const b = t("neon-inline"), c = t("neon-loading-state-card"), h = t("neon-link"), $ = t("neon-selectable-card"), C = t("neon-button"), S = t("neon-pagination");
-  return o(), s("div", V, [
+function B(e, _, D, E, F, T) {
+  const b = d("neon-inline"), p = d("neon-loading-state-card"), y = d("neon-link"), h = d("neon-selectable-card"), $ = d("neon-button"), C = d("neon-pagination");
+  return o(), t("div", {
+    class: i([`neon-card-list--${e.listStyle}`, "neon-card-list"])
+  }, [
     a(e.$slots, "filters"),
-    e.slots.header || e.loadOnDemand ? (o(), l(b, {
+    e.slots.header ? (o(), l(b, {
       key: 0,
       class: "neon-card-list__header"
     }, {
       default: r(() => [
-        a(e.$slots, "header"),
-        e.loadOnDemand ? (o(), s("span", w, i(e.n(e.items.length)) + " " + i(e.ofLabel) + " " + i(e.n(e.total)), 1)) : p("", !0)
+        a(e.$slots, "header")
       ]),
       _: 3
-    })) : p("", !0),
-    y("div", B, [
-      (o(!0), s(u, null, z(e.items, (n, d) => (o(), s(u, null, [
-        n.href && !n.disabled ? (o(), l(h, {
-          key: `${n.model.id ?? d}-link`,
-          class: m([e.color && `neon-card-list__link--${e.color}`, "neon-card-list__link"]),
+    })) : c("", !0),
+    k("div", V, [
+      (o(!0), t(u, null, v(e.items, (n, s) => (o(), t(u, null, [
+        n.href && !n.disabled ? (o(), l(y, {
+          key: `${n.model.id ?? s}-link`,
+          class: i([e.color && `neon-card-list__link--${e.color}`, "neon-card-list__link"]),
           href: n.href,
           "no-style": "",
           "outline-style": "background"
         }, {
           default: r(() => [
-            y("div", D, [
+            k("div", w, [
               e.pagination && e.loading ? a(e.$slots, "loadingStateCard", { key: 0 }, () => [
-                g(c)
-              ]) : (o(), l(f, {
+                g(p)
+              ]) : (o(), l(m, {
                 key: 1,
                 mode: "out-in",
                 name: "neon-fade-transition"
               }, {
                 default: r(() => [
-                  a(e.$slots, "card", _({ ref_for: !0 }, { model: n.model, index: d }))
+                  a(e.$slots, "card", f({ ref_for: !0 }, { model: n.model, index: s }))
                 ]),
                 _: 2
               }, 1024))
             ])
           ]),
           _: 2
-        }, 1032, ["class", "href"])) : e.selectable ? (o(), l($, {
-          key: `${n.model.id ?? d}-selectable`,
-          class: m([{
+        }, 1032, ["class", "href"])) : e.selectable ? (o(), l(h, {
+          key: `${n.model.id ?? s}-selectable`,
+          class: i([{
             "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": (N) => e.emit("toggle-selected", n.model.id, N)
+          "onUpdate:modelValue": (S) => e.emit("toggle-selected", n.model.id, S)
         }, {
           default: r(() => [
             e.pagination && e.loading ? a(e.$slots, "loadingStateCard", { key: 0 }, () => [
-              g(c)
-            ]) : (o(), l(f, {
+              g(p)
+            ]) : (o(), l(m, {
               key: 1,
               mode: "out-in",
               name: "neon-fade-transition"
             }, {
               default: r(() => [
-                a(e.$slots, "card", _({ ref_for: !0 }, { model: n.model, index: d }))
+                a(e.$slots, "card", f({ ref_for: !0 }, { model: n.model, index: s }))
               ]),
               _: 2
             }, 1024))
           ]),
           _: 2
-        }, 1032, ["class", "disabled", "model-value", "onUpdate:modelValue"])) : (o(), s("div", {
-          key: `${n.model.id ?? d}-card`,
-          class: m([{ "neon-card-list__card--disabled": n.disabled }, "neon-card-list__card"])
+        }, 1032, ["class", "disabled", "model-value", "onUpdate:modelValue"])) : (o(), t("div", {
+          key: `${n.model.id ?? s}-card`,
+          class: i([{ "neon-card-list__card--disabled": n.disabled }, "neon-card-list__card"])
         }, [
           e.pagination && e.loading ? a(e.$slots, "loadingStateCard", { key: 0 }, () => [
-            g(c)
-          ]) : (o(), l(f, {
+            g(p)
+          ]) : (o(), l(m, {
             key: 1,
             mode: "out-in",
             name: "neon-fade-transition"
           }, {
             default: r(() => [
-              a(e.$slots, "card", _({ ref_for: !0 }, { model: n.model, index: d }))
+              a(e.$slots, "card", f({ ref_for: !0 }, { model: n.model, index: s }))
             ]),
             _: 2
           }, 1024))
         ], 2))
       ], 64))), 256))
     ], 512),
-    e.loadOnDemand ? (o(), s(u, { key: 1 }, [
-      e.items.length === e.total ? (o(), s("span", O, i(e.endOfResultsLabel), 1)) : (o(), l(C, {
+    e.loadOnDemand ? (o(), t(u, { key: 1 }, [
+      e.resultCountLabel ? (o(), t("span", P, z(e.resultCountLabel), 1)) : c("", !0),
+      e.items.length < e.total ? (o(), l($, {
         key: 1,
-        "button-style": e.NeonButtonStyle.Text,
-        color: e.NeonFunctionalColor.Neutral,
         label: e.showMoreLabel,
-        size: e.NeonSize.Small,
+        size: e.NeonSize.Large,
+        state: e.loading ? e.NeonState.Loading : e.NeonState.Ready,
         class: "neon-card-list__show-more",
-        onClick: k[0] || (k[0] = (n) => e.emit("show-more", n))
-      }, null, 8, ["button-style", "color", "label", "size"]))
-    ], 64)) : e.pagination ? (o(), l(S, {
+        onClick: _[0] || (_[0] = (n) => e.emit("show-more", n))
+      }, null, 8, ["label", "size", "state"])) : c("", !0)
+    ], 64)) : e.pagination ? (o(), l(C, {
       key: 2,
       color: e.color,
       "display-first-and-last": e.pagination.displayFirstAndLast,
@@ -114,11 +112,11 @@ function P(e, k, F, T, E, U) {
       total: e.pagination.total,
       "url-template": e.pagination.urlTemplate,
       onPageChange: e.onPageChange
-    }, null, 8, ["color", "display-first-and-last", "page", "page-size", "total", "url-template", "onPageChange"])) : p("", !0)
-  ]);
+    }, null, 8, ["color", "display-first-and-last", "page", "page-size", "total", "url-template", "onPageChange"])) : c("", !0)
+  ], 2);
 }
-const j = /* @__PURE__ */ L(v, [["render", P]]);
+const O = /* @__PURE__ */ N(L, [["render", B]]);
 export {
-  j as default
+  O 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    <!-- @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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"}
+{"version":3,"file":"NeonCardList.vue.es.js","sources":["../../../../src/components/layout/card-list/NeonCardList.vue"],"sourcesContent":["<template>\n  <div :class=\"`neon-card-list--${listStyle}`\" 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\" class=\"neon-card-list__header\">\n      <!-- @slot slot for providing titles for the card list -->\n      <slot name=\"header\"></slot>\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=\"resultCountLabel\" class=\"neon-card-list__result-count-label\">{{ resultCountLabel }}</span>\n      <neon-button\n        v-if=\"items.length < total\"\n        :label=\"showMoreLabel\"\n        :size=\"NeonSize.Large\"\n        :state=\"loading ? NeonState.Loading : NeonState.Ready\"\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_2","_createElementBlock","_normalizeClass","_ctx","_renderSlot","_createBlock","_component_neon_inline","_createElementVNode","_hoisted_1","_openBlock","_Fragment","_renderList","item","index","_component_neon_link","_createVNode","_component_neon_loading_state_card","_Transition","_mergeProps","_component_neon_selectable_card","$event","_hoisted_3","_toDisplayString","_component_neon_button","_cache","_component_neon_pagination"],"mappings":"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"}

package/dist/components/layout/list-layout/NeonListLayout.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("vue"),s=require("../card-list/NeonCardList.vue.cjs.js"),c=require("../../presentation/header/NeonHeader.vue.cjs.js"),u=require("../../../model/common/color/NeonFunctionalColor.cjs.js"),g=require("../../presentation/empty-state/NeonEmptyState.vue.cjs.js"),p=require("../../feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),d=n.defineComponent({name:"NeonListLayout",components:{NeonSplashLoader:p,NeonEmptyState:g,NeonCardList:s,NeonHeader:c},props:{title:{type:String,required:!0},subtitle:{type:String},breadcrumbs:{type:Array,default:()=>[]},backButton:{type:Boolean,default:!0},backLabel:{type:String,default:"Back"},items:{type:Array,required:!0},initializing:{type:Boolean},loading:{type:Boolean},color:{type:String,default:()=>u.NeonFunctionalColor.Brand},selectable:{type:Boolean,default:!1},loadOnDemand:{type:Object},pagination:{type:Object}},emits:["page-change","show-more","toggle-selected"],setup(o,{emit:t,slots:a}){const r=()=>{t("show-more")},i=(e,l)=>{t("toggle-selected",e,l)};return n.watch(()=>o.initializing,async e=>{!e&&o.items.length>0&&window.scrollTo({top:0,left:0,behavior:"instant"})},{immediate:!0}),{emit:t,slots:a,showMore:r,toggleSelected:i,onPageChange:e=>{window.scrollTo({top:0,left:0,behavior:"instant"}),t("page-change",e)}}}});module.exports=d;
+"use strict";const n=require("vue"),s=require("../card-list/NeonCardList.vue.cjs.js"),c=require("../../presentation/header/NeonHeader.vue.cjs.js"),u=require("../../../model/common/color/NeonFunctionalColor.cjs.js"),d=require("../../presentation/empty-state/NeonEmptyState.vue.cjs.js"),g=require("../../feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),p=require("../../../model/layout/card-list/NeonCardListStyle.cjs.js"),y=n.defineComponent({name:"NeonListLayout",components:{NeonSplashLoader:g,NeonEmptyState:d,NeonCardList:s,NeonHeader:c},props:{title:{type:String,required:!0},subtitle:{type:String},breadcrumbs:{type:Array,default:()=>[]},backButton:{type:Boolean,default:!0},backLabel:{type:String,default:"Back"},items:{type:Array,required:!0},initializing:{type:Boolean},loading:{type:Boolean},color:{type:String,default:()=>u.NeonFunctionalColor.Brand},selectable:{type:Boolean,default:!1},listStyle:{type:String,default:()=>p.NeonCardListStyle.List},loadOnDemand:{type:Object},pagination:{type:Object}},emits:["page-change","show-more","toggle-selected"],setup(o,{emit:t,slots:a}){const r=()=>{t("show-more")},i=(e,l)=>{t("toggle-selected",e,l)};return n.watch(()=>o.initializing,async e=>{!e&&o.items.length>0&&window.scrollTo({top:0,left:0,behavior:"instant"})},{immediate:!0}),{emit:t,slots:a,showMore:r,toggleSelected:i,onPageChange:e=>{window.scrollTo({top:0,left:0,behavior:"instant"}),t("page-change",e)}}}});module.exports=y;
 //# sourceMappingURL=NeonListLayout.cjs.js.map

package/dist/components/layout/list-layout/NeonListLayout.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonListLayout.cjs.js","sources":["../../../../src/components/layout/list-layout/NeonListLayout.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, watch } from 'vue';\nimport type { NeonBreadcrumbLink } from '@/model/navigation/breadcrumbs/NeonBreadcrumbLink';\nimport NeonCardList from '@/components/layout/card-list/NeonCardList.vue';\nimport NeonHeader from '@/components/presentation/header/NeonHeader.vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport type { NeonLoadOnDemandModel } from '@/model/layout/card-list/NeonLoadOnDemandModel';\nimport type { NeonPaginationModel } from '@/model/navigation/pagination/NeonPaginationModel';\nimport type { NeonCardListModel } from '@/model/layout/card-list/NeonCardListModel';\nimport type { NeonIdentifiable } from '@/model/common/entity/NeonIdentifiable';\nimport type { NeonSelectable } from '@/model/common/entity/NeonSelectable';\nimport NeonEmptyState from '@/components/presentation/empty-state/NeonEmptyState.vue';\nimport NeonSplashLoader from '@/components/feedback/splash-loader/NeonSplashLoader.vue';\n\n/**\n * A page level layout component for displaying a list with a page header, filter bar, card list, pagination & an empty\n * state. Use this component directly inside the NeonPage <em>contents</em> slot.\n */\nexport default defineComponent({\n  name: 'NeonListLayout',\n  components: {\n    NeonSplashLoader,\n    NeonEmptyState,\n    NeonCardList,\n    NeonHeader,\n  },\n  props: {\n    /**\n     * The title of the header.\n     */\n    title: { type: String, required: true },\n    /**\n     * The subtitle of the header.\n     */\n    subtitle: { type: String },\n    /**\n     * Breadcrumbs to display above the header.\n     */\n    breadcrumbs: { type: Array as () => NeonBreadcrumbLink[], default: () => [] },\n    /**\n     * Whether to display a back button\n     */\n    backButton: { type: Boolean, default: true },\n    /**\n     * Override the label for the back button\n     */\n    backLabel: { type: String, default: 'Back' },\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     * Loading state for the initial load.\n     */\n    initializing: { type: Boolean },\n    /**\n     * Loading state for pagination, set when loading a new page.\n     */\n    loading: { type: Boolean },\n    /**\n     * Specify a selection/loading/hover color for the cards.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: () => NeonFunctionalColor.Brand },\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  emits: [\n    /**\n     * Emitted when the user clicks on a pagination link (useful for paginated lists which are not the main focus of the page,\n     * i.e. should not be deep linked).\n     *\n     * @type {number} The new page number.\n     */\n    'page-change',\n    /**\n     * 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 showMore = () => {\n      emit('show-more');\n    };\n\n    const toggleSelected = (id: string, selected: boolean) => {\n      emit('toggle-selected', id, selected);\n    };\n\n    watch(\n      () => props.initializing,\n      async (newValue) => {\n        if (!newValue && props.items.length > 0) {\n          window.scrollTo({ top: 0, left: 0, behavior: 'instant' as ScrollBehavior });\n        }\n      },\n      { immediate: true },\n    );\n\n    const onPageChange = (newPage: number) => {\n      window.scrollTo({ top: 0, left: 0, behavior: 'instant' as ScrollBehavior });\n      emit('page-change', newPage);\n    };\n\n    return {\n      emit,\n      slots,\n      showMore,\n      toggleSelected,\n      onPageChange,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonSplashLoader","NeonEmptyState","NeonCardList","NeonHeader","NeonFunctionalColor","props","emit","slots","showMore","toggleSelected","id","selected","watch","newValue","newPage"],"mappings":"mWAiBAA,EAAeC,kBAAgB,CAC7B,KAAM,iBACN,WAAY,CACV,iBAAAC,EACA,eAAAC,EACA,aAAAC,EACA,WAAAC,CAAA,EAEF,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIjC,SAAU,CAAE,KAAM,MAAA,EAIlB,YAAa,CAAE,KAAM,MAAqC,QAAS,IAAM,CAAA,CAAC,EAI1E,WAAY,CAAE,KAAM,QAAS,QAAS,EAAA,EAItC,UAAW,CAAE,KAAM,OAAQ,QAAS,MAAA,EAIpC,MAAO,CACL,KAAM,MACN,SAAU,EAAA,EAKZ,aAAc,CAAE,KAAM,OAAA,EAItB,QAAS,CAAE,KAAM,OAAA,EAIjB,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAMC,EAAAA,oBAAoB,KAAA,EAIvF,WAAY,CAAE,KAAM,QAAS,QAAS,EAAA,EAItC,aAAc,CAAE,KAAM,MAAA,EAItB,WAAY,CAAE,KAAM,MAAA,CAAoC,EAE1D,MAAO,CAOL,cAKA,YAKA,iBAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,EAAM,MAAAC,GAAS,CAC5B,MAAMC,EAAW,IAAM,CACrBF,EAAK,WAAW,CAClB,EAEMG,EAAiB,CAACC,EAAYC,IAAsB,CACxDL,EAAK,kBAAmBI,EAAIC,CAAQ,CACtC,EAEAC,OAAAA,EAAAA,MACE,IAAMP,EAAM,aACZ,MAAOQ,GAAa,CACd,CAACA,GAAYR,EAAM,MAAM,OAAS,GACpC,OAAO,SAAS,CAAE,IAAK,EAAG,KAAM,EAAG,SAAU,UAA6B,CAE9E,EACA,CAAE,UAAW,EAAA,CAAK,EAQb,CACL,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,eAAAC,EACA,aAVoBK,GAAoB,CACxC,OAAO,SAAS,CAAE,IAAK,EAAG,KAAM,EAAG,SAAU,UAA6B,EAC1ER,EAAK,cAAeQ,CAAO,CAC7B,CAOE,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonListLayout.cjs.js","sources":["../../../../src/components/layout/list-layout/NeonListLayout.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, watch } from 'vue';\nimport type { NeonBreadcrumbLink } from '@/model/navigation/breadcrumbs/NeonBreadcrumbLink';\nimport NeonCardList from '@/components/layout/card-list/NeonCardList.vue';\nimport NeonHeader from '@/components/presentation/header/NeonHeader.vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport type { NeonLoadOnDemandModel } from '@/model/layout/card-list/NeonLoadOnDemandModel';\nimport type { NeonPaginationModel } from '@/model/navigation/pagination/NeonPaginationModel';\nimport type { NeonCardListModel } from '@/model/layout/card-list/NeonCardListModel';\nimport type { NeonIdentifiable } from '@/model/common/entity/NeonIdentifiable';\nimport type { NeonSelectable } from '@/model/common/entity/NeonSelectable';\nimport NeonEmptyState from '@/components/presentation/empty-state/NeonEmptyState.vue';\nimport NeonSplashLoader from '@/components/feedback/splash-loader/NeonSplashLoader.vue';\nimport { NeonCardListStyle } from '@/model/layout/card-list/NeonCardListStyle';\n\n/**\n * A page level layout component for displaying a list with a page header, filter bar, card list, pagination & an empty\n * state. Use this component directly inside the NeonPage <em>contents</em> slot.\n */\nexport default defineComponent({\n  name: 'NeonListLayout',\n  components: {\n    NeonSplashLoader,\n    NeonEmptyState,\n    NeonCardList,\n    NeonHeader,\n  },\n  props: {\n    /**\n     * The title of the header.\n     */\n    title: { type: String, required: true },\n    /**\n     * The subtitle of the header.\n     */\n    subtitle: { type: String },\n    /**\n     * Breadcrumbs to display above the header.\n     */\n    breadcrumbs: { type: Array as () => NeonBreadcrumbLink[], default: () => [] },\n    /**\n     * Whether to display a back button\n     */\n    backButton: { type: Boolean, default: true },\n    /**\n     * Override the label for the back button\n     */\n    backLabel: { type: String, default: 'Back' },\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     * Loading state for the initial load.\n     */\n    initializing: { type: Boolean },\n    /**\n     * Loading state for pagination, set when loading a new page.\n     */\n    loading: { type: Boolean },\n    /**\n     * Specify a selection/loading/hover color for the cards.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: () => NeonFunctionalColor.Brand },\n    /**\n     * Make cards selectable.\n     */\n    selectable: { type: Boolean, default: false },\n    /**\n     * Specify the card list layout, either a 'List' of cards with 100% width or a responsive 'Grid' of cards.\n     */\n    listStyle: { type: String as () => NeonCardListStyle, default: () => NeonCardListStyle.List },\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 user clicks on a pagination link (useful for paginated lists which are not the main focus of the page,\n     * i.e. should not be deep linked).\n     *\n     * @type {number} The new page number.\n     */\n    'page-change',\n    /**\n     * Emitted when the 'Load 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 showMore = () => {\n      emit('show-more');\n    };\n\n    const toggleSelected = (id: string, selected: boolean) => {\n      emit('toggle-selected', id, selected);\n    };\n\n    watch(\n      () => props.initializing,\n      async (newValue) => {\n        if (!newValue && props.items.length > 0) {\n          window.scrollTo({ top: 0, left: 0, behavior: 'instant' as ScrollBehavior });\n        }\n      },\n      { immediate: true },\n    );\n\n    const onPageChange = (newPage: number) => {\n      window.scrollTo({ top: 0, left: 0, behavior: 'instant' as ScrollBehavior });\n      emit('page-change', newPage);\n    };\n\n    return {\n      emit,\n      slots,\n      showMore,\n      toggleSelected,\n      onPageChange,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonSplashLoader","NeonEmptyState","NeonCardList","NeonHeader","NeonFunctionalColor","NeonCardListStyle","props","emit","slots","showMore","toggleSelected","id","selected","watch","newValue","newPage"],"mappings":"yaAkBAA,EAAeC,kBAAgB,CAC7B,KAAM,iBACN,WAAY,CACV,iBAAAC,EACA,eAAAC,EACA,aAAAC,EACA,WAAAC,CAAA,EAEF,MAAO,CAIL,MAAO,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIjC,SAAU,CAAE,KAAM,MAAA,EAIlB,YAAa,CAAE,KAAM,MAAqC,QAAS,IAAM,CAAA,CAAC,EAI1E,WAAY,CAAE,KAAM,QAAS,QAAS,EAAA,EAItC,UAAW,CAAE,KAAM,OAAQ,QAAS,MAAA,EAIpC,MAAO,CACL,KAAM,MACN,SAAU,EAAA,EAKZ,aAAc,CAAE,KAAM,OAAA,EAItB,QAAS,CAAE,KAAM,OAAA,EAIjB,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAMC,EAAAA,oBAAoB,KAAA,EAIvF,WAAY,CAAE,KAAM,QAAS,QAAS,EAAA,EAItC,UAAW,CAAE,KAAM,OAAmC,QAAS,IAAMC,EAAAA,kBAAkB,IAAA,EAIvF,aAAc,CAAE,KAAM,MAAA,EAItB,WAAY,CAAE,KAAM,MAAA,CAAoC,EAE1D,MAAO,CAOL,cAKA,YAKA,iBAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,EAAM,MAAAC,GAAS,CAC5B,MAAMC,EAAW,IAAM,CACrBF,EAAK,WAAW,CAClB,EAEMG,EAAiB,CAACC,EAAYC,IAAsB,CACxDL,EAAK,kBAAmBI,EAAIC,CAAQ,CACtC,EAEAC,OAAAA,EAAAA,MACE,IAAMP,EAAM,aACZ,MAAOQ,GAAa,CACd,CAACA,GAAYR,EAAM,MAAM,OAAS,GACpC,OAAO,SAAS,CAAE,IAAK,EAAG,KAAM,EAAG,SAAU,UAA6B,CAE9E,EACA,CAAE,UAAW,EAAA,CAAK,EAQb,CACL,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,eAAAC,EACA,aAVoBK,GAAoB,CACxC,OAAO,SAAS,CAAE,IAAK,EAAG,KAAM,EAAG,SAAU,UAA6B,EAC1ER,EAAK,cAAeQ,CAAO,CAC7B,CAOE,CAEJ,CACF,CAAC"}

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

@@ -1,16 +1,17 @@
 import { defineComponent as l, watch as p } from "vue";
 import s from "../card-list/NeonCardList.vue.es.js";
-import c from "../../presentation/header/NeonHeader.vue.es.js";
-import { NeonFunctionalColor as d } from "../../../model/common/color/NeonFunctionalColor.es.js";
-import g from "../../presentation/empty-state/NeonEmptyState.vue.es.js";
-import m from "../../feedback/splash-loader/NeonSplashLoader.vue.es.js";
-const S = l({
+import d from "../../presentation/header/NeonHeader.vue.es.js";
+import { NeonFunctionalColor as m } from "../../../model/common/color/NeonFunctionalColor.es.js";
+import c from "../../presentation/empty-state/NeonEmptyState.vue.es.js";
+import g from "../../feedback/splash-loader/NeonSplashLoader.vue.es.js";
+import { NeonCardListStyle as f } from "../../../model/layout/card-list/NeonCardListStyle.es.js";
+const N = l({
   name: "NeonListLayout",
   components: {
-    NeonSplashLoader: m,
-    NeonEmptyState: g,
+    NeonSplashLoader: g,
+    NeonEmptyState: c,
     NeonCardList: s,
-    NeonHeader: c
+    NeonHeader: d
   },
   props: {
     /**
@@ -51,11 +52,15 @@ const S = l({
     /**
      * Specify a selection/loading/hover color for the cards.
      */
-    color: { type: String, default: () => d.Brand },
+    color: { type: String, default: () => m.Brand },
     /**
      * Make cards selectable.
      */
     selectable: { type: Boolean, default: !1 },
+    /**
+     * Specify the card list layout, either a 'List' of cards with 100% width or a responsive 'Grid' of cards.
+     */
+    listStyle: { type: String, default: () => f.List },
     /**
      * Model for configuring the on demand loading layout.
      */
@@ -74,7 +79,7 @@ const S = l({
      */
     "page-change",
     /**
-     * Emitted when the 'Show more' button is clicked in "on demand" mode.
+     * Emitted when the 'Load more' button is clicked in "on demand" mode.
      * @type {void}
      */
     "show-more",
@@ -108,6 +113,6 @@ const S = l({
   }
 });
 export {
-  S as default
+  N as default
 };
 //# sourceMappingURL=NeonListLayout.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NeonListLayout.es.js","sources":["../../../../src/components/layout/list-layout/NeonListLayout.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, watch } from 'vue';\nimport type { NeonBreadcrumbLink } from '@/model/navigation/breadcrumbs/NeonBreadcrumbLink';\nimport NeonCardList from '@/components/layout/card-list/NeonCardList.vue';\nimport NeonHeader from '@/components/presentation/header/NeonHeader.vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport type { NeonLoadOnDemandModel } from '@/model/layout/card-list/NeonLoadOnDemandModel';\nimport type { NeonPaginationModel } from '@/model/navigation/pagination/NeonPaginationModel';\nimport type { NeonCardListModel } from '@/model/layout/card-list/NeonCardListModel';\nimport type { NeonIdentifiable } from '@/model/common/entity/NeonIdentifiable';\nimport type { NeonSelectable } from '@/model/common/entity/NeonSelectable';\nimport NeonEmptyState from '@/components/presentation/empty-state/NeonEmptyState.vue';\nimport NeonSplashLoader from '@/components/feedback/splash-loader/NeonSplashLoader.vue';\n\n/**\n * A page level layout component for displaying a list with a page header, filter bar, card list, pagination & an empty\n * state. Use this component directly inside the NeonPage <em>contents</em> slot.\n */\nexport default defineComponent({\n  name: 'NeonListLayout',\n  components: {\n    NeonSplashLoader,\n    NeonEmptyState,\n    NeonCardList,\n    NeonHeader,\n  },\n  props: {\n    /**\n     * The title of the header.\n     */\n    title: { type: String, required: true },\n    /**\n     * The subtitle of the header.\n     */\n    subtitle: { type: String },\n    /**\n     * Breadcrumbs to display above the header.\n     */\n    breadcrumbs: { type: Array as () => NeonBreadcrumbLink[], default: () => [] },\n    /**\n     * Whether to display a back button\n     */\n    backButton: { type: Boolean, default: true },\n    /**\n     * Override the label for the back button\n     */\n    backLabel: { type: String, default: 'Back' },\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     * Loading state for the initial load.\n     */\n    initializing: { type: Boolean },\n    /**\n     * Loading state for pagination, set when loading a new page.\n     */\n    loading: { type: Boolean },\n    /**\n     * Specify a selection/loading/hover color for the cards.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: () => NeonFunctionalColor.Brand },\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  emits: [\n    /**\n     * Emitted when the user clicks on a pagination link (useful for paginated lists which are not the main focus of the page,\n     * i.e. should not be deep linked).\n     *\n     * @type {number} The new page number.\n     */\n    'page-change',\n    /**\n     * 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 showMore = () => {\n      emit('show-more');\n    };\n\n    const toggleSelected = (id: string, selected: boolean) => {\n      emit('toggle-selected', id, selected);\n    };\n\n    watch(\n      () => props.initializing,\n      async (newValue) => {\n        if (!newValue && props.items.length > 0) {\n          window.scrollTo({ top: 0, left: 0, behavior: 'instant' as ScrollBehavior });\n        }\n      },\n      { immediate: true },\n    );\n\n    const onPageChange = (newPage: number) => {\n      window.scrollTo({ top: 0, left: 0, behavior: 'instant' as ScrollBehavior });\n      emit('page-change', newPage);\n    };\n\n    return {\n      emit,\n      slots,\n      showMore,\n      toggleSelected,\n      onPageChange,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonSplashLoader","NeonEmptyState","NeonCardList","NeonHeader","NeonFunctionalColor","props","emit","slots","showMore","toggleSelected","id","selected","watch","newValue","newPage"],"mappings":";;;;;;AAiBA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIjC,UAAU,EAAE,MAAM,OAAA;AAAA;AAAA;AAAA;AAAA,IAIlB,aAAa,EAAE,MAAM,OAAqC,SAAS,MAAM,CAAA,EAAC;AAAA;AAAA;AAAA;AAAA,IAI1E,YAAY,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,WAAW,EAAE,MAAM,QAAQ,SAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,cAAc,EAAE,MAAM,QAAA;AAAA;AAAA;AAAA;AAAA,IAItB,SAAS,EAAE,MAAM,QAAA;AAAA;AAAA;AAAA;AAAA,IAIjB,OAAO,EAAE,MAAM,QAAqC,SAAS,MAAMC,EAAoB,MAAA;AAAA;AAAA;AAAA;AAAA,IAIvF,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,EAAoC;AAAA,EAE1D,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,IAAW,MAAM;AACrB,MAAAF,EAAK,WAAW;AAAA,IAClB,GAEMG,IAAiB,CAACC,GAAYC,MAAsB;AACxD,MAAAL,EAAK,mBAAmBI,GAAIC,CAAQ;AAAA,IACtC;AAEA,WAAAC;AAAA,MACE,MAAMP,EAAM;AAAA,MACZ,OAAOQ,MAAa;AAClB,QAAI,CAACA,KAAYR,EAAM,MAAM,SAAS,KACpC,OAAO,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,UAAU,WAA6B;AAAA,MAE9E;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK,GAQb;AAAA,MACL,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,cAVmB,CAACK,MAAoB;AACxC,eAAO,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,UAAU,WAA6B,GAC1ER,EAAK,eAAeQ,CAAO;AAAA,MAC7B;AAAA,IAOE;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonListLayout.es.js","sources":["../../../../src/components/layout/list-layout/NeonListLayout.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, watch } from 'vue';\nimport type { NeonBreadcrumbLink } from '@/model/navigation/breadcrumbs/NeonBreadcrumbLink';\nimport NeonCardList from '@/components/layout/card-list/NeonCardList.vue';\nimport NeonHeader from '@/components/presentation/header/NeonHeader.vue';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport type { NeonLoadOnDemandModel } from '@/model/layout/card-list/NeonLoadOnDemandModel';\nimport type { NeonPaginationModel } from '@/model/navigation/pagination/NeonPaginationModel';\nimport type { NeonCardListModel } from '@/model/layout/card-list/NeonCardListModel';\nimport type { NeonIdentifiable } from '@/model/common/entity/NeonIdentifiable';\nimport type { NeonSelectable } from '@/model/common/entity/NeonSelectable';\nimport NeonEmptyState from '@/components/presentation/empty-state/NeonEmptyState.vue';\nimport NeonSplashLoader from '@/components/feedback/splash-loader/NeonSplashLoader.vue';\nimport { NeonCardListStyle } from '@/model/layout/card-list/NeonCardListStyle';\n\n/**\n * A page level layout component for displaying a list with a page header, filter bar, card list, pagination & an empty\n * state. Use this component directly inside the NeonPage <em>contents</em> slot.\n */\nexport default defineComponent({\n  name: 'NeonListLayout',\n  components: {\n    NeonSplashLoader,\n    NeonEmptyState,\n    NeonCardList,\n    NeonHeader,\n  },\n  props: {\n    /**\n     * The title of the header.\n     */\n    title: { type: String, required: true },\n    /**\n     * The subtitle of the header.\n     */\n    subtitle: { type: String },\n    /**\n     * Breadcrumbs to display above the header.\n     */\n    breadcrumbs: { type: Array as () => NeonBreadcrumbLink[], default: () => [] },\n    /**\n     * Whether to display a back button\n     */\n    backButton: { type: Boolean, default: true },\n    /**\n     * Override the label for the back button\n     */\n    backLabel: { type: String, default: 'Back' },\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     * Loading state for the initial load.\n     */\n    initializing: { type: Boolean },\n    /**\n     * Loading state for pagination, set when loading a new page.\n     */\n    loading: { type: Boolean },\n    /**\n     * Specify a selection/loading/hover color for the cards.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: () => NeonFunctionalColor.Brand },\n    /**\n     * Make cards selectable.\n     */\n    selectable: { type: Boolean, default: false },\n    /**\n     * Specify the card list layout, either a 'List' of cards with 100% width or a responsive 'Grid' of cards.\n     */\n    listStyle: { type: String as () => NeonCardListStyle, default: () => NeonCardListStyle.List },\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 user clicks on a pagination link (useful for paginated lists which are not the main focus of the page,\n     * i.e. should not be deep linked).\n     *\n     * @type {number} The new page number.\n     */\n    'page-change',\n    /**\n     * Emitted when the 'Load 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 showMore = () => {\n      emit('show-more');\n    };\n\n    const toggleSelected = (id: string, selected: boolean) => {\n      emit('toggle-selected', id, selected);\n    };\n\n    watch(\n      () => props.initializing,\n      async (newValue) => {\n        if (!newValue && props.items.length > 0) {\n          window.scrollTo({ top: 0, left: 0, behavior: 'instant' as ScrollBehavior });\n        }\n      },\n      { immediate: true },\n    );\n\n    const onPageChange = (newPage: number) => {\n      window.scrollTo({ top: 0, left: 0, behavior: 'instant' as ScrollBehavior });\n      emit('page-change', newPage);\n    };\n\n    return {\n      emit,\n      slots,\n      showMore,\n      toggleSelected,\n      onPageChange,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonSplashLoader","NeonEmptyState","NeonCardList","NeonHeader","NeonFunctionalColor","NeonCardListStyle","props","emit","slots","showMore","toggleSelected","id","selected","watch","newValue","newPage"],"mappings":";;;;;;;AAkBA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,OAAO,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIjC,UAAU,EAAE,MAAM,OAAA;AAAA;AAAA;AAAA;AAAA,IAIlB,aAAa,EAAE,MAAM,OAAqC,SAAS,MAAM,CAAA,EAAC;AAAA;AAAA;AAAA;AAAA,IAI1E,YAAY,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,WAAW,EAAE,MAAM,QAAQ,SAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,cAAc,EAAE,MAAM,QAAA;AAAA;AAAA;AAAA;AAAA,IAItB,SAAS,EAAE,MAAM,QAAA;AAAA;AAAA;AAAA;AAAA,IAIjB,OAAO,EAAE,MAAM,QAAqC,SAAS,MAAMC,EAAoB,MAAA;AAAA;AAAA;AAAA;AAAA,IAIvF,YAAY,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,WAAW,EAAE,MAAM,QAAmC,SAAS,MAAMC,EAAkB,KAAA;AAAA;AAAA;AAAA;AAAA,IAIvF,cAAc,EAAE,MAAM,OAAA;AAAA;AAAA;AAAA;AAAA,IAItB,YAAY,EAAE,MAAM,OAAA;AAAA,EAAoC;AAAA,EAE1D,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,IAAW,MAAM;AACrB,MAAAF,EAAK,WAAW;AAAA,IAClB,GAEMG,IAAiB,CAACC,GAAYC,MAAsB;AACxD,MAAAL,EAAK,mBAAmBI,GAAIC,CAAQ;AAAA,IACtC;AAEA,WAAAC;AAAA,MACE,MAAMP,EAAM;AAAA,MACZ,OAAOQ,MAAa;AAClB,QAAI,CAACA,KAAYR,EAAM,MAAM,SAAS,KACpC,OAAO,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,UAAU,WAA6B;AAAA,MAE9E;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK,GAQb;AAAA,MACL,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,cAVmB,CAACK,MAAoB;AACxC,eAAO,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,UAAU,WAA6B,GAC1ER,EAAK,eAAeQ,CAAO;AAAA,MAC7B;AAAA,IAOE;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/layout/list-layout/NeonListLayout.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const i=require("./NeonListLayout.cjs.js"),o=require("vue"),d=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),p={class:"neon-list-layout"},c={key:1};function m(e,t,b,g,h,k){const l=o.resolveComponent("neon-splash-loader"),s=o.resolveComponent("neon-header"),r=o.resolveComponent("neon-card-list");return o.openBlock(),o.createElementBlock("div",p,[e.initializing?(o.openBlock(),o.createBlock(l,{key:0,color:"brand"})):!e.initializing&&e.items.length>0?(o.openBlock(),o.createElementBlock("div",c,[o.createVNode(s,{"back-button":e.backButton,"back-label":e.backLabel,breadcrumbs:e.breadcrumbs,subtitle:e.subtitle,title:e.title},o.createSlots({labels:o.withCtx(()=>[o.renderSlot(e.$slots,"labels")]),_:2},[e.items.length>0?{name:"actions",fn:o.withCtx(()=>[o.renderSlot(e.$slots,"actions")]),key:"0"}:void 0]),1032,["back-button","back-label","breadcrumbs","subtitle","title"]),o.renderSlot(e.$slots,"note"),o.createVNode(r,{color:e.color,items:e.items,"load-on-demand":e.loadOnDemand,loading:e.loading,pagination:e.pagination,selectable:e.selectable,onPageChange:t[0]||(t[0]=n=>e.emit("page-change",n)),onShowMore:e.showMore,onToggleSelected:e.toggleSelected},{filters:o.withCtx(()=>[o.renderSlot(e.$slots,"filters")]),header:o.withCtx(()=>[o.renderSlot(e.$slots,"header")]),card:o.withCtx(({model:n,index:a})=>[o.renderSlot(e.$slots,"card",o.normalizeProps(o.guardReactiveProps({model:n,index:a})))]),_:3},8,["color","items","load-on-demand","loading","pagination","selectable","onShowMore","onToggleSelected"])])):!e.initializing&&!e.loading&&e.slots.emptyState&&e.items.length===0?o.renderSlot(e.$slots,"emptyState",{key:2}):o.createCommentVNode("",!0)])}const u=d(i,[["render",m]]);module.exports=u;
+"use strict";const i=require("./NeonListLayout.cjs.js"),o=require("vue"),d=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),p={class:"neon-list-layout"},c={key:1};function m(e,n,b,g,h,k){const l=o.resolveComponent("neon-splash-loader"),s=o.resolveComponent("neon-header"),r=o.resolveComponent("neon-card-list");return o.openBlock(),o.createElementBlock("div",p,[e.initializing?(o.openBlock(),o.createBlock(l,{key:0,color:"brand"})):!e.initializing&&e.items.length>0?(o.openBlock(),o.createElementBlock("div",c,[o.createVNode(s,{"back-button":e.backButton,"back-label":e.backLabel,breadcrumbs:e.breadcrumbs,subtitle:e.subtitle,title:e.title},o.createSlots({labels:o.withCtx(()=>[o.renderSlot(e.$slots,"labels")]),_:2},[e.items.length>0?{name:"actions",fn:o.withCtx(()=>[o.renderSlot(e.$slots,"actions")]),key:"0"}:void 0]),1032,["back-button","back-label","breadcrumbs","subtitle","title"]),o.renderSlot(e.$slots,"note"),o.createVNode(r,{color:e.color,items:e.items,"list-style":e.listStyle,"load-on-demand":e.loadOnDemand,loading:e.loading,pagination:e.pagination,selectable:e.selectable,onPageChange:n[0]||(n[0]=t=>e.emit("page-change",t)),onShowMore:e.showMore,onToggleSelected:e.toggleSelected},{filters:o.withCtx(()=>[o.renderSlot(e.$slots,"filters")]),header:o.withCtx(()=>[o.renderSlot(e.$slots,"header")]),card:o.withCtx(({model:t,index:a})=>[o.renderSlot(e.$slots,"card",o.normalizeProps(o.guardReactiveProps({model:t,index:a})))]),_:3},8,["color","items","list-style","load-on-demand","loading","pagination","selectable","onShowMore","onToggleSelected"])])):!e.initializing&&!e.loading&&e.slots.emptyState&&e.items.length===0?o.renderSlot(e.$slots,"emptyState",{key:2}):o.createCommentVNode("",!0)])}const u=d(i,[["render",m]]);module.exports=u;
 //# sourceMappingURL=NeonListLayout.vue.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NeonListLayout.vue.cjs.js","sources":["../../../../src/components/layout/list-layout/NeonListLayout.vue"],"sourcesContent":["<template>\n  <div class=\"neon-list-layout\">\n    <neon-splash-loader v-if=\"initializing\" color=\"brand\" />\n    <div v-else-if=\"!initializing && items.length > 0\">\n      <neon-header\n        :back-button=\"backButton\"\n        :back-label=\"backLabel\"\n        :breadcrumbs=\"breadcrumbs\"\n        :subtitle=\"subtitle\"\n        :title=\"title\"\n      >\n        <template #labels>\n          <!-- @slot a slot for adding labels/info popovers next to the title -->\n          <slot name=\"labels\"></slot>\n        </template>\n        <template v-if=\"items.length > 0\" #actions>\n          <!-- @slot a slot for adding contextual action buttons to the header. The wrapper is provided, just add the\n          buttons here in order to apply the correct spacings -->\n          <slot name=\"actions\"></slot>\n        </template>\n      </neon-header>\n      <!-- @slot the insert a note into the page -->\n      <slot name=\"note\"></slot>\n      <neon-card-list\n        :color=\"color\"\n        :items=\"items\"\n        :load-on-demand=\"loadOnDemand\"\n        :loading=\"loading\"\n        :pagination=\"pagination\"\n        :selectable=\"selectable\"\n        @page-change=\"(page: number) => emit('page-change', page)\"\n        @show-more=\"showMore\"\n        @toggle-selected=\"toggleSelected\"\n      >\n        <template #filters>\n          <!-- @slot the insert a filter bar above the list -->\n          <slot name=\"filters\"></slot>\n        </template>\n        <template #header>\n          <!-- @slot the list header -->\n          <slot name=\"header\"></slot>\n        </template>\n        <template #card=\"{ model, index }\">\n          <!-- @slot slot for rendering card contents, two parameters are available:\n    @binding {T} model - the model item to be rendered\n    @binding {number} index - the index of the item in the list -->\n          <slot name=\"card\" v-bind=\"{ model, index }\"></slot>\n        </template>\n      </neon-card-list>\n    </div>\n    <template v-else-if=\"!initializing && !loading && slots.emptyState && items.length === 0\">\n      <!-- @slot page empty state rendered when there are no list items -->\n      <slot name=\"emptyState\"></slot>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonListLayout.ts\" />\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_ctx","_createBlock","_component_neon_splash_loader","_hoisted_2","_createVNode","_component_neon_header","_renderSlot","_component_neon_card_list","_cache","page","_withCtx","model","index","_normalizeProps","_guardReactiveProps"],"mappings":"yIACOA,EAAA,CAAA,MAAM,kBAAkB,gKAA7B,OAAAC,YAAA,EAAAC,qBAqDM,MArDNF,EAqDM,CApDsBG,EAAA,4BAA1BC,EAAAA,YAAwDC,EAAA,OAAhB,MAAM,YAC7BF,EAAA,cAAgBA,EAAA,MAAM,OAAM,iBAA7CD,EAAAA,mBA8CM,MAAAI,EAAA,CA7CJC,EAAAA,YAgBcC,EAAA,CAfX,cAAaL,EAAA,WACb,aAAYA,EAAA,UACZ,YAAaA,EAAA,YACb,SAAUA,EAAA,SACV,MAAOA,EAAA,sBAEG,iBAET,IAA2B,CAA3BM,aAA2BN,EAAA,OAAA,QAAA,UAEbA,EAAA,MAAM,OAAM,QAAO,uBAGjC,IAA4B,CAA5BM,aAA4BN,EAAA,OAAA,SAAA,0FAIhCM,aAAyBN,EAAA,OAAA,MAAA,EACzBI,EAAAA,YAyBiBG,EAAA,CAxBd,MAAOP,EAAA,MACP,MAAOA,EAAA,MACP,iBAAgBA,EAAA,aAChB,QAASA,EAAA,QACT,WAAYA,EAAA,WACZ,WAAYA,EAAA,WACZ,aAAWQ,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAGC,GAAiBT,EAAA,mBAAoBS,CAAI,GACvD,WAAWT,EAAA,SACX,iBAAiBA,EAAA,iBAEP,kBAET,IAA4B,CAA5BM,aAA4BN,EAAA,OAAA,SAAA,IAEnB,iBAET,IAA2B,CAA3BM,aAA2BN,EAAA,OAAA,QAAA,IAElB,KAAIU,EAAAA,QAIb,CAAmD,CAJlC,MAAAC,EAAO,MAAAC,CAAK,IAAA,CAI7BN,aAAmDN,EAAA,OAAA,OAAAa,EAAAA,eAAAC,EAAAA,mBAAA,CAAvB,MAAAH,EAAO,MAAAC,CAAK,CAAA,CAAA,CAAA,uHAIxBZ,EAAA,cAAY,CAAKA,WAAWA,EAAA,MAAM,YAAcA,EAAA,MAAM,SAAM,EAEhFM,EAAAA,WAA+BN,EAAA,OAAA,aAAA,CAAA,IAAA,CAAA,CAAA"}
+{"version":3,"file":"NeonListLayout.vue.cjs.js","sources":["../../../../src/components/layout/list-layout/NeonListLayout.vue"],"sourcesContent":["<template>\n  <div class=\"neon-list-layout\">\n    <neon-splash-loader v-if=\"initializing\" color=\"brand\" />\n    <div v-else-if=\"!initializing && items.length > 0\">\n      <neon-header\n        :back-button=\"backButton\"\n        :back-label=\"backLabel\"\n        :breadcrumbs=\"breadcrumbs\"\n        :subtitle=\"subtitle\"\n        :title=\"title\"\n      >\n        <template #labels>\n          <!-- @slot a slot for adding labels/info popovers next to the title -->\n          <slot name=\"labels\"></slot>\n        </template>\n        <template v-if=\"items.length > 0\" #actions>\n          <!-- @slot a slot for adding contextual action buttons to the header. The wrapper is provided, just add the\n          buttons here in order to apply the correct spacings -->\n          <slot name=\"actions\"></slot>\n        </template>\n      </neon-header>\n      <!-- @slot the insert a note into the page -->\n      <slot name=\"note\"></slot>\n      <neon-card-list\n        :color=\"color\"\n        :items=\"items\"\n        :list-style=\"listStyle\"\n        :load-on-demand=\"loadOnDemand\"\n        :loading=\"loading\"\n        :pagination=\"pagination\"\n        :selectable=\"selectable\"\n        @page-change=\"(page: number) => emit('page-change', page)\"\n        @show-more=\"showMore\"\n        @toggle-selected=\"toggleSelected\"\n      >\n        <template #filters>\n          <!-- @slot the insert a filter bar above the list -->\n          <slot name=\"filters\"></slot>\n        </template>\n        <template #header>\n          <!-- @slot the list header -->\n          <slot name=\"header\"></slot>\n        </template>\n        <template #card=\"{ model, index }\">\n          <!-- @slot slot for rendering card contents, two parameters are available:\n    @binding {T} model - the model item to be rendered\n    @binding {number} index - the index of the item in the list -->\n          <slot name=\"card\" v-bind=\"{ model, index }\"></slot>\n        </template>\n      </neon-card-list>\n    </div>\n    <template v-else-if=\"!initializing && !loading && slots.emptyState && items.length === 0\">\n      <!-- @slot page empty state rendered when there are no list items -->\n      <slot name=\"emptyState\"></slot>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonListLayout.ts\" />\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_ctx","_createBlock","_component_neon_splash_loader","_hoisted_2","_createVNode","_component_neon_header","_renderSlot","_component_neon_card_list","_cache","page","_withCtx","model","index","_normalizeProps","_guardReactiveProps"],"mappings":"yIACOA,EAAA,CAAA,MAAM,kBAAkB,gKAA7B,OAAAC,YAAA,EAAAC,qBAsDM,MAtDNF,EAsDM,CArDsBG,EAAA,4BAA1BC,EAAAA,YAAwDC,EAAA,OAAhB,MAAM,YAC7BF,EAAA,cAAgBA,EAAA,MAAM,OAAM,iBAA7CD,EAAAA,mBA+CM,MAAAI,EAAA,CA9CJC,EAAAA,YAgBcC,EAAA,CAfX,cAAaL,EAAA,WACb,aAAYA,EAAA,UACZ,YAAaA,EAAA,YACb,SAAUA,EAAA,SACV,MAAOA,EAAA,sBAEG,iBAET,IAA2B,CAA3BM,aAA2BN,EAAA,OAAA,QAAA,UAEbA,EAAA,MAAM,OAAM,QAAO,uBAGjC,IAA4B,CAA5BM,aAA4BN,EAAA,OAAA,SAAA,0FAIhCM,aAAyBN,EAAA,OAAA,MAAA,EACzBI,EAAAA,YA0BiBG,EAAA,CAzBd,MAAOP,EAAA,MACP,MAAOA,EAAA,MACP,aAAYA,EAAA,UACZ,iBAAgBA,EAAA,aAChB,QAASA,EAAA,QACT,WAAYA,EAAA,WACZ,WAAYA,EAAA,WACZ,aAAWQ,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAGC,GAAiBT,EAAA,mBAAoBS,CAAI,GACvD,WAAWT,EAAA,SACX,iBAAiBA,EAAA,iBAEP,kBAET,IAA4B,CAA5BM,aAA4BN,EAAA,OAAA,SAAA,IAEnB,iBAET,IAA2B,CAA3BM,aAA2BN,EAAA,OAAA,QAAA,IAElB,KAAIU,EAAAA,QAIb,CAAmD,CAJlC,MAAAC,EAAO,MAAAC,CAAK,IAAA,CAI7BN,aAAmDN,EAAA,OAAA,OAAAa,EAAAA,eAAAC,EAAAA,mBAAA,CAAvB,MAAAH,EAAO,MAAAC,CAAK,CAAA,CAAA,CAAA,oIAIxBZ,EAAA,cAAY,CAAKA,WAAWA,EAAA,MAAM,YAAcA,EAAA,MAAM,SAAM,EAEhFM,EAAAA,WAA+BN,EAAA,OAAA,aAAA,CAAA,IAAA,CAAA,CAAA"}

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

@@ -1,14 +1,14 @@
 import p from "./NeonListLayout.es.js";
-import { resolveComponent as a, openBlock as l, createElementBlock as i, createBlock as c, createVNode as r, createSlots as u, withCtx as n, renderSlot as o, normalizeProps as h, guardReactiveProps as k, createCommentVNode as f } from "vue";
-import $ from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const S = { class: "neon-list-layout" }, y = { key: 1 };
+import { resolveComponent as l, openBlock as a, createElementBlock as i, createBlock as c, createVNode as r, createSlots as u, withCtx as n, renderSlot as o, normalizeProps as h, guardReactiveProps as k, createCommentVNode as f } from "vue";
+import y from "../../../_virtual/_plugin-vue_export-helper.es.js";
+const $ = { class: "neon-list-layout" }, S = { key: 1 };
 function v(e, s, w, z, B, C) {
-  const d = a("neon-splash-loader"), m = a("neon-header"), b = a("neon-card-list");
-  return l(), i("div", S, [
-    e.initializing ? (l(), c(d, {
+  const d = l("neon-splash-loader"), m = l("neon-header"), b = l("neon-card-list");
+  return a(), i("div", $, [
+    e.initializing ? (a(), c(d, {
       key: 0,
       color: "brand"
-    })) : !e.initializing && e.items.length > 0 ? (l(), i("div", y, [
+    })) : !e.initializing && e.items.length > 0 ? (a(), i("div", S, [
       r(m, {
         "back-button": e.backButton,
         "back-label": e.backLabel,
@@ -33,6 +33,7 @@ function v(e, s, w, z, B, C) {
       r(b, {
         color: e.color,
         items: e.items,
+        "list-style": e.listStyle,
         "load-on-demand": e.loadOnDemand,
         loading: e.loading,
         pagination: e.pagination,
@@ -51,11 +52,11 @@ function v(e, s, w, z, B, C) {
           o(e.$slots, "card", h(k({ model: t, index: g })))
         ]),
         _: 3
-      }, 8, ["color", "items", "load-on-demand", "loading", "pagination", "selectable", "onShowMore", "onToggleSelected"])
+      }, 8, ["color", "items", "list-style", "load-on-demand", "loading", "pagination", "selectable", "onShowMore", "onToggleSelected"])
     ])) : !e.initializing && !e.loading && e.slots.emptyState && e.items.length === 0 ? o(e.$slots, "emptyState", { key: 2 }) : f("", !0)
   ]);
 }
-const P = /* @__PURE__ */ $(p, [["render", v]]);
+const P = /* @__PURE__ */ y(p, [["render", v]]);
 export {
   P as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"NeonListLayout.vue.es.js","sources":["../../../../src/components/layout/list-layout/NeonListLayout.vue"],"sourcesContent":["<template>\n  <div class=\"neon-list-layout\">\n    <neon-splash-loader v-if=\"initializing\" color=\"brand\" />\n    <div v-else-if=\"!initializing && items.length > 0\">\n      <neon-header\n        :back-button=\"backButton\"\n        :back-label=\"backLabel\"\n        :breadcrumbs=\"breadcrumbs\"\n        :subtitle=\"subtitle\"\n        :title=\"title\"\n      >\n        <template #labels>\n          <!-- @slot a slot for adding labels/info popovers next to the title -->\n          <slot name=\"labels\"></slot>\n        </template>\n        <template v-if=\"items.length > 0\" #actions>\n          <!-- @slot a slot for adding contextual action buttons to the header. The wrapper is provided, just add the\n          buttons here in order to apply the correct spacings -->\n          <slot name=\"actions\"></slot>\n        </template>\n      </neon-header>\n      <!-- @slot the insert a note into the page -->\n      <slot name=\"note\"></slot>\n      <neon-card-list\n        :color=\"color\"\n        :items=\"items\"\n        :load-on-demand=\"loadOnDemand\"\n        :loading=\"loading\"\n        :pagination=\"pagination\"\n        :selectable=\"selectable\"\n        @page-change=\"(page: number) => emit('page-change', page)\"\n        @show-more=\"showMore\"\n        @toggle-selected=\"toggleSelected\"\n      >\n        <template #filters>\n          <!-- @slot the insert a filter bar above the list -->\n          <slot name=\"filters\"></slot>\n        </template>\n        <template #header>\n          <!-- @slot the list header -->\n          <slot name=\"header\"></slot>\n        </template>\n        <template #card=\"{ model, index }\">\n          <!-- @slot slot for rendering card contents, two parameters are available:\n    @binding {T} model - the model item to be rendered\n    @binding {number} index - the index of the item in the list -->\n          <slot name=\"card\" v-bind=\"{ model, index }\"></slot>\n        </template>\n      </neon-card-list>\n    </div>\n    <template v-else-if=\"!initializing && !loading && slots.emptyState && items.length === 0\">\n      <!-- @slot page empty state rendered when there are no list items -->\n      <slot name=\"emptyState\"></slot>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonListLayout.ts\" />\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_ctx","_createBlock","_component_neon_splash_loader","_hoisted_2","_createVNode","_component_neon_header","_renderSlot","_component_neon_card_list","_cache","page","_withCtx","model","index","_normalizeProps","_guardReactiveProps"],"mappings":";;;AACO,MAAAA,IAAA,EAAA,OAAM,mBAAkB;;;AAA7B,SAAAC,EAAA,GAAAC,EAqDM,OArDNF,GAqDM;AAAA,IApDsBG,EAAA,qBAA1BC,EAAwDC,GAAA;AAAA;MAAhB,OAAM;AAAA,WAC7BF,EAAA,gBAAgBA,EAAA,MAAM,SAAM,UAA7CD,EA8CM,OAAAI,GAAA;AAAA,MA7CJC,EAgBcC,GAAA;AAAA,QAfX,eAAaL,EAAA;AAAA,QACb,cAAYA,EAAA;AAAA,QACZ,aAAaA,EAAA;AAAA,QACb,UAAUA,EAAA;AAAA,QACV,OAAOA,EAAA;AAAA;QAEG,UAET,MAA2B;AAAA,UAA3BM,EAA2BN,EAAA,QAAA,QAAA;AAAA;;;QAEbA,EAAA,MAAM,SAAM;gBAAO;AAAA,gBAGjC,MAA4B;AAAA,YAA5BM,EAA4BN,EAAA,QAAA,SAAA;AAAA;;;;MAIhCM,EAAyBN,EAAA,QAAA,MAAA;AAAA,MACzBI,EAyBiBG,GAAA;AAAA,QAxBd,OAAOP,EAAA;AAAA,QACP,OAAOA,EAAA;AAAA,QACP,kBAAgBA,EAAA;AAAA,QAChB,SAASA,EAAA;AAAA,QACT,YAAYA,EAAA;AAAA,QACZ,YAAYA,EAAA;AAAA,QACZ,cAAWQ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAiBT,EAAA,oBAAoBS,CAAI;AAAA,QACvD,YAAWT,EAAA;AAAA,QACX,kBAAiBA,EAAA;AAAA;QAEP,WAET,MAA4B;AAAA,UAA5BM,EAA4BN,EAAA,QAAA,SAAA;AAAA;QAEnB,UAET,MAA2B;AAAA,UAA3BM,EAA2BN,EAAA,QAAA,QAAA;AAAA;QAElB,MAAIU,EAIb,CAAmD,EAJlC,OAAAC,GAAO,OAAAC,EAAK,MAAA;AAAA,UAI7BN,EAAmDN,EAAA,QAAA,QAAAa,EAAAC,EAAA,EAAvB,OAAAH,GAAO,OAAAC,EAAK,CAAA,CAAA,CAAA;AAAA;;;WAIxBZ,EAAA,gBAAY,CAAKA,aAAWA,EAAA,MAAM,cAAcA,EAAA,MAAM,WAAM,IAEhFM,EAA+BN,EAAA,QAAA,cAAA,EAAA,KAAA,EAAA,CAAA;;;;"}
+{"version":3,"file":"NeonListLayout.vue.es.js","sources":["../../../../src/components/layout/list-layout/NeonListLayout.vue"],"sourcesContent":["<template>\n  <div class=\"neon-list-layout\">\n    <neon-splash-loader v-if=\"initializing\" color=\"brand\" />\n    <div v-else-if=\"!initializing && items.length > 0\">\n      <neon-header\n        :back-button=\"backButton\"\n        :back-label=\"backLabel\"\n        :breadcrumbs=\"breadcrumbs\"\n        :subtitle=\"subtitle\"\n        :title=\"title\"\n      >\n        <template #labels>\n          <!-- @slot a slot for adding labels/info popovers next to the title -->\n          <slot name=\"labels\"></slot>\n        </template>\n        <template v-if=\"items.length > 0\" #actions>\n          <!-- @slot a slot for adding contextual action buttons to the header. The wrapper is provided, just add the\n          buttons here in order to apply the correct spacings -->\n          <slot name=\"actions\"></slot>\n        </template>\n      </neon-header>\n      <!-- @slot the insert a note into the page -->\n      <slot name=\"note\"></slot>\n      <neon-card-list\n        :color=\"color\"\n        :items=\"items\"\n        :list-style=\"listStyle\"\n        :load-on-demand=\"loadOnDemand\"\n        :loading=\"loading\"\n        :pagination=\"pagination\"\n        :selectable=\"selectable\"\n        @page-change=\"(page: number) => emit('page-change', page)\"\n        @show-more=\"showMore\"\n        @toggle-selected=\"toggleSelected\"\n      >\n        <template #filters>\n          <!-- @slot the insert a filter bar above the list -->\n          <slot name=\"filters\"></slot>\n        </template>\n        <template #header>\n          <!-- @slot the list header -->\n          <slot name=\"header\"></slot>\n        </template>\n        <template #card=\"{ model, index }\">\n          <!-- @slot slot for rendering card contents, two parameters are available:\n    @binding {T} model - the model item to be rendered\n    @binding {number} index - the index of the item in the list -->\n          <slot name=\"card\" v-bind=\"{ model, index }\"></slot>\n        </template>\n      </neon-card-list>\n    </div>\n    <template v-else-if=\"!initializing && !loading && slots.emptyState && items.length === 0\">\n      <!-- @slot page empty state rendered when there are no list items -->\n      <slot name=\"emptyState\"></slot>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonListLayout.ts\" />\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_ctx","_createBlock","_component_neon_splash_loader","_hoisted_2","_createVNode","_component_neon_header","_renderSlot","_component_neon_card_list","_cache","page","_withCtx","model","index","_normalizeProps","_guardReactiveProps"],"mappings":";;;AACO,MAAAA,IAAA,EAAA,OAAM,mBAAkB;;;AAA7B,SAAAC,EAAA,GAAAC,EAsDM,OAtDNF,GAsDM;AAAA,IArDsBG,EAAA,qBAA1BC,EAAwDC,GAAA;AAAA;MAAhB,OAAM;AAAA,WAC7BF,EAAA,gBAAgBA,EAAA,MAAM,SAAM,UAA7CD,EA+CM,OAAAI,GAAA;AAAA,MA9CJC,EAgBcC,GAAA;AAAA,QAfX,eAAaL,EAAA;AAAA,QACb,cAAYA,EAAA;AAAA,QACZ,aAAaA,EAAA;AAAA,QACb,UAAUA,EAAA;AAAA,QACV,OAAOA,EAAA;AAAA;QAEG,UAET,MAA2B;AAAA,UAA3BM,EAA2BN,EAAA,QAAA,QAAA;AAAA;;;QAEbA,EAAA,MAAM,SAAM;gBAAO;AAAA,gBAGjC,MAA4B;AAAA,YAA5BM,EAA4BN,EAAA,QAAA,SAAA;AAAA;;;;MAIhCM,EAAyBN,EAAA,QAAA,MAAA;AAAA,MACzBI,EA0BiBG,GAAA;AAAA,QAzBd,OAAOP,EAAA;AAAA,QACP,OAAOA,EAAA;AAAA,QACP,cAAYA,EAAA;AAAA,QACZ,kBAAgBA,EAAA;AAAA,QAChB,SAASA,EAAA;AAAA,QACT,YAAYA,EAAA;AAAA,QACZ,YAAYA,EAAA;AAAA,QACZ,cAAWQ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAiBT,EAAA,oBAAoBS,CAAI;AAAA,QACvD,YAAWT,EAAA;AAAA,QACX,kBAAiBA,EAAA;AAAA;QAEP,WAET,MAA4B;AAAA,UAA5BM,EAA4BN,EAAA,QAAA,SAAA;AAAA;QAEnB,UAET,MAA2B;AAAA,UAA3BM,EAA2BN,EAAA,QAAA,QAAA;AAAA;QAElB,MAAIU,EAIb,CAAmD,EAJlC,OAAAC,GAAO,OAAAC,EAAK,MAAA;AAAA,UAI7BN,EAAmDN,EAAA,QAAA,QAAAa,EAAAC,EAAA,EAAvB,OAAAH,GAAO,OAAAC,EAAK,CAAA,CAAA,CAAA;AAAA;;;WAIxBZ,EAAA,gBAAY,CAAKA,aAAWA,EAAA,MAAM,cAAcA,EAAA,MAAM,WAAM,IAEhFM,EAA+BN,EAAA,QAAA,cAAA,EAAA,KAAA,EAAA,CAAA;;;;"}

package/dist/components/presentation/avatar/NeonAvatar.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("vue"),o=require("../../../model/common/color/NeonFunctionalColor.cjs.js"),u=require("../../../model/presentation/badge/NeonBadgeSize.cjs.js"),s=require("../badge/NeonBadge.vue.cjs.js"),d=t.defineComponent({name:"NeonAvatar",components:{NeonBadge:s},props:{imageUrl:{type:String,default:void 0},name:{type:String,default:void 0},size:{type:String,default:u.NeonBadgeSize.Small},circular:{type:Boolean,default:!0},color:{type:String,default:void 0}},setup(e){const r=[o.NeonFunctionalColor.Brand,o.NeonFunctionalColor.Accent,o.NeonFunctionalColor.Primary,o.NeonFunctionalColor.Info,o.NeonFunctionalColor.Success,o.NeonFunctionalColor.Warn,o.NeonFunctionalColor.Error,o.NeonFunctionalColor.LowContrast,o.NeonFunctionalColor.HighContrast],l=t.computed(()=>{if(e.name){const n=e.name.split(" ");return n.length===1?e.name.substring(0,2):`${n[0][0]}${n.length>1?n[1][0]:""}`}return""}),i=t.computed(()=>{if(!e.name)return r[0];let n=0;for(let a=0;a<e.name.length;a++)n=e.name.charCodeAt(a)+((n<<5)-n);return r[Math.abs(n)%r.length]}),c=t.computed(()=>e.color||i.value);return{initials:l,avatarColor:c}}});module.exports=d;
+//# sourceMappingURL=NeonAvatar.cjs.js.map

package/dist/components/presentation/avatar/NeonAvatar.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonAvatar.cjs.js","sources":["../../../../src/components/presentation/avatar/NeonAvatar.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent } from 'vue';\nimport { NeonBadge } from '@/neon';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport { NeonBadgeSize } from '@/model/presentation/badge/NeonBadgeSize';\n\n/**\n * An avatar component that displays either an image or initials in a circular badge.\n * When displaying initials, it generates a consistent color based on the provided name.\n */\nexport default defineComponent({\n  name: 'NeonAvatar',\n  components: {\n    NeonBadge,\n  },\n  props: {\n    /**\n     * The URL of the avatar image to display\n     */\n    imageUrl: { type: String, default: undefined },\n    /**\n     * The name to generate initials from (takes first letter of first name and first letter of last name)\n     */\n    name: { type: String, default: undefined },\n    /**\n     * The size of the avatar\n     */\n    size: { type: String as () => NeonBadgeSize, default: NeonBadgeSize.Small },\n    /**\n     * If true, render the avatar as a circle, if false render as square\n     */\n    circular: { type: Boolean, default: true },\n    /**\n     * The color of the avatar\n     */\n    color: { type: String as () => NeonFunctionalColor, default: undefined },\n  },\n  setup(props) {\n    const colors = [\n      NeonFunctionalColor.Brand,\n      NeonFunctionalColor.Accent,\n      NeonFunctionalColor.Primary,\n      NeonFunctionalColor.Info,\n      NeonFunctionalColor.Success,\n      NeonFunctionalColor.Warn,\n      NeonFunctionalColor.Error,\n      NeonFunctionalColor.LowContrast,\n      NeonFunctionalColor.HighContrast,\n    ];\n\n    const initials = computed(() => {\n      if (props.name) {\n        const parts = props.name.split(' ');\n        if (parts.length === 1) {\n          return props.name.substring(0, 2);\n        }\n        return `${parts[0][0]}${parts.length > 1 ? parts[1][0] : ''}`;\n      }\n      return '';\n    });\n\n    const profileColor = computed(() => {\n      if (!props.name) {\n        return colors[0];\n      }\n      // Generate consistent color based on name\n      let hash = 0;\n      for (let i = 0; i < props.name.length; i++) {\n        hash = props.name.charCodeAt(i) + ((hash << 5) - hash);\n      }\n      return colors[Math.abs(hash) % colors.length];\n    });\n\n    const avatarColor = computed(() => props.color || profileColor.value);\n\n    return {\n      initials,\n      avatarColor,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonBadge","NeonBadgeSize","props","colors","NeonFunctionalColor","initials","computed","parts","profileColor","hash","i","avatarColor"],"mappings":"uNASAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,UAAAC,CAAA,EAEF,MAAO,CAIL,SAAU,CAAE,KAAM,OAAQ,QAAS,MAAA,EAInC,KAAM,CAAE,KAAM,OAAQ,QAAS,MAAA,EAI/B,KAAM,CAAE,KAAM,OAA+B,QAASC,EAAAA,cAAc,KAAA,EAIpE,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,MAAO,CAAE,KAAM,OAAqC,QAAS,MAAA,CAAU,EAEzE,MAAMC,EAAO,CACX,MAAMC,EAAS,CACbC,EAAAA,oBAAoB,MACpBA,EAAAA,oBAAoB,OACpBA,EAAAA,oBAAoB,QACpBA,EAAAA,oBAAoB,KACpBA,EAAAA,oBAAoB,QACpBA,EAAAA,oBAAoB,KACpBA,EAAAA,oBAAoB,MACpBA,EAAAA,oBAAoB,YACpBA,sBAAoB,YAAA,EAGhBC,EAAWC,EAAAA,SAAS,IAAM,CAC9B,GAAIJ,EAAM,KAAM,CACd,MAAMK,EAAQL,EAAM,KAAK,MAAM,GAAG,EAClC,OAAIK,EAAM,SAAW,EACZL,EAAM,KAAK,UAAU,EAAG,CAAC,EAE3B,GAAGK,EAAM,CAAC,EAAE,CAAC,CAAC,GAAGA,EAAM,OAAS,EAAIA,EAAM,CAAC,EAAE,CAAC,EAAI,EAAE,EAC7D,CACA,MAAO,EACT,CAAC,EAEKC,EAAeF,EAAAA,SAAS,IAAM,CAClC,GAAI,CAACJ,EAAM,KACT,OAAOC,EAAO,CAAC,EAGjB,IAAIM,EAAO,EACX,QAASC,EAAI,EAAGA,EAAIR,EAAM,KAAK,OAAQQ,IACrCD,EAAOP,EAAM,KAAK,WAAWQ,CAAC,IAAMD,GAAQ,GAAKA,GAEnD,OAAON,EAAO,KAAK,IAAIM,CAAI,EAAIN,EAAO,MAAM,CAC9C,CAAC,EAEKQ,EAAcL,EAAAA,SAAS,IAAMJ,EAAM,OAASM,EAAa,KAAK,EAEpE,MAAO,CACL,SAAAH,EACA,YAAAM,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/presentation/avatar/NeonAvatar.es.js

@@ -0,0 +1,66 @@
+import { defineComponent as c, computed as a } from "vue";
+import { NeonFunctionalColor as e } from "../../../model/common/color/NeonFunctionalColor.es.js";
+import { NeonBadgeSize as u } from "../../../model/presentation/badge/NeonBadgeSize.es.js";
+import f from "../badge/NeonBadge.vue.es.js";
+const p = c({
+  name: "NeonAvatar",
+  components: {
+    NeonBadge: f
+  },
+  props: {
+    /**
+     * The URL of the avatar image to display
+     */
+    imageUrl: { type: String, default: void 0 },
+    /**
+     * The name to generate initials from (takes first letter of first name and first letter of last name)
+     */
+    name: { type: String, default: void 0 },
+    /**
+     * The size of the avatar
+     */
+    size: { type: String, default: u.Small },
+    /**
+     * If true, render the avatar as a circle, if false render as square
+     */
+    circular: { type: Boolean, default: !0 },
+    /**
+     * The color of the avatar
+     */
+    color: { type: String, default: void 0 }
+  },
+  setup(n) {
+    const r = [
+      e.Brand,
+      e.Accent,
+      e.Primary,
+      e.Info,
+      e.Success,
+      e.Warn,
+      e.Error,
+      e.LowContrast,
+      e.HighContrast
+    ], i = a(() => {
+      if (n.name) {
+        const t = n.name.split(" ");
+        return t.length === 1 ? n.name.substring(0, 2) : `${t[0][0]}${t.length > 1 ? t[1][0] : ""}`;
+      }
+      return "";
+    }), l = a(() => {
+      if (!n.name)
+        return r[0];
+      let t = 0;
+      for (let o = 0; o < n.name.length; o++)
+        t = n.name.charCodeAt(o) + ((t << 5) - t);
+      return r[Math.abs(t) % r.length];
+    }), m = a(() => n.color || l.value);
+    return {
+      initials: i,
+      avatarColor: m
+    };
+  }
+});
+export {
+  p as default
+};
+//# sourceMappingURL=NeonAvatar.es.js.map

package/dist/components/presentation/avatar/NeonAvatar.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonAvatar.es.js","sources":["../../../../src/components/presentation/avatar/NeonAvatar.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent } from 'vue';\nimport { NeonBadge } from '@/neon';\nimport { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';\nimport { NeonBadgeSize } from '@/model/presentation/badge/NeonBadgeSize';\n\n/**\n * An avatar component that displays either an image or initials in a circular badge.\n * When displaying initials, it generates a consistent color based on the provided name.\n */\nexport default defineComponent({\n  name: 'NeonAvatar',\n  components: {\n    NeonBadge,\n  },\n  props: {\n    /**\n     * The URL of the avatar image to display\n     */\n    imageUrl: { type: String, default: undefined },\n    /**\n     * The name to generate initials from (takes first letter of first name and first letter of last name)\n     */\n    name: { type: String, default: undefined },\n    /**\n     * The size of the avatar\n     */\n    size: { type: String as () => NeonBadgeSize, default: NeonBadgeSize.Small },\n    /**\n     * If true, render the avatar as a circle, if false render as square\n     */\n    circular: { type: Boolean, default: true },\n    /**\n     * The color of the avatar\n     */\n    color: { type: String as () => NeonFunctionalColor, default: undefined },\n  },\n  setup(props) {\n    const colors = [\n      NeonFunctionalColor.Brand,\n      NeonFunctionalColor.Accent,\n      NeonFunctionalColor.Primary,\n      NeonFunctionalColor.Info,\n      NeonFunctionalColor.Success,\n      NeonFunctionalColor.Warn,\n      NeonFunctionalColor.Error,\n      NeonFunctionalColor.LowContrast,\n      NeonFunctionalColor.HighContrast,\n    ];\n\n    const initials = computed(() => {\n      if (props.name) {\n        const parts = props.name.split(' ');\n        if (parts.length === 1) {\n          return props.name.substring(0, 2);\n        }\n        return `${parts[0][0]}${parts.length > 1 ? parts[1][0] : ''}`;\n      }\n      return '';\n    });\n\n    const profileColor = computed(() => {\n      if (!props.name) {\n        return colors[0];\n      }\n      // Generate consistent color based on name\n      let hash = 0;\n      for (let i = 0; i < props.name.length; i++) {\n        hash = props.name.charCodeAt(i) + ((hash << 5) - hash);\n      }\n      return colors[Math.abs(hash) % colors.length];\n    });\n\n    const avatarColor = computed(() => props.color || profileColor.value);\n\n    return {\n      initials,\n      avatarColor,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonBadge","NeonBadgeSize","props","colors","NeonFunctionalColor","initials","computed","parts","profileColor","hash","i","avatarColor"],"mappings":";;;;AASA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,WAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU,EAAE,MAAM,QAAQ,SAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAInC,MAAM,EAAE,MAAM,QAAQ,SAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAI/B,MAAM,EAAE,MAAM,QAA+B,SAASC,EAAc,MAAA;AAAA;AAAA;AAAA;AAAA,IAIpE,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,OAAO,EAAE,MAAM,QAAqC,SAAS,OAAA;AAAA,EAAU;AAAA,EAEzE,MAAMC,GAAO;AACX,UAAMC,IAAS;AAAA,MACbC,EAAoB;AAAA,MACpBA,EAAoB;AAAA,MACpBA,EAAoB;AAAA,MACpBA,EAAoB;AAAA,MACpBA,EAAoB;AAAA,MACpBA,EAAoB;AAAA,MACpBA,EAAoB;AAAA,MACpBA,EAAoB;AAAA,MACpBA,EAAoB;AAAA,IAAA,GAGhBC,IAAWC,EAAS,MAAM;AAC9B,UAAIJ,EAAM,MAAM;AACd,cAAMK,IAAQL,EAAM,KAAK,MAAM,GAAG;AAClC,eAAIK,EAAM,WAAW,IACZL,EAAM,KAAK,UAAU,GAAG,CAAC,IAE3B,GAAGK,EAAM,CAAC,EAAE,CAAC,CAAC,GAAGA,EAAM,SAAS,IAAIA,EAAM,CAAC,EAAE,CAAC,IAAI,EAAE;AAAA,MAC7D;AACA,aAAO;AAAA,IACT,CAAC,GAEKC,IAAeF,EAAS,MAAM;AAClC,UAAI,CAACJ,EAAM;AACT,eAAOC,EAAO,CAAC;AAGjB,UAAIM,IAAO;AACX,eAASC,IAAI,GAAGA,IAAIR,EAAM,KAAK,QAAQQ;AACrC,QAAAD,IAAOP,EAAM,KAAK,WAAWQ,CAAC,MAAMD,KAAQ,KAAKA;AAEnD,aAAON,EAAO,KAAK,IAAIM,CAAI,IAAIN,EAAO,MAAM;AAAA,IAC9C,CAAC,GAEKQ,IAAcL,EAAS,MAAMJ,EAAM,SAASM,EAAa,KAAK;AAEpE,WAAO;AAAA,MACL,UAAAH;AAAA,MACA,aAAAM;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/presentation/avatar/NeonAvatar.vue.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const o=require("./NeonAvatar.cjs.js"),r=require("vue"),n=require("../../../_virtual/_plugin-vue_export-helper.cjs.js");function l(e,i,s,t,u,p){const a=r.resolveComponent("neon-badge");return e.imageUrl?(r.openBlock(),r.createBlock(a,{key:0,circular:e.circular,image:e.imageUrl,size:e.size,class:"neon-avatar"},null,8,["circular","image","size"])):(r.openBlock(),r.createBlock(a,{key:1,circular:e.circular,color:e.avatarColor,label:e.initials,size:e.size,class:"neon-avatar"},null,8,["circular","color","label","size"]))}const c=n(o,[["render",l]]);module.exports=c;
+//# sourceMappingURL=NeonAvatar.vue.cjs.js.map

package/dist/components/presentation/avatar/NeonAvatar.vue.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeonAvatar.vue.cjs.js","sources":["../../../../src/components/presentation/avatar/NeonAvatar.vue"],"sourcesContent":["<template>\n  <neon-badge v-if=\"imageUrl\" :circular=\"circular\" :image=\"imageUrl\" :size=\"size\" class=\"neon-avatar\" />\n  <neon-badge v-else :circular=\"circular\" :color=\"avatarColor\" :label=\"initials\" :size=\"size\" class=\"neon-avatar\" />\n</template>\n<script lang=\"ts\" src=\"./NeonAvatar.ts\"></script>\n"],"names":["_ctx","_createBlock","_component_neon_badge"],"mappings":"6MACoBA,EAAA,wBAAlBC,EAAAA,YAAsGC,EAAA,OAAzE,SAAUF,EAAA,SAAW,MAAOA,EAAA,SAAW,KAAMA,EAAA,KAAM,MAAM,mEACtFC,EAAAA,YAAkHC,EAAA,OAA9F,SAAUF,EAAA,SAAW,MAAOA,EAAA,YAAc,MAAOA,EAAA,SAAW,KAAMA,EAAA,KAAM,MAAM"}

package/dist/components/presentation/avatar/NeonAvatar.vue.es.js

@@ -0,0 +1,25 @@
+import l from "./NeonAvatar.es.js";
+import { resolveComponent as n, openBlock as a, createBlock as o } from "vue";
+import i from "../../../_virtual/_plugin-vue_export-helper.es.js";
+function c(e, s, t, m, p, u) {
+  const r = n("neon-badge");
+  return e.imageUrl ? (a(), o(r, {
+    key: 0,
+    circular: e.circular,
+    image: e.imageUrl,
+    size: e.size,
+    class: "neon-avatar"
+  }, null, 8, ["circular", "image", "size"])) : (a(), o(r, {
+    key: 1,
+    circular: e.circular,
+    color: e.avatarColor,
+    label: e.initials,
+    size: e.size,
+    class: "neon-avatar"
+  }, null, 8, ["circular", "color", "label", "size"]));
+}
+const z = /* @__PURE__ */ i(l, [["render", c]]);
+export {
+  z as default
+};
+//# sourceMappingURL=NeonAvatar.vue.es.js.map