npm - @aotearoan/neon - Versions diffs - 28.4.0 → 28.4.1 - Mend

@aotearoan/neon 28.4.0 → 28.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (41) hide show

package/dist/components/user-input/date-picker/NeonDatePicker.vue.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NeonDatePicker.vue.es.js","sources":["../../../../src/components/user-input/date-picker/NeonDatePicker.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n `neon-date-picker--${size}`,\n `neon-date-picker--${color}`,\n {\n 'neon-date-picker--disabled': disabled,\n 'neon-date-picker--open': calendarOpen,\n },\n ]\"\n class=\"neon-date-picker\"\n >\n <neon-dropdown\n :id=\"id\"\n ref=\"dropdown\"\n v-model=\"calendarOpen\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon-aria-label=\"openCalendarLabel\"\n :indicator=\"false\"\n :label=\"formattedValue\"\n :placement=\"placement\"\n :size=\"size\"\n dropdown-style=\"input\"\n icon=\"calendar\"\n @update:modelValue=\"toggleCalendar\"\n >\n <div ref=\"calendarRef\" class=\"neon-date-picker__calendar\">\n <template v-if=\"yearSelectionOpen\">\n <div class=\"neon-date-picker__calendar-header\">\n <span class=\"neon-date-picker__calendar-title-readonly\">\n {{ `${calendar.pageDecadeStart}–${calendar.pageDecadeStart + 9}` }}\n </span>\n <div class=\"neon-date-picker__calendar-header-actions\">\n <neon-button\n :aria-label=\"previousDecadeLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isPreviousDecadeDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__previous-button\"\n icon=\"arrow-left-1\"\n size=\"m\"\n @click.stop.prevent.capture=\"onPreviousDecade()\"\n @keydown.enter.stop.prevent.capture=\"onPreviousDecade()\"\n />\n <neon-button\n :aria-label=\"nextDecadeLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isNextDecadeDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__next-button\"\n icon=\"arrow-right-1\"\n size=\"m\"\n @click.stop.prevent.capture=\"onNextDecade()\"\n @keydown.enter.stop.prevent.capture=\"onNextDecade()\"\n />\n </div>\n </div>\n <hr />\n <div class=\"neon-date-picker__calendar-options\">\n <neon-button\n v-for=\"index in 10\"\n :key=\"index\"\n :class=\"{\n 'neon-date-picker__calendar-option--selected':\n calendar.pageYear === calendar.pageDecadeStart + index - 1,\n 'neon-date-picker__calendar-option--today':\n calendar.today.year === calendar.pageDecadeStart + index - 1,\n 'neon-date-picker__calendar-option--disabled': isYearDisabled(calendar.pageDecadeStart + index - 1),\n }\"\n :color=\"color\"\n :disabled=\"isYearDisabled(calendar.pageDecadeStart + index - 1)\"\n :full-width=\"true\"\n :label=\"`${calendar.pageDecadeStart + index - 1}`\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-option\"\n size=\"s\"\n @click.stop.prevent.capture=\"selectYear(calendar.pageDecadeStart + index - 1)\"\n @keydown.enter.stop.prevent.capture=\"selectYear(calendar.pageDecadeStart + index - 1)\"\n />\n </div>\n </template>\n <template v-else-if=\"monthSelectionOpen\">\n <div class=\"neon-date-picker__calendar-header\">\n <span v-if=\"isChangeYearDisabled\" class=\"neon-date-picker__calendar-title-readonly\">\n {{ calendar.pageYear }}\n </span>\n <neon-button\n v-else\n :aria-label=\"changeYearLabel\"\n :label=\"`${calendar.pageYear}`\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-header-title\"\n color=\"high-contrast\"\n icon=\"data-transfer-horizontal\"\n icon-position=\"right\"\n size=\"m\"\n @click.stop.prevent.capture=\"changeYear()\"\n @keydown.enter.stop.prevent.capture=\"changeYear()\"\n />\n <div class=\"neon-date-picker__calendar-header-actions\">\n <neon-button\n :aria-label=\"previousYearLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isPreviousYearDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__previous-button\"\n icon=\"arrow-left-1\"\n size=\"m\"\n @click.stop.prevent.capture=\"onPreviousYear()\"\n @keydown.enter.stop.prevent.capture=\"onPreviousYear()\"\n />\n <neon-button\n :aria-label=\"nextYearLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isNextYearDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__next-button\"\n icon=\"arrow-right-1\"\n size=\"m\"\n @click.stop.prevent.capture=\"onNextYear()\"\n @keydown.enter.stop.prevent.capture=\"onNextYear()\"\n />\n </div>\n </div>\n <hr />\n <div class=\"neon-date-picker__calendar-options\">\n <neon-button\n v-for=\"(month, index) in calendar.months\"\n :key=\"index\"\n :class=\"{\n 'neon-date-picker__calendar-option--selected': index + 1 === calendar.pageMonth,\n 'neon-date-picker__calendar-option--today':\n index + 1 === calendar.today.month && calendar.today.year === calendar.pageYear,\n 'neon-date-picker__calendar-option--disabled': isMonthDisabled(calendar.pageYear, index + 1),\n }\"\n :color=\"color\"\n :disabled=\"isMonthDisabled(calendar.pageYear, index + 1)\"\n :full-width=\"true\"\n :label=\"month\"\n :title=\"calendar.monthLongNames[index]\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-option\"\n size=\"s\"\n @click.stop.prevent.capture=\"selectMonth(index + 1)\"\n @keydown.enter.stop.prevent.capture=\"selectMonth(index + 1)\"\n />\n </div>\n </template>\n <template v-else>\n <div class=\"neon-date-picker__calendar-header\">\n <span v-if=\"isChangeDateDisabled\" class=\"neon-date-picker__calendar-title-readonly\">\n {{ `${calendar.pageMonthName} ${calendar.pageYear}` }}\n </span>\n <neon-button\n v-else\n :aria-label=\"changeMonthLabel\"\n :label=\"`${calendar.pageMonthName} ${calendar.pageYear}`\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-header-title\"\n color=\"high-contrast\"\n icon=\"data-transfer-horizontal\"\n icon-position=\"right\"\n size=\"m\"\n @click.stop.prevent.capture=\"changeMonth()\"\n @keydown.enter.stop.prevent.capture=\"changeMonth()\"\n />\n <div class=\"neon-date-picker__calendar-header-actions\">\n <neon-button\n :aria-label=\"previousMonthLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isPreviousDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__previous-button\"\n icon=\"arrow-left-1\"\n size=\"m\"\n @click.stop.prevent.capture=\"onPrevious()\"\n @keydown.enter.stop.prevent.capture=\"onPrevious()\"\n />\n <neon-button\n :aria-label=\"nextMonthLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isNextDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__next-button\"\n icon=\"arrow-right-1\"\n size=\"m\"\n @click.stop.prevent.capture=\"onNext()\"\n @keydown.enter.stop.prevent.capture=\"onNext()\"\n />\n </div>\n </div>\n <div class=\"neon-date-picker__calendar-dows\">\n <abbr\n v-for=\"(dow, index) in calendar.dowNames\"\n :key=\"dow\"\n :title=\"calendar.dowLongNames[index]\"\n class=\"neon-date-picker__calendar-dow\"\n >\n {{ dow }}\n </abbr>\n </div>\n <hr />\n <div v-for=\"(dateRow, index) in calendar.dates\" :key=\"index\" class=\"neon-date-picker__calendar-dates\">\n <template v-for=\"(dateCol, index) in dateRow\">\n <neon-button\n v-if=\"dateCol\"\n :key=\"index\"\n :circular=\"true\"\n :class=\"{\n 'neon-date-picker__calendar-date--selected':\n modelValue === isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n 'neon-date-picker__calendar-date--today':\n today === isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n 'neon-date-picker__calendar-date--disabled': isDisabled(\n isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n ),\n }\"\n :color=\"color\"\n :disabled=\"isDisabled(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n :label=\"`${dateCol}`\"\n :tabindex=\"isDisabled(isoDate(dateCol, calendar.pageMonth, calendar.pageYear)) ? -1 : 0\"\n :transparent=\"true\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-date\"\n size=\"m\"\n @click.stop.prevent.capture=\"emitDate(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n @keydown.enter.stop.prevent.capture=\"emitDate(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n />\n <div\n v-else\n :key=\"`${index}-empty`\"\n class=\"neon-date-picker__calendar-date neon-date-picker__calendar-date--empty\"\n />\n </template>\n </div>\n </template>\n <hr />\n <div class=\"neon-button-group\">\n <neon-button\n v-if=\"optional\"\n :label=\"clearLabel\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-clear-button\"\n color=\"low-contrast\"\n size=\"s\"\n @click.stop.prevent.capture=\"clear()\"\n @keydown.enter.stop.prevent.capture=\"clear()\"\n />\n <neon-button\n :color=\"color\"\n :label=\"doneLabel\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-done-button\"\n size=\"s\"\n @click.stop.prevent.capture=\"done()\"\n @keydown.enter.stop.prevent.capture=\"done()\"\n />\n </div>\n </div>\n </neon-dropdown>\n <neon-input\n :color=\"color\"\n :disabled=\"disabled\"\n :hide-icon=\"true\"\n :max=\"max\"\n :min=\"min\"\n :model-value=\"modelValue\"\n :size=\"size\"\n :tabindex=\"-1\"\n class=\"neon-date-picker__native-input\"\n type=\"date\"\n v-bind=\"attrs\"\n @update:modelValue=\"emitDate\"\n />\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDatePicker.ts\"></script>\n"],"names":["_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_12","_hoisted_13","_hoisted_15","_createElementBlock","_normalizeClass","_ctx","_createVNode","_component_neon_dropdown","$event","_createElementVNode","_hoisted_1","_Fragment","_toDisplayString","_component_neon_button","_renderList","index","_withModifiers","_withKeys","_openBlock","_hoisted_7","_createBlock","month","_hoisted_11","dow","_hoisted_14","dateRow","dateCol","_component_neon_input","_mergeProps"],"mappings":"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"}
1	+ {"version":3,"file":"NeonDatePicker.vue.es.js","sources":["../../../../src/components/user-input/date-picker/NeonDatePicker.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n `neon-date-picker--${size}`,\n `neon-date-picker--${color}`,\n {\n 'neon-date-picker--disabled': disabled,\n 'neon-date-picker--open': calendarOpen,\n },\n ]\"\n class=\"neon-date-picker\"\n >\n <neon-dropdown\n :id=\"id\"\n ref=\"dropdown\"\n v-model=\"calendarOpen\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon-aria-label=\"openCalendarLabel\"\n :indicator=\"false\"\n :label=\"formattedValue\"\n :placement=\"placement\"\n :size=\"size\"\n dropdown-style=\"input\"\n icon=\"calendar\"\n @update:modelValue=\"toggleCalendar\"\n >\n <div ref=\"calendarRef\" class=\"neon-date-picker__calendar\">\n <template v-if=\"yearSelectionOpen\">\n <div class=\"neon-date-picker__calendar-header\">\n <span class=\"neon-date-picker__calendar-title-readonly\">\n {{ `${calendar.pageDecadeStart}–${calendar.pageDecadeStart + 9}` }}\n </span>\n <div class=\"neon-date-picker__calendar-header-actions\">\n <neon-button\n :aria-label=\"previousDecadeLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isPreviousDecadeDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__previous-button\"\n icon=\"chevron-left\"\n size=\"m\"\n @click.stop.prevent.capture=\"onPreviousDecade()\"\n @keydown.enter.stop.prevent.capture=\"onPreviousDecade()\"\n />\n <neon-button\n :aria-label=\"nextDecadeLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isNextDecadeDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__next-button\"\n icon=\"chevron-right\"\n size=\"m\"\n @click.stop.prevent.capture=\"onNextDecade()\"\n @keydown.enter.stop.prevent.capture=\"onNextDecade()\"\n />\n </div>\n </div>\n <hr />\n <div class=\"neon-date-picker__calendar-options\">\n <neon-button\n v-for=\"index in 10\"\n :key=\"index\"\n :class=\"{\n 'neon-date-picker__calendar-option--selected':\n calendar.pageYear === calendar.pageDecadeStart + index - 1,\n 'neon-date-picker__calendar-option--today':\n calendar.today.year === calendar.pageDecadeStart + index - 1,\n 'neon-date-picker__calendar-option--disabled': isYearDisabled(calendar.pageDecadeStart + index - 1),\n }\"\n :color=\"color\"\n :disabled=\"isYearDisabled(calendar.pageDecadeStart + index - 1)\"\n :full-width=\"true\"\n :label=\"`${calendar.pageDecadeStart + index - 1}`\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-option\"\n size=\"s\"\n @click.stop.prevent.capture=\"selectYear(calendar.pageDecadeStart + index - 1)\"\n @keydown.enter.stop.prevent.capture=\"selectYear(calendar.pageDecadeStart + index - 1)\"\n />\n </div>\n </template>\n <template v-else-if=\"monthSelectionOpen\">\n <div class=\"neon-date-picker__calendar-header\">\n <span v-if=\"isChangeYearDisabled\" class=\"neon-date-picker__calendar-title-readonly\">\n {{ calendar.pageYear }}\n </span>\n <neon-button\n v-else\n :aria-label=\"changeYearLabel\"\n :label=\"`${calendar.pageYear}`\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-header-title\"\n color=\"high-contrast\"\n icon=\"data-transfer-horizontal\"\n icon-position=\"right\"\n size=\"m\"\n @click.stop.prevent.capture=\"changeYear()\"\n @keydown.enter.stop.prevent.capture=\"changeYear()\"\n />\n <div class=\"neon-date-picker__calendar-header-actions\">\n <neon-button\n :aria-label=\"previousYearLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isPreviousYearDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__previous-button\"\n icon=\"chevron-left\"\n size=\"m\"\n @click.stop.prevent.capture=\"onPreviousYear()\"\n @keydown.enter.stop.prevent.capture=\"onPreviousYear()\"\n />\n <neon-button\n :aria-label=\"nextYearLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isNextYearDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__next-button\"\n icon=\"chevron-right\"\n size=\"m\"\n @click.stop.prevent.capture=\"onNextYear()\"\n @keydown.enter.stop.prevent.capture=\"onNextYear()\"\n />\n </div>\n </div>\n <hr />\n <div class=\"neon-date-picker__calendar-options\">\n <neon-button\n v-for=\"(month, index) in calendar.months\"\n :key=\"index\"\n :class=\"{\n 'neon-date-picker__calendar-option--selected': index + 1 === calendar.pageMonth,\n 'neon-date-picker__calendar-option--today':\n index + 1 === calendar.today.month && calendar.today.year === calendar.pageYear,\n 'neon-date-picker__calendar-option--disabled': isMonthDisabled(calendar.pageYear, index + 1),\n }\"\n :color=\"color\"\n :disabled=\"isMonthDisabled(calendar.pageYear, index + 1)\"\n :full-width=\"true\"\n :label=\"month\"\n :title=\"calendar.monthLongNames[index]\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-option\"\n size=\"s\"\n @click.stop.prevent.capture=\"selectMonth(index + 1)\"\n @keydown.enter.stop.prevent.capture=\"selectMonth(index + 1)\"\n />\n </div>\n </template>\n <template v-else>\n <div class=\"neon-date-picker__calendar-header\">\n <span v-if=\"isChangeDateDisabled\" class=\"neon-date-picker__calendar-title-readonly\">\n {{ `${calendar.pageMonthName} ${calendar.pageYear}` }}\n </span>\n <neon-button\n v-else\n :aria-label=\"changeMonthLabel\"\n :label=\"`${calendar.pageMonthName} ${calendar.pageYear}`\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-header-title\"\n color=\"high-contrast\"\n icon=\"data-transfer-horizontal\"\n icon-position=\"right\"\n size=\"m\"\n @click.stop.prevent.capture=\"changeMonth()\"\n @keydown.enter.stop.prevent.capture=\"changeMonth()\"\n />\n <div class=\"neon-date-picker__calendar-header-actions\">\n <neon-button\n :aria-label=\"previousMonthLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isPreviousDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__previous-button\"\n icon=\"chevron-left\"\n size=\"m\"\n @click.stop.prevent.capture=\"onPrevious()\"\n @keydown.enter.stop.prevent.capture=\"onPrevious()\"\n />\n <neon-button\n :aria-label=\"nextMonthLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isNextDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__next-button\"\n icon=\"chevron-right\"\n size=\"m\"\n @click.stop.prevent.capture=\"onNext()\"\n @keydown.enter.stop.prevent.capture=\"onNext()\"\n />\n </div>\n </div>\n <div class=\"neon-date-picker__calendar-dows\">\n <abbr\n v-for=\"(dow, index) in calendar.dowNames\"\n :key=\"dow\"\n :title=\"calendar.dowLongNames[index]\"\n class=\"neon-date-picker__calendar-dow\"\n >\n {{ dow }}\n </abbr>\n </div>\n <hr />\n <div v-for=\"(dateRow, index) in calendar.dates\" :key=\"index\" class=\"neon-date-picker__calendar-dates\">\n <template v-for=\"(dateCol, index) in dateRow\">\n <neon-button\n v-if=\"dateCol\"\n :key=\"index\"\n :circular=\"true\"\n :class=\"{\n 'neon-date-picker__calendar-date--selected':\n modelValue === isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n 'neon-date-picker__calendar-date--today':\n today === isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n 'neon-date-picker__calendar-date--disabled': isDisabled(\n isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n ),\n }\"\n :color=\"color\"\n :disabled=\"isDisabled(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n :label=\"`${dateCol}`\"\n :tabindex=\"isDisabled(isoDate(dateCol, calendar.pageMonth, calendar.pageYear)) ? -1 : 0\"\n :transparent=\"true\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-date\"\n size=\"m\"\n @click.stop.prevent.capture=\"emitDate(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n @keydown.enter.stop.prevent.capture=\"emitDate(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n />\n <div\n v-else\n :key=\"`${index}-empty`\"\n class=\"neon-date-picker__calendar-date neon-date-picker__calendar-date--empty\"\n />\n </template>\n </div>\n </template>\n <hr />\n <div class=\"neon-button-group\">\n <neon-button\n v-if=\"optional\"\n :label=\"clearLabel\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-clear-button\"\n color=\"low-contrast\"\n size=\"s\"\n @click.stop.prevent.capture=\"clear()\"\n @keydown.enter.stop.prevent.capture=\"clear()\"\n />\n <neon-button\n :color=\"color\"\n :label=\"doneLabel\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-done-button\"\n size=\"s\"\n @click.stop.prevent.capture=\"done()\"\n @keydown.enter.stop.prevent.capture=\"done()\"\n />\n </div>\n </div>\n </neon-dropdown>\n <neon-input\n :color=\"color\"\n :disabled=\"disabled\"\n :hide-icon=\"true\"\n :max=\"max\"\n :min=\"min\"\n :model-value=\"modelValue\"\n :size=\"size\"\n :tabindex=\"-1\"\n class=\"neon-date-picker__native-input\"\n type=\"date\"\n v-bind=\"attrs\"\n @update:modelValue=\"emitDate\"\n />\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDatePicker.ts\"></script>\n"],"names":["_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_12","_hoisted_13","_hoisted_15","_createElementBlock","_normalizeClass","_ctx","_createVNode","_component_neon_dropdown","$event","_createElementVNode","_hoisted_1","_Fragment","_toDisplayString","_component_neon_button","_renderList","index","_withModifiers","_withKeys","_openBlock","_hoisted_7","_createBlock","month","_hoisted_11","dow","_hoisted_14","dateRow","dateCol","_component_neon_input","_mergeProps"],"mappings":"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"}

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

