@rangertechnologies/ngnxt 2.1.103 → 2.1.105

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 (12) hide show
  1. package/esm2022/lib/pages/builder/element/element.component.mjs +66 -55
  2. package/esm2022/lib/pages/builder/form/form.component.mjs +1 -1
  3. package/esm2022/lib/pages/builder/properties/properties.component.mjs +103 -95
  4. package/esm2022/lib/services/form-builder.service.mjs +2 -2
  5. package/fesm2022/rangertechnologies-ngnxt.mjs +168 -149
  6. package/fesm2022/rangertechnologies-ngnxt.mjs.map +1 -1
  7. package/lib/pages/builder/element/element.component.d.ts +10 -5
  8. package/lib/pages/builder/properties/properties.component.d.ts +113 -86
  9. package/package.json +1 -1
  10. package/rangertechnologies-ngnxt-2.1.105.tgz +0 -0
  11. package/src/lib/style.css +8 -0
  12. package/rangertechnologies-ngnxt-2.1.103.tgz +0 -0
package/lib/pages/builder/element/element.component.d.ts CHANGED
@@ -1,28 +1,33 @@
1
- import { ElementRef, EventEmitter, SimpleChanges } from '@angular/core';
1
+ import { SimpleChanges } from '@angular/core';
2
2
  import { CdkDragDrop } from '@angular/cdk/drag-drop';
3
3
  import { FormBuilderService } from '../../../services/form-builder.service';
4
4
  import * as i0 from "@angular/core";
5
5
  export declare class ElementComponent {
6
6
  private formBuilderService;
7
- elementButtonClicked: EventEmitter<string>;
8
- formContainer: ElementRef;
9
7
  bookletJSON: any;
10
8
  bookletId: any;
11
9
  field: any;
12
10
  formElements: any[];
13
11
  elements: any[];
14
12
  bookId: string;
13
+ sections: {
14
+ basic: boolean;
15
+ advanced: boolean;
16
+ };
17
+ basicElements: any[];
18
+ advancedElements: any[];
15
19
  constructor(formBuilderService: FormBuilderService);
16
20
  ngOnInit(): void;
21
+ toggleSection(section: 'basic' | 'advanced'): void;
22
+ isSectionOpen(section: string): boolean;
17
23
  ngOnChanges(changes: SimpleChanges): void;
18
24
  private initializeForm;
19
25
  drop(event: CdkDragDrop<string[]>): void;
20
26
  selectElement(index: number): void;
21
- selectedIndex: number | null;
22
27
  selectedFieldIndex: number | null;
23
28
  addElement(type: string): void;
24
29
  removeElement(field: any, index: number): void;
25
30
  getFontStyles(field: any): any;
26
31
  static ɵfac: i0.ɵɵFactoryDeclaration<ElementComponent, never>;
27
- static ɵcmp: i0.ɵɵComponentDeclaration<ElementComponent, "app-element", never, { "bookletJSON": { "alias": "bookletJSON"; "required": false; }; "bookletId": { "alias": "bookletId"; "required": false; }; }, { "elementButtonClicked": "elementButtonClicked"; }, never, never, false, never>;
32
+ static ɵcmp: i0.ɵɵComponentDeclaration<ElementComponent, "app-element", never, { "bookletJSON": { "alias": "bookletJSON"; "required": false; }; "bookletId": { "alias": "bookletId"; "required": false; }; }, {}, never, never, false, never>;
28
33
  }
package/lib/pages/builder/properties/properties.component.d.ts CHANGED
@@ -13,7 +13,7 @@ export declare class PropertiesComponent implements OnInit {
13
13
  selectedStyles: string[];
14
14
  errorMessage: string;
15
15
  selectedElement: any;
16
- onToggleChange(property: string, event: any): void;
16
+ onToggleChange(key: string, event: Event): void;
17
17
  updateProperties(elementType: string): void;
18
18
  onAlignSelect(value: string): void;
19
19
  onStyleSelect(value: string): void;
@@ -29,8 +29,8 @@ export declare class PropertiesComponent implements OnInit {
29
29
  } | {
30
30
  label: string;
31
31
  type: string;
32
+ key: string;
32
33
  placeholder?: undefined;
33
- key?: undefined;
34
34
  options?: undefined;
35
35
  } | {
36
36
  label: string;
@@ -47,28 +47,17 @@ export declare class PropertiesComponent implements OnInit {
47
47
  label: string;
48
48
  }[];
49
49
  placeholder?: undefined;
50
- } | {
51
- label: string;
52
- type: string;
53
- key: string;
54
- placeholder?: undefined;
55
- options?: undefined;
56
50
  })[];
