@naptics/vue-collection 0.0.6 → 0.1.0

package/components/NInputSuggestion.d.ts

@@ -3,64 +3,68 @@ export declare const nInputSuggestionProps: {
     /**
      * If set to `true` the list is hidden even if there are still matching items in the list.
      */
-    hideList: BooleanConstructor;
+    readonly hideList: BooleanConstructor;
     /**
      * @see {@link nSuggestionListProps.maxItems}
      */
-    maxItems: {
-        type: NumberConstructor;
-        default: () => 8;
+    readonly maxItems: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
     /**
      * The suggestions which are shown to the user for this input.
      * The suggestions are filtered based on the user input.
      */
-    suggestions: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    input: PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
-    optional: BooleanConstructor;
-    rules: {
-        type: PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
-        default: () => never[];
-    };
-    form: PropType<import("./ValidatedForm").ValidatedForm>;
-    error: BooleanConstructor;
-    errorMessage: StringConstructor;
-    hideErrorMessage: BooleanConstructor;
-    disableBlurValidation: BooleanConstructor;
-    tooltipText: StringConstructor;
-    tooltipContent: PropType<() => void>;
-    tooltipHide: BooleanConstructor;
-    tooltipShow: BooleanConstructor;
-    tooltipPlacement: {
-        type: PropType<import("./NTooltip").TooltipPlacement>;
-        default: string;
-    };
-    tooltipMaxWidth: {
-        type: PropType<import("../utils/tailwind").TWMaxWidth>;
-        default: string;
-    };
-    name: StringConstructor;
-    placeholder: StringConstructor;
-    autocomplete: {
-        type: StringConstructor;
-        default: string;
-    };
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-    max: StringConstructor;
-    min: StringConstructor;
-    disabled: BooleanConstructor;
-    small: BooleanConstructor;
-    hideLabel: BooleanConstructor;
-    onFocus: PropType<() => void>;
-    onBlur: PropType<() => void>;
-    value: PropType<string>;
-    onUpdateValue: PropType<(newValue: string) => void>;
+    readonly suggestions: {
+        readonly type: PropType<string[]>;
+        readonly default: () => never[];
+    };
+    readonly input: PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
+    readonly optional: BooleanConstructor;
+    readonly rules: {
+        /**
+         * `NInputSuggestion` is an input, which shows a list of possible suggestions to the user
+         *  which is filtered while typing. Contrary to {@link NInputSelect} the user is not required to choose any of the suggestions.
+         */
+        readonly type: PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
+        readonly default: () => never[];
+    };
+    readonly form: PropType<import("./ValidatedForm").ValidatedForm>;
+    readonly error: BooleanConstructor;
+    readonly errorMessage: StringConstructor;
+    readonly hideErrorMessage: BooleanConstructor;
+    readonly disableBlurValidation: BooleanConstructor;
+    readonly tooltipText: StringConstructor;
+    readonly tooltipContent: PropType<() => JSX.Element>;
+    readonly tooltipHide: BooleanConstructor;
+    readonly tooltipShow: BooleanConstructor;
+    readonly tooltipPlacement: {
+        readonly type: PropType<import("./NTooltip").TooltipPlacement>;
+        readonly default: "auto";
+    };
+    readonly tooltipMaxWidth: {
+        readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
+        readonly default: "max-w-xs";
+    };
+    readonly name: StringConstructor;
+    readonly placeholder: StringConstructor;
+    readonly autocomplete: {
+        readonly type: StringConstructor;
+        readonly default: "off";
+    };
+    readonly type: {
+        readonly type: StringConstructor;
+        readonly default: "text";
+    };
+    readonly max: StringConstructor;
+    readonly min: StringConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly small: BooleanConstructor;
+    readonly hideLabel: BooleanConstructor;
+    readonly onFocus: PropType<() => void>;
+    readonly onBlur: PropType<() => void>;
+    readonly value: PropType<string>;
+    readonly onUpdateValue: PropType<(newValue: string) => void>;
 };
 /**
  * `NInputSuggestion` is an input, which shows a list of possible suggestions to the user
@@ -70,143 +74,151 @@ declare const _default: import("vue").DefineComponent<{
     /**
      * If set to `true` the list is hidden even if there are still matching items in the list.
      */
-    hideList: BooleanConstructor;
+    readonly hideList: BooleanConstructor;
     /**
      * @see {@link nSuggestionListProps.maxItems}
      */
-    maxItems: {
-        type: NumberConstructor;
-        default: () => 8;
+    readonly maxItems: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
     /**
      * The suggestions which are shown to the user for this input.
      * The suggestions are filtered based on the user input.
      */
-    suggestions: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    input: PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
-    optional: BooleanConstructor;
-    rules: {
-        type: PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
-        default: () => never[];
-    };
-    form: PropType<import("./ValidatedForm").ValidatedForm>;
-    error: BooleanConstructor;
-    errorMessage: StringConstructor;
-    hideErrorMessage: BooleanConstructor;
-    disableBlurValidation: BooleanConstructor;
-    tooltipText: StringConstructor;
-    tooltipContent: PropType<() => void>;
-    tooltipHide: BooleanConstructor;
-    tooltipShow: BooleanConstructor;
-    tooltipPlacement: {
-        type: PropType<import("./NTooltip").TooltipPlacement>;
-        default: string;
-    };
-    tooltipMaxWidth: {
-        type: PropType<import("../utils/tailwind").TWMaxWidth>;
-        default: string;
-    };
-    name: StringConstructor;
-    placeholder: StringConstructor;
-    autocomplete: {
-        type: StringConstructor;
-        default: string;
-    };
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-    max: StringConstructor;
-    min: StringConstructor;
-    disabled: BooleanConstructor;
-    small: BooleanConstructor;
-    hideLabel: BooleanConstructor;
-    onFocus: PropType<() => void>;
-    onBlur: PropType<() => void>;
-    value: PropType<string>;
-    onUpdateValue: PropType<(newValue: string) => void>;
+    readonly suggestions: {
+        readonly type: PropType<string[]>;
+        readonly default: () => never[];
+    };
+    readonly input: PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
+    readonly optional: BooleanConstructor;
+    readonly rules: {
+        /**
+         * `NInputSuggestion` is an input, which shows a list of possible suggestions to the user
+         *  which is filtered while typing. Contrary to {@link NInputSelect} the user is not required to choose any of the suggestions.
+         */
+        readonly type: PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
+        readonly default: () => never[];
+    };
+    readonly form: PropType<import("./ValidatedForm").ValidatedForm>;
+    readonly error: BooleanConstructor;
+    readonly errorMessage: StringConstructor;
+    readonly hideErrorMessage: BooleanConstructor;
+    readonly disableBlurValidation: BooleanConstructor;
+    readonly tooltipText: StringConstructor;
+    readonly tooltipContent: PropType<() => JSX.Element>;
+    readonly tooltipHide: BooleanConstructor;
+    readonly tooltipShow: BooleanConstructor;
+    readonly tooltipPlacement: {
+        readonly type: PropType<import("./NTooltip").TooltipPlacement>;
+        readonly default: "auto";
+    };
+    readonly tooltipMaxWidth: {
+        readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
+        readonly default: "max-w-xs";
+    };
+    readonly name: StringConstructor;
+    readonly placeholder: StringConstructor;
+    readonly autocomplete: {
+        readonly type: StringConstructor;
+        readonly default: "off";
+    };
+    readonly type: {
+        readonly type: StringConstructor;
+        readonly default: "text";
+    };
+    readonly max: StringConstructor;
+    readonly min: StringConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly small: BooleanConstructor;
+    readonly hideLabel: BooleanConstructor;
+    readonly onFocus: PropType<() => 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<{
     /**
      * If set to `true` the list is hidden even if there are still matching items in the list.
      */
-    hideList: BooleanConstructor;
+    readonly hideList: BooleanConstructor;
     /**
      * @see {@link nSuggestionListProps.maxItems}
      */
-    maxItems: {
-        type: NumberConstructor;
-        default: () => 8;
+    readonly maxItems: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
     /**
      * The suggestions which are shown to the user for this input.
      * The suggestions are filtered based on the user input.
      */
-    suggestions: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    input: PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
-    optional: BooleanConstructor;
-    rules: {
-        type: PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
-        default: () => never[];
-    };
-    form: PropType<import("./ValidatedForm").ValidatedForm>;
-    error: BooleanConstructor;
-    errorMessage: StringConstructor;
-    hideErrorMessage: BooleanConstructor;
-    disableBlurValidation: BooleanConstructor;
-    tooltipText: StringConstructor;
-    tooltipContent: PropType<() => void>;
-    tooltipHide: BooleanConstructor;
-    tooltipShow: BooleanConstructor;
-    tooltipPlacement: {
-        type: PropType<import("./NTooltip").TooltipPlacement>;
-        default: string;
-    };
-    tooltipMaxWidth: {
-        type: PropType<import("../utils/tailwind").TWMaxWidth>;
-        default: string;
-    };
-    name: StringConstructor;
-    placeholder: StringConstructor;
-    autocomplete: {
-        type: StringConstructor;
-        default: string;
-    };
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-    max: StringConstructor;
-    min: StringConstructor;
-    disabled: BooleanConstructor;
-    small: BooleanConstructor;
-    hideLabel: BooleanConstructor;
-    onFocus: PropType<() => void>;
-    onBlur: PropType<() => void>;
-    value: PropType<string>;
-    onUpdateValue: PropType<(newValue: string) => void>;
+    readonly suggestions: {
+        readonly type: PropType<string[]>;
+        readonly default: () => never[];
+    };
+    readonly input: PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
+    readonly optional: BooleanConstructor;
+    readonly rules: {
+        /**
+         * `NInputSuggestion` is an input, which shows a list of possible suggestions to the user
+         *  which is filtered while typing. Contrary to {@link NInputSelect} the user is not required to choose any of the suggestions.
+         */
+        readonly type: PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
+        readonly default: () => never[];
+    };
+    readonly form: PropType<import("./ValidatedForm").ValidatedForm>;
+    readonly error: BooleanConstructor;
+    readonly errorMessage: StringConstructor;
+    readonly hideErrorMessage: BooleanConstructor;
+    readonly disableBlurValidation: BooleanConstructor;
+    readonly tooltipText: StringConstructor;
+    readonly tooltipContent: PropType<() => JSX.Element>;
+    readonly tooltipHide: BooleanConstructor;
+    readonly tooltipShow: BooleanConstructor;
+    readonly tooltipPlacement: {
+        readonly type: PropType<import("./NTooltip").TooltipPlacement>;
+        readonly default: "auto";
+    };
+    readonly tooltipMaxWidth: {
+        readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
+        readonly default: "max-w-xs";
+    };
+    readonly name: StringConstructor;
+    readonly placeholder: StringConstructor;
+    readonly autocomplete: {
+        readonly type: StringConstructor;
+        readonly default: "off";
+    };
+    readonly type: {
+        readonly type: StringConstructor;
+        readonly default: "text";
+    };
+    readonly max: StringConstructor;
+    readonly min: StringConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly small: BooleanConstructor;
+    readonly hideLabel: BooleanConstructor;
+    readonly onFocus: PropType<() => void>;
+    readonly onBlur: PropType<() => void>;
+    readonly value: PropType<string>;
+    readonly onUpdateValue: PropType<(newValue: string) => void>;
 }>> & {}, {
-    small: boolean;
-    type: string;
-    tooltipHide: boolean;
-    tooltipShow: boolean;
-    tooltipPlacement: import("./NTooltip").TooltipPlacement;
-    tooltipMaxWidth: import("../utils/tailwind").TWMaxWidth;
-    disabled: boolean;
-    error: boolean;
-    autocomplete: string;
-    hideLabel: boolean;
-    optional: boolean;
-    rules: import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[];
-    hideErrorMessage: boolean;
-    disableBlurValidation: boolean;
-    maxItems: number;
-    hideList: boolean;
-    suggestions: string[];
+    readonly small: boolean;
+    readonly type: string;
+    readonly tooltipHide: boolean;
+    readonly tooltipShow: boolean;
+    readonly tooltipPlacement: import("./NTooltip").TooltipPlacement;
+    readonly tooltipMaxWidth: import("../utils/tailwind").TWMaxWidth;
+    readonly disabled: boolean;
+    readonly error: boolean;
+    readonly autocomplete: string;
+    readonly hideLabel: boolean;
+    readonly optional: boolean;
+    readonly rules: import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[];
+    readonly hideErrorMessage: boolean;
+    readonly disableBlurValidation: boolean;
+    readonly maxItems: number;
+    readonly hideList: boolean;
+    readonly suggestions: string[];
 }>;
 export default _default;

package/components/NInputSuggestion.js

@@ -1,10 +1,10 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { createComponent, createProps } from '../utils/component';
+import { createComponent } from '../utils/component';
 import { Id } from '../utils/identifiable';
 import { computed, ref } from 'vue';
 import NSuggestionList, { nSuggestionListProps } from './NSuggestionList';
 import NValInput, { nValInputProps } from './NValInput';
-export const nInputSuggestionProps = createProps({
+export const nInputSuggestionProps = {
   ...nValInputProps,
   /**
    * If set to `true` the list is hidden even if there are still matching items in the list.
@@ -22,7 +22,7 @@ export const nInputSuggestionProps = createProps({
     type: Array,
     default: () => []
   }
-});
+};
 /**
  * `NInputSuggestion` is an input, which shows a list of possible suggestions to the user
  *  which is filtered while typing. Contrary to {@link NInputSelect} the user is not required to choose any of the suggestions.

package/components/NLink.d.ts

@@ -5,35 +5,35 @@ export declare const nLinkProps: {
     /**
      * The text of the link. Can also be set in the default slot.
      */
-    text: StringConstructor;
+    readonly text: StringConstructor;
     /**
      * The route of the link. If this is set,
      * the link becomes a {@link RouterLink} and does not emit the `onClick` event.
      */
-    route: PropType<RouteLocationRaw>;
+    readonly route: PropType<RouteLocationRaw>;
     /**
      * The color of the link.
      */
-    color: {
-        type: StringConstructor;
-        default: string;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
     };
     /**
      * The text size, a standard tailwind text-size class.
      */
-    textSize: PropType<TWTextSize>;
+    readonly textSize: PropType<TWTextSize>;
     /**
      * The shade of the link.
      */
-    shade: {
-        type: NumberConstructor;
-        default: number;
+    readonly shade: {
+        readonly type: NumberConstructor;
+        readonly default: 500;
     };
     /**
      * This is called when the link is clicked but only, if the `route` prop is not set.
      * If the `route` prop is not set, the link will act as a regular button.
      */
-    onClick: PropType<() => void>;
+    readonly onClick: PropType<() => void>;
 };
 /**
  * The `NLink` is a styled text which can be used as a {@link RouterLink} or a regular button.
@@ -42,70 +42,70 @@ declare const _default: import("vue").DefineComponent<{
     /**
      * The text of the link. Can also be set in the default slot.
      */
-    text: StringConstructor;
+    readonly text: StringConstructor;
     /**
      * The route of the link. If this is set,
      * the link becomes a {@link RouterLink} and does not emit the `onClick` event.
      */
-    route: PropType<RouteLocationRaw>;
+    readonly route: PropType<RouteLocationRaw>;
     /**
      * The color of the link.
      */
-    color: {
-        type: StringConstructor;
-        default: string;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
     };
     /**
      * The text size, a standard tailwind text-size class.
      */
-    textSize: PropType<TWTextSize>;
+    readonly textSize: PropType<TWTextSize>;
     /**
      * The shade of the link.
      */
-    shade: {
-        type: NumberConstructor;
-        default: number;
+    readonly shade: {
+        readonly type: NumberConstructor;
+        readonly default: 500;
     };
     /**
      * This is called when the link is clicked but only, if the `route` prop is not set.
      * If the `route` prop is not set, the link will act as a regular button.
      */
-    onClick: PropType<() => void>;
+    readonly onClick: 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<{
     /**
      * The text of the link. Can also be set in the default slot.
      */
-    text: StringConstructor;
+    readonly text: StringConstructor;
     /**
      * The route of the link. If this is set,
      * the link becomes a {@link RouterLink} and does not emit the `onClick` event.
      */
-    route: PropType<RouteLocationRaw>;
+    readonly route: PropType<RouteLocationRaw>;
     /**
      * The color of the link.
      */
-    color: {
-        type: StringConstructor;
-        default: string;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
     };
     /**
      * The text size, a standard tailwind text-size class.
      */
-    textSize: PropType<TWTextSize>;
+    readonly textSize: PropType<TWTextSize>;
     /**
      * The shade of the link.
      */
-    shade: {
-        type: NumberConstructor;
-        default: number;
+    readonly shade: {
+        readonly type: NumberConstructor;
+        readonly default: 500;
     };
     /**
      * This is called when the link is clicked but only, if the `route` prop is not set.
      * If the `route` prop is not set, the link will act as a regular button.
      */
-    onClick: PropType<() => void>;
+    readonly onClick: PropType<() => void>;
 }>> & {}, {
-    color: string;
-    shade: number;
+    readonly color: string;
+    readonly shade: number;
 }>;
 export default _default;

package/components/NLink.js

@@ -1,8 +1,8 @@
 import { createVNode as _createVNode } from "vue";
-import { createComponent, createProps } from '../utils/component';
+import { createComponent } from '../utils/component';
 import { computed } from 'vue';
 import { RouterLink } from 'vue-router';
-export const nLinkProps = createProps({
+export const nLinkProps = {
   /**
    * The text of the link. Can also be set in the default slot.
    */
@@ -35,7 +35,7 @@ export const nLinkProps = createProps({
    * If the `route` prop is not set, the link will act as a regular button.
    */
   onClick: Function
-});
+};
 /**
  * The `NLink` is a styled text which can be used as a {@link RouterLink} or a regular button.
  */

package/components/NList.d.ts

@@ -13,9 +13,9 @@ export declare const nListProps: {
     /**
      * The items which are displayed in the list.
      */
-    items: {
-        type: PropType<ListItem[]>;
-        default: () => never[];
+    readonly items: {
+        readonly type: PropType<ListItem[]>;
+        readonly default: () => never[];
     };
 };
 /**
@@ -25,19 +25,19 @@ declare const _default: import("vue").DefineComponent<{
     /**
      * The items which are displayed in the list.
      */
-    items: {
-        type: PropType<ListItem[]>;
-        default: () => never[];
+    readonly items: {
+        readonly type: PropType<ListItem[]>;
+        readonly default: () => never[];
     };
 }, 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 items which are displayed in the list.
      */
-    items: {
-        type: PropType<ListItem[]>;
-        default: () => never[];
+    readonly items: {
+        readonly type: PropType<ListItem[]>;
+        readonly default: () => never[];
     };
 }>> & {}, {
-    items: ListItem[];
+    readonly items: ListItem[];
 }>;
 export default _default;

package/components/NList.js

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
-import { createComponent, createProps } from '../utils/component';
-export const nListProps = createProps({
+import { createComponent } from '../utils/component';
+export const nListProps = {
   /**
    * The items which are displayed in the list.
    */
@@ -8,7 +8,7 @@ export const nListProps = createProps({
     type: Array,
     default: () => []
   }
-});
+};
 /**
  * The `NList` displays key-value data in an appealing way.
  */