@aotearoan/neon 28.5.0 → 28.6.0

package/dist/src/components/layout/list-layout/NeonListLayout.d.ts

@@ -5,6 +5,7 @@ import type { NeonPaginationModel } from '@/model/navigation/pagination/NeonPagi
 import type { NeonCardListModel } from '@/model/layout/card-list/NeonCardListModel';
 import type { NeonIdentifiable } from '@/model/common/entity/NeonIdentifiable';
 import type { NeonSelectable } from '@/model/common/entity/NeonSelectable';
+import { NeonCardListStyle } from '@/model/layout/card-list/NeonCardListStyle';
 /**
  * A page level layout component for displaying a list with a page header, filter bar, card list, pagination & an empty
  * state. Use this component directly inside the NeonPage <em>contents</em> slot.
@@ -77,6 +78,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Specify the card list layout, either a 'List' of cards with 100% width or a responsive 'Grid' of cards.
+     */
+    listStyle: {
+        type: () => NeonCardListStyle;
+        default: () => NeonCardListStyle;
+    };
     /**
      * Model for configuring the on demand loading layout.
      */
@@ -165,6 +173,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Specify the card list layout, either a 'List' of cards with 100% width or a responsive 'Grid' of cards.
+     */
+    listStyle: {
+        type: () => NeonCardListStyle;
+        default: () => NeonCardListStyle;
+    };
     /**
      * Model for configuring the on demand loading layout.
      */
@@ -187,6 +202,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     loading: boolean;
     backButton: boolean;
     backLabel: string;
+    listStyle: NeonCardListStyle;
     selectable: boolean;
     initializing: boolean;
 }, {}, {
@@ -235,16 +251,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;
-                required: true; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                required: true;
             };
             id: {
                 type: StringConstructor;
                 default: null;
             };
             color: {
-                type: () => NeonFunctionalColor;
+                type: () => NeonFunctionalColor; /**
+                 * Items to display as cards. Each item should be a NeonCardListModel.
+                 */
                 default: null;
             };
             inverse: {
@@ -254,7 +270,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
-            };
+            }; /**
+             * Loading state for the initial load.
+             */
         }>, {
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
@@ -263,16 +281,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;
-                required: true; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                required: true;
             };
             id: {
                 type: StringConstructor;
                 default: null;
             };
             color: {
-                type: () => NeonFunctionalColor;
+                type: () => NeonFunctionalColor; /**
+                 * Items to display as cards. Each item should be a NeonCardListModel.
+                 */
                 default: null;
             };
             inverse: {
@@ -282,7 +300,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
-            };
+            }; /**
+             * Loading state for the initial load.
+             */
         }>> & Readonly<{}>, {
             color: NeonFunctionalColor;
             id: string;
@@ -299,20 +319,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => import("../../../neon").NeonEmptyStateType;
         };
         imageColor: {
-            type: () => NeonFunctionalColor;
-            /**
-             * Breadcrumbs to display above the header.
+            type: () => NeonFunctionalColor; /**
+             * The subtitle of the header.
              */
             default: () => NeonFunctionalColor;
         };
         title: {
             type: StringConstructor;
-            required: true; /**
-             * Whether to display a back button
-             */
-        }; /**
-         * Whether to display a back button
-         */
+            required: true;
+        };
         subtitle: {
             type: StringConstructor;
         };
@@ -333,20 +348,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => import("../../../neon").NeonEmptyStateType;
         };
         imageColor: {
-            type: () => NeonFunctionalColor;
-            /**
-             * Breadcrumbs to display above the header.
+            type: () => NeonFunctionalColor; /**
+             * The subtitle of the header.
              */
             default: () => NeonFunctionalColor;
         };
         title: {
             type: StringConstructor;
-            required: true; /**
-             * Whether to display a back button
-             */
-        }; /**
-         * Whether to display a back button
-         */
+            required: true;
+        };
         subtitle: {
             type: StringConstructor;
         };
