@aotearoan/neon 28.4.1 → 28.6.0

package/dist/src/components/layout/card-list/NeonCardList.d.ts

@@ -7,10 +7,12 @@ import type { NeonLoadOnDemandModel } from '@/model/layout/card-list/NeonLoadOnD
 import type { NeonPaginationModel } from '@/model/navigation/pagination/NeonPaginationModel';
 import type { NeonIdentifiable } from '@/model/common/entity/NeonIdentifiable';
 import type { NeonSelectable } from '@/model/common/entity/NeonSelectable';
+import { NeonState } from '@/model/common/state/NeonState';
+import { NeonCardListStyle } from '@/model/layout/card-list/NeonCardListStyle';
 /**
  * TODO: consider refactoring since it's no longer just a layout component when selectable.
  * Represent lists of objects as cards. This is intended to be a more responsive replacement for tables. This component
- * will display a list of items as cards with a count (x of y) and a <em>Show more</em> button to load more results.
+ * will display a list of items as cards with a count (Showing x of y) and a <em>Load more</em> button to load more results.
  * There is also a slot for adding filtering or other content above the list. A slot is provided with card model & index
  * parameters for customising how to display the model for each card.
  */
@@ -29,6 +31,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: () => NeonFunctionalColor;
         default: null;
     };
+    /**
+     * Specify the card list layout, either a 'List' of cards with 100% width or a responsive 'Grid' of cards.
+     */
+    listStyle: {
+        type: () => NeonCardListStyle;
+        default: () => NeonCardListStyle;
+    };
     /**
      * Make cards selectable.
      */
@@ -49,7 +58,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: () => NeonPaginationModel;
     };
     /**
-     * Show splash loader when loading new items.
+     * Show loading state when loading new items.
      */
     loading: {
         type: BooleanConstructor;
@@ -60,13 +69,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     NeonButtonStyle: typeof NeonButtonStyle;
     NeonFunctionalColor: typeof NeonFunctionalColor;
     NeonSize: typeof 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 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 to display as cards. Each item should be a NeonCardListModel.
@@ -82,6 +93,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: () => NeonFunctionalColor;
         default: null;
     };
+    /**
+     * Specify the card list layout, either a 'List' of cards with 100% width or a responsive 'Grid' of cards.
+     */
+    listStyle: {
+        type: () => NeonCardListStyle;
+        default: () => NeonCardListStyle;
+    };
     /**
      * Make cards selectable.
      */
@@ -102,7 +120,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: () => NeonPaginationModel;
     };
     /**
-     * Show splash loader when loading new items.
+     * Show loading state when loading new items.
      */
     loading: {
         type: BooleanConstructor;
@@ -114,6 +132,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     color: NeonFunctionalColor;
     loading: boolean;
+    listStyle: NeonCardListStyle;
     selectable: boolean;
 }, {}, {
     NeonSelectableCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -458,8 +477,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: import("../../../neon").NeonButtonType;
             };
             state: {
-                type: () => import("../../../neon").NeonState;
-                default: import("../../../neon").NeonState;
+                type: () => NeonState;
+                default: NeonState;
             };
             disabled: {
                 type: BooleanConstructor;
@@ -557,8 +576,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: import("../../../neon").NeonButtonType;
             };
             state: {
-                type: () => import("../../../neon").NeonState;
-                default: import("../../../neon").NeonState;
+                type: () => NeonState;
+                default: NeonState;
             };
             disabled: {
                 type: BooleanConstructor;
@@ -603,7 +622,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             iconPosition: import("../../../neon").NeonHorizontalPosition;
             buttonStyle: NeonButtonStyle;
             buttonType: import("../../../neon").NeonButtonType;
-            state: import("../../../neon").NeonState;
+            state: NeonState;
             transparent: boolean;
             circular: boolean;
             fullWidth: boolean;
@@ -909,8 +928,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: import("../../../neon").NeonButtonType;
         };
         state: {
-            type: () => import("../../../neon").NeonState;
-            default: import("../../../neon").NeonState;
+            type: () => NeonState;
+            default: NeonState;
         };
         disabled: {
             type: BooleanConstructor;
@@ -1008,8 +1027,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: import("../../../neon").NeonButtonType;
         };
         state: {
-            type: () => import("../../../neon").NeonState;
-            default: import("../../../neon").NeonState;
+            type: () => NeonState;
+            default: NeonState;
         };
         disabled: {
             type: BooleanConstructor;
@@ -1054,7 +1073,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         iconPosition: import("../../../neon").NeonHorizontalPosition;
         buttonStyle: NeonButtonStyle;
         buttonType: import("../../../neon").NeonButtonType;
-        state: import("../../../neon").NeonState;
+        state: NeonState;
         transparent: boolean;
         circular: boolean;
         fullWidth: boolean;
@@ -1386,6 +1405,53 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             disabled: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    NeonLoadingStateCard: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+        NeonInline: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            gap: {
+                type: () => import("../../../neon").NeonLayoutSize;
+                default: () => import("../../../neon").NeonLayoutSize;
+            };
+            breakpoint: {
+                type: () => import("../../../neon").NeonResponsive;
+            };
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            gap: {
+                type: () => import("../../../neon").NeonLayoutSize;
+                default: () => import("../../../neon").NeonLayoutSize;
+            };
+            breakpoint: {
+                type: () => import("../../../neon").NeonResponsive;
+            };
+        }>> & Readonly<{}>, {
+            gap: import("../../../neon").NeonLayoutSize;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        NeonSkeletonLoader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            count: {
+                type: NumberConstructor;
+                default: number;
+            };
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            count: {
+                type: NumberConstructor;
+                default: number;
+            };
+        }>> & Readonly<{}>, {
+            count: number;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        NeonStack: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            gap: {
+                type: () => import("../../../neon").NeonLayoutSize;
+                default: () => import("../../../neon").NeonLayoutSize;
+            };
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            gap: {
+                type: () => import("../../../neon").NeonLayoutSize;
+                default: () => import("../../../neon").NeonLayoutSize;
+            };
+        }>> & Readonly<{}>, {
+            gap: import("../../../neon").NeonLayoutSize;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     NeonSplashLoader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         color: {
             type: () => NeonFunctionalColor;
@@ -1482,18 +1548,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             disabled: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    NeonStack: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        gap: {
-            type: () => import("../../../neon").NeonLayoutSize;
-            default: () => import("../../../neon").NeonLayoutSize;
-        };
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        gap: {
-            type: () => import("../../../neon").NeonLayoutSize;
-            default: () => import("../../../neon").NeonLayoutSize;
-        };
-    }>> & Readonly<{}>, {
-        gap: import("../../../neon").NeonLayoutSize;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;