@genesislcap/expression-builder 14.429.0 → 14.429.2-alpha-0d0a008.0

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 (2) hide show
  1. package/dist/custom-elements.json +533 -533
  2. package/package.json +10 -10
package/dist/custom-elements.json CHANGED
@@ -157,50 +157,11 @@
157
157
  },
158
158
  {
159
159
  "kind": "javascript-module",
160
- "path": "src/main/events.ts",
161
- "declarations": [],
162
- "exports": []
163
- },
164
- {
165
- "kind": "javascript-module",
166
- "path": "src/main/expression-builder.helpers.ts",
160
+ "path": "src/utils/data-model.ts",
167
161
  "declarations": [
168
162
  {
169
163
  "kind": "function",
170
- "name": "findOperateOnGroup",
171
- "return": {
172
- "type": {
173
- "text": ""
174
- }
175
- },
176
- "parameters": [
177
- {
178
- "name": "model",
179
- "type": {
180
- "text": "ModelGroup"
181
- },
182
- "description": "The root group to start searching from"
183
- },
184
- {
185
- "name": "groupId",
186
- "type": {
187
- "text": "string"
188
- },
189
- "description": "The Group ID to find"
190
- },
191
- {
192
- "name": "fn",
193
- "type": {
194
- "text": "ChildrenOperatorFn"
195
- },
196
- "description": "The function to apply to the children of the found group. A *new* object must be created and returned"
197
- }
198
- ],
199
- "description": "Finds a group within a model and applies a function to create a new children"
200
- },
201
- {
202
- "kind": "function",
203
- "name": "addGroupOrRule",
164
+ "name": "groupToModelGroup",
204
165
  "return": {
205
166
  "type": {
206
167
  "text": "ModelGroup"
@@ -208,215 +169,543 @@
208
169
  },
209
170
  "parameters": [
210
171
  {
211
- "name": "model",
212
- "type": {
213
- "text": "ModelGroup"
214
- }
215
- },
216
- {
217
- "name": "parentGroupId",
172
+ "name": "group",
218
173
  "type": {
219
- "text": "string"
174
+ "text": "Group"
220
175
  }
221
176
  },
222
177
  {
223
- "name": "newItem",
178
+ "name": "provider",
224
179
  "type": {
225
- "text": "ModelGroup | ModelRule"
180
+ "text": "MetadataProvider"
226
181
  }
227
182
  }
228
- ]
183
+ ],
184
+ "description": "Converts a Group to a ModelGroup (adds required metadata)"
229
185
  },
230
186
  {
231
187
  "kind": "function",
232
- "name": "deleteGroup",
188
+ "name": "modelGroupToGroup",
233
189
  "return": {
234
190
  "type": {
235
- "text": "ModelGroup"
191
+ "text": ""
236
192
  }
237
193
  },
238
194
  "parameters": [
239
195
  {
240
- "name": "model",
196
+ "name": "modelGroup",
241
197
  "type": {
242
198
  "text": "ModelGroup"
243
- }
244
- },
245
- {
246
- "name": "groupIdToDelete",
247
- "type": {
248
- "text": "string"
249
- }
199
+ },
200
+ "description": "The internal ModelGroup to convert."
250
201
  }
251
- ]
202
+ ],
203
+ "description": "Converts a ModelGroup (internal data structure) to a public Group structure.\nThis function recursively processes the rules within the group."
252
204
  },
253
205
  {
254
206
  "kind": "function",
255
- "name": "deleteRule",
207
+ "name": "modelRuleToRule",
256
208
  "return": {
257
209
  "type": {
258
- "text": "ModelGroup"
210
+ "text": ""
259
211
  }
260
212
  },
261
213
  "parameters": [
262
214
  {
263
- "name": "model",
264
- "type": {
265
- "text": "ModelGroup"
266
- }
267
- },
268
- {
269
- "name": "ruleIdToDelete",
215
+ "name": "modelRule",
270
216
  "type": {
271
- "text": "string"
272
- }
217
+ "text": "ModelRule"
218
+ },
219
+ "description": "The internal ModelRule to convert."
273
220
  }
274
- ]
221
+ ],
222
+ "description": "Converts a ModelRule (internal data structure) to a public Rule structure."
223
+ }
224
+ ],
225
+ "exports": [
226
+ {
227
+ "kind": "js",
228
+ "name": "groupToModelGroup",
229
+ "declaration": {
230
+ "name": "groupToModelGroup",
231
+ "module": "src/utils/data-model.ts"
232
+ }
275
233
  },
276
234
  {
277
- "kind": "variable",
278
- "name": "ROOT_GROUP",
279
- "type": {
280
- "text": "string"
281
- },
282
- "default": "'group-root'"
235
+ "kind": "js",
236
+ "name": "modelGroupToGroup",
237
+ "declaration": {
238
+ "name": "modelGroupToGroup",
239
+ "module": "src/utils/data-model.ts"
240
+ }
283
241
  },
242
+ {
243
+ "kind": "js",
244
+ "name": "modelRuleToRule",
245
+ "declaration": {
246
+ "name": "modelRuleToRule",
247
+ "module": "src/utils/data-model.ts"
248
+ }
249
+ }
250
+ ]
251
+ },
252
+ {
253
+ "kind": "javascript-module",
254
+ "path": "src/utils/formatting.ts",
255
+ "declarations": [
284
256
  {
285
257
  "kind": "function",
286
- "name": "updateGroupData",
287
- "return": {
288
- "type": {
289
- "text": "ModelGroup"
290
- }
291
- },
258
+ "name": "formatDateString",
292
259
  "parameters": [
293
260
  {
294
- "name": "model",
295
- "type": {
296
- "text": "ModelGroup"
297
- }
298
- },
299
- {
300
- "name": "groupIdToUpdate",
301
- "type": {
302
- "text": "string"
303
- }
304
- },
305
- {
306
- "name": "newData",
261
+ "name": "date",
307
262
  "type": {
308
- "text": "EventsDetailMap[Events.UpdateGroup]['newData']"
263
+ "text": "Date"
309
264
  }
310
265
  }
311
- ]
266
+ ],
267
+ "description": "Gets the string representation from a `Date` which is the format a `date` input uses.\n`yyyy-mm-dd`.\nUses UTC methods to ensure consistent output regardless of timezone.\n\nUsed to convert a javascript date object into the required string format expected by the expression builder."
312
268
  },
313
269
  {
314
270
  "kind": "function",
315
- "name": "updateRuleData",
316
- "return": {
317
- "type": {
318
- "text": "ModelGroup"
319
- }
320
- },
271
+ "name": "formatDateTimeString",
321
272
  "parameters": [
322
273
  {
323
- "name": "model",
324
- "type": {
325
- "text": "ModelGroup"
326
- }
327
- },
328
- {
329
- "name": "ruleIdToUpdate",
330
- "type": {
331
- "text": "string"
332
- }
333
- },
334
- {
335
- "name": "newData",
274
+ "name": "date",
336
275
  "type": {
337
- "text": "EventsDetailMap[Events.UpdateRule]['newData']"
276
+ "text": "Date"
338
277
  }
339
278
  }
340
- ]
279
+ ],
280
+ "description": "Gets the string representation from a `Date` which is the format a `datetime-local` input uses.\n`yyyy-mm-ddThh:mm:ss`.\nUses UTC methods to ensure consistent output regardless of timezone.\n\nUsed to convert a javascript date object into the required string format expected by the expression builder."
341
281
  }
