@naptics/vue-collection 0.0.6 → 0.0.7

package/components/NLoadingIndicator.d.ts

@@ -3,23 +3,23 @@ export declare const nLoadingIndicator: {
     /**
      * The color of the loading-indicator.
      */
-    color: {
-        type: StringConstructor;
-        default: string;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
     };
     /**
      * The shade of the loading-indicator.
      */
-    shade: {
-        type: NumberConstructor;
-        default: number;
+    readonly shade: {
+        readonly type: NumberConstructor;
+        readonly default: 400;
     };
     /**
      * The height of the loading-indicator in px.
      */
-    size: {
-        type: NumberConstructor;
-        default: number;
+    readonly size: {
+        readonly type: NumberConstructor;
+        readonly default: 10;
     };
 };
 /**
@@ -29,49 +29,49 @@ declare const _default: import("vue").DefineComponent<{
     /**
      * The color of the loading-indicator.
      */
-    color: {
-        type: StringConstructor;
-        default: string;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
     };
     /**
      * The shade of the loading-indicator.
      */
-    shade: {
-        type: NumberConstructor;
-        default: number;
+    readonly shade: {
+        readonly type: NumberConstructor;
+        readonly default: 400;
     };
     /**
      * The height of the loading-indicator in px.
      */
-    size: {
-        type: NumberConstructor;
-        default: number;
+    readonly size: {
+        readonly type: NumberConstructor;
+        readonly default: 10;
     };
 }, 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 loading-indicator.
      */
-    color: {
-        type: StringConstructor;
-        default: string;
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
     };
     /**
      * The shade of the loading-indicator.
      */
-    shade: {
-        type: NumberConstructor;
-        default: number;
+    readonly shade: {
+        readonly type: NumberConstructor;
+        readonly default: 400;
     };
     /**
      * The height of the loading-indicator in px.
      */
-    size: {
-        type: NumberConstructor;
-        default: number;
+    readonly size: {
+        readonly type: NumberConstructor;
+        readonly default: 10;
     };
 }>> & {}, {
-    color: string;
-    shade: number;
-    size: number;
+    readonly color: string;
+    readonly shade: number;
+    readonly size: number;
 }>;
 export default _default;

package/components/NLoadingIndicator.js

@@ -1,8 +1,8 @@
 import { createVNode as _createVNode } from "vue";
-import { createComponent, createProps } from '../utils/component';
+import { createComponent } from '../utils/component';
 import { computed, useCssVars } from 'vue';
 import './NLoadingIndicator.css';
-export const nLoadingIndicator = createProps({
+export const nLoadingIndicator = {
   /**
    * The color of the loading-indicator.
    */
@@ -24,7 +24,7 @@ export const nLoadingIndicator = createProps({
     type: Number,
     default: 10
   }
-});
+};
 /**
  * The `NLoadingIndicator` is a styled loading indicator.
  */

package/components/NModal.d.ts

@@ -4,104 +4,104 @@ export declare const nModalProps: {
     /**
      * If set to `true` the header of the modal is hidden.
      */
-    hideHeader: BooleanConstructor;
+    readonly hideHeader: BooleanConstructor;
     /**
      * If set to `true` the footer of the modal is hidden.
      */
-    hideFooter: BooleanConstructor;
+    readonly hideFooter: BooleanConstructor;
     /**
      * If set to `true` the X-button in the top right is hidden.
      */
-    hideX: BooleanConstructor;
+    readonly hideX: BooleanConstructor;
     /**
      * The maximum width of the modal. A regular tailwind class.
      */
-    maxWidth: {
-        type: PropType<TWMaxWidth>;
-        default: string;
+    readonly maxWidth: {
+        readonly type: PropType<TWMaxWidth>;
+        readonly default: "max-w-md";
     };
     /**
      * The title of the modal which is displayed in the header.
      */
-    title: StringConstructor;
+    readonly title: StringConstructor;
     /**
      * The text of the ok-button.
      */
-    okText: {
-        type: StringConstructor;
-        default: string;
+    readonly okText: {
+        readonly type: StringConstructor;
+        readonly default: string;
     };
     /**
      * The color of the ok-button.
      */
-    okColor: {
-        type: StringConstructor;
-        default: string;
+    readonly okColor: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
     };
     /**
      * If set to `true` the modal is closed when `onOk` is called.
      */
-    closeOnOk: {
-        type: BooleanConstructor;
-        default: boolean;
+    readonly closeOnOk: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
     };
     /**
      * If set to `true` the ok-button is hidden.
      */
-    hideOk: BooleanConstructor;
+    readonly hideOk: BooleanConstructor;
     /**
      * If set to `true` the ok-button is disabled.
      */
-    okDisabled: BooleanConstructor;
+    readonly okDisabled: BooleanConstructor;
     /**
      * The text of the cancel-button.
      */
-    cancelText: {
-        type: StringConstructor;
-        default: string;
+    readonly cancelText: {
+        readonly type: StringConstructor;
+        readonly default: string;
     };
     /**
      * The color of the cancel-button.
      */
-    cancelColor: {
-        type: StringConstructor;
-        default: string;
+    readonly cancelColor: {
+        readonly type: StringConstructor;
+        readonly default: "default";
     };
     /**
      * If set to `true`, the modal is closed when clicking on the background.
      * This will call `onCancel`. Default is `true`.
      */
-    closeOnBackground: {
-        type: BooleanConstructor;
-        default: boolean;
+    readonly closeOnBackground: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
     };
     /**
      * If set to `true` the cancel-button is hidden.
      */
-    hideCancel: BooleanConstructor;
+    readonly hideCancel: BooleanConstructor;
     /**
      * This is called when the ok-button was clicked.
      */
-    onOk: PropType<() => void>;
+    readonly onOk: PropType<() => void>;
     /**
      * This is called when the cancel-button or X-button was clicked or
      * if the modal was closed by clicking on the background.
      */
-    onCancel: PropType<() => void>;
+    readonly onCancel: PropType<() => void>;
     /**
      * A slot to replace the whole modal content including all buttons, header and footer.
      */
-    modal: PropType<(props: ModalSlotProps) => JSX.Element>;
+    readonly modal: PropType<(props: ModalSlotProps) => JSX.Element>;
     /**
      * A slot to replace the whole header section (excluding the x).
      */
-    header: PropType<() => JSX.Element>;
+    readonly header: PropType<() => JSX.Element>;
     /**
      * A slot to replace the whole footer section.
      */
-    footer: PropType<(props: ModalSlotProps) => JSX.Element>;
-    value: PropType<boolean>;
-    onUpdateValue: PropType<(newValue: boolean) => void>;
+    readonly footer: PropType<(props: ModalSlotProps) => JSX.Element>;
+    readonly value: PropType<boolean>;
+    readonly onUpdateValue: PropType<(newValue: boolean) => void>;
 };
 export type ModalSlotProps = {
     ok: () => void;
@@ -115,219 +115,219 @@ declare const _default: import("vue").DefineComponent<{
     /**
      * If set to `true` the header of the modal is hidden.
      */
-    hideHeader: BooleanConstructor;
+    readonly hideHeader: BooleanConstructor;
     /**
      * If set to `true` the footer of the modal is hidden.
      */
-    hideFooter: BooleanConstructor;
+    readonly hideFooter: BooleanConstructor;
     /**
      * If set to `true` the X-button in the top right is hidden.
      */
-    hideX: BooleanConstructor;
+    readonly hideX: BooleanConstructor;
     /**
      * The maximum width of the modal. A regular tailwind class.
      */
-    maxWidth: {
-        type: PropType<TWMaxWidth>;
-        default: string;
+    readonly maxWidth: {
+        readonly type: PropType<TWMaxWidth>;
+        readonly default: "max-w-md";
     };
     /**
      * The title of the modal which is displayed in the header.
      */
-    title: StringConstructor;
+    readonly title: StringConstructor;
     /**
      * The text of the ok-button.
      */
-    okText: {
-        type: StringConstructor;
-        default: string;
+    readonly okText: {
+        readonly type: StringConstructor;
+        readonly default: string;
     };
     /**
      * The color of the ok-button.
      */
-    okColor: {
-        type: StringConstructor;
-        default: string;
+    readonly okColor: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
     };
     /**
      * If set to `true` the modal is closed when `onOk` is called.
      */
-    closeOnOk: {
-        type: BooleanConstructor;
-        default: boolean;
+    readonly closeOnOk: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
     };
     /**
      * If set to `true` the ok-button is hidden.
      */
-    hideOk: BooleanConstructor;
+    readonly hideOk: BooleanConstructor;
     /**
      * If set to `true` the ok-button is disabled.
      */
-    okDisabled: BooleanConstructor;
+    readonly okDisabled: BooleanConstructor;
     /**
      * The text of the cancel-button.
      */
-    cancelText: {
-        type: StringConstructor;
-        default: string;
+    readonly cancelText: {
+        readonly type: StringConstructor;
+        readonly default: string;
     };
     /**
      * The color of the cancel-button.
      */
-    cancelColor: {
-        type: StringConstructor;
-        default: string;
+    readonly cancelColor: {
+        readonly type: StringConstructor;
+        readonly default: "default";
     };
     /**
      * If set to `true`, the modal is closed when clicking on the background.
      * This will call `onCancel`. Default is `true`.
      */
-    closeOnBackground: {
-        type: BooleanConstructor;
-        default: boolean;
+    readonly closeOnBackground: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
     };
     /**
      * If set to `true` the cancel-button is hidden.
      */
-    hideCancel: BooleanConstructor;
+    readonly hideCancel: BooleanConstructor;
     /**
      * This is called when the ok-button was clicked.
      */
-    onOk: PropType<() => void>;
+    readonly onOk: PropType<() => void>;
     /**
      * This is called when the cancel-button or X-button was clicked or
      * if the modal was closed by clicking on the background.
      */
-    onCancel: PropType<() => void>;
+    readonly onCancel: PropType<() => void>;
     /**
      * A slot to replace the whole modal content including all buttons, header and footer.
      */
-    modal: PropType<(props: ModalSlotProps) => JSX.Element>;
+    readonly modal: PropType<(props: ModalSlotProps) => JSX.Element>;
     /**
      * A slot to replace the whole header section (excluding the x).
      */
-    header: PropType<() => JSX.Element>;
+    readonly header: PropType<() => JSX.Element>;
     /**
      * A slot to replace the whole footer section.
      */
-    footer: PropType<(props: ModalSlotProps) => JSX.Element>;
-    value: PropType<boolean>;
-    onUpdateValue: PropType<(newValue: boolean) => void>;
+    readonly footer: PropType<(props: 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<{
     /**
      * If set to `true` the header of the modal is hidden.
      */
-    hideHeader: BooleanConstructor;
+    readonly hideHeader: BooleanConstructor;
     /**
      * If set to `true` the footer of the modal is hidden.
      */
-    hideFooter: BooleanConstructor;
+    readonly hideFooter: BooleanConstructor;
     /**
      * If set to `true` the X-button in the top right is hidden.
      */
-    hideX: BooleanConstructor;
+    readonly hideX: BooleanConstructor;
     /**
      * The maximum width of the modal. A regular tailwind class.
      */
-    maxWidth: {
-        type: PropType<TWMaxWidth>;
-        default: string;
+    readonly maxWidth: {
+        readonly type: PropType<TWMaxWidth>;
+        readonly default: "max-w-md";
     };
     /**
      * The title of the modal which is displayed in the header.
      */
-    title: StringConstructor;
+    readonly title: StringConstructor;
     /**
      * The text of the ok-button.
      */
-    okText: {
-        type: StringConstructor;
-        default: string;
+    readonly okText: {
+        readonly type: StringConstructor;
+        readonly default: string;
     };
     /**
      * The color of the ok-button.
      */
-    okColor: {
-        type: StringConstructor;
-        default: string;
+    readonly okColor: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
     };
     /**
      * If set to `true` the modal is closed when `onOk` is called.
      */
-    closeOnOk: {
-        type: BooleanConstructor;
-        default: boolean;
+    readonly closeOnOk: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
     };
     /**
      * If set to `true` the ok-button is hidden.
      */
-    hideOk: BooleanConstructor;
+    readonly hideOk: BooleanConstructor;
     /**
      * If set to `true` the ok-button is disabled.
      */
-    okDisabled: BooleanConstructor;
+    readonly okDisabled: BooleanConstructor;
     /**
      * The text of the cancel-button.
      */
-    cancelText: {
-        type: StringConstructor;
-        default: string;
+    readonly cancelText: {
+        readonly type: StringConstructor;
+        readonly default: string;
     };
     /**
      * The color of the cancel-button.
      */
-    cancelColor: {
-        type: StringConstructor;
-        default: string;
+    readonly cancelColor: {
+        readonly type: StringConstructor;
+        readonly default: "default";
     };
     /**
      * If set to `true`, the modal is closed when clicking on the background.
      * This will call `onCancel`. Default is `true`.
      */
-    closeOnBackground: {
-        type: BooleanConstructor;
-        default: boolean;
+    readonly closeOnBackground: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
     };
     /**
      * If set to `true` the cancel-button is hidden.
      */
-    hideCancel: BooleanConstructor;
+    readonly hideCancel: BooleanConstructor;
     /**
      * This is called when the ok-button was clicked.
      */
-    onOk: PropType<() => void>;
+    readonly onOk: PropType<() => void>;
     /**
      * This is called when the cancel-button or X-button was clicked or
      * if the modal was closed by clicking on the background.
      */
-    onCancel: PropType<() => void>;
+    readonly onCancel: PropType<() => void>;
     /**
      * A slot to replace the whole modal content including all buttons, header and footer.
      */
-    modal: PropType<(props: ModalSlotProps) => JSX.Element>;
+    readonly modal: PropType<(props: ModalSlotProps) => JSX.Element>;
     /**
      * A slot to replace the whole header section (excluding the x).
      */
-    header: PropType<() => JSX.Element>;
+    readonly header: PropType<() => JSX.Element>;
     /**
      * A slot to replace the whole footer section.
      */
-    footer: PropType<(props: ModalSlotProps) => JSX.Element>;
-    value: PropType<boolean>;
-    onUpdateValue: PropType<(newValue: boolean) => void>;
+    readonly footer: PropType<(props: ModalSlotProps) => JSX.Element>;
+    readonly value: PropType<boolean>;
+    readonly onUpdateValue: PropType<(newValue: boolean) => void>;
 }>> & {}, {
-    maxWidth: TWMaxWidth;
-    hideX: boolean;
-    hideHeader: boolean;
-    hideFooter: boolean;
-    okText: string;
-    okColor: string;
-    closeOnOk: boolean;
-    hideOk: boolean;
-    okDisabled: boolean;
-    cancelText: string;
-    cancelColor: string;
-    closeOnBackground: boolean;
-    hideCancel: boolean;
+    readonly maxWidth: TWMaxWidth;
+    readonly hideX: boolean;
+    readonly hideHeader: boolean;
+    readonly hideFooter: boolean;
+    readonly okText: string;
+    readonly okColor: string;
+    readonly closeOnOk: boolean;
+    readonly hideOk: boolean;
+    readonly okDisabled: boolean;
+    readonly cancelText: string;
+    readonly cancelColor: string;
+    readonly closeOnBackground: boolean;
+    readonly hideCancel: boolean;
 }>;
 export default _default;

package/components/NModal.js

@@ -1,12 +1,12 @@
 import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
-import { createComponent, createProps } from '../utils/component';
+import { createComponent } from '../utils/component';
 import { Dialog, DialogOverlay, DialogTitle, TransitionRoot, TransitionChild } from '@headlessui/vue';
 import NButton from './NButton';
 import NIconButton from './NIconButton';
 import { XMarkIcon } from '@heroicons/vue/24/solid';
 import { trsl } from '../i18n';
 import { vModelProps } from '../utils/vModel';
-export const nModalProps = createProps({
+export const nModalProps = {
   ...vModelProps(Boolean),
   /**
    * If set to `true` the header of the modal is hidden.
@@ -107,7 +107,7 @@ export const nModalProps = createProps({
    * A slot to replace the whole footer section.
    */
   footer: Function
-});
+};
 /**
  * The `NModal` is the base component for all modals and dialogs.
  * It provides the core mechanics to display a window in front of everything else.