@@ -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,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" | "toggle-selected")[], "show-more" | "toggle-selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, 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 +108,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 +353,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         urlTemplate: {
             type: StringConstructor;
-            required: true;
         };
         pageSize: {
             type: NumberConstructor;
@@ -365,13 +365,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 +380,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 +401,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;

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

@@ -84,13 +84,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: () => NeonPaginationModel;
     };
 }>, {
+    emit: (event: "page-change" | "show-more" | "toggle-selected", ...args: any[]) => void;
     initializing: import("vue").Ref<boolean, boolean>;
     slots: Readonly<{
         [name: string]: import("vue").Slot<any> | undefined;
     }>;
     showMore: () => void;
     toggleSelected: (id: string, selected: boolean) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show-more" | "toggle-selected")[], "show-more" | "toggle-selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, 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<{
     /**
      * The title of the header.
      */
@@ -165,6 +166,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: () => NeonPaginationModel;
     };
 }>> & Readonly<{
+    "onPage-change"?: ((...args: any[]) => any) | undefined;
     "onShow-more"?: ((...args: any[]) => any) | undefined;
     "onToggle-selected"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -243,10 +245,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
-            }>; /**
-             * 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.
-             */
+            }>;
             icon: import("vue").ComputedRef<string | undefined>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