57
51
  fieldProps: ({
58
52
  label: string;
59
53
  type: string;
54
+ key: string;
60
55
  placeholder?: undefined;
61
- key?: undefined;
62
56
  } | {
63
57
  label: string;
64
58
  placeholder: string;
65
59
  type: string;
66
60
  key: string;
67
- } | {
68
- label: string;
69
- placeholder: string;
70
- type: string;
71
- key?: undefined;
72
61
  })[];
73
62
  };
74
63
  CheckBox: {
@@ -77,11 +66,6 @@ export declare class PropertiesComponent implements OnInit {
77
66
  placeholder: string;
78
67
  type: string;
79
68
  key: string;
80
- } | {
81
- label: string;
82
- type: string;
83
- placeholder?: undefined;
84
- key?: undefined;
85
69
  } | {
86
70
  label: string;
87
71
  type: string;
@@ -109,6 +93,13 @@ export declare class PropertiesComponent implements OnInit {
109
93
  addOptionLabel: string;
110
94
  icon: string;
111
95
  placeholder?: undefined;
96
+ } | {
97
+ label: string;
98
+ placeholder: string;
99
+ type: string;
100
+ key: string;
101
+ addOptionLabel?: undefined;
102
+ icon?: undefined;
112
103
  })[];
113
104
  };
114
105
  Calendar: {
@@ -117,11 +108,6 @@ export declare class PropertiesComponent implements OnInit {
117
108
  placeholder: string;
118
109
  type: string;
119
110
  key: string;
120
- } | {
121
- label: string;
122
- type: string;
123
- placeholder?: undefined;
124
- key?: undefined;
125
111
  } | {
126
112
  label: string;
127
113
  type: string;
@@ -132,10 +118,17 @@ export declare class PropertiesComponent implements OnInit {
132
118
  label: string;
133
119
  type: string;
134
120
  placeholder?: undefined;
121
+ key?: undefined;
122
+ } | {
123
+ label: string;
124
+ placeholder: string;
125
+ type: string;
126
+ key?: undefined;
135
127
  } | {
136
128
  label: string;
137
129
  placeholder: string;
138
130
  type: string;
131
+ key: string;
139
132
  })[];
140
133
  };
141
134
  Time: {
@@ -144,11 +137,6 @@ export declare class PropertiesComponent implements OnInit {
144
137
  placeholder: string;
145
138
  type: string;
146
139
  key: string;
147
- } | {
148
- label: string;
149
- type: string;
150
- placeholder?: undefined;
151
- key?: undefined;
152
140
  } | {
153
141
  label: string;
154
142
  type: string;
@@ -159,10 +147,17 @@ export declare class PropertiesComponent implements OnInit {
159
147
  label: string;
160
148
  type: string;
161
149
  placeholder?: undefined;
150
+ key?: undefined;
151
+ } | {
152
+ label: string;
153
+ placeholder: string;
154
+ type: string;
155
+ key?: undefined;
162
156
  } | {
163
157
  label: string;
164
158
  placeholder: string;
165
159
  type: string;
160
+ key: string;
166
161
  })[];
167
162
  };
168
163
  Email: {
@@ -171,11 +166,6 @@ export declare class PropertiesComponent implements OnInit {
171
166
  placeholder: string;
172
167
  type: string;
173
168
  key: string;
174
- } | {
175
- label: string;
176
- type: string;
177
- placeholder?: undefined;
178
- key?: undefined;
179
169
  } | {
180
170
  label: string;
181
171
  type: string;
@@ -186,10 +176,17 @@ export declare class PropertiesComponent implements OnInit {
186
176
  label: string;
187
177
  type: string;
188
178
  placeholder?: undefined;
179
+ key?: undefined;
180
+ } | {
181
+ label: string;
182
+ placeholder: string;
183
+ type: string;
184
+ key?: undefined;
189
185
  } | {
190
186
  label: string;
191
187
  placeholder: string;
192
188
  type: string;
189
+ key: string;
193
190
  })[];
194
191
  };
195
192
  File: {
@@ -209,12 +206,6 @@ export declare class PropertiesComponent implements OnInit {
209
206
  extensions: string[];
210
207
  }[];
211
208
  placeholder?: undefined;
212
- } | {
213
- label: string;
214
- type: string;
215
- placeholder?: undefined;
216
- key?: undefined;
217
- options?: undefined;
218
209
  } | {
219
210
  label: string;
220
211
  type: string;
@@ -226,10 +217,17 @@ export declare class PropertiesComponent implements OnInit {
226
217
  label: string;
227
218
  type: string;
228
219
  placeholder?: undefined;
220
+ key?: undefined;
229
221
  } | {
230
222
  label: string;
231
223
  placeholder: string;
232
224
  type: string;
225
+ key?: undefined;
226
+ } | {
227
+ label: string;
228
+ placeholder: string;
229
+ type: string;
230
+ key: string;
233
231
  })[];
234
232
  };