342
282
  ],
343
283
  "exports": [
344
284
  {
345
285
  "kind": "js",
346
- "name": "findOperateOnGroup",
347
- "declaration": {
348
- "name": "findOperateOnGroup",
349
- "module": "src/main/expression-builder.helpers.ts"
350
- }
351
- },
352
- {
353
- "kind": "js",
354
- "name": "addGroupOrRule",
355
- "declaration": {
356
- "name": "addGroupOrRule",
357
- "module": "src/main/expression-builder.helpers.ts"
358
- }
359
- },
360
- {
361
- "kind": "js",
362
- "name": "deleteGroup",
286
+ "name": "formatDateString",
363
287
  "declaration": {
364
- "name": "deleteGroup",
365
- "module": "src/main/expression-builder.helpers.ts"
288
+ "name": "formatDateString",
289
+ "module": "src/utils/formatting.ts"
366
290
  }
367
291
  },
368
292
  {
369
293
  "kind": "js",
370
- "name": "deleteRule",
294
+ "name": "formatDateTimeString",
371
295
  "declaration": {
372
- "name": "deleteRule",
373
- "module": "src/main/expression-builder.helpers.ts"
296
+ "name": "formatDateTimeString",
297
+ "module": "src/utils/formatting.ts"
374
298
  }
375
- },
299
+ }
300
+ ]
301
+ },
302
+ {
303
+ "kind": "javascript-module",
304
+ "path": "src/utils/index.ts",
305
+ "declarations": [],
306
+ "exports": [
376
307
  {
377
308
  "kind": "js",
378
- "name": "ROOT_GROUP",
309
+ "name": "*",
379
310
  "declaration": {
380
- "name": "ROOT_GROUP",
381
- "module": "src/main/expression-builder.helpers.ts"
311
+ "name": "*",
312
+ "package": "./data-model"
382
313
  }
383
314
  },
384
315
  {
385
316
  "kind": "js",
386
- "name": "updateGroupData",
317
+ "name": "*",
387
318
  "declaration": {
388
- "name": "updateGroupData",
389
- "module": "src/main/expression-builder.helpers.ts"
319
+ "name": "*",
320
+ "package": "./formatting"
390
321
  }
391
322
  },
392
323
  {
393
324
  "kind": "js",
394
- "name": "updateRuleData",
325
+ "name": "*",
395
326
  "declaration": {
396
- "name": "updateRuleData",
397
- "module": "src/main/expression-builder.helpers.ts"
327
+ "name": "*",
328
+ "package": "./misc"
398
329
  }
399
330
  }
400
331
  ]
401
332
  },