@@ -379,7 +389,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: NeonFunctionalColor;
             };
             inverse: {
-                type: BooleanConstructor;
+                type: BooleanConstructor; /**
+                 * Override the label for the back button
+                 */
                 default: boolean;
             };
             alternateColor: {
@@ -416,10 +428,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             transparent: {
                 type: BooleanConstructor;
                 default: boolean;
-            }; /**
-             * Emitted when in selectable mode and the selected state of a card is toggled.
-             * @type {string, boolean} - the id of the card which is toggled & the new selected state.
-             */
+            };
             outline: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -481,7 +490,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: NeonFunctionalColor;
             };
             inverse: {
-                type: BooleanConstructor;
+                type: BooleanConstructor; /**
+                 * Override the label for the back button
+                 */
                 default: boolean;
             };
             alternateColor: {
@@ -518,10 +529,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             transparent: {
                 type: BooleanConstructor;
                 default: boolean;
-            }; /**
-             * Emitted when in selectable mode and the selected state of a card is toggled.
-             * @type {string, boolean} - the id of the card which is toggled & the new selected state.
-             */
+            };
             outline: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -607,16 +615,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -626,7 +634,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
@@ -635,16 +645,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -654,7 +664,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>> & Readonly<{}>, {
                 color: NeonFunctionalColor;
                 id: string;
@@ -680,18 +692,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>, {
                 neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
-                routerUrl: import("vue").ComputedRef<string | undefined>; /**
-                 * Make cards selectable.
-                 */
+                routerUrl: import("vue").ComputedRef<string | undefined>;
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
                 }>;
                 activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                 exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
-                onClick: () => void;
-                onSpace: () => Promise<void>; /**
-                 * Model for configuring the on demand loading layout.
+                onClick: () => void; /**
+                 * Make cards selectable.
                  */
+                onSpace: () => Promise<void>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 href: {
                     type: StringConstructor;
@@ -720,16 +730,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -739,7 +749,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
@@ -748,16 +760,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -767,7 +779,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>> & Readonly<{}>, {
                     color: NeonFunctionalColor;
                     id: string;
@@ -779,16 +793,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;
-                required: true; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                required: true;
             };
             id: {
                 type: StringConstructor;
                 default: null;
             };
             color: {
-                type: () => NeonFunctionalColor;
+                type: () => NeonFunctionalColor; /**
+                 * Items to display as cards. Each item should be a NeonCardListModel.
+                 */
                 default: null;
             };
             inverse: {
@@ -798,7 +812,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
-            };
+            }; /**
+             * Loading state for the initial load.
+             */
         }>, {
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
@@ -807,16 +823,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;
-                required: true; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                required: true;
             };
             id: {
                 type: StringConstructor;
                 default: null;
             };
             color: {
-                type: () => NeonFunctionalColor;
+                type: () => NeonFunctionalColor; /**
+                 * Items to display as cards. Each item should be a NeonCardListModel.
+                 */
                 default: null;
             };
             inverse: {
@@ -826,7 +842,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
-            };
+            }; /**
+             * Loading state for the initial load.
+             */
         }>> & Readonly<{}>, {
             color: NeonFunctionalColor;
             id: string;
@@ -875,6 +893,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: () => NeonFunctionalColor;
             default: null;
         };
+        listStyle: {
+            type: () => NeonCardListStyle;
+            default: () => NeonCardListStyle;
+        };
         selectable: {
             type: BooleanConstructor;
             default: boolean;
@@ -894,15 +916,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         NeonButtonStyle: typeof import("../../../neon").NeonButtonStyle;
         NeonFunctionalColor: typeof NeonFunctionalColor;
         NeonSize: typeof import("../../../neon").NeonSize;
-        ofLabel: import("vue").ComputedRef<string | undefined>;
         showMoreLabel: import("vue").ComputedRef<string | undefined>;
-        endOfResultsLabel: import("vue").ComputedRef<string | undefined>;
+        resultCountLabel: import("vue").ComputedRef<string | undefined>;
         total: import("vue").ComputedRef<number>;
         slots: Readonly<{
             [name: string]: import("vue").Slot<any> | undefined;
         }>;
         cards: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
         onPageChange: (newPage: number) => void;
+        NeonState: typeof import("../../../neon").NeonState;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("page-change" | "show-more" | "toggle-selected")[], "page-change" | "show-more" | "toggle-selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         items: {
             type: () => NeonCardListModel<NeonIdentifiable | (NeonIdentifiable & NeonSelectable)>[];
@@ -912,6 +934,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: () => NeonFunctionalColor;
             default: null;
         };
