@aotearoan/neon 28.3.0 → 28.4.0

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

@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
     };
     /**
-     * Specify a selection/hover color for the cards.
+     * * Specify a selection, hover & pagination accent color for the cards.
      */
     color: {
         type: () => NeonFunctionalColor;
@@ -48,8 +48,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     pagination: {
         type: () => NeonPaginationModel;
     };
+    /**
+     * Show splash loader when loading new items.
+     */
+    loading: {
+        type: BooleanConstructor;
+    };
 }>, {
-    emit: (event: "show-more" | "toggleSelected", ...args: any[]) => void;
+    emit: (event: "show-more" | "toggle-selected", ...args: any[]) => void;
     n: typeof NeonNumberUtils.formatNumber;
     NeonButtonStyle: typeof NeonButtonStyle;
     NeonFunctionalColor: typeof NeonFunctionalColor;
@@ -61,7 +67,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     slots: Readonly<{
         [name: string]: import("vue").Slot<any> | undefined;
     }>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show-more" | "toggleSelected")[], "show-more" | "toggleSelected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show-more" | "toggle-selected")[], "show-more" | "toggle-selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Items to display as cards. Each item should be a NeonCardListModel.
      */
@@ -70,7 +76,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
     };
     /**
-     * Specify a selection/hover color for the cards.
+     * * Specify a selection, hover & pagination accent color for the cards.
      */
     color: {
         type: () => NeonFunctionalColor;
@@ -95,11 +101,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     pagination: {
         type: () => NeonPaginationModel;
     };
+    /**
+     * Show splash loader when loading new items.
+     */
+    loading: {
+        type: BooleanConstructor;
+    };
 }>> & Readonly<{
     "onShow-more"?: ((...args: any[]) => any) | undefined;
-    onToggleSelected?: ((...args: any[]) => any) | undefined;
+    "onToggle-selected"?: ((...args: any[]) => any) | undefined;
 }>, {
     color: NeonFunctionalColor;
+    loading: boolean;
     selectable: boolean;
 }, {}, {
     NeonSelectableCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -352,7 +365,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         displayFirstAndLast: {
             type: BooleanConstructor;
             default: boolean;
-        };
+        }; /**
+         * 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.
+         * 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.
+         */
         color: {
             type: () => NeonFunctionalColor;
             default: () => NeonFunctionalColor;
@@ -388,7 +407,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         displayFirstAndLast: {
             type: BooleanConstructor;
             default: boolean;
-        };
+        }; /**
+         * 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.
+         * 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.
+         */
         color: {
             type: () => NeonFunctionalColor;
             default: () => NeonFunctionalColor;
@@ -1371,6 +1396,102 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             disabled: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    NeonSplashLoader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        color: {
+            type: () => NeonFunctionalColor;
+            default: NeonFunctionalColor;
+        };
+        size: {
+            type: () => import("../../../neon").NeonSplashLoaderSize;
+            default: import("../../../neon").NeonSplashLoaderSize;
+        };
+        overlay: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        ready: import("vue").Ref<boolean, boolean>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        color: {
+            type: () => NeonFunctionalColor;
+            default: NeonFunctionalColor;
+        };
+        size: {
+            type: () => import("../../../neon").NeonSplashLoaderSize;
+            default: import("../../../neon").NeonSplashLoaderSize;
+        };
+        overlay: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        color: NeonFunctionalColor;
+        size: import("../../../neon").NeonSplashLoaderSize;
+        overlay: boolean;
+        fullscreen: boolean;
+    }, {}, {
+        NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            name: {
+                type: StringConstructor;
+                required: true;
+            };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
+            color: {
+                type: () => NeonFunctionalColor;
+                default: null;
+            };
+            inverse: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            sanitizedAttributes: import("vue").ComputedRef<{
+                [x: string]: unknown;
+            }>;
+            icon: import("vue").ComputedRef<string | undefined>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: StringConstructor;
+                required: true;
+            };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
+            color: {
+                type: () => NeonFunctionalColor;
+                default: null;
+            };
+            inverse: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            color: NeonFunctionalColor;
+            id: string;
+            inverse: boolean;
+            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;

package/dist/src/components/layout/drawer/NeonDrawer.d.ts

@@ -83,7 +83,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     fullWidth: boolean;
     dismissible: boolean;
-    position: NeonPosition;
     overlay: boolean;
+    position: NeonPosition;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;