402
333
  {
403
334
  "kind": "javascript-module",
404
- "path": "src/main/expression-builder.styles.ts",
335
+ "path": "src/utils/misc.ts",
405
336
  "declarations": [
406
337
  {
407
- "kind": "variable",
408
- "name": "styles",
409
- "default": "css`\n :host {\n --item-vertical-spacing: 4px;\n --item-border-radius: 5px;\n --group-background-color: rgb(250 240 210 / 50%);\n --group-border-color: #dcc896;\n --group-border: 1px solid var(--group-border-color);\n --group-padding: 10px;\n --rule-background-color: rgb(255 255 255 / 90%);\n --rule-border-color: #eee;\n --rule-border: 1px solid var(--rule-border-color);\n --rule-padding: 5px;\n --rule-value-separator: 1px solid #ddd;\n --error-icon-color: #f00;\n --error-border-color: #f99;\n --error-background-color: #fdd;\n --ticks-width: 2px;\n --ticks-color: #ccc;\n }\n\n p.test {\n color: black;\n }\n\n .query-builder {\n font-family: sans-serif;\n }\n\n .rules-group-container {\n position: relative;\n margin: var(--item-vertical-spacing) 0;\n border-radius: var(--item-border-radius);\n padding: var(--group-padding);\n border: var(--group-border);\n background: var(--group-background-color);\n }\n\n .rules-group-header {\n margin-bottom: var(--group-padding);\n }\n\n .group-conditions {\n display: inline-block;\n }\n\n .group-conditions .btn {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5;\n border-radius: 0.2rem;\n border: 1px solid #007bff;\n color: #007bff;\n background-color: transparent;\n cursor: pointer;\n }\n\n .group-conditions .btn:hover {\n background-color: #007bff;\n color: #fff;\n }\n\n .group-conditions .btn.active {\n background-color: #007bff;\n color: #fff;\n }\n\n .group-actions {\n display: inline-block;\n float: right;\n }\n\n .rules-list {\n list-style: none;\n padding: 0 0 0 20px; /* Adjusted ticks position */\n margin: 0;\n }\n\n .rule-container {\n position: relative;\n margin: var(--item-vertical-spacing) 0;\n border-radius: var(--item-border-radius);\n padding: var(--rule-padding);\n border: var(--rule-border);\n background: var(--rule-background-color);\n }\n\n .rule-header {\n margin-bottom: 5px;\n }\n\n .rule-actions {\n display: inline-block;\n float: right;\n }\n\n .rule-field-container,\n .rule-operator-container,\n .rule-value-container {\n display: inline-block;\n margin: 0 5px 0 0;\n vertical-align: middle;\n }\n\n .rule-value-container {\n border-left: var(--rule-value-separator);\n padding-left: 5px;\n }\n\n .rule-value-container label {\n margin-bottom: 0;\n font-weight: normal;\n }\n\n .rule-value-container label.block {\n display: block;\n }\n\n .error-container {\n display: none;\n cursor: help;\n color: var(--error-icon-color);\n margin-left: 5px;\n }\n\n .rule-container.has-error,\n .rules-group-container.has-error {\n background-color: var(--error-background-color);\n border-color: var(--error-border-color);\n }\n\n .rule-container.has-error .error-container,\n .rules-group-container.has-error .error-container {\n display: inline-block !important;\n }\n\n /* Ticks */\n .rules-list > * {\n position: relative;\n }\n\n .rules-list > *::before,\n .rules-list > *::after {\n content: '';\n position: absolute;\n left: -10px; /* Adjusted ticks position */\n width: 10px; /* Adjusted ticks position */\n border-color: var(--ticks-color);\n border-style: solid;\n }\n\n .rules-list > *::before {\n top: -2px; /* Adjusted ticks position */\n height: calc(50% + var(--item-vertical-spacing));\n border-width: 0 0 var(--ticks-width) var(--ticks-width);\n }\n\n .rules-list > *::after {\n top: 50%;\n border-width: 0 0 0 var(--ticks-width);\n height: 50%;\n }\n\n .rules-list > *:first-child::before {\n top: calc(-1 * var(--group-padding) - var(--ticks-width));\n height: calc(50% + var(--group-padding) + var(--item-vertical-spacing));\n }\n\n .rules-list > *:last-child::before {\n border-radius: 0 0 0 calc(2 * var(--ticks-width));\n }\n\n .rules-list > *:last-child::after {\n display: none;\n }\n`"
410
- }
411
- ],
412
- "exports": [
413
- {
414
- "kind": "js",
415
- "name": "styles",
416
- "declaration": {
417
- "name": "styles",
418
- "module": "src/main/expression-builder.styles.ts"
419
- }
338
+ "kind": "function",
339
+ "name": "getFieldInput",
340
+ "parameters": [
341
+ {
342
+ "name": "context",
343
+ "type": {
344
+ "text": "RuleValue | ModelRule"
345
+ }
346
+ }
347
+ ]
348
+ },
349
+ {
350
+ "kind": "function",
351
+ "name": "getFieldType",
352
+ "parameters": [
353
+ {
354
+ "name": "context",
355
+ "type": {
356
+ "text": "RuleValue | ModelRule"
357
+ }
358
+ }
359
+ ]
360
+ },
361
+ {
362
+ "kind": "function",
363
+ "name": "processOptGroups",
364
+ "return": {
365
+ "type": {
366
+ "text": "(T | { optgroup: string | null; xs: T[] })[]"
367
+ }
368
+ },
369
+ "parameters": [
370
+ {
371
+ "name": "xs",
372
+ "type": {
373
+ "text": "T[]"
374
+ }
375
+ }
376
+ ]
377
+ },
378
+ {
379
+ "kind": "function",
380
+ "name": "applyCustomStyles",
381
+ "return": {
382
+ "type": {
383
+ "text": "void"
384
+ }
385
+ },
386
+ "parameters": [
387
+ {
388
+ "name": "component",
389
+ "type": {
390
+ "text": "HTMLElement"
391
+ },
392
+ "description": "The web component instance"
393
+ },
394
+ {
395
+ "name": "styles",
396
+ "type": {
397
+ "text": "Styles | undefined | null"
398
+ },
399
+ "description": "The styles configuration object"
400
+ },
401
+ {
402
+ "name": "styleKey",
403
+ "type": {
404
+ "text": "keyof NonNullable<Styles['customStyles']>"
405
+ },
406
+ "description": "The key in styles.customStyles to use for custom styles"
407
+ }
408
+ ],
409
+ "description": "Utility function to add custom styles to a web component's shadow root"
410
+ }
411
+ ],
412
+ "exports": [
413
+ {
414
+ "kind": "js",
415
+ "name": "getFieldInput",
416
+ "declaration": {
417
+ "name": "getFieldInput",
418
+ "module": "src/utils/misc.ts"
419
+ }
420
+ },
421
+ {
422
+ "kind": "js",
423
+ "name": "getFieldType",
424
+ "declaration": {
425
+ "name": "getFieldType",
426
+ "module": "src/utils/misc.ts"
427
+ }
428
+ },
429
+ {
430
+ "kind": "js",
431
+ "name": "processOptGroups",
432
+ "declaration": {
433
+ "name": "processOptGroups",
434
+ "module": "src/utils/misc.ts"
435
+ }
436
+ },
437
+ {
438
+ "kind": "js",
439
+ "name": "applyCustomStyles",
440
+ "declaration": {
441
+ "name": "applyCustomStyles",
442
+ "module": "src/utils/misc.ts"
443
+ }
444
+ }
445
+ ]
446
+ },
447
+ {
448
+ "kind": "javascript-module",
449
+ "path": "src/main/events.ts",
450
+ "declarations": [],
451
+ "exports": []
452
+ },
453
+ {
454
+ "kind": "javascript-module",
455
+ "path": "src/main/expression-builder.helpers.ts",
456
+ "declarations": [
457
+ {
458
+ "kind": "function",
459
+ "name": "findOperateOnGroup",
460
+ "return": {
461
+ "type": {
462
+ "text": ""
463
+ }
464
+ },
465
+ "parameters": [
466
+ {
467
+ "name": "model",
468
+ "type": {
469
+ "text": "ModelGroup"
470
+ },
471
+ "description": "The root group to start searching from"
472
+ },
473
+ {
474
+ "name": "groupId",
475
+ "type": {
476
+ "text": "string"
477
+ },
478
+ "description": "The Group ID to find"
479
+ },
480
+ {
481
+ "name": "fn",
482
+ "type": {
483
+ "text": "ChildrenOperatorFn"
484
+ },
485
+ "description": "The function to apply to the children of the found group. A *new* object must be created and returned"
486
+ }
487
+ ],
488
+ "description": "Finds a group within a model and applies a function to create a new children"
489
+ },
490
+ {
491
+ "kind": "function",
492
+ "name": "addGroupOrRule",
493
+ "return": {
494
+ "type": {
495
+ "text": "ModelGroup"
496
+ }
497
+ },
498
+ "parameters": [
499
+ {
500
+ "name": "model",
501
+ "type": {
502
+ "text": "ModelGroup"
503
+ }
504
+ },
505
+ {
506
+ "name": "parentGroupId",
507
+ "type": {
508
+ "text": "string"
509
+ }
510
+ },
511
+ {
512
+ "name": "newItem",
513
+ "type": {
514
+ "text": "ModelGroup | ModelRule"
515
+ }
516
+ }
517
+ ]
518
+ },
519
+ {
520
+ "kind": "function",
521
+ "name": "deleteGroup",
522
+ "return": {
523
+ "type": {
524
+ "text": "ModelGroup"
525
+ }
526
+ },
527
+ "parameters": [
528
+ {
529
+ "name": "model",
530
+ "type": {
531
+ "text": "ModelGroup"
532
+ }
533
+ },
534
+ {
535
+ "name": "groupIdToDelete",
536
+ "type": {
537
+ "text": "string"
538
+ }
539
+ }
540
+ ]
541
+ },
542
+ {
543
+ "kind": "function",
544
+ "name": "deleteRule",
545
+ "return": {
546
+ "type": {
547
+ "text": "ModelGroup"
548
+ }
549
+ },
550
+ "parameters": [
551
+ {
552
+ "name": "model",
553
+ "type": {
554
+ "text": "ModelGroup"
555
+ }
556
+ },
557
+ {
558
+ "name": "ruleIdToDelete",
559
+ "type": {
560
+ "text": "string"
561
+ }
562
+ }
563
+ ]
564
+ },
565
+ {
566
+ "kind": "variable",
567
+ "name": "ROOT_GROUP",
568
+ "type": {
569
+ "text": "string"
570
+ },
571
+ "default": "'group-root'"
572
+ },
573
+ {
574
+ "kind": "function",
575
+ "name": "updateGroupData",
576
+ "return": {
577
+ "type": {
578
+ "text": "ModelGroup"
579
+ }
580
+ },
581
+ "parameters": [
582
+ {
583
+ "name": "model",
584
+ "type": {
585
+ "text": "ModelGroup"
586
+ }
587
+ },
588
+ {
589
+ "name": "groupIdToUpdate",
590
+ "type": {
591
+ "text": "string"
592
+ }
593
+ },
594
+ {
595
+ "name": "newData",
596
+ "type": {
597
+ "text": "EventsDetailMap[Events.UpdateGroup]['newData']"
598
+ }
599
+ }
600
+ ]
601
+ },
602
+ {
603
+ "kind": "function",
604
+ "name": "updateRuleData",
605
+ "return": {
606
+ "type": {
607
+ "text": "ModelGroup"
608
+ }
609
+ },
610
+ "parameters": [
611
+ {
612
+ "name": "model",
613
+ "type": {
614
+ "text": "ModelGroup"
615
+ }
616
+ },
617
+ {
618
+ "name": "ruleIdToUpdate",
619
+ "type": {
620
+ "text": "string"
621
+ }
622
+ },
623
+ {
624
+ "name": "newData",
625
+ "type": {
626
+ "text": "EventsDetailMap[Events.UpdateRule]['newData']"
627
+ }
628
+ }
629
+ ]
630
+ }
631
+ ],
632
+ "exports": [
633
+ {
634
+ "kind": "js",
635
+ "name": "findOperateOnGroup",
636
+ "declaration": {
637
+ "name": "findOperateOnGroup",
638
+ "module": "src/main/expression-builder.helpers.ts"
639
+ }
640
+ },
641
+ {
642
+ "kind": "js",
643
+ "name": "addGroupOrRule",
644
+ "declaration": {
645
+ "name": "addGroupOrRule",
646
+ "module": "src/main/expression-builder.helpers.ts"
647
+ }
648
+ },
649
+ {
650
+ "kind": "js",
651
+ "name": "deleteGroup",
652
+ "declaration": {
653
+ "name": "deleteGroup",
654
+ "module": "src/main/expression-builder.helpers.ts"
655
+ }
656
+ },
657
+ {
658
+ "kind": "js",
659
+ "name": "deleteRule",
660
+ "declaration": {
661
+ "name": "deleteRule",
662
+ "module": "src/main/expression-builder.helpers.ts"
663
+ }
664
+ },
665
+ {
666
+ "kind": "js",
667
+ "name": "ROOT_GROUP",
668
+ "declaration": {
669
+ "name": "ROOT_GROUP",
670
+ "module": "src/main/expression-builder.helpers.ts"
671
+ }
672
+ },
673
+ {
674
+ "kind": "js",
675
+ "name": "updateGroupData",
676
+ "declaration": {
677
+ "name": "updateGroupData",
678
+ "module": "src/main/expression-builder.helpers.ts"
679
+ }
680
+ },
681
+ {
682
+ "kind": "js",
683
+ "name": "updateRuleData",
684
+ "declaration": {
685
+ "name": "updateRuleData",
686
+ "module": "src/main/expression-builder.helpers.ts"
687
+ }
688
+ }
689
+ ]
690
+ },
691
+ {
692
+ "kind": "javascript-module",
693
+ "path": "src/main/expression-builder.styles.ts",
694
+ "declarations": [
695
+ {
696
+ "kind": "variable",
697
+ "name": "styles",
698
+ "default": "css`\n :host {\n --item-vertical-spacing: 4px;\n --item-border-radius: 5px;\n --group-background-color: rgb(250 240 210 / 50%);\n --group-border-color: #dcc896;\n --group-border: 1px solid var(--group-border-color);\n --group-padding: 10px;\n --rule-background-color: rgb(255 255 255 / 90%);\n --rule-border-color: #eee;\n --rule-border: 1px solid var(--rule-border-color);\n --rule-padding: 5px;\n --rule-value-separator: 1px solid #ddd;\n --error-icon-color: #f00;\n --error-border-color: #f99;\n --error-background-color: #fdd;\n --ticks-width: 2px;\n --ticks-color: #ccc;\n }\n\n p.test {\n color: black;\n }\n\n .query-builder {\n font-family: sans-serif;\n }\n\n .rules-group-container {\n position: relative;\n margin: var(--item-vertical-spacing) 0;\n border-radius: var(--item-border-radius);\n padding: var(--group-padding);\n border: var(--group-border);\n background: var(--group-background-color);\n }\n\n .rules-group-header {\n margin-bottom: var(--group-padding);\n }\n\n .group-conditions {\n display: inline-block;\n }\n\n .group-conditions .btn {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5;\n border-radius: 0.2rem;\n border: 1px solid #007bff;\n color: #007bff;\n background-color: transparent;\n cursor: pointer;\n }\n\n .group-conditions .btn:hover {\n background-color: #007bff;\n color: #fff;\n }\n\n .group-conditions .btn.active {\n background-color: #007bff;\n color: #fff;\n }\n\n .group-actions {\n display: inline-block;\n float: right;\n }\n\n .rules-list {\n list-style: none;\n padding: 0 0 0 20px; /* Adjusted ticks position */\n margin: 0;\n }\n\n .rule-container {\n position: relative;\n margin: var(--item-vertical-spacing) 0;\n border-radius: var(--item-border-radius);\n padding: var(--rule-padding);\n border: var(--rule-border);\n background: var(--rule-background-color);\n }\n\n .rule-header {\n margin-bottom: 5px;\n }\n\n .rule-actions {\n display: inline-block;\n float: right;\n }\n\n .rule-field-container,\n .rule-operator-container,\n .rule-value-container {\n display: inline-block;\n margin: 0 5px 0 0;\n vertical-align: middle;\n }\n\n .rule-value-container {\n border-left: var(--rule-value-separator);\n padding-left: 5px;\n }\n\n .rule-value-container label {\n margin-bottom: 0;\n font-weight: normal;\n }\n\n .rule-value-container label.block {\n display: block;\n }\n\n .error-container {\n display: none;\n cursor: help;\n color: var(--error-icon-color);\n margin-left: 5px;\n }\n\n .rule-container.has-error,\n .rules-group-container.has-error {\n background-color: var(--error-background-color);\n border-color: var(--error-border-color);\n }\n\n .rule-container.has-error .error-container,\n .rules-group-container.has-error .error-container {\n display: inline-block !important;\n }\n\n /* Ticks */\n .rules-list > * {\n position: relative;\n }\n\n .rules-list > *::before,\n .rules-list > *::after {\n content: '';\n position: absolute;\n left: -10px; /* Adjusted ticks position */\n width: 10px; /* Adjusted ticks position */\n border-color: var(--ticks-color);\n border-style: solid;\n }\n\n .rules-list > *::before {\n top: -2px; /* Adjusted ticks position */\n height: calc(50% + var(--item-vertical-spacing));\n border-width: 0 0 var(--ticks-width) var(--ticks-width);\n }\n\n .rules-list > *::after {\n top: 50%;\n border-width: 0 0 0 var(--ticks-width);\n height: 50%;\n }\n\n .rules-list > *:first-child::before {\n top: calc(-1 * var(--group-padding) - var(--ticks-width));\n height: calc(50% + var(--group-padding) + var(--item-vertical-spacing));\n }\n\n .rules-list > *:last-child::before {\n border-radius: 0 0 0 calc(2 * var(--ticks-width));\n }\n\n .rules-list > *:last-child::after {\n display: none;\n }\n`"
699
+ }
700
+ ],
701
+ "exports": [
702
+ {
703
+ "kind": "js",
704
+ "name": "styles",
705
+ "declaration": {
706
+ "name": "styles",
707
+ "module": "src/main/expression-builder.styles.ts"
708
+ }
420
709
  }
421
710
  ]
422
711
  },