@@ -612,10 +611,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                }>; /**
-                 * 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.
-                 */
+                }>;
                 icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
@@ -724,10 +720,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    }>; /**
-                     * 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.
-                     */
+                    }>;
                     icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
@@ -786,10 +779,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
-            }>; /**
-             * 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.
-             */
+            }>;
             icon: import("vue").ComputedRef<string | undefined>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
@@ -888,7 +878,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 import("../../../neon").NeonNumberUtils.formatNumber;
         NeonButtonStyle: typeof import("../../../neon").NeonButtonStyle;
         NeonFunctionalColor: typeof NeonFunctionalColor;
@@ -900,7 +890,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" | "toggle-selected")[], "show-more" | "toggle-selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, {}, {}, 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)>[];
             required: true;
@@ -935,6 +925,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;
     }>, {
@@ -1143,10 +1134,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    }>; /**
-                     * 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.
-                     */
+                    }>;
                     icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
@@ -1186,7 +1174,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             urlTemplate: {
                 type: StringConstructor;
-                required: true;
             };
             pageSize: {
                 type: NumberConstructor;
@@ -1214,15 +1201,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;
@@ -1240,7 +1227,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: () => NeonFunctionalColor;
                 default: () => NeonFunctionalColor;
             };
-        }>> & Readonly<{}>, {
+        }>> & Readonly<{
+            "onPage-change"?: ((...args: any[]) => any) | undefined;
+        }>, {
             color: NeonFunctionalColor;
             pageSize: number;
             displayFirstAndLast: boolean;
@@ -1516,10 +1505,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    }>; /**
-                     * 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.
-                     */
+                    }>;
                     icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