+        listStyle: {
+            type: () => NeonCardListStyle;
+            default: () => NeonCardListStyle;
+        };
         selectable: {
             type: BooleanConstructor;
             default: boolean;
@@ -932,15 +958,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {
         color: NeonFunctionalColor;
         loading: boolean;
+        listStyle: NeonCardListStyle;
         selectable: boolean;
     }, {}, {
         NeonSelectableCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             modelValue: {
                 type: BooleanConstructor;
-                /**
-                 * A page level layout component for displaying a list with a page header, filter bar, card list, pagination & an empty
-                 * state. Use this component directly inside the NeonPage <em>contents</em> slot.
-                 */
                 required: true;
             };
             color: {
@@ -958,10 +981,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
                 type: BooleanConstructor;
-                /**
-                 * A page level layout component for displaying a list with a page header, filter bar, card list, pagination & an empty
-                 * state. Use this component directly inside the NeonPage <em>contents</em> slot.
-                 */
                 required: true;
             };
             color: {
@@ -998,11 +1017,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 noBreak: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * The subtitle of the header.
+                 */
             }>, {
                 attrs: {
                     [x: string]: unknown;
                 };
+                /**
+                 * Breadcrumbs to display above the header.
+                 */
                 NeonOrientation: typeof import("../../../neon").NeonOrientation;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 orientation: {
@@ -1024,7 +1048,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 noBreak: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * The subtitle of the header.
+                 */
             }>> & Readonly<{}>, {
                 size: import("../../../neon").NeonSize;
                 orientation: import("../../../neon").NeonOrientation;
@@ -1042,6 +1068,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     default: null;
                 };
+                /**
+                 * A page level layout component for displaying a list with a page header, filter bar, card list, pagination & an empty
+                 * state. Use this component directly inside the NeonPage <em>contents</em> slot.
+                 */
                 indeterminate: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -1052,7 +1082,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 color: {
                     type: () => NeonFunctionalColor;
-                    default: () => NeonFunctionalColor;
+                    default: () => NeonFunctionalColor; /**
+                     * The title of the header.
+                     */
                 };
                 switchStyle: {
                     type: () => import("../../../neon").NeonSwitchStyle;
@@ -1064,12 +1096,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 disabled: {
                     type: BooleanConstructor;
-                    default: boolean; /**
-                     * Items to display as cards. Each item should be a NeonCardListModel.
-                     */
-                }; /**
-                 * Items to display as cards. Each item should be a NeonCardListModel.
-                 */
+                    default: boolean;
+                };
             }>, {
                 checkbox: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
                 sanitizedAttributes: import("vue").ComputedRef<{
@@ -1085,6 +1113,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     default: null;
                 };
+                /**
+                 * A page level layout component for displaying a list with a page header, filter bar, card list, pagination & an empty
+                 * state. Use this component directly inside the NeonPage <em>contents</em> slot.
+                 */
                 indeterminate: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -1095,7 +1127,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 color: {
                     type: () => NeonFunctionalColor;
-                    default: () => NeonFunctionalColor;
+                    default: () => NeonFunctionalColor; /**
+                     * The title of the header.
+                     */
                 };
                 switchStyle: {
                     type: () => import("../../../neon").NeonSwitchStyle;
@@ -1107,12 +1141,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 disabled: {
                     type: BooleanConstructor;
-                    default: boolean; /**
-                     * Items to display as cards. Each item should be a NeonCardListModel.
-                     */
-                }; /**
-                 * Items to display as cards. Each item should be a NeonCardListModel.
-                 */
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 "onIndeterminate-change"?: ((...args: any[]) => any) | undefined;
@@ -1128,16 +1158,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -1147,7 +1177,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
@@ -1156,16 +1188,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -1175,7 +1207,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>> & Readonly<{}>, {
                     color: NeonFunctionalColor;
                     id: string;
@@ -1269,7 +1303,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: NeonFunctionalColor;
                 };
                 inverse: {
-                    type: BooleanConstructor;
+                    type: BooleanConstructor; /**
+                     * Override the label for the back button
+                     */
                     default: boolean;
                 };
                 alternateColor: {
@@ -1306,10 +1342,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 transparent: {
                     type: BooleanConstructor;
                     default: boolean;
-                }; /**
-                 * Emitted when in selectable mode and the selected state of a card is toggled.
-                 * @type {string, boolean} - the id of the card which is toggled & the new selected state.
-                 */
+                };
                 outline: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -1371,7 +1404,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: NeonFunctionalColor;
                 };
                 inverse: {
-                    type: BooleanConstructor;
+                    type: BooleanConstructor; /**
+                     * Override the label for the back button
+                     */
                     default: boolean;
                 };
                 alternateColor: {
@@ -1408,10 +1443,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 transparent: {
                     type: BooleanConstructor;
                     default: boolean;
-                }; /**
-                 * Emitted when in selectable mode and the selected state of a card is toggled.
-                 * @type {string, boolean} - the id of the card which is toggled & the new selected state.
-                 */
+                };
                 outline: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -1497,16 +1529,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -1516,7 +1548,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
@@ -1525,16 +1559,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -1544,7 +1578,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>> & Readonly<{}>, {
                     color: NeonFunctionalColor;
                     id: string;
@@ -1570,18 +1606,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>, {
                     neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
-                    routerUrl: import("vue").ComputedRef<string | undefined>; /**
-                     * Make cards selectable.
-                     */
+                    routerUrl: import("vue").ComputedRef<string | undefined>;
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
                     }>;
                     activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                     exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
-                    onClick: () => void;
-                    onSpace: () => Promise<void>; /**
-                     * Model for configuring the on demand loading layout.
+                    onClick: () => void; /**
+                     * Make cards selectable.
                      */
+                    onSpace: () => Promise<void>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     href: {
                         type: StringConstructor;
@@ -1610,16 +1644,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
-                            required: true; /**
-                             * Breadcrumbs to display above the header.
-                             */
+                            required: true;
                         };
                         id: {
                             type: StringConstructor;
                             default: null;
                         };
                         color: {
-                            type: () => NeonFunctionalColor;
+                            type: () => NeonFunctionalColor; /**
+                             * Items to display as cards. Each item should be a NeonCardListModel.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -1629,7 +1663,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         disabled: {
                             type: BooleanConstructor;
                             default: boolean;
-                        };
+                        }; /**
+                         * Loading state for the initial load.
+                         */
                     }>, {
                         sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
@@ -1638,16 +1674,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
-                            required: true; /**
-                             * Breadcrumbs to display above the header.
-                             */
+                            required: true;
                         };
                         id: {
                             type: StringConstructor;
                             default: null;
                         };
                         color: {
-                            type: () => NeonFunctionalColor;
+                            type: () => NeonFunctionalColor; /**
+                             * Items to display as cards. Each item should be a NeonCardListModel.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -1657,7 +1693,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         disabled: {
                             type: BooleanConstructor;
                             default: boolean;
-                        };
+                        }; /**
+                         * Loading state for the initial load.
+                         */
                     }>> & Readonly<{}>, {
                         color: NeonFunctionalColor;
                         id: string;
@@ -1669,16 +1707,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -1688,7 +1726,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
@@ -1697,16 +1737,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -1716,7 +1756,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>> & Readonly<{}>, {
                 color: NeonFunctionalColor;
                 id: string;
@@ -1742,7 +1784,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: NeonFunctionalColor;
             };
             inverse: {
-                type: BooleanConstructor;
+                type: BooleanConstructor; /**
+                 * Override the label for the back button
+                 */
                 default: boolean;
             };
             alternateColor: {
@@ -1779,10 +1823,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             transparent: {
                 type: BooleanConstructor;
                 default: boolean;
-            }; /**
-             * Emitted when in selectable mode and the selected state of a card is toggled.
-             * @type {string, boolean} - the id of the card which is toggled & the new selected state.
-             */
+            };
             outline: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1844,7 +1885,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: NeonFunctionalColor;
             };
             inverse: {
-                type: BooleanConstructor;
+                type: BooleanConstructor; /**
+                 * Override the label for the back button
+                 */
                 default: boolean;
             };
             alternateColor: {
@@ -1881,10 +1924,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             transparent: {
                 type: BooleanConstructor;
                 default: boolean;
-            }; /**
-             * Emitted when in selectable mode and the selected state of a card is toggled.
-             * @type {string, boolean} - the id of the card which is toggled & the new selected state.
-             */
+            };
             outline: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1970,16 +2010,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -1989,7 +2029,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
@@ -1998,16 +2040,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2017,7 +2059,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>> & Readonly<{}>, {
                 color: NeonFunctionalColor;
                 id: string;
@@ -2043,18 +2087,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>, {
                 neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
-                routerUrl: import("vue").ComputedRef<string | undefined>; /**
-                 * Make cards selectable.
-                 */
+                routerUrl: import("vue").ComputedRef<string | undefined>;
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
                 }>;
                 activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                 exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
-                onClick: () => void;
-                onSpace: () => Promise<void>; /**
-                 * Model for configuring the on demand loading layout.
+                onClick: () => void; /**
+                 * Make cards selectable.
                  */
+                onSpace: () => Promise<void>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 href: {
                     type: StringConstructor;
@@ -2083,16 +2125,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -2102,7 +2144,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
@@ -2111,16 +2155,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -2130,7 +2174,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>> & Readonly<{}>, {
                     color: NeonFunctionalColor;
                     id: string;
@@ -2177,18 +2223,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>, {
             neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
-            routerUrl: import("vue").ComputedRef<string | undefined>; /**
-             * Make cards selectable.
-             */
+            routerUrl: import("vue").ComputedRef<string | undefined>;
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
             }>;
             activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
             exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
-            onClick: () => void;
-            onSpace: () => Promise<void>; /**
-             * Model for configuring the on demand loading layout.
+            onClick: () => void; /**
+             * Make cards selectable.
              */
+            onSpace: () => Promise<void>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             href: {
                 type: StringConstructor;
@@ -2217,16 +2261,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2236,7 +2280,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
@@ -2245,16 +2291,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2264,7 +2310,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>> & Readonly<{}>, {
                 color: NeonFunctionalColor;
                 id: string;
@@ -2364,16 +2412,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2383,7 +2431,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
@@ -2392,16 +2442,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2411,7 +2461,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>> & Readonly<{}>, {
                 color: NeonFunctionalColor;
                 id: string;
@@ -2441,9 +2493,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         backLabel: {
-            type: StringConstructor; /**
-             * Whether to display a back button
-             */
+            type: StringConstructor;
             default: string;
         };
     }>, {
@@ -2473,9 +2523,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         backLabel: {
-            type: StringConstructor; /**
-             * Whether to display a back button
-             */
+            type: StringConstructor;
             default: string;
         };
     }>> & Readonly<{}>, {
@@ -2530,16 +2578,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2549,7 +2597,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
@@ -2558,16 +2608,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2577,7 +2627,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>> & Readonly<{}>, {
                 color: NeonFunctionalColor;
                 id: string;
@@ -2603,18 +2655,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>, {
                 neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
-                routerUrl: import("vue").ComputedRef<string | undefined>; /**
-                 * Make cards selectable.
-                 */
+                routerUrl: import("vue").ComputedRef<string | undefined>;
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
                 }>;
                 activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                 exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
-                onClick: () => void;
-                onSpace: () => Promise<void>; /**
-                 * Model for configuring the on demand loading layout.
+                onClick: () => void; /**
+                 * Make cards selectable.
                  */
+                onSpace: () => Promise<void>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 href: {
                     type: StringConstructor;
@@ -2643,16 +2693,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -2662,7 +2712,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
@@ -2671,16 +2723,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -2690,7 +2742,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>> & Readonly<{}>, {
                     color: NeonFunctionalColor;
                     id: string;