@naptics/vue-collection 0.2.15 → 0.3.0

package/components/NButton.d.ts

@@ -26,7 +26,7 @@ export declare const nButtonProps: {
      * The html attribute, which indicates the type of the button.
      */
     readonly type: {
-        readonly type: PropType<"button" | "submit" | "reset">;
+        readonly type: PropType<"submit" | "button" | "reset">;
         readonly default: "button";
     };
     /**
@@ -56,121 +56,5 @@ export declare const nButtonProps: {
 /**
  * The `NButton` is a styled button.
  */
-declare const Component: import("vue").DefineComponent<{
-    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 tooltipWrapperClass: StringConstructor;
-    readonly tooltipContentClass: StringConstructor;
-    readonly tooltipArrowClass: StringConstructor;
-    /**
-     * The color of the button.
-     */
-    readonly color: {
-        readonly type: StringConstructor;
-        readonly default: "primary";
-    };
-    /**
-     * The html attribute, which indicates the type of the button.
-     */
-    readonly type: {
-        readonly type: PropType<"button" | "submit" | "reset">;
-        readonly default: "button";
-    };
-    /**
-     * If set to `true` the button is disabled and no interaction is possible.
-     */
-    readonly disabled: BooleanConstructor;
-    /**
-     * If set to `true` the button will show a loading animation.
-     * Setting `loading` to `true` will also disable the button.
-     */
-    readonly loading: BooleanConstructor;
-    /**
-     * If set to `true` the button will appear smaller.
-     */
-    readonly small: BooleanConstructor;
-    /**
-     * Adds the classes to the button.
-     * Use this instead of `class` to style the button, because the button is wrapped inside
-     * a div for the tooltip and `class` would be applied to the wrapping div.
-     */
-    readonly buttonClass: StringConstructor;
-    /**
-     * This is called, when the button is clicked.
-     */
-    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<{
-    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 tooltipWrapperClass: StringConstructor;
-    readonly tooltipContentClass: StringConstructor;
-    readonly tooltipArrowClass: StringConstructor;
-    /**
-     * The color of the button.
-     */
-    readonly color: {
-        readonly type: StringConstructor;
-        readonly default: "primary";
-    };
-    /**
-     * The html attribute, which indicates the type of the button.
-     */
-    readonly type: {
-        readonly type: PropType<"button" | "submit" | "reset">;
-        readonly default: "button";
-    };
-    /**
-     * If set to `true` the button is disabled and no interaction is possible.
-     */
-    readonly disabled: BooleanConstructor;
-    /**
-     * If set to `true` the button will show a loading animation.
-     * Setting `loading` to `true` will also disable the button.
-     */
-    readonly loading: BooleanConstructor;
-    /**
-     * If set to `true` the button will appear smaller.
-     */
-    readonly small: BooleanConstructor;
-    /**
-     * Adds the classes to the button.
-     * Use this instead of `class` to style the button, because the button is wrapped inside
-     * a div for the tooltip and `class` would be applied to the wrapping div.
-     */
-    readonly buttonClass: StringConstructor;
-    /**
-     * This is called, when the button is clicked.
-     */
-    readonly onClick: PropType<() => void>;
-}>> & {}, {
-    readonly small: boolean;
-    readonly color: string;
-    readonly type: "button" | "submit" | "reset";
-    readonly tooltipHide: boolean;
-    readonly tooltipShow: boolean;
-    readonly tooltipPlacement: import("./NTooltip").TooltipPlacement;
-    readonly tooltipMaxWidth: import("../utils/tailwind").TWMaxWidth;
-    readonly disabled: boolean;
-    readonly loading: boolean;
-}>;
+declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 export { Component as NButton, Component as default };

package/components/NCheckbox.d.ts

@@ -16,36 +16,5 @@ export declare const nCheckboxProps: {
 /**
  * The `NCheckbox` is a styled checkbox.
  */
-declare const Component: import("vue").DefineComponent<{
-    /**
-     * The color of the checkbox.
-     */
-    readonly color: {
-        readonly type: StringConstructor;
-        readonly default: "primary";
-    };
-    /**
-     * If set to `true` the checkbox is disabled and no interaction is possible.
-     */
-    readonly disabled: BooleanConstructor;
-    readonly value: import("vue").PropType<boolean>;
-    readonly onUpdateValue: import("vue").PropType<(newValue: boolean) => 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 color of the checkbox.
-     */
-    readonly color: {
-        readonly type: StringConstructor;
-        readonly default: "primary";
-    };
-    /**
-     * If set to `true` the checkbox is disabled and no interaction is possible.
-     */
-    readonly disabled: BooleanConstructor;
-    readonly value: import("vue").PropType<boolean>;
-    readonly onUpdateValue: import("vue").PropType<(newValue: boolean) => void>;
-}>> & {}, {
-    readonly color: string;
-    readonly disabled: boolean;
-}>;
+declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 export { Component as NCheckbox, Component as default };

package/components/NCheckboxLabel.d.ts

@@ -22,49 +22,5 @@ export declare const nCheckboxLabelProps: {
 /**
  * The `NCheckboxLabel` is a checkbox with a title and a description.
  */
-declare const Component: import("vue").DefineComponent<{
-    /**
-     * The title of the checkbox.
-     */
-    readonly title: StringConstructor;
-    /**
-     * The description of the checkbox.
-     */
-    readonly description: StringConstructor;
-    /**
-     * If set to `true`, a smaller margin is applied between the label and the checkbox.
-     */
-    readonly compact: BooleanConstructor;
-    readonly color: {
-        readonly type: StringConstructor;
-        readonly default: "primary";
-    };
-    readonly disabled: BooleanConstructor;
-    readonly value: import("vue").PropType<boolean>;
-    readonly onUpdateValue: import("vue").PropType<(newValue: boolean) => 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 title of the checkbox.
-     */
-    readonly title: StringConstructor;
-    /**
-     * The description of the checkbox.
-     */
-    readonly description: StringConstructor;
-    /**
-     * If set to `true`, a smaller margin is applied between the label and the checkbox.
-     */
-    readonly compact: BooleanConstructor;
-    readonly color: {
-        readonly type: StringConstructor;
-        readonly default: "primary";
-    };
-    readonly disabled: BooleanConstructor;
-    readonly value: import("vue").PropType<boolean>;
-    readonly onUpdateValue: import("vue").PropType<(newValue: boolean) => void>;
-}>> & {}, {
-    readonly color: string;
-    readonly disabled: boolean;
-    readonly compact: boolean;
-}>;
+declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 export { Component as NCheckboxLabel, Component as default };

package/components/NCheckboxLabel.js

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { createComponent } from '../utils/component';
 import NCheckbox, { nCheckboxProps } from './NCheckbox';
 export const nCheckboxLabelProps = {

package/components/NCrudModal.d.ts

@@ -69,19 +69,6 @@ export declare const nCrudModalProps: {
     readonly hideHeader: BooleanConstructor;
     readonly hideFooter: BooleanConstructor;
     readonly hideX: BooleanConstructor;
-    readonly title: StringConstructor;
-    readonly okText: {
-        readonly type: StringConstructor;
-        readonly default: string;
-    };
-    readonly okColor: {
-        readonly type: StringConstructor;
-        readonly default: "primary";
-    };
-    readonly closeOnOk: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
     readonly verticalPosition: {
         readonly type: PropType<"start" | "center" | "end">;
         readonly default: "center";
@@ -89,102 +76,7 @@ export declare const nCrudModalProps: {
     readonly horizontalPosition: {
         readonly type: PropType<"start" | "center" | "end">;
         readonly default: "center";
-    }; /**
-     * This is called, when the remove-button has been clicked and the dialog has been accepted.
-     */
-    readonly hideOk: BooleanConstructor;
-    readonly cancelText: {
-        readonly type: StringConstructor;
-        readonly default: string;
-    };
-    readonly cancelColor: {
-        readonly type: StringConstructor;
-        readonly default: "default";
-    };
-    readonly hideCancel: BooleanConstructor;
-    readonly onOk: PropType<() => void>;
-    readonly onCancel: PropType<() => void>;
-    readonly modal: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
-    readonly content: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
-    readonly header: PropType<() => JSX.Element>;
-    readonly footer: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
-    readonly value: PropType<boolean>;
-    readonly onUpdateValue: PropType<(newValue: boolean) => void>;
-};
-/**
- * The `NCrudModal` is a {@link NFormModal} which has some convenience features for a CRUD-scenario.
- * It has an integrated remove-button with a user-dialog to remove the editing element.
- * When the dialog is accepted `onRemove` is called.
- */
-declare const Component: import("vue").DefineComponent<{
-    /**
-     * The text of the remove-button.
-     */
-    readonly removeText: {
-        readonly type: StringConstructor;
-        readonly default: string;
-    };
-    /**
-     * The color of the remove-button.
-     */
-    readonly removeColor: {
-        readonly type: StringConstructor;
-        readonly default: "red";
     };
-    /**
-     * If set to `true` the remove-button is disabled.
-     */
-    readonly removeDisabled: BooleanConstructor;
-    /**
-     * If set to `true` the ok-button is hidden.
-     */
-    readonly hideRemove: BooleanConstructor;
-    /**
-     * If set to `true` the ok-button is disabled.
-     */
-    readonly okDisabled: BooleanConstructor;
-    /**
-     * The title of the dialog which appears when clicking on the remove-button.
-     */
-    readonly removeDialogTitle: StringConstructor;
-    /**
-     * The text of the dialog which appears when clicking on the remove-button.
-     */
-    readonly removeDialogText: StringConstructor;
-    /**
-     * The variant of the dialog which appears when clicking on the remove-button. Default is `remove`.
-     */
-    readonly removeDialogVariant: {
-        readonly type: PropType<DialogVariant>;
-        readonly default: "remove";
-    };
-    /**
-     * The text of the dialog's ok-button. Is already set by the `removeDialogVariant` but can be overridden.
-     */
-    readonly removeDialogOkText: StringConstructor;
-    /**
-     * If set to `true` the modal will close itself when `onRemove` is called.
-     */
-    readonly closeOnRemove: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    /**
-     * This is called, when the remove-button has been clicked and the dialog has been accepted.
-     */
-    readonly onRemove: PropType<() => void>;
-    readonly maxWidth: {
-        readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
-        readonly default: "max-w-lg";
-    };
-    readonly closeOnBackground: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly form: PropType<import("./ValidatedForm").ValidatedForm>;
-    readonly hideHeader: BooleanConstructor;
-    readonly hideFooter: BooleanConstructor;
-    readonly hideX: BooleanConstructor;
     readonly title: StringConstructor;
     readonly okText: {
         readonly type: StringConstructor;
@@ -198,16 +90,6 @@ declare const Component: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    readonly verticalPosition: {
-        readonly type: PropType<"start" | "center" | "end">;
-        readonly default: "center";
-    };
-    readonly horizontalPosition: {
-        readonly type: PropType<"start" | "center" | "end">;
-        readonly default: "center";
-    }; /**
-     * This is called, when the remove-button has been clicked and the dialog has been accepted.
-     */
     readonly hideOk: BooleanConstructor;
     readonly cancelText: {
         readonly type: StringConstructor;
@@ -226,137 +108,11 @@ declare const Component: import("vue").DefineComponent<{
     readonly footer: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
     readonly value: PropType<boolean>;
     readonly onUpdateValue: PropType<(newValue: boolean) => 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 remove-button.
-     */
-    readonly removeText: {
-        readonly type: StringConstructor;
-        readonly default: string;
-    };
-    /**
-     * The color of the remove-button.
-     */
-    readonly removeColor: {
-        readonly type: StringConstructor;
-        readonly default: "red";
-    };
-    /**
-     * If set to `true` the remove-button is disabled.
-     */
-    readonly removeDisabled: BooleanConstructor;
-    /**
-     * If set to `true` the ok-button is hidden.
-     */
-    readonly hideRemove: BooleanConstructor;
-    /**
-     * If set to `true` the ok-button is disabled.
-     */
-    readonly okDisabled: BooleanConstructor;
-    /**
-     * The title of the dialog which appears when clicking on the remove-button.
-     */
-    readonly removeDialogTitle: StringConstructor;
-    /**
-     * The text of the dialog which appears when clicking on the remove-button.
-     */
-    readonly removeDialogText: StringConstructor;
-    /**
-     * The variant of the dialog which appears when clicking on the remove-button. Default is `remove`.
-     */
-    readonly removeDialogVariant: {
-        readonly type: PropType<DialogVariant>;
-        readonly default: "remove";
-    };
-    /**
-     * The text of the dialog's ok-button. Is already set by the `removeDialogVariant` but can be overridden.
-     */
-    readonly removeDialogOkText: StringConstructor;
-    /**
-     * If set to `true` the modal will close itself when `onRemove` is called.
-     */
-    readonly closeOnRemove: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    /**
-     * This is called, when the remove-button has been clicked and the dialog has been accepted.
-     */
-    readonly onRemove: PropType<() => void>;
-    readonly maxWidth: {
-        readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
-        readonly default: "max-w-lg";
-    };
-    readonly closeOnBackground: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly form: PropType<import("./ValidatedForm").ValidatedForm>;
-    readonly hideHeader: BooleanConstructor;
-    readonly hideFooter: BooleanConstructor;
-    readonly hideX: BooleanConstructor;
-    readonly title: StringConstructor;
-    readonly okText: {
-        readonly type: StringConstructor;
-        readonly default: string;
-    };
-    readonly okColor: {
-        readonly type: StringConstructor;
-        readonly default: "primary";
-    };
-    readonly closeOnOk: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly verticalPosition: {
-        readonly type: PropType<"start" | "center" | "end">;
-        readonly default: "center";
-    };
-    readonly horizontalPosition: {
-        readonly type: PropType<"start" | "center" | "end">;
-        readonly default: "center";
-    }; /**
-     * This is called, when the remove-button has been clicked and the dialog has been accepted.
-     */
-    readonly hideOk: BooleanConstructor;
-    readonly cancelText: {
-        readonly type: StringConstructor;
-        readonly default: string;
-    };
-    readonly cancelColor: {
-        readonly type: StringConstructor;
-        readonly default: "default";
-    };
-    readonly hideCancel: BooleanConstructor;
-    readonly onOk: PropType<() => void>;
-    readonly onCancel: PropType<() => void>;
-    readonly modal: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
-    readonly content: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
-    readonly header: PropType<() => JSX.Element>;
-    readonly footer: PropType<(props: import("./NModal").ModalSlotProps) => JSX.Element>;
-    readonly value: PropType<boolean>;
-    readonly onUpdateValue: PropType<(newValue: boolean) => void>;
-}>> & {}, {
-    readonly maxWidth: import("../utils/tailwind").TWMaxWidth;
-    readonly hideX: boolean;
-    readonly hideHeader: boolean;
-    readonly hideFooter: boolean;
-    readonly okText: string;
-    readonly okColor: string;
-    readonly closeOnOk: boolean;
-    readonly verticalPosition: "start" | "center" | "end";
-    readonly horizontalPosition: "start" | "center" | "end";
-    readonly hideOk: boolean;
-    readonly okDisabled: boolean;
-    readonly cancelText: string;
-    readonly cancelColor: string;
-    readonly closeOnBackground: boolean;
-    readonly hideCancel: boolean;
-    readonly removeText: string;
-    readonly removeColor: string;
-    readonly removeDisabled: boolean;
-    readonly hideRemove: boolean;
-    readonly removeDialogVariant: DialogVariant;
-    readonly closeOnRemove: boolean;
-}>;
+};
+/**
+ * The `NCrudModal` is a {@link NFormModal} which has some convenience features for a CRUD-scenario.
+ * It has an integrated remove-button with a user-dialog to remove the editing element.
+ * When the dialog is accepted `onRemove` is called.
+ */
+declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 export { Component as NCrudModal, Component as default };

package/components/NCrudModal.js

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { trsl } from '../i18n';
 import { createComponentWithSlots } from '../utils/component';
 import { ref } from 'vue';

package/components/NDialog.d.ts

@@ -77,114 +77,5 @@ export type NDialogExposed = {
  * ...
  * <NDialog ref={dialogRef} />
  */
-declare const Component: import("vue").DefineComponent<{
-    /**
-     * The title of the dialog.
-     */
-    title: StringConstructor;
-    /**
-     * The text of the dialog.
-     */
-    text: StringConstructor;
-    /**
-     * The variant of the dialog.
-     * This determines the default icon and its color
-     * as well as the default text and color of the ok-button.
-     */
-    variant: {
-        type: PropType<DialogVariant>;
-        default: string;
-    };
-    /**
-     * The icon of the alert. This overrides the `icon` of the `variant`.
-     */
-    icon: PropType<HeroIcon>;
-    /**
-     * The color of the alert's icon. This overrides the `iconColor` of the `variant`.
-     */
-    iconColor: StringConstructor;
-    /**
-     * The text of the ok-button. This overrides the `okText` of the `variant`.
-     */
-    okText: StringConstructor;
-    /**
-     * The color of the ok-button. This overrides the `okColor` of the `variant`.
-     */
-    okColor: StringConstructor;
-    /**
-     * The text of the cancel-button.
-     */
-    cancelText: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * The color of the cancel-button.
-     */
-    cancelColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * If set to `true` the cancel-button is hidden.
-     */
-    hideCancel: BooleanConstructor;
-}, 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 title of the dialog.
-     */
-    title: StringConstructor;
-    /**
-     * The text of the dialog.
-     */
-    text: StringConstructor;
-    /**
-     * The variant of the dialog.
-     * This determines the default icon and its color
-     * as well as the default text and color of the ok-button.
-     */
-    variant: {
-        type: PropType<DialogVariant>;
-        default: string;
-    };
-    /**
-     * The icon of the alert. This overrides the `icon` of the `variant`.
-     */
-    icon: PropType<HeroIcon>;
-    /**
-     * The color of the alert's icon. This overrides the `iconColor` of the `variant`.
-     */
-    iconColor: StringConstructor;
-    /**
-     * The text of the ok-button. This overrides the `okText` of the `variant`.
-     */
-    okText: StringConstructor;
-    /**
-     * The color of the ok-button. This overrides the `okColor` of the `variant`.
-     */
-    okColor: StringConstructor;
-    /**
-     * The text of the cancel-button.
-     */
-    cancelText: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * The color of the cancel-button.
-     */
-    cancelColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * If set to `true` the cancel-button is hidden.
-     */
-    hideCancel: BooleanConstructor;
-}>> & {}, {
-    variant: DialogVariant;
-    cancelText: string;
-    cancelColor: string;
-    hideCancel: boolean;
-}>;
+declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 export { Component as NDialog, Component as default };

package/components/NDialog.js

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { deferred } from '../utils/deferred';
 import { createComponent, extractProps } from '../utils/component';
 import { CheckIcon, ExclamationTriangleIcon, LightBulbIcon, TrashIcon } from '@heroicons/vue/24/outline';