@@ -1628,10 +1614,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>, {
                         sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        }>; /**
-                         * 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.
-                         */
+                        }>;
                         icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
@@ -1690,10 +1673,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                }>; /**
-                 * 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.
-                 */
+                }>;
                 icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
@@ -1996,10 +1976,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                }>; /**
-                 * 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.
-                 */
+                }>;
                 icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
@@ -2108,10 +2085,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    }>; /**
-                     * 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.
-                     */
+                    }>;
                     icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
@@ -2241,10 +2215,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                }>; /**
-                 * 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.
-                 */
+                }>;
                 icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
@@ -2344,10 +2315,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                }>; /**
-                 * 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.
-                 */
+                }>;
                 icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
@@ -2528,10 +2496,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                }>; /**
-                 * 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.
-                 */
+                }>;
                 icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
@@ -2640,10 +2605,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    }>; /**
-                     * 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.
-                     */
+                    }>;
                     icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {

package/dist/src/components/navigation/pagination/NeonPagination.d.ts CHANGED Viewed

@@ -17,7 +17,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
      */
     urlTemplate: {
         type: StringConstructor;
-        required: true;
     };
     /**
      * The number of items per page.
@@ -57,8 +56,9 @@ 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<{
     /**
      * The current page number.
      */
@@ -72,7 +72,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
      */
     urlTemplate: {
         type: StringConstructor;
-        required: true;
     };
     /**
      * The number of items per page.
@@ -102,7 +101,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: () => NeonFunctionalColor;
         default: () => NeonFunctionalColor;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onPage-change"?: ((...args: any[]) => any) | undefined;
+}>, {
     color: NeonFunctionalColor;
     pageSize: number;
     displayFirstAndLast: boolean;

package/dist/src/model/navigation/pagination/NeonPaginationModel.d.ts CHANGED Viewed

@@ -14,7 +14,7 @@ export interface NeonPaginationModel {
      * The URL template for the pagination links. The template should contain a '{page}' placeholder that will be
      * substituted in links with the correct page number.
      */
-    urlTemplate: string;
+    urlTemplate?: string;
     /**
      * The number of items per page. Default is 20.
      */

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@aotearoan/neon",
   "description": "Neon is a lightweight design library of Vue 3 components with minimal dependencies.",
-  "version": "28.4.0",
+  "version": "28.4.1",
   "main": "./dist/neon.cjs.js",
   "module": "./dist/neon.es.js",
   "types": "./dist/src/neon.d.ts",