@aotearoan/neon 28.4.1 → 28.5.0

package/dist/src/components/feedback/loading-state-card/NeonLoadingStateCard.d.ts

@@ -0,0 +1,48 @@
+declare const _default: 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>;
+export default _default;

package/dist/src/components/feedback/loading-state-card/NeonLoadingStateCard.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './NeonLoadingStateCard.js';
+export { default } from './NeonLoadingStateCard.js';

package/dist/src/components/feedback/skeleton-loader/NeonSkeletonLoader.d.ts

@@ -1,6 +1,6 @@
 /**
- * A component for indicating initial data is loading. Compose multiple skeleton loaders to generate a loader matching
- * the shape of the content to be loaded.
+ * A component for indicating data is loading. Compose multiple skeleton loaders to generate a loader matching the
+ * shape of the content to be loaded.
  */
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**

package/dist/src/components/feedback/splash-loader/NeonSplashLoader.d.ts

@@ -2,8 +2,7 @@ import { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';
 import { NeonSplashLoaderSize } from '@/model/feedback/splash-loader/NeonSplashLoaderSize';
 /**
  * Use <strong>NeonSplashLoader</strong> to indicate loading progress to the user. This can be used fullscreen for the
- * initial site loading as well as when UPDATING data, e.g. refreshing table data. For initial data loading please see
- * <a href="/feedback/skeleton-loader">NeonSkeletonLoader</a>.
+ * initial page loading as well as when updating data.
  */
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**

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

@@ -67,6 +67,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     slots: Readonly<{
         [name: string]: import("vue").Slot<any> | undefined;
     }>;
+    cards: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    onPageChange: (newPage: number) => void;
 }, {}, {}, {}, 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.
@@ -435,7 +437,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             alternateColor: {
-                type: () => NeonFunctionalColor;
+                type: () => NeonFunctionalColor; /**
+                 * Items to display as cards. Each item should be a NeonCardListModel.
+                 */
                 default: null;
             };
             icon: {
@@ -451,8 +455,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             buttonStyle: {
                 type: () => NeonButtonStyle;
-                default: NeonButtonStyle;
-            };
+                default: NeonButtonStyle; /**
+                 * Model for configuring the on-demand loading layout.
+                 */
+            }; /**
+             * Model for configuring the on-demand loading layout.
+             */
             buttonType: {
                 type: () => import("../../../neon").NeonButtonType;
                 default: import("../../../neon").NeonButtonType;
@@ -534,7 +542,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             alternateColor: {
-                type: () => NeonFunctionalColor;
+                type: () => NeonFunctionalColor; /**
+                 * Items to display as cards. Each item should be a NeonCardListModel.
+                 */
                 default: null;
             };
             icon: {
@@ -550,8 +560,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             buttonStyle: {
                 type: () => NeonButtonStyle;
-                default: NeonButtonStyle;
-            };
+                default: NeonButtonStyle; /**
+                 * Model for configuring the on-demand loading layout.
+                 */
+            }; /**
+             * Model for configuring the on-demand loading layout.
+             */
             buttonType: {
                 type: () => import("../../../neon").NeonButtonType;
                 default: import("../../../neon").NeonButtonType;
@@ -727,7 +741,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     [x: string]: unknown;
                 }>;
                 activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
-                exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+                exactRoute: import("vue").ComputedRef<boolean | "" | undefined>; /**
+                 * Model for configuring the on-demand loading layout.
+                 */
                 onClick: () => void;
                 onSpace: () => Promise<void>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -886,7 +902,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         alternateColor: {
-            type: () => NeonFunctionalColor;
+            type: () => NeonFunctionalColor; /**
+             * Items to display as cards. Each item should be a NeonCardListModel.
+             */
             default: null;
         };
         icon: {
@@ -902,8 +920,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         buttonStyle: {
             type: () => NeonButtonStyle;
-            default: NeonButtonStyle;
-        };
+            default: NeonButtonStyle; /**
+             * Model for configuring the on-demand loading layout.
+             */
+        }; /**
+         * Model for configuring the on-demand loading layout.
+         */
         buttonType: {
             type: () => import("../../../neon").NeonButtonType;
             default: import("../../../neon").NeonButtonType;
@@ -985,7 +1007,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         alternateColor: {
-            type: () => NeonFunctionalColor;
+            type: () => NeonFunctionalColor; /**
+             * Items to display as cards. Each item should be a NeonCardListModel.
+             */
             default: null;
         };
         icon: {
@@ -1001,8 +1025,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         buttonStyle: {
             type: () => NeonButtonStyle;
-            default: NeonButtonStyle;
-        };
+            default: NeonButtonStyle; /**
+             * Model for configuring the on-demand loading layout.
+             */
+        }; /**
+         * Model for configuring the on-demand loading layout.
+         */
         buttonType: {
             type: () => import("../../../neon").NeonButtonType;
             default: import("../../../neon").NeonButtonType;
@@ -1178,7 +1206,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 [x: string]: unknown;
             }>;
             activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
-            exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+            exactRoute: import("vue").ComputedRef<boolean | "" | undefined>; /**
+             * Model for configuring the on-demand loading layout.
+             */
             onClick: () => void;
             onSpace: () => Promise<void>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1304,7 +1334,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             [x: string]: unknown;
         }>;
         activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
-        exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
+        exactRoute: import("vue").ComputedRef<boolean | "" | undefined>; /**
+         * Model for configuring the on-demand loading layout.
+         */
         onClick: () => void;
         onSpace: () => Promise<void>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1386,6 +1418,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 +1561,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;