235
233
  List: {
@@ -238,11 +236,6 @@ export declare class PropertiesComponent implements OnInit {
238
236
  placeholder: string;
239
237
  type: string;
240
238
  key: string;
241
- } | {
242
- label: string;
243
- type: string;
244
- placeholder?: undefined;
245
- key?: undefined;
246
239
  } | {
247
240
  label: string;
248
241
  type: string;
@@ -253,10 +246,17 @@ export declare class PropertiesComponent implements OnInit {
253
246
  label: string;
254
247
  type: string;
255
248
  placeholder?: undefined;
249
+ key?: undefined;
250
+ } | {
251
+ label: string;
252
+ placeholder: string;
253
+ type: string;
254
+ key?: undefined;
256
255
  } | {
257
256
  label: string;
258
257
  placeholder: string;
259
258
  type: string;
259
+ key: string;
260
260
  })[];
261
261
  };
262
262
  TextArea: {
@@ -265,11 +265,6 @@ export declare class PropertiesComponent implements OnInit {
265
265
  placeholder: string;
266
266
  type: string;
267
267
  key: string;
268
- } | {
269
- label: string;
270
- type: string;
271
- placeholder?: undefined;
272
- key?: undefined;
273
268
  } | {
274
269
  label: string;
275
270
  type: string;
@@ -286,11 +281,6 @@ export declare class PropertiesComponent implements OnInit {
286
281
  placeholder: string;
287
282
  type: string;
288
283
  key: string;
289
- } | {
290
- label: string;
291
- placeholder: string;
292
- type: string;
293
- key?: undefined;
294
284
  })[];
295
285
  };
296
286
  Number: {
@@ -299,11 +289,6 @@ export declare class PropertiesComponent implements OnInit {
299
289
  placeholder: string;
300
290
  type: string;
301
291
  key: string;
302
- } | {
303
- label: string;
304
- type: string;
305
- placeholder?: undefined;
306
- key?: undefined;
307
292
  } | {
308
293
  label: string;
309
294
  type: string;
@@ -314,10 +299,17 @@ export declare class PropertiesComponent implements OnInit {
314
299
  label: string;
315
300
  type: string;
316
301
  placeholder?: undefined;
302
+ key?: undefined;
317
303
  } | {
318
304
  label: string;
319
305
  placeholder: string;
320
306
  type: string;
307
+ key?: undefined;
308
+ } | {
309
+ label: string;
310
+ placeholder: string;
311
+ type: string;
312
+ key: string;
321
313
  })[];
322
314
  };
323
315
  Dropdown: {
@@ -326,11 +318,6 @@ export declare class PropertiesComponent implements OnInit {
326
318
  placeholder: string;
327
319
  type: string;
328
320
  key: string;
329
- } | {
330
- label: string;
331
- type: string;
332
- placeholder?: undefined;
333
- key?: undefined;
334
321
  } | {
335
322
  label: string;
336
323
  type: string;
@@ -358,6 +345,13 @@ export declare class PropertiesComponent implements OnInit {
358
345
  addOptionLabel: string;
359
346
  icon: string;
360
347
  placeholder?: undefined;
348
+ } | {
349
+ label: string;
350
+ placeholder: string;
351
+ type: string;
352
+ key: string;
353
+ addOptionLabel?: undefined;
354
+ icon?: undefined;
361
355
  })[];
362
356
  };
363
357
  Image: {
@@ -366,11 +360,6 @@ export declare class PropertiesComponent implements OnInit {
366
360
  placeholder: string;
367
361
  type: string;
368
362
  key: string;
369
- } | {
370
- label: string;
371
- type: string;
372
- placeholder?: undefined;
373
- key?: undefined;
374
363
  } | {
375
364
  label: string;
376
365
  type: string;
@@ -381,10 +370,17 @@ export declare class PropertiesComponent implements OnInit {
381
370
  label: string;
382
371
  type: string;
383
372
  placeholder?: undefined;
373
+ key?: undefined;
374
+ } | {
375
+ label: string;
376
+ placeholder: string;
377
+ type: string;
378
+ key?: undefined;
384
379
  } | {
385
380
  label: string;
386
381
  placeholder: string;
387
382
  type: string;
383
+ key: string;
388
384
  })[];
389
385
  };
390
386
  Radio: {
@@ -393,11 +389,6 @@ export declare class PropertiesComponent implements OnInit {
393
389
  placeholder: string;
394
390
  type: string;
395
391
  key: string;
396
- } | {
397
- label: string;
398
- type: string;
399
- placeholder?: undefined;
400
- key?: undefined;
401
392
  } | {
402
393
  label: string;
403
394
  type: string;
@@ -425,6 +416,13 @@ export declare class PropertiesComponent implements OnInit {
425
416
  addOptionLabel: string;
426
417
  icon: string;
427
418
  placeholder?: undefined;
419
+ } | {
420
+ label: string;
421
+ placeholder: string;
422
+ type: string;
423
+ key: string;
424
+ addOptionLabel?: undefined;
425
+ icon?: undefined;
428
426
  })[];
429
427
  };
