@naptics/vue-collection 0.2.14 → 0.2.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/components/NCrudModal.d.ts +32 -0
  2. package/components/NFormModal.d.ts +26 -0
  3. package/components/NModal.d.ts +26 -0
  4. package/components/NModal.js +9 -1
  5. package/package.json +1 -1
package/components/NCrudModal.d.ts CHANGED
@@ -82,6 +82,16 @@ export declare const nCrudModalProps: {
82
82
  readonly type: BooleanConstructor;
83
83
  readonly default: true;
84
84
  };
85
+ readonly verticalPosition: {
86
+ readonly type: PropType<"start" | "center" | "end">;
87
+ readonly default: "center";
88
+ };
89
+ readonly horizontalPosition: {
90
+ readonly type: PropType<"start" | "center" | "end">;
91
+ readonly default: "center";
92
+ }; /**
93
+ * This is called, when the remove-button has been clicked and the dialog has been accepted.
94
+ */
85
95
  readonly hideOk: BooleanConstructor;
86
96
  readonly cancelText: {
87
97
  readonly type: StringConstructor;
@@ -188,6 +198,16 @@ declare const Component: import("vue").DefineComponent<{
188
198
  readonly type: BooleanConstructor;
189
199
  readonly default: true;
190
200
  };
201
+ readonly verticalPosition: {
202
+ readonly type: PropType<"start" | "center" | "end">;
203
+ readonly default: "center";
204
+ };
205
+ readonly horizontalPosition: {
206
+ readonly type: PropType<"start" | "center" | "end">;
207
+ readonly default: "center";
208
+ }; /**
209
+ * This is called, when the remove-button has been clicked and the dialog has been accepted.
210
+ */
191
211
  readonly hideOk: BooleanConstructor;
192
212
  readonly cancelText: {
193
213
  readonly type: StringConstructor;
@@ -288,6 +308,16 @@ declare const Component: import("vue").DefineComponent<{
288
308
  readonly type: BooleanConstructor;
289
309
  readonly default: true;
290
310
  };
311
+ readonly verticalPosition: {
312
+ readonly type: PropType<"start" | "center" | "end">;
313
+ readonly default: "center";
314
+ };
315
+ readonly horizontalPosition: {
316
+ readonly type: PropType<"start" | "center" | "end">;
317
+ readonly default: "center";
318
+ }; /**
319
+ * This is called, when the remove-button has been clicked and the dialog has been accepted.
320
+ */
291
321
  readonly hideOk: BooleanConstructor;
292
322
  readonly cancelText: {
293
323
  readonly type: StringConstructor;
@@ -314,6 +344,8 @@ declare const Component: import("vue").DefineComponent<{
314
344
  readonly okText: string;
315
345
  readonly okColor: string;
316
346
  readonly closeOnOk: boolean;
347
+ readonly verticalPosition: "start" | "center" | "end";
348
+ readonly horizontalPosition: "start" | "center" | "end";
317
349
  readonly hideOk: boolean;
318
350
  readonly okDisabled: boolean;
319
351
  readonly cancelText: string;
package/components/NFormModal.d.ts CHANGED
@@ -38,6 +38,14 @@ export declare const nFormModalProps: {
38
38
  readonly type: BooleanConstructor;
39
39
  readonly default: true;
40
40
  };
41
+ readonly verticalPosition: {
42
+ readonly type: PropType<"start" | "center" | "end">;
43
+ readonly default: "center";
44
+ };
45
+ readonly horizontalPosition: {
46
+ readonly type: PropType<"start" | "center" | "end">;
47
+ readonly default: "center";
48
+ };
41
49
  readonly hideOk: BooleanConstructor;
42
50
  readonly okDisabled: BooleanConstructor;
43
51
  readonly cancelText: {
@@ -100,6 +108,14 @@ declare const Component: import("vue").DefineComponent<{
100
108
  readonly type: BooleanConstructor;
101
109
  readonly default: true;
102
110
  };
111
+ readonly verticalPosition: {
112
+ readonly type: PropType<"start" | "center" | "end">;
113
+ readonly default: "center";
114
+ };
115
+ readonly horizontalPosition: {
116
+ readonly type: PropType<"start" | "center" | "end">;
117
+ readonly default: "center";
118
+ };
103
119
  readonly hideOk: BooleanConstructor;
104
120
  readonly okDisabled: BooleanConstructor;
105
121
  readonly cancelText: {
@@ -156,6 +172,14 @@ declare const Component: import("vue").DefineComponent<{
156
172
  readonly type: BooleanConstructor;
157
173
  readonly default: true;
158
174
  };
175
+ readonly verticalPosition: {
176
+ readonly type: PropType<"start" | "center" | "end">;
177
+ readonly default: "center";
178
+ };
179
+ readonly horizontalPosition: {
180
+ readonly type: PropType<"start" | "center" | "end">;
181
+ readonly default: "center";
182
+ };
159
183
  readonly hideOk: BooleanConstructor;
160
184
  readonly okDisabled: BooleanConstructor;
161
185
  readonly cancelText: {
@@ -183,6 +207,8 @@ declare const Component: import("vue").DefineComponent<{
183
207
  readonly okText: string;
184
208
  readonly okColor: string;
185
209
  readonly closeOnOk: boolean;
210
+ readonly verticalPosition: "start" | "center" | "end";
211
+ readonly horizontalPosition: "start" | "center" | "end";
186
212
  readonly hideOk: boolean;
187
213
  readonly okDisabled: boolean;
188
214
  readonly cancelText: string;
package/components/NModal.d.ts CHANGED
@@ -45,6 +45,14 @@ export declare const nModalProps: {
45
45
  readonly type: BooleanConstructor;
46
46
  readonly default: true;
47
47
  };
48
+ readonly verticalPosition: {
49
+ readonly type: PropType<"start" | "center" | "end">;
50
+ readonly default: "center";
51
+ };
52
+ readonly horizontalPosition: {
53
+ readonly type: PropType<"start" | "center" | "end">;
54
+ readonly default: "center";
55
+ };
48
56
  /**
49
57
  * If set to `true` the ok-button is hidden.
50
58
  */
@@ -160,6 +168,14 @@ declare const Component: import("vue").DefineComponent<{
160
168
  readonly type: BooleanConstructor;
161
169
  readonly default: true;
162
170
  };
171
+ readonly verticalPosition: {
172
+ readonly type: PropType<"start" | "center" | "end">;
173
+ readonly default: "center";
174
+ };
175
+ readonly horizontalPosition: {
176
+ readonly type: PropType<"start" | "center" | "end">;
177
+ readonly default: "center";
178
+ };
163
179
  /**
164
180
  * If set to `true` the ok-button is hidden.
165
181
  */
@@ -266,6 +282,14 @@ declare const Component: import("vue").DefineComponent<{
266
282
  readonly type: BooleanConstructor;
267
283
  readonly default: true;
268
284
  };
285
+ readonly verticalPosition: {
286
+ readonly type: PropType<"start" | "center" | "end">;
287
+ readonly default: "center";
288
+ };
289
+ readonly horizontalPosition: {
290
+ readonly type: PropType<"start" | "center" | "end">;
291
+ readonly default: "center";
292
+ };
269
293
  /**
270
294
  * If set to `true` the ok-button is hidden.
271
295
  */
@@ -335,6 +359,8 @@ declare const Component: import("vue").DefineComponent<{
335
359
  readonly okText: string;
336
360
  readonly okColor: string;
337
361
  readonly closeOnOk: boolean;
362
+ readonly verticalPosition: "start" | "center" | "end";
363
+ readonly horizontalPosition: "start" | "center" | "end";
338
364
  readonly hideOk: boolean;
339
365
  readonly okDisabled: boolean;
340
366
  readonly cancelText: string;
package/components/NModal.js CHANGED
@@ -52,6 +52,14 @@ export const nModalProps = {
52
52
  type: Boolean,
53
53
  default: true
54
54
  },
55
+ verticalPosition: {
56
+ type: String,
57
+ default: 'center'
58
+ },
59
+ horizontalPosition: {
60
+ type: String,
61
+ default: 'center'
62
+ },
55
63
  /**
56
64
  * If set to `true` the ok-button is hidden.
57
65
  */
@@ -139,7 +147,7 @@ const Component = createComponentWithSlots('NModal', nModalProps, ['modal', 'hea
139
147
  "open": props.value
140
148
  }, {
141
149
  default: () => [_createVNode("div", {
142
- "class": "flex items-center justify-center min-h-screen"
150
+ "class": `flex items-${props.verticalPosition} justify-${props.horizontalPosition} min-h-screen`
143
151
  }, [_createVNode(TransitionChild, {
144
152
  "as": "template",
145
153
  "enter": "ease-out duration-300",
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@naptics/vue-collection",
3
3
  "author": "Timo Siegenthaler",
4
4
  "description": "Vue Collection is a collection of styled and fully functional Vue components which can easily be integrated into our projects.",
5
- "version": "0.2.14",
5
+ "version": "0.2.15",
6
6
  "main": "./index.js",
7
7
  "repository": {
8
8
  "type": "git",