@naptics/vue-collection 0.0.5 → 0.0.7

package/components/NPagination.d.ts

@@ -4,31 +4,31 @@ export declare const nPaginationProps: {
     /**
      * The page number which is currently selected.
      */
-    value: {
-        type: NumberConstructor;
-        default: () => 1;
+    readonly value: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
     /**
      * This is called, when a new page number has been selected.
      */
-    onUpdateValue: PropType<(newValue: number) => void>;
+    readonly onUpdateValue: PropType<(newValue: number) => void>;
     /**
      * The total pages which exists. This is needed to correctly display the selectable pages.
      */
-    total: {
-        type: NumberConstructor;
-        default: () => 1;
+    readonly total: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
     /**
      * If set to `true`, the pagination is displayed smaller.
      */
-    small: BooleanConstructor;
+    readonly small: BooleanConstructor;
     /**
      * This is called, when the visible pages, which are selectable in the pagination, have changed.
      * This is useful as only these pages can be navigated to on the next click.
      * This information can be useful for prefetching.
      */
-    onVisiblePagesChanged: PropType<(visiblePages: number[]) => void>;
+    readonly onVisiblePagesChanged: PropType<(visiblePages: number[]) => void>;
 };
 /**
  * The `NPagination` is a styled pagination component.
@@ -37,63 +37,63 @@ declare const _default: import("vue").DefineComponent<{
     /**
      * The page number which is currently selected.
      */
-    value: {
-        type: NumberConstructor;
-        default: () => 1;
+    readonly value: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
     /**
      * This is called, when a new page number has been selected.
      */
-    onUpdateValue: PropType<(newValue: number) => void>;
+    readonly onUpdateValue: PropType<(newValue: number) => void>;
     /**
      * The total pages which exists. This is needed to correctly display the selectable pages.
      */
-    total: {
-        type: NumberConstructor;
-        default: () => 1;
+    readonly total: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
     /**
      * If set to `true`, the pagination is displayed smaller.
      */
-    small: BooleanConstructor;
+    readonly small: BooleanConstructor;
     /**
      * This is called, when the visible pages, which are selectable in the pagination, have changed.
      * This is useful as only these pages can be navigated to on the next click.
      * This information can be useful for prefetching.
      */
-    onVisiblePagesChanged: PropType<(visiblePages: number[]) => void>;
+    readonly onVisiblePagesChanged: PropType<(visiblePages: number[]) => void>;
 }, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The page number which is currently selected.
      */
-    value: {
-        type: NumberConstructor;
-        default: () => 1;
+    readonly value: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
     /**
      * This is called, when a new page number has been selected.
      */
-    onUpdateValue: PropType<(newValue: number) => void>;
+    readonly onUpdateValue: PropType<(newValue: number) => void>;
     /**
      * The total pages which exists. This is needed to correctly display the selectable pages.
      */
-    total: {
-        type: NumberConstructor;
-        default: () => 1;
+    readonly total: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
     /**
      * If set to `true`, the pagination is displayed smaller.
      */
-    small: BooleanConstructor;
+    readonly small: BooleanConstructor;
     /**
      * This is called, when the visible pages, which are selectable in the pagination, have changed.
      * This is useful as only these pages can be navigated to on the next click.
      * This information can be useful for prefetching.
      */
-    onVisiblePagesChanged: PropType<(visiblePages: number[]) => void>;
+    readonly onVisiblePagesChanged: PropType<(visiblePages: number[]) => void>;
 }>> & {}, {
-    small: boolean;
-    value: number;
-    total: number;
+    readonly small: boolean;
+    readonly value: number;
+    readonly total: number;
 }>;
 export default _default;

package/components/NPagination.js

@@ -1,9 +1,9 @@
 import { createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
-import { createComponent, createProps } from '../utils/component';
+import { createComponent } from '../utils/component';
 import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/vue/24/solid';
 import { computed, watch } from 'vue';
 import './NPagination.css';
-export const nPaginationProps = createProps({
+export const nPaginationProps = {
   /**
    * The page number which is currently selected.
    */
@@ -32,7 +32,7 @@ export const nPaginationProps = createProps({
    * This information can be useful for prefetching.
    */
   onVisiblePagesChanged: Function
-});
+};
 /**
  * The `NPagination` is a styled pagination component.
  */

package/components/NSearchbar.d.ts

@@ -3,28 +3,28 @@ export declare const nSearchbarProps: {
     /**
      * The placeholder of the search-bar.
      */
-    placeholder: {
-        type: StringConstructor;
-        default: string;
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: string;
     };
     /**
      * If set to `true` the search-bar is displayed smaller.
      */
-    small: BooleanConstructor;
+    readonly small: BooleanConstructor;
     /**
      * The classes are directly added to the input (e.g. for shadow).
      */
-    inputClass: StringConstructor;
+    readonly inputClass: StringConstructor;
     /**
      * This is called when the search-bar receives focus.
      */
-    onFocus: PropType<() => void>;
+    readonly onFocus: PropType<() => void>;
     /**
      * This is called when the search-bar looses focus.
      */
-    onBlur: PropType<() => void>;
-    value: PropType<string>;
-    onUpdateValue: PropType<(newValue: string) => void>;
+    readonly onBlur: PropType<() => void>;
+    readonly value: PropType<string>;
+    readonly onUpdateValue: PropType<(newValue: string) => void>;
 };
 export type NSearchbarExposed = {
     /**
@@ -39,56 +39,56 @@ declare const _default: import("vue").DefineComponent<{
     /**
      * The placeholder of the search-bar.
      */
-    placeholder: {
-        type: StringConstructor;
-        default: string;
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: string;
     };
     /**
      * If set to `true` the search-bar is displayed smaller.
      */
-    small: BooleanConstructor;
+    readonly small: BooleanConstructor;
     /**
      * The classes are directly added to the input (e.g. for shadow).
      */
-    inputClass: StringConstructor;
+    readonly inputClass: StringConstructor;
     /**
      * This is called when the search-bar receives focus.
      */
-    onFocus: PropType<() => void>;
+    readonly onFocus: PropType<() => void>;
     /**
      * This is called when the search-bar looses focus.
      */
-    onBlur: PropType<() => void>;
-    value: PropType<string>;
-    onUpdateValue: PropType<(newValue: string) => void>;
+    readonly onBlur: PropType<() => void>;
+    readonly value: PropType<string>;
+    readonly onUpdateValue: PropType<(newValue: string) => void>;
 }, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The placeholder of the search-bar.
      */
-    placeholder: {
-        type: StringConstructor;
-        default: string;
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: string;
     };
     /**
      * If set to `true` the search-bar is displayed smaller.
      */
-    small: BooleanConstructor;
+    readonly small: BooleanConstructor;
     /**
      * The classes are directly added to the input (e.g. for shadow).
      */
-    inputClass: StringConstructor;
+    readonly inputClass: StringConstructor;
     /**
      * This is called when the search-bar receives focus.
      */
-    onFocus: PropType<() => void>;
+    readonly onFocus: PropType<() => void>;
     /**
      * This is called when the search-bar looses focus.
      */
-    onBlur: PropType<() => void>;
-    value: PropType<string>;
-    onUpdateValue: PropType<(newValue: string) => void>;
+    readonly onBlur: PropType<() => void>;
+    readonly value: PropType<string>;
+    readonly onUpdateValue: PropType<(newValue: string) => void>;
 }>> & {}, {
-    small: boolean;
-    placeholder: string;
+    readonly small: boolean;
+    readonly placeholder: string;
 }>;
 export default _default;

package/components/NSearchbar.js

@@ -1,10 +1,10 @@
 import { createVNode as _createVNode } from "vue";
 import { trsl } from '../i18n';
-import { createComponent, createProps } from '../utils/component';
+import { createComponent } from '../utils/component';
 import { MagnifyingGlassIcon } from '@heroicons/vue/24/solid';
 import { ref } from 'vue';
 import { vModelProps } from '../utils/vModel';
-export const nSearchbarProps = createProps({
+export const nSearchbarProps = {
   ...vModelProps(String),
   /**
    * The placeholder of the search-bar.
@@ -29,7 +29,7 @@ export const nSearchbarProps = createProps({
    * This is called when the search-bar looses focus.
    */
   onBlur: Function
-});
+};
 /**
  * The `NSearchbar` is a styled input with a search icon.
  */

package/components/NSearchbarList.d.ts

@@ -2,28 +2,25 @@ export declare const nSearchbarListProps: {
     /**
      * @see {@link nSearchbarProps.placeholder}
      */
-    placeholder: {
-        type: StringConstructor;
-        default: string;
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: string;
     };
-    value: import("vue").PropType<string>;
-    onUpdateValue: import("vue").PropType<(newValue: string) => void>;
-    items: {
-        type: import("vue").PropType<import("./NSuggestionList").SuggestionItem[]>;
-        default: () => never[];
+    readonly value: import("vue").PropType<string>;
+    readonly onUpdateValue: import("vue").PropType<(newValue: string) => void>;
+    readonly items: {
+        readonly type: import("vue").PropType<import("./NSuggestionList").SuggestionItem[]>;
+        readonly default: () => never[];
     };
-    /**
-     * The `NSearchbarList` is a {@link NSearchbar} with a {@link NSuggestionList}.
-     */
-    maxItems: {
-        type: NumberConstructor;
-        default: () => 8;
+    readonly maxItems: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
-    hideList: BooleanConstructor;
-    loading: BooleanConstructor;
-    onSelect: import("vue").PropType<(id: string) => void>;
-    listItem: import("vue").PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
-    onRealBlur: import("vue").PropType<() => void>;
+    readonly hideList: BooleanConstructor;
+    readonly loading: BooleanConstructor;
+    readonly onSelect: import("vue").PropType<(id: string) => void>;
+    readonly listItem: import("vue").PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
+    readonly onRealBlur: import("vue").PropType<() => void>;
 };
 /**
  * The `NSearchbarList` is a {@link NSearchbar} with a {@link NSuggestionList}.
@@ -32,59 +29,53 @@ declare const _default: import("vue").DefineComponent<{
     /**
      * @see {@link nSearchbarProps.placeholder}
      */
-    placeholder: {
-        type: StringConstructor;
-        default: string;
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: string;
     };
-    value: import("vue").PropType<string>;
-    onUpdateValue: import("vue").PropType<(newValue: string) => void>;
-    items: {
-        type: import("vue").PropType<import("./NSuggestionList").SuggestionItem[]>;
-        default: () => never[];
+    readonly value: import("vue").PropType<string>;
+    readonly onUpdateValue: import("vue").PropType<(newValue: string) => void>;
+    readonly items: {
+        readonly type: import("vue").PropType<import("./NSuggestionList").SuggestionItem[]>;
+        readonly default: () => never[];
     };
-    /**
-     * The `NSearchbarList` is a {@link NSearchbar} with a {@link NSuggestionList}.
-     */
-    maxItems: {
-        type: NumberConstructor;
-        default: () => 8;
+    readonly maxItems: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
-    hideList: BooleanConstructor;
-    loading: BooleanConstructor;
-    onSelect: import("vue").PropType<(id: string) => void>;
-    listItem: import("vue").PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
-    onRealBlur: import("vue").PropType<() => void>;
+    readonly hideList: BooleanConstructor;
+    readonly loading: BooleanConstructor;
+    readonly onSelect: import("vue").PropType<(id: string) => void>;
+    readonly listItem: import("vue").PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
+    readonly onRealBlur: import("vue").PropType<() => void>;
 }, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @see {@link nSearchbarProps.placeholder}
      */
-    placeholder: {
-        type: StringConstructor;
-        default: string;
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: string;
     };
-    value: import("vue").PropType<string>;
-    onUpdateValue: import("vue").PropType<(newValue: string) => void>;
-    items: {
-        type: import("vue").PropType<import("./NSuggestionList").SuggestionItem[]>;
-        default: () => never[];
+    readonly value: import("vue").PropType<string>;
+    readonly onUpdateValue: import("vue").PropType<(newValue: string) => void>;
+    readonly items: {
+        readonly type: import("vue").PropType<import("./NSuggestionList").SuggestionItem[]>;
+        readonly default: () => never[];
     };
-    /**
-     * The `NSearchbarList` is a {@link NSearchbar} with a {@link NSuggestionList}.
-     */
-    maxItems: {
-        type: NumberConstructor;
-        default: () => 8;
+    readonly maxItems: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
-    hideList: BooleanConstructor;
-    loading: BooleanConstructor;
-    onSelect: import("vue").PropType<(id: string) => void>;
-    listItem: import("vue").PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
-    onRealBlur: import("vue").PropType<() => void>;
+    readonly hideList: BooleanConstructor;
+    readonly loading: BooleanConstructor;
+    readonly onSelect: import("vue").PropType<(id: string) => void>;
+    readonly listItem: import("vue").PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
+    readonly onRealBlur: import("vue").PropType<() => void>;
 }>> & {}, {
-    loading: boolean;
-    items: import("./NSuggestionList").SuggestionItem[];
-    placeholder: string;
-    maxItems: number;
-    hideList: boolean;
+    readonly loading: boolean;
+    readonly items: import("./NSuggestionList").SuggestionItem[];
+    readonly placeholder: string;
+    readonly maxItems: number;
+    readonly hideList: boolean;
 }>;
 export default _default;

package/components/NSearchbarList.js

@@ -1,17 +1,17 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { createComponent, createProps } from '../utils/component';
+import { createComponent } from '../utils/component';
 import { ref } from 'vue';
 import { vModelProps } from '../utils/vModel';
 import NSearchbar, { nSearchbarProps } from './NSearchbar';
 import NSuggestionList, { nSuggestionListPropsForConfig } from './NSuggestionList';
-export const nSearchbarListProps = createProps({
+export const nSearchbarListProps = {
   ...nSuggestionListPropsForConfig,
   ...vModelProps(String),
   /**
    * @see {@link nSearchbarProps.placeholder}
    */
   placeholder: nSearchbarProps.placeholder
-});
+};
 /**
  * The `NSearchbarList` is a {@link NSearchbar} with a {@link NSuggestionList}.
  */