@@ -624,293 +913,83 @@
624
913
  "name": "handleUpdateRuleData",
625
914
  "privacy": "private"
626
915
  },
627
- {
628
- "kind": "method",
629
- "name": "_handleUpdateRuleData",
630
- "privacy": "private",
631
- "parameters": [
632
- {
633
- "name": "event",
634
- "type": {
635
- "text": "CustomEvent<EventsDetailMap[Events.UpdateRule]>"
636
- }
637
- }
638
- ]
639
- }
640
- ],
641
- "events": [
642
- {
643
- "name": "change",
644
- "type": {
645
- "text": "CustomEvent"
646
- },
647
- "description": "Fired when the expression model changes"
648
- },
649
- {
650
- "description": "Bubbled when a nested group add is requested",
651
- "name": "add-group"
652
- },
653
- {
654
- "description": "Bubbled when a group delete is requested",
655
- "name": "del-group"
656
- },
657
- {
658
- "description": "Bubbled when a rule add is requested",
659
- "name": "add-rule"
660
- },
661
- {
662
- "description": "Bubbled when a rule delete is requested",
663
- "name": "del-rule"
664
- },
665
- {
666
- "description": "Bubbled when group data changes",
667
- "name": "update-group"
668
- },
669
- {
670
- "description": "Bubbled when rule data changes",
671
- "name": "update-rule"
672
- }
673
- ],
674
- "superclass": {
675
- "name": "GenesisElement",
676
- "package": "@genesislcap/web-core"
677
- },
678
- "tagName": "expression-builder",
679
- "customElement": true
680
- }
681
- ],
682
- "exports": [
683
- {
684
- "kind": "js",
685
- "name": "ExpressionBuilder",
686
- "declaration": {
687
- "name": "ExpressionBuilder",
688
- "module": "src/main/expression-builder.ts"
689
- }
690
- },
691
- {
692
- "kind": "custom-element-definition",
693
- "name": "expression-builder",
694
- "declaration": {
695
- "name": "ExpressionBuilder",
696
- "module": "src/main/expression-builder.ts"
697
- }
698
- }
699
- ]
700
- },
701
- {
702
- "kind": "javascript-module",
703
- "path": "src/main/index.ts",
704
- "declarations": [],
705
- "exports": [
706
- {
707
- "kind": "js",
708
- "name": "*",
709
- "declaration": {
710
- "name": "*",
711
- "package": "./expression-builder"
712
- }
713
- },
714
- {
715
- "kind": "js",
716
- "name": "*",
717
- "declaration": {
718
- "name": "*",
719
- "package": "./expression-builder.styles"
720
- }
721
- },
722
- {
723
- "kind": "js",
724
- "name": "*",
725
- "declaration": {
726
- "name": "*",
727
- "package": "./expression-builder.template"
728
- }
729
- }
730
- ]
731
- },
732
- {
733
- "kind": "javascript-module",
734
- "path": "src/types/index.ts",
735
- "declarations": [],
736
- "exports": [
737
- {
738
- "kind": "js",
739
- "name": "*",
740
- "declaration": {
741
- "name": "*",
742
- "package": "./public.types"
743
- }
744
- },
745
- {
746
- "kind": "js",
747
- "name": "*",
748
- "declaration": {
749
- "name": "*",
750
- "package": "./private.types"
751
- }
752
- }
753
- ]
754
- },
755
- {
756
- "kind": "javascript-module",
757
- "path": "src/types/private.types.ts",
758
- "declarations": [],
759
- "exports": []
760
- },
761
- {
762
- "kind": "javascript-module",
763
- "path": "src/types/public.types.ts",
764
- "declarations": [],
765
- "exports": []
766
- },
767
- {
768
- "kind": "javascript-module",
769
- "path": "src/utils/data-model.ts",
770
- "declarations": [
771
- {
772
- "kind": "function",
773
- "name": "groupToModelGroup",
774
- "return": {
775
- "type": {
776
- "text": "ModelGroup"
777
- }
778
- },
779
- "parameters": [
780
- {
781
- "name": "group",
782
- "type": {
783
- "text": "Group"
784
- }
785
- },
786
- {
787
- "name": "provider",
788
- "type": {
789
- "text": "MetadataProvider"
790
- }
791
- }
792
- ],
793
- "description": "Converts a Group to a ModelGroup (adds required metadata)"
794
- },
795
- {
796
- "kind": "function",
797
- "name": "modelGroupToGroup",
798
- "return": {
799
- "type": {
800
- "text": ""
801
- }
802
- },
803
- "parameters": [
804
- {
805
- "name": "modelGroup",
806
- "type": {
807
- "text": "ModelGroup"
808
- },
809
- "description": "The internal ModelGroup to convert."
916
+ {
917
+ "kind": "method",
918
+ "name": "_handleUpdateRuleData",
919
+ "privacy": "private",
920
+ "parameters": [
921
+ {
922
+ "name": "event",
923
+ "type": {
924
+ "text": "CustomEvent<EventsDetailMap[Events.UpdateRule]>"
925
+ }
926
+ }
927
+ ]
810
928
  }
811
929
  ],
812
- "description": "Converts a ModelGroup (internal data structure) to a public Group structure.\nThis function recursively processes the rules within the group."
813
- },
814
- {
815
- "kind": "function",
816
- "name": "modelRuleToRule",
817
- "return": {
818
- "type": {
819
- "text": ""
820
- }
821
- },
822
- "parameters": [
930
+ "events": [
823
931
  {
824
- "name": "modelRule",
932
+ "name": "change",
825
933
  "type": {
826
- "text": "ModelRule"
934
+ "text": "CustomEvent"
827
935
  },
828
- "description": "The internal ModelRule to convert."
829
- }
830
- ],
831
- "description": "Converts a ModelRule (internal data structure) to a public Rule structure."
832
- }
833
- ],
834
- "exports": [
835
- {
836
- "kind": "js",
837
- "name": "groupToModelGroup",
838
- "declaration": {
839
- "name": "groupToModelGroup",
840
- "module": "src/utils/data-model.ts"
841
- }
842
- },
843
- {
844
- "kind": "js",
845
- "name": "modelGroupToGroup",
846
- "declaration": {
847
- "name": "modelGroupToGroup",
848
- "module": "src/utils/data-model.ts"
849
- }
850
- },
851
- {
852
- "kind": "js",
853
- "name": "modelRuleToRule",
854
- "declaration": {
855
- "name": "modelRuleToRule",
856
- "module": "src/utils/data-model.ts"
857
- }
858
- }
859
- ]
860
- },
861
- {
862
- "kind": "javascript-module",
863
- "path": "src/utils/formatting.ts",
864
- "declarations": [
865
- {
866
- "kind": "function",
867
- "name": "formatDateString",
868
- "parameters": [
936
+ "description": "Fired when the expression model changes"
937
+ },
869
938
  {
870
- "name": "date",
871
- "type": {
872
- "text": "Date"
873
- }
874
- }
875
- ],
876
- "description": "Gets the string representation from a `Date` which is the format a `date` input uses.\n`yyyy-mm-dd`.\nUses UTC methods to ensure consistent output regardless of timezone.\n\nUsed to convert a javascript date object into the required string format expected by the expression builder."
877
- },
878
- {
879
- "kind": "function",
880
- "name": "formatDateTimeString",
881
- "parameters": [
939
+ "description": "Bubbled when a nested group add is requested",
940
+ "name": "add-group"
941
+ },
882
942
  {
883
- "name": "date",
884
- "type": {
885
- "text": "Date"
886
- }
943
+ "description": "Bubbled when a group delete is requested",
944
+ "name": "del-group"
945
+ },
946
+ {
947
+ "description": "Bubbled when a rule add is requested",
948
+ "name": "add-rule"
949
+ },
950
+ {
951
+ "description": "Bubbled when a rule delete is requested",
952
+ "name": "del-rule"
953
+ },
954
+ {
955
+ "description": "Bubbled when group data changes",
956
+ "name": "update-group"
957
+ },
958
+ {
959
+ "description": "Bubbled when rule data changes",
960
+ "name": "update-rule"
887
961
  }
888
962
  ],
889
- "description": "Gets the string representation from a `Date` which is the format a `datetime-local` input uses.\n`yyyy-mm-ddThh:mm:ss`.\nUses UTC methods to ensure consistent output regardless of timezone.\n\nUsed to convert a javascript date object into the required string format expected by the expression builder."
963
+ "superclass": {
964
+ "name": "GenesisElement",
965
+ "package": "@genesislcap/web-core"
966
+ },
967
+ "tagName": "expression-builder",
968
+ "customElement": true
890
969
  }
891
970
  ],
892
971
  "exports": [
893
972
  {
894
973
  "kind": "js",
895
- "name": "formatDateString",
974
+ "name": "ExpressionBuilder",
896
975
  "declaration": {
897
- "name": "formatDateString",
898
- "module": "src/utils/formatting.ts"
976
+ "name": "ExpressionBuilder",
977
+ "module": "src/main/expression-builder.ts"
899
978
  }
900
979
  },
901
980
  {
902
- "kind": "js",
903
- "name": "formatDateTimeString",
981
+ "kind": "custom-element-definition",
982
+ "name": "expression-builder",
904
983
  "declaration": {
905
- "name": "formatDateTimeString",
906
- "module": "src/utils/formatting.ts"
984
+ "name": "ExpressionBuilder",
985
+ "module": "src/main/expression-builder.ts"
907
986
  }
908
987
  }
909
988
  ]
910
989
  },
