@naptics/vue-collection 0.0.5 → 0.0.7

package/components/NSelect.d.ts

@@ -2,51 +2,51 @@ import type { Identifiable } from '../utils/identifiable';
 import { type PropType } from 'vue';
 import { type NValInputExposed } from './NValInput';
 export declare const nSelectProps: {
-    tooltipText: StringConstructor;
-    tooltipContent: PropType<() => void>;
-    tooltipHide: BooleanConstructor;
-    tooltipShow: BooleanConstructor;
-    tooltipPlacement: {
-        type: PropType<import("./NTooltip").TooltipPlacement>;
-        default: string;
+    readonly tooltipText: StringConstructor;
+    readonly tooltipContent: PropType<() => void>;
+    readonly tooltipHide: BooleanConstructor;
+    readonly tooltipShow: BooleanConstructor;
+    readonly tooltipPlacement: {
+        readonly type: PropType<import("./NTooltip").TooltipPlacement>;
+        readonly default: "auto";
     };
-    tooltipMaxWidth: {
-        type: PropType<import("../utils/tailwind").TWMaxWidth>;
-        default: string;
+    readonly tooltipMaxWidth: {
+        readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
+        readonly default: "max-w-xs";
     };
     /**
      * The id of the currently selected option of this input.
      */
-    value: StringConstructor;
+    readonly value: StringConstructor;
     /**
      * This is called with the newly selected id when the selection has changed.
      * If no id is selected, the empty string is passed, in order to
      * match the API of all other inputs who never pass `undefined`.
      */
-    onUpdateValue: PropType<(newValue: string) => void>;
+    readonly onUpdateValue: PropType<(newValue: string) => void>;
     /**
      * The different options which can be selected.
      */
-    options: {
-        type: PropType<SelectionOption[]>;
-        default: () => never[];
+    readonly options: {
+        readonly type: PropType<SelectionOption[]>;
+        readonly default: () => never[];
     };
     /**
      * @see {@link nValInputProps.name}
      */
-    name: StringConstructor;
+    readonly name: StringConstructor;
     /**
      * @see {@link nValInputProps.optional}
      */
-    optional: BooleanConstructor;
+    readonly optional: BooleanConstructor;
     /**
      * @see {@link nValInputProps.disabled}
      */
-    disabled: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
     /**
      * @see {@link nValInputProps.form}
      */
-    form: PropType<import("./ValidatedForm").ValidatedForm>;
+    readonly form: PropType<import("./ValidatedForm").ValidatedForm>;
 };
 export type SelectionOption = Identifiable & {
     label: string;
@@ -56,104 +56,104 @@ export type NSelectExposed = NValInputExposed;
  * The `NSelect` is a styled html select-input.
  */
 declare const _default: import("vue").DefineComponent<{
-    tooltipText: StringConstructor;
-    tooltipContent: PropType<() => void>;
-    tooltipHide: BooleanConstructor;
-    tooltipShow: BooleanConstructor;
-    tooltipPlacement: {
-        type: PropType<import("./NTooltip").TooltipPlacement>;
-        default: string;
+    readonly tooltipText: StringConstructor;
+    readonly tooltipContent: PropType<() => void>;
+    readonly tooltipHide: BooleanConstructor;
+    readonly tooltipShow: BooleanConstructor;
+    readonly tooltipPlacement: {
+        readonly type: PropType<import("./NTooltip").TooltipPlacement>;
+        readonly default: "auto";
     };
-    tooltipMaxWidth: {
-        type: PropType<import("../utils/tailwind").TWMaxWidth>;
-        default: string;
+    readonly tooltipMaxWidth: {
+        readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
+        readonly default: "max-w-xs";
     };
     /**
      * The id of the currently selected option of this input.
      */
-    value: StringConstructor;
+    readonly value: StringConstructor;
     /**
      * This is called with the newly selected id when the selection has changed.
      * If no id is selected, the empty string is passed, in order to
      * match the API of all other inputs who never pass `undefined`.
      */
-    onUpdateValue: PropType<(newValue: string) => void>;
+    readonly onUpdateValue: PropType<(newValue: string) => void>;
     /**
      * The different options which can be selected.
      */
-    options: {
-        type: PropType<SelectionOption[]>;
-        default: () => never[];
+    readonly options: {
+        readonly type: PropType<SelectionOption[]>;
+        readonly default: () => never[];
     };
     /**
      * @see {@link nValInputProps.name}
      */
-    name: StringConstructor;
+    readonly name: StringConstructor;
     /**
      * @see {@link nValInputProps.optional}
      */
-    optional: BooleanConstructor;
+    readonly optional: BooleanConstructor;
     /**
      * @see {@link nValInputProps.disabled}
      */
-    disabled: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
     /**
      * @see {@link nValInputProps.form}
      */
-    form: PropType<import("./ValidatedForm").ValidatedForm>;
+    readonly form: PropType<import("./ValidatedForm").ValidatedForm>;
 }, 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<{
-    tooltipText: StringConstructor;
-    tooltipContent: PropType<() => void>;
-    tooltipHide: BooleanConstructor;
-    tooltipShow: BooleanConstructor;
-    tooltipPlacement: {
-        type: PropType<import("./NTooltip").TooltipPlacement>;
-        default: string;
+    readonly tooltipText: StringConstructor;
+    readonly tooltipContent: PropType<() => void>;
+    readonly tooltipHide: BooleanConstructor;
+    readonly tooltipShow: BooleanConstructor;
+    readonly tooltipPlacement: {
+        readonly type: PropType<import("./NTooltip").TooltipPlacement>;
+        readonly default: "auto";
     };
-    tooltipMaxWidth: {
-        type: PropType<import("../utils/tailwind").TWMaxWidth>;
-        default: string;
+    readonly tooltipMaxWidth: {
+        readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
+        readonly default: "max-w-xs";
     };
     /**
      * The id of the currently selected option of this input.
      */
-    value: StringConstructor;
+    readonly value: StringConstructor;
     /**
      * This is called with the newly selected id when the selection has changed.
      * If no id is selected, the empty string is passed, in order to
      * match the API of all other inputs who never pass `undefined`.
      */
-    onUpdateValue: PropType<(newValue: string) => void>;
+    readonly onUpdateValue: PropType<(newValue: string) => void>;
     /**
      * The different options which can be selected.
      */
-    options: {
-        type: PropType<SelectionOption[]>;
-        default: () => never[];
+    readonly options: {
+        readonly type: PropType<SelectionOption[]>;
+        readonly default: () => never[];
     };
     /**
      * @see {@link nValInputProps.name}
      */
-    name: StringConstructor;
+    readonly name: StringConstructor;
     /**
      * @see {@link nValInputProps.optional}
      */
-    optional: BooleanConstructor;
+    readonly optional: BooleanConstructor;
     /**
      * @see {@link nValInputProps.disabled}
      */
-    disabled: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
     /**
      * @see {@link nValInputProps.form}
      */
-    form: PropType<import("./ValidatedForm").ValidatedForm>;
+    readonly form: PropType<import("./ValidatedForm").ValidatedForm>;
 }>> & {}, {
-    tooltipHide: boolean;
-    tooltipShow: boolean;
-    tooltipPlacement: import("./NTooltip").TooltipPlacement;
-    tooltipMaxWidth: import("../utils/tailwind").TWMaxWidth;
-    options: SelectionOption[];
-    disabled: boolean;
-    optional: boolean;
+    readonly tooltipHide: boolean;
+    readonly tooltipShow: boolean;
+    readonly tooltipPlacement: import("./NTooltip").TooltipPlacement;
+    readonly tooltipMaxWidth: import("../utils/tailwind").TWMaxWidth;
+    readonly options: SelectionOption[];
+    readonly disabled: boolean;
+    readonly optional: boolean;
 }>;
 export default _default;

package/components/NSelect.js

@@ -1,10 +1,10 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
 import { trsl } from '../i18n';
-import { createComponent, createProps } from '../utils/component';
+import { createComponent } from '../utils/component';
 import { ref } from 'vue';
 import NTooltip, { mapTooltipProps, nToolTipPropsForImplementor } from './NTooltip';
 import NValInput, { nValInputProps } from './NValInput';
-export const nSelectProps = createProps({
+export const nSelectProps = {
   /**
    * The id of the currently selected option of this input.
    */
@@ -39,7 +39,7 @@ export const nSelectProps = createProps({
    */
   form: nValInputProps.form,
   ...nToolTipPropsForImplementor
-});
+};
 /**
  * The `NSelect` is a styled html select-input.
  */

package/components/NSuggestionList.d.ts

@@ -4,123 +4,123 @@ export declare const nSuggestionListPropsForConfig: {
     /**
      * The items which are available to show in the list. The first `maxItems` will be displayed.
      */
-    items: {
-        type: PropType<SuggestionItem[]>;
-        default: () => never[];
+    readonly items: {
+        readonly type: PropType<SuggestionItem[]>;
+        readonly default: () => never[];
     };
     /**
      * The maximum items which are displayed in the list.
      */
-    maxItems: {
-        type: NumberConstructor;
-        default: () => 8;
+    readonly maxItems: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
     /**
      * If set to `true` the list is hidden.
      */
-    hideList: BooleanConstructor;
+    readonly hideList: BooleanConstructor;
     /**
      * If set to `true` the list shows a loading indicator when the `items` array is empty.
      */
-    loading: BooleanConstructor;
+    readonly loading: BooleanConstructor;
     /**
      * This is called with the id of the selected item.
      */
-    onSelect: PropType<(id: string) => void>;
+    readonly onSelect: PropType<(id: string) => void>;
     /**
      * The slot for every item of the list.
      */
-    listItem: PropType<(props: ItemSlotProps) => JSX.Element>;
+    readonly listItem: PropType<(props: ItemSlotProps) => JSX.Element>;
     /**
      * This function is called, when the input and the suggestion list are really blurred.
      * This means, it's not just the input temporarly beeing blurred because the user clicks on the item list,
      * but the focus has completely disappeared from the input and the list.
      */
-    onRealBlur: PropType<() => void>;
+    readonly onRealBlur: PropType<() => void>;
 };
 export declare const nSuggestionListPropsForInput: {
     /**
      * The slot for the input, which will be enhanced with the suggestion list.
      */
-    input: {
-        type: PropType<(props: InputSlotProps) => JSX.Element>;
-        required: true;
+    readonly input: {
+        readonly type: PropType<(props: InputSlotProps) => JSX.Element>;
+        readonly required: true;
     };
     /**
      * When this function is called, the parent is required to call focus() on the input element.
      * It won't work properly if the parent does not request focus on the input.
      */
-    onRequestInputFocus: {
-        type: PropType<() => void>;
-        required: true;
+    readonly onRequestInputFocus: {
+        readonly type: PropType<() => void>;
+        readonly required: true;
     };
     /**
      * The current value of the input. This is just needed to display the «No results found for {value}» message.
      */
-    inputValue: {
-        type: StringConstructor;
-        required: true;
+    readonly inputValue: {
+        readonly type: StringConstructor;
+        readonly required: true;
     };
 };
 export declare const nSuggestionListProps: {
     /**
      * The slot for the input, which will be enhanced with the suggestion list.
      */
-    input: {
-        type: PropType<(props: InputSlotProps) => JSX.Element>;
-        required: true;
+    readonly input: {
+        readonly type: PropType<(props: InputSlotProps) => JSX.Element>;
+        readonly required: true;
     };
     /**
      * When this function is called, the parent is required to call focus() on the input element.
      * It won't work properly if the parent does not request focus on the input.
      */
-    onRequestInputFocus: {
-        type: PropType<() => void>;
-        required: true;
+    readonly onRequestInputFocus: {
+        readonly type: PropType<() => void>;
+        readonly required: true;
     };
     /**
      * The current value of the input. This is just needed to display the «No results found for {value}» message.
      */
-    inputValue: {
-        type: StringConstructor;
-        required: true;
+    readonly inputValue: {
+        readonly type: StringConstructor;
+        readonly required: true;
     };
     /**
      * The items which are available to show in the list. The first `maxItems` will be displayed.
      */
-    items: {
-        type: PropType<SuggestionItem[]>;
-        default: () => never[];
+    readonly items: {
+        readonly type: PropType<SuggestionItem[]>;
+        readonly default: () => never[];
     };
     /**
      * The maximum items which are displayed in the list.
      */
-    maxItems: {
-        type: NumberConstructor;
-        default: () => 8;
+    readonly maxItems: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
     /**
      * If set to `true` the list is hidden.
      */
-    hideList: BooleanConstructor;
+    readonly hideList: BooleanConstructor;
     /**
      * If set to `true` the list shows a loading indicator when the `items` array is empty.
      */
-    loading: BooleanConstructor;
+    readonly loading: BooleanConstructor;
     /**
      * This is called with the id of the selected item.
      */
-    onSelect: PropType<(id: string) => void>;
+    readonly onSelect: PropType<(id: string) => void>;
     /**
      * The slot for every item of the list.
      */
-    listItem: PropType<(props: ItemSlotProps) => JSX.Element>;
+    readonly listItem: PropType<(props: ItemSlotProps) => JSX.Element>;
     /**
      * This function is called, when the input and the suggestion list are really blurred.
      * This means, it's not just the input temporarly beeing blurred because the user clicks on the item list,
      * but the focus has completely disappeared from the input and the list.
      */
-    onRealBlur: PropType<() => void>;
+    readonly onRealBlur: PropType<() => void>;
 };
 export type InputSlotProps = {
     /**
@@ -152,124 +152,124 @@ declare const _default: import("vue").DefineComponent<{
     /**
      * The slot for the input, which will be enhanced with the suggestion list.
      */
-    input: {
-        type: PropType<(props: InputSlotProps) => JSX.Element>;
-        required: true;
+    readonly input: {
+        readonly type: PropType<(props: InputSlotProps) => JSX.Element>;
+        readonly required: true;
     };
     /**
      * When this function is called, the parent is required to call focus() on the input element.
      * It won't work properly if the parent does not request focus on the input.
      */
-    onRequestInputFocus: {
-        type: PropType<() => void>;
-        required: true;
+    readonly onRequestInputFocus: {
+        readonly type: PropType<() => void>;
+        readonly required: true;
     };
     /**
      * The current value of the input. This is just needed to display the «No results found for {value}» message.
      */
-    inputValue: {
-        type: StringConstructor;
-        required: true;
+    readonly inputValue: {
+        readonly type: StringConstructor;
+        readonly required: true;
     };
     /**
      * The items which are available to show in the list. The first `maxItems` will be displayed.
      */
-    items: {
-        type: PropType<SuggestionItem[]>;
-        default: () => never[];
+    readonly items: {
+        readonly type: PropType<SuggestionItem[]>;
+        readonly default: () => never[];
     };
     /**
      * The maximum items which are displayed in the list.
      */
-    maxItems: {
-        type: NumberConstructor;
-        default: () => 8;
+    readonly maxItems: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
     /**
      * If set to `true` the list is hidden.
      */
-    hideList: BooleanConstructor;
+    readonly hideList: BooleanConstructor;
     /**
      * If set to `true` the list shows a loading indicator when the `items` array is empty.
      */
-    loading: BooleanConstructor;
+    readonly loading: BooleanConstructor;
     /**
      * This is called with the id of the selected item.
      */
-    onSelect: PropType<(id: string) => void>;
+    readonly onSelect: PropType<(id: string) => void>;
     /**
      * The slot for every item of the list.
      */
-    listItem: PropType<(props: ItemSlotProps<SuggestionItem>) => JSX.Element>;
+    readonly listItem: PropType<(props: ItemSlotProps<SuggestionItem>) => JSX.Element>;
     /**
      * This function is called, when the input and the suggestion list are really blurred.
      * This means, it's not just the input temporarly beeing blurred because the user clicks on the item list,
      * but the focus has completely disappeared from the input and the list.
      */
-    onRealBlur: PropType<() => void>;
+    readonly onRealBlur: 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 slot for the input, which will be enhanced with the suggestion list.
      */
-    input: {
-        type: PropType<(props: InputSlotProps) => JSX.Element>;
-        required: true;
+    readonly input: {
+        readonly type: PropType<(props: InputSlotProps) => JSX.Element>;
+        readonly required: true;
     };
     /**
      * When this function is called, the parent is required to call focus() on the input element.
      * It won't work properly if the parent does not request focus on the input.
      */
-    onRequestInputFocus: {
-        type: PropType<() => void>;
-        required: true;
+    readonly onRequestInputFocus: {
+        readonly type: PropType<() => void>;
+        readonly required: true;
     };
     /**
      * The current value of the input. This is just needed to display the «No results found for {value}» message.
      */
-    inputValue: {
-        type: StringConstructor;
-        required: true;
+    readonly inputValue: {
+        readonly type: StringConstructor;
+        readonly required: true;
     };
     /**
      * The items which are available to show in the list. The first `maxItems` will be displayed.
      */
-    items: {
-        type: PropType<SuggestionItem[]>;
-        default: () => never[];
+    readonly items: {
+        readonly type: PropType<SuggestionItem[]>;
+        readonly default: () => never[];
     };
     /**
      * The maximum items which are displayed in the list.
      */
-    maxItems: {
-        type: NumberConstructor;
-        default: () => 8;
+    readonly maxItems: {
+        readonly type: NumberConstructor;
+        readonly default: () => number;
     };
     /**
      * If set to `true` the list is hidden.
      */
-    hideList: BooleanConstructor;
+    readonly hideList: BooleanConstructor;
     /**
      * If set to `true` the list shows a loading indicator when the `items` array is empty.
      */
-    loading: BooleanConstructor;
+    readonly loading: BooleanConstructor;
     /**
      * This is called with the id of the selected item.
      */
-    onSelect: PropType<(id: string) => void>;
+    readonly onSelect: PropType<(id: string) => void>;
     /**
      * The slot for every item of the list.
      */
-    listItem: PropType<(props: ItemSlotProps<SuggestionItem>) => JSX.Element>;
+    readonly listItem: PropType<(props: ItemSlotProps<SuggestionItem>) => JSX.Element>;
     /**
      * This function is called, when the input and the suggestion list are really blurred.
      * This means, it's not just the input temporarly beeing blurred because the user clicks on the item list,
      * but the focus has completely disappeared from the input and the list.
      */
-    onRealBlur: PropType<() => void>;
+    readonly onRealBlur: PropType<() => void>;
 }>> & {}, {
-    loading: boolean;
-    items: SuggestionItem[];
-    maxItems: number;
-    hideList: boolean;
+    readonly loading: boolean;
+    readonly items: SuggestionItem[];
+    readonly maxItems: number;
+    readonly hideList: boolean;
 }>;
 export default _default;

package/components/NSuggestionList.js

@@ -1,9 +1,9 @@
 import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
 import { trsl } from '../i18n';
-import { createComponent, createProps } from '../utils/component';
+import { createComponent } from '../utils/component';
 import { computed, ref } from 'vue';
 import NLoadingIndicator from './NLoadingIndicator';
-export const nSuggestionListPropsForConfig = createProps({
+export const nSuggestionListPropsForConfig = {
   /**
    * The items which are available to show in the list. The first `maxItems` will be displayed.
    */
@@ -40,8 +40,8 @@ export const nSuggestionListPropsForConfig = createProps({
    * but the focus has completely disappeared from the input and the list.
    */
   onRealBlur: Function
-});
-export const nSuggestionListPropsForInput = createProps({
+};
+export const nSuggestionListPropsForInput = {
   /**
    * The slot for the input, which will be enhanced with the suggestion list.
    */
@@ -64,11 +64,11 @@ export const nSuggestionListPropsForInput = createProps({
     type: String,
     required: true
   }
-});
-export const nSuggestionListProps = createProps({
+};
+export const nSuggestionListProps = {
   ...nSuggestionListPropsForConfig,
   ...nSuggestionListPropsForInput
-});
+};
 /**
  * The `NSuggestionList` can be added to an input and adds a list below it which is shown when the input is focused.
  */