430
428
  Label: {
@@ -436,8 +434,32 @@ export declare class PropertiesComponent implements OnInit {
436
434
  } | {
437
435
  label: string;
438
436
  type: string;
437
+ key: string;
439
438
  placeholder?: undefined;
439
+ })[];
440
+ fieldProps: ({
441
+ label: string;
442
+ type: string;
443
+ placeholder?: undefined;
444
+ key?: undefined;
445
+ } | {
446
+ label: string;
447
+ placeholder: string;
448
+ type: string;
440
449
  key?: undefined;
450
+ } | {
451
+ label: string;
452
+ placeholder: string;
453
+ type: string;
454
+ key: string;
455
+ })[];
456
+ };
457
+ Table: {
458
+ elementProps: ({
459
+ label: string;
460
+ placeholder: string;
461
+ type: string;
462
+ key: string;
441
463
  } | {
442
464
  label: string;
443
465
  type: string;
@@ -448,10 +470,12 @@ export declare class PropertiesComponent implements OnInit {
448
470
  label: string;
449
471
  type: string;
450
472
  placeholder?: undefined;
473
+ key?: undefined;
451
474
  } | {
452
475
  label: string;
453
476
  placeholder: string;
454
477
  type: string;
478
+ key: string;
455
479
  })[];
456
480
  };
457
481
  Book: {
@@ -460,11 +484,6 @@ export declare class PropertiesComponent implements OnInit {
460
484
  placeholder: string;
461
485
  type: string;
462
486
  key: string;
463
- } | {
464
- label: string;
465
- type: string;
466
- placeholder?: undefined;
467
- key?: undefined;
468
487
  } | {
469
488
  label: string;
470
489
  type: string;
@@ -475,10 +494,17 @@ export declare class PropertiesComponent implements OnInit {
475
494
  label: string;
476
495
  type: string;
477
496
  placeholder?: undefined;
497
+ key?: undefined;
478
498
  } | {
479
499
  label: string;
480
500
  placeholder: string;
481
501
  type: string;
502
+ key?: undefined;
503
+ } | {
504
+ label: string;
505
+ placeholder: string;
506
+ type: string;
507
+ key: string;
482
508
  })[];
483
509
  };
484
510
  Button: {
@@ -487,11 +513,6 @@ export declare class PropertiesComponent implements OnInit {
487
513
  placeholder: string;
488
514
  type: string;
489
515
  key: string;
490
- } | {
491
- label: string;
492
- type: string;
493
- placeholder?: undefined;
494
- key?: undefined;
495
516
  } | {
496
517
  label: string;
497
518
  type: string;
@@ -502,10 +523,17 @@ export declare class PropertiesComponent implements OnInit {
502
523
  label: string;
503
524
  type: string;
504
525
  placeholder?: undefined;
526
+ key?: undefined;
505
527
  } | {
506
528
  label: string;
507
529
  placeholder: string;
508
530
  type: string;
531
+ key?: undefined;
532
+ } | {
533
+ label: string;
534
+ placeholder: string;
535
+ type: string;
536
+ key: string;
509
537
  })[];
510
538
  };
511
539
  };
@@ -517,7 +545,6 @@ export declare class PropertiesComponent implements OnInit {
517
545
  getProperties(): any;
518
546
  addOption(options: any[]): void;
519
547
  removeOption(options: any[], index: number): void;
520
- download(): void;
521
548
  handleButtonClick(): void;
522
549
  static ɵfac: i0.ɵɵFactoryDeclaration<PropertiesComponent, never>;
523
550
  static ɵcmp: i0.ɵɵComponentDeclaration<PropertiesComponent, "app-properties", never, { "selectedElementType": { "alias": "selectedElementType"; "required": false; }; }, { "formButtonHandler": "formButtonHandler"; }, never, never, false, never>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rangertechnologies/ngnxt",
3
- "version": "2.1.103",
3
+ "version": "2.1.105",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^18.2.13",
6
6
  "@angular/core": "^18.2.13"
package/src/lib/style.css CHANGED
@@ -1801,6 +1801,14 @@ select{
1801
1801
  .summary-volver{
1802
1802
  display: none;
1803
1803
  }
1804
+
1805
+ .content-space-between {
1806
+ justify-content: space-between;
1807
+ }
1808
+ .flex {
1809
+ display: flex;
1810
+ }
1811
+
1804
1812
  /* AP-29JAN25 -form,element,properties */
1805
1813
  app-form-builder{
1806
1814
  display: flex;