911
990
  {
912
991
  "kind": "javascript-module",
913
- "path": "src/utils/index.ts",
992
+ "path": "src/main/index.ts",
914
993
  "declarations": [],
915
994
  "exports": [
916
995
  {
@@ -918,7 +997,7 @@
918
997
  "name": "*",
919
998
  "declaration": {
920
999
  "name": "*",
921
- "package": "./data-model"
1000
+ "package": "./expression-builder"
922
1001
  }
923
1002
  },
924
1003
  {
@@ -926,7 +1005,7 @@
926
1005
  "name": "*",
927
1006
  "declaration": {
928
1007
  "name": "*",
929
- "package": "./formatting"
1008
+ "package": "./expression-builder.styles"
930
1009
  }
931
1010
  },
932
1011
  {
@@ -934,125 +1013,46 @@
934
1013
  "name": "*",
935
1014
  "declaration": {
936
1015
  "name": "*",
937
- "package": "./misc"
1016
+ "package": "./expression-builder.template"
938
1017
  }
939
1018
  }
940
1019
  ]
941
1020
  },
942
1021
  {
943
1022
  "kind": "javascript-module",
944
- "path": "src/utils/misc.ts",
945
- "declarations": [
946
- {
947
- "kind": "function",
948
- "name": "getFieldInput",
949
- "parameters": [
950
- {
951
- "name": "context",
952
- "type": {
953
- "text": "RuleValue | ModelRule"
954
- }
955
- }
956
- ]
957
- },
958
- {
959
- "kind": "function",
960
- "name": "getFieldType",
961
- "parameters": [
962
- {
963
- "name": "context",
964
- "type": {
965
- "text": "RuleValue | ModelRule"
966
- }
967
- }
968
- ]
969
- },
970
- {
971
- "kind": "function",
972
- "name": "processOptGroups",
973
- "return": {
974
- "type": {
975
- "text": "(T | { optgroup: string | null; xs: T[] })[]"
976
- }
977
- },
978
- "parameters": [
979
- {
980
- "name": "xs",
981
- "type": {
982
- "text": "T[]"
983
- }
984
- }
985
- ]
986
- },
987
- {
988
- "kind": "function",
989
- "name": "applyCustomStyles",
990
- "return": {
991
- "type": {
992
- "text": "void"
993
- }
994
- },
995
- "parameters": [
996
- {
997
- "name": "component",
998
- "type": {
999
- "text": "HTMLElement"
1000
- },
1001
- "description": "The web component instance"
1002
- },
1003
- {
1004
- "name": "styles",
1005
- "type": {
1006
- "text": "Styles | undefined | null"
1007
- },
1008
- "description": "The styles configuration object"
1009
- },
1010
- {
1011
- "name": "styleKey",
1012
- "type": {
1013
- "text": "keyof NonNullable<Styles['customStyles']>"
1014
- },
1015
- "description": "The key in styles.customStyles to use for custom styles"
1016
- }
1017
- ],
1018
- "description": "Utility function to add custom styles to a web component's shadow root"
1019
- }
1020
- ],
1023
+ "path": "src/types/index.ts",
1024
+ "declarations": [],
1021
1025
  "exports": [
1022
1026
  {
1023
1027
  "kind": "js",
1024
- "name": "getFieldInput",
1025
- "declaration": {
1026
- "name": "getFieldInput",
1027
- "module": "src/utils/misc.ts"
1028
- }
1029
- },
1030
- {
1031
- "kind": "js",
1032
- "name": "getFieldType",
1033
- "declaration": {
1034
- "name": "getFieldType",
1035
- "module": "src/utils/misc.ts"
1036
- }
1037
- },
1038
- {
1039
- "kind": "js",
1040
- "name": "processOptGroups",
1028
+ "name": "*",
1041
1029
  "declaration": {
1042
- "name": "processOptGroups",
1043
- "module": "src/utils/misc.ts"
1030
+ "name": "*",
1031
+ "package": "./public.types"
1044
1032
  }
1045
1033
  },
1046
1034
  {
1047
1035
  "kind": "js",
1048
- "name": "applyCustomStyles",
1036
+ "name": "*",
1049
1037
  "declaration": {
1050
- "name": "applyCustomStyles",
1051
- "module": "src/utils/misc.ts"
1038
+ "name": "*",
1039
+ "package": "./private.types"
1052
1040
  }
1053
1041
  }
1054
1042
  ]
1055
1043
  },
