@naptics/vue-collection 0.2.13 → 0.2.15

package/components/NCrudModal.d.ts

@@ -82,6 +82,16 @@ export declare const nCrudModalProps: {
         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;
@@ -188,6 +198,16 @@ 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;
@@ -288,6 +308,16 @@ 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;
@@ -314,6 +344,8 @@ declare const Component: import("vue").DefineComponent<{
     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;

package/components/NFormModal.d.ts

@@ -38,6 +38,14 @@ export declare const nFormModalProps: {
         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";
+    };
     readonly hideOk: BooleanConstructor;
     readonly okDisabled: BooleanConstructor;
     readonly cancelText: {
@@ -100,6 +108,14 @@ 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";
+    };
     readonly hideOk: BooleanConstructor;
     readonly okDisabled: BooleanConstructor;
     readonly cancelText: {
@@ -156,6 +172,14 @@ 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";
+    };
     readonly hideOk: BooleanConstructor;
     readonly okDisabled: BooleanConstructor;
     readonly cancelText: {
@@ -183,6 +207,8 @@ declare const Component: import("vue").DefineComponent<{
     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;

package/components/NList.d.ts

@@ -22,9 +22,13 @@ export declare const nListProps: {
      */
     readonly titleClass: StringConstructor;
     /**
-     * Adds the classese to all text elements (on the right side).
+     * Adds the classes to all text elements (on the right side).
      */
     readonly textClass: StringConstructor;
+    /**
+     * Adds the classes to each row.
+     */
+    readonly rowClass: StringConstructor;
 };
 /**
  * The `NList` displays key-value data in an appealing way.
@@ -42,9 +46,13 @@ declare const Component: import("vue").DefineComponent<{
      */
     readonly titleClass: StringConstructor;
     /**
-     * Adds the classese to all text elements (on the right side).
+     * Adds the classes to all text elements (on the right side).
      */
     readonly textClass: StringConstructor;
+    /**
+     * Adds the classes to each row.
+     */
+    readonly rowClass: StringConstructor;
 }, 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.
@@ -58,9 +66,13 @@ declare const Component: import("vue").DefineComponent<{
      */
     readonly titleClass: StringConstructor;
     /**
-     * Adds the classese to all text elements (on the right side).
+     * Adds the classes to all text elements (on the right side).
      */
     readonly textClass: StringConstructor;
+    /**
+     * Adds the classes to each row.
+     */
+    readonly rowClass: StringConstructor;
 }>> & {}, {
     readonly items: ListItem[];
 }>;

package/components/NList.js

@@ -13,9 +13,13 @@ export const nListProps = {
    */
   titleClass: String,
   /**
-   * Adds the classese to all text elements (on the right side).
+   * Adds the classes to all text elements (on the right side).
    */
-  textClass: String
+  textClass: String,
+  /**
+   * Adds the classes to each row.
+   */
+  rowClass: String
 };
 /**
  * The `NList` displays key-value data in an appealing way.
@@ -23,7 +27,7 @@ export const nListProps = {
 const Component = createComponent('NList', nListProps, props => {
   return () => _createVNode("dl", null, [props.items.map((item, index) => _createVNode("div", {
     "key": index,
-    "class": ['py-5 px-4 sm:grid sm:grid-cols-3 sm:gap-4', index % 2 === 1 ? 'bg-white' : 'bg-default-50']
+    "class": ['py-5 px-4 sm:grid sm:grid-cols-3 sm:gap-4', index % 2 === 1 ? 'bg-white' : 'bg-default-50', props.rowClass]
   }, [_createVNode("dt", {
     "class": `text-sm font-medium text-default-500 ${props.titleClass}`
   }, [buildElement(item.title)]), _createVNode("dd", {

package/components/NModal.d.ts

@@ -45,6 +45,14 @@ export declare const nModalProps: {
         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";
+    };
     /**
      * If set to `true` the ok-button is hidden.
      */
@@ -160,6 +168,14 @@ 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";
+    };
     /**
      * If set to `true` the ok-button is hidden.
      */
@@ -266,6 +282,14 @@ 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";
+    };
     /**
      * If set to `true` the ok-button is hidden.
      */
@@ -335,6 +359,8 @@ declare const Component: import("vue").DefineComponent<{
     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;

package/components/NModal.js

@@ -52,6 +52,14 @@ export const nModalProps = {
     type: Boolean,
     default: true
   },
+  verticalPosition: {
+    type: String,
+    default: 'center'
+  },
+  horizontalPosition: {
+    type: String,
+    default: 'center'
+  },
   /**
    * If set to `true` the ok-button is hidden.
    */
@@ -139,7 +147,7 @@ const Component = createComponentWithSlots('NModal', nModalProps, ['modal', 'hea
       "open": props.value
     }, {
       default: () => [_createVNode("div", {
-        "class": "flex items-center justify-center min-h-screen"
+        "class": `flex items-${props.verticalPosition} justify-${props.horizontalPosition} min-h-screen`
       }, [_createVNode(TransitionChild, {
         "as": "template",
         "enter": "ease-out duration-300",

package/package.json

@@ -2,7 +2,7 @@
     "name": "@naptics/vue-collection",
     "author": "Timo Siegenthaler",
     "description": "Vue Collection is a collection of styled and fully functional Vue components which can easily be integrated into our projects.",
-    "version": "0.2.13",
+    "version": "0.2.15",
     "main": "./index.js",
     "repository": {
         "type": "git",