@aotearoan/neon 28.4.0 → 28.5.0

package/dist/neon.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"neon.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"neon.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -55,7 +55,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
     };
 }>, {
-    emit: (event: "show-more" | "toggle-selected", ...args: any[]) => void;
+    emit: (event: "page-change" | "show-more" | "toggle-selected", ...args: any[]) => void;
     n: typeof NeonNumberUtils.formatNumber;
     NeonButtonStyle: typeof NeonButtonStyle;
     NeonFunctionalColor: typeof NeonFunctionalColor;
@@ -67,7 +67,9 @@ 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" | "toggle-selected")[], "show-more" | "toggle-selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    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.
      */
@@ -108,6 +110,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
     };
 }>> & Readonly<{
+    "onPage-change"?: ((...args: any[]) => any) | undefined;
     "onShow-more"?: ((...args: any[]) => any) | undefined;
     "onToggle-selected"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -352,7 +355,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         urlTemplate: {
             type: StringConstructor;
-            required: true;
         };
         pageSize: {
             type: NumberConstructor;
@@ -365,13 +367,7 @@ 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;
@@ -386,15 +382,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         showFirstPageWithEllipsis: import("vue").ComputedRef<boolean>;
         showLastPageWithEllipsis: import("vue").ComputedRef<boolean>;
         pageRange: import("vue").ComputedRef<number[]>;
-        url: (page: number) => string;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        url: (page: number) => string | undefined;
+        emit: (event: "page-change", ...args: any[]) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "page-change"[], "page-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         page: {
             type: NumberConstructor;
             required: true;
         };
         urlTemplate: {
             type: StringConstructor;
-            required: true;
         };
         pageSize: {
             type: NumberConstructor;
@@ -407,18 +403,14 @@ 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;
         };
-    }>> & Readonly<{}>, {
+    }>> & Readonly<{
+        "onPage-change"?: ((...args: any[]) => any) | undefined;
+    }>, {
         color: NeonFunctionalColor;
         pageSize: number;
         displayFirstAndLast: boolean;
@@ -445,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: {
@@ -461,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;
@@ -544,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: {
@@ -560,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;
@@ -737,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<{
@@ -896,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: {
@@ -912,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;
@@ -995,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: {
@@ -1011,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;
@@ -1188,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<{
@@ -1314,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<{
@@ -1396,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;
@@ -1492,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;