1044
+ {
1045
+ "kind": "javascript-module",
1046
+ "path": "src/types/private.types.ts",
1047
+ "declarations": [],
1048
+ "exports": []
1049
+ },
1050
+ {
1051
+ "kind": "javascript-module",
1052
+ "path": "src/types/public.types.ts",
1053
+ "declarations": [],
1054
+ "exports": []
1055
+ },
1056
1056
  {
1057
1057
  "kind": "javascript-module",
1058
1058
  "path": "src/main/expression-group/expression-group.styles.ts",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/expression-builder",
3
3
  "description": "Genesis Foundation Expression Builder",
4
- "version": "14.429.0",
4
+ "version": "14.429.2-alpha-0d0a008.0",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "main": "dist/esm/index.js",
7
7
  "types": "dist/expression-builder.d.ts",
@@ -38,16 +38,16 @@
38
38
  }
39
39
  },
40
40
  "devDependencies": {
41
- "@genesislcap/foundation-testing": "14.429.0",
42
- "@genesislcap/genx": "14.429.0",
43
- "@genesislcap/rollup-builder": "14.429.0",
44
- "@genesislcap/ts-builder": "14.429.0",
45
- "@genesislcap/uvu-playwright-builder": "14.429.0",
46
- "@genesislcap/vite-builder": "14.429.0",
47
- "@genesislcap/webpack-builder": "14.429.0"
41
+ "@genesislcap/foundation-testing": "14.429.2-alpha-0d0a008.0",
42
+ "@genesislcap/genx": "14.429.2-alpha-0d0a008.0",
43
+ "@genesislcap/rollup-builder": "14.429.2-alpha-0d0a008.0",
44
+ "@genesislcap/ts-builder": "14.429.2-alpha-0d0a008.0",
45
+ "@genesislcap/uvu-playwright-builder": "14.429.2-alpha-0d0a008.0",
46
+ "@genesislcap/vite-builder": "14.429.2-alpha-0d0a008.0",
47
+ "@genesislcap/webpack-builder": "14.429.2-alpha-0d0a008.0"
48
48
  },
49
49
  "dependencies": {
50
- "@genesislcap/web-core": "14.429.0",
50
+ "@genesislcap/web-core": "14.429.2-alpha-0d0a008.0",
51
51
  "rfdc": "1.4.1"
52
52
  },
53
53
  "repository": {
@@ -70,5 +70,5 @@
70
70
  "require": "./dist/react.cjs"
71
71
  }
72
72
  },
73
- "gitHead": "3584bc77da10f9c2b4207d690ef088d2c8a12496"
73
+ "gitHead": "70bcfc8eced0a855333c57f9a5a18782ff49c7f5"
74
74
  }