@cdmx/wappler_ag_grid 2.0.7 → 2.0.9

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.
package/README.md CHANGED
@@ -86,6 +86,17 @@ The overrides for the "Custom" theme can be applied in the ag-theme-custom.css f
86
86
 
87
87
  To use the "Custom" theme, copy "ag-theme-custom.css" to public/css/ag-theme-custom.css and include it in your layout file.
88
88
 
89
+ **Important CSS Fix for Custom Theme:**
90
+ When using the custom theme, you may notice that the magnification lens icon on filter search overlaps with the text while typing. To fix this issue, add the following CSS to your custom theme file:
91
+
92
+ ```css
93
+ .ag-input-wrapper:before {
94
+ content: unset !important;
95
+ }
96
+ ```
97
+
98
+ This CSS rule removes the pseudo-element that creates the overlapping magnification lens icon, ensuring proper text visibility during filter input.
99
+
89
100
 
90
101
  ## AG Grid Options
91
102
  1. **Minimum Width**: The minimum width of the column. (Default: 150)
@@ -2149,7 +2149,67 @@
2149
2149
  "button20ActionTooltip",
2150
2150
  "button20ActionBtnClass",
2151
2151
  "button20ActionIconClass",
2152
- "button20ActionBtnCondition"
2152
+ "button20ActionBtnCondition",
2153
+ "button21ActionBtn",
2154
+ "button21ActionTitle",
2155
+ "button21ActionTooltip",
2156
+ "button21ActionBtnClass",
2157
+ "button21ActionIconClass",
2158
+ "button21ActionBtnCondition",
2159
+ "button22ActionBtn",
2160
+ "button22ActionTitle",
2161
+ "button22ActionTooltip",
2162
+ "button22ActionBtnClass",
2163
+ "button22ActionIconClass",
2164
+ "button22ActionBtnCondition",
2165
+ "button23ActionBtn",
2166
+ "button23ActionTitle",
2167
+ "button23ActionTooltip",
2168
+ "button23ActionBtnClass",
2169
+ "button23ActionIconClass",
2170
+ "button23ActionBtnCondition",
2171
+ "button24ActionBtn",
2172
+ "button24ActionTitle",
2173
+ "button24ActionTooltip",
2174
+ "button24ActionBtnClass",
2175
+ "button24ActionIconClass",
2176
+ "button24ActionBtnCondition",
2177
+ "button25ActionBtn",
2178
+ "button25ActionTitle",
2179
+ "button25ActionTooltip",
2180
+ "button25ActionBtnClass",
2181
+ "button25ActionIconClass",
2182
+ "button25ActionBtnCondition",
2183
+ "button26ActionBtn",
2184
+ "button26ActionTitle",
2185
+ "button26ActionTooltip",
2186
+ "button26ActionBtnClass",
2187
+ "button26ActionIconClass",
2188
+ "button26ActionBtnCondition",
2189
+ "button27ActionBtn",
2190
+ "button27ActionTitle",
2191
+ "button27ActionTooltip",
2192
+ "button27ActionBtnClass",
2193
+ "button27ActionIconClass",
2194
+ "button27ActionBtnCondition",
2195
+ "button28ActionBtn",
2196
+ "button28ActionTitle",
2197
+ "button28ActionTooltip",
2198
+ "button28ActionBtnClass",
2199
+ "button28ActionIconClass",
2200
+ "button28ActionBtnCondition",
2201
+ "button29ActionBtn",
2202
+ "button29ActionTitle",
2203
+ "button29ActionTooltip",
2204
+ "button29ActionBtnClass",
2205
+ "button29ActionIconClass",
2206
+ "button29ActionBtnCondition",
2207
+ "button30ActionBtn",
2208
+ "button30ActionTitle",
2209
+ "button30ActionTooltip",
2210
+ "button30ActionBtnClass",
2211
+ "button30ActionIconClass",
2212
+ "button30ActionBtnCondition"
2153
2213
  ],
2154
2214
  "noChangeOnHide": true,
2155
2215
  "groupEnabler": true,
@@ -2982,6 +3042,416 @@
2982
3042
  "attribute": "button20_action_btn_condition",
2983
3043
  "title": "Button20 Condition",
2984
3044
  "type": "text"
3045
+ },
3046
+ {
3047
+ "name": "button21ActionBtn",
3048
+ "attribute": "dmx-bind:button21_action_btn",
3049
+ "title": "Button21 Action Button",
3050
+ "type": "boolean",
3051
+ "defaultValue": false
3052
+ },
3053
+ {
3054
+ "name": "button21ActionTitle",
3055
+ "attribute": "button21_action_title",
3056
+ "title": "Button21 Title",
3057
+ "type": "text",
3058
+ "defaultValue": ""
3059
+ },
3060
+ {
3061
+ "name": "button21ActionTooltip",
3062
+ "attribute": "button21_action_tooltip",
3063
+ "title": "Button21 Tooltip",
3064
+ "type": "text",
3065
+ "defaultValue": ""
3066
+ },
3067
+ {
3068
+ "name": "button21ActionBtnClass",
3069
+ "attribute": "button21_action_btn_class",
3070
+ "title": "Button21 Class",
3071
+ "type": "text",
3072
+ "defaultValue": "btn-primary btn-sm m-1"
3073
+ },
3074
+ {
3075
+ "name": "button21ActionIconClass",
3076
+ "attribute": "button21_action_icon_class",
3077
+ "title": "Button21 Icon Class",
3078
+ "type": "text",
3079
+ "defaultValue": "fas fa-arrow-right"
3080
+ },
3081
+ {
3082
+ "name": "button21ActionBtnCondition",
3083
+ "attribute": "button21_action_btn_condition",
3084
+ "title": "Button21 Condition",
3085
+ "type": "text"
3086
+ },
3087
+ {
3088
+ "name": "button22ActionBtn",
3089
+ "attribute": "dmx-bind:button22_action_btn",
3090
+ "title": "Button22 Action Button",
3091
+ "type": "boolean",
3092
+ "defaultValue": false
3093
+ },
3094
+ {
3095
+ "name": "button22ActionTitle",
3096
+ "attribute": "button22_action_title",
3097
+ "title": "Button22 Title",
3098
+ "type": "text",
3099
+ "defaultValue": ""
3100
+ },
3101
+ {
3102
+ "name": "button22ActionTooltip",
3103
+ "attribute": "button22_action_tooltip",
3104
+ "title": "Button22 Tooltip",
3105
+ "type": "text",
3106
+ "defaultValue": ""
3107
+ },
3108
+ {
3109
+ "name": "button22ActionBtnClass",
3110
+ "attribute": "button22_action_btn_class",
3111
+ "title": "Button22 Class",
3112
+ "type": "text",
3113
+ "defaultValue": "btn-info btn-sm m-1"
3114
+ },
3115
+ {
3116
+ "name": "button22ActionIconClass",
3117
+ "attribute": "button22_action_icon_class",
3118
+ "title": "Button22 Icon Class",
3119
+ "type": "text",
3120
+ "defaultValue": "fas fa-arrow-left"
3121
+ },
3122
+ {
3123
+ "name": "button22ActionBtnCondition",
3124
+ "attribute": "button22_action_btn_condition",
3125
+ "title": "Button22 Condition",
3126
+ "type": "text"
3127
+ },
3128
+ {
3129
+ "name": "button23ActionBtn",
3130
+ "attribute": "dmx-bind:button23_action_btn",
3131
+ "title": "Button23 Action Button",
3132
+ "type": "boolean",
3133
+ "defaultValue": false
3134
+ },
3135
+ {
3136
+ "name": "button23ActionTitle",
3137
+ "attribute": "button23_action_title",
3138
+ "title": "Button23 Title",
3139
+ "type": "text",
3140
+ "defaultValue": ""
3141
+ },
3142
+ {
3143
+ "name": "button23ActionTooltip",
3144
+ "attribute": "button23_action_tooltip",
3145
+ "title": "Button23 Tooltip",
3146
+ "type": "text",
3147
+ "defaultValue": ""
3148
+ },
3149
+ {
3150
+ "name": "button23ActionBtnClass",
3151
+ "attribute": "button23_action_btn_class",
3152
+ "title": "Button23 Class",
3153
+ "type": "text",
3154
+ "defaultValue": "btn-success btn-sm m-1"
3155
+ },
3156
+ {
3157
+ "name": "button23ActionIconClass",
3158
+ "attribute": "button23_action_icon_class",
3159
+ "title": "Button23 Icon Class",
3160
+ "type": "text",
3161
+ "defaultValue": "fas fa-check"
3162
+ },
3163
+ {
3164
+ "name": "button23ActionBtnCondition",
3165
+ "attribute": "button23_action_btn_condition",
3166
+ "title": "Button23 Condition",
3167
+ "type": "text"
3168
+ },
3169
+ {
3170
+ "name": "button24ActionBtn",
3171
+ "attribute": "dmx-bind:button24_action_btn",
3172
+ "title": "Button24 Action Button",
3173
+ "type": "boolean",
3174
+ "defaultValue": false
3175
+ },
3176
+ {
3177
+ "name": "button24ActionTitle",
3178
+ "attribute": "button24_action_title",
3179
+ "title": "Button24 Title",
3180
+ "type": "text",
3181
+ "defaultValue": ""
3182
+ },
3183
+ {
3184
+ "name": "button24ActionTooltip",
3185
+ "attribute": "button24_action_tooltip",
3186
+ "title": "Button24 Tooltip",
3187
+ "type": "text",
3188
+ "defaultValue": ""
3189
+ },
3190
+ {
3191
+ "name": "button24ActionBtnClass",
3192
+ "attribute": "button24_action_btn_class",
3193
+ "title": "Button24 Class",
3194
+ "type": "text",
3195
+ "defaultValue": "btn-warning btn-sm m-1"
3196
+ },
3197
+ {
3198
+ "name": "button24ActionIconClass",
3199
+ "attribute": "button24_action_icon_class",
3200
+ "title": "Button24 Icon Class",
3201
+ "type": "text",
3202
+ "defaultValue": "fas fa-exclamation"
3203
+ },
3204
+ {
3205
+ "name": "button24ActionBtnCondition",
3206
+ "attribute": "button24_action_btn_condition",
3207
+ "title": "Button24 Condition",
3208
+ "type": "text"
3209
+ },
3210
+ {
3211
+ "name": "button25ActionBtn",
3212
+ "attribute": "dmx-bind:button25_action_btn",
3213
+ "title": "Button25 Action Button",
3214
+ "type": "boolean",
3215
+ "defaultValue": false
3216
+ },
3217
+ {
3218
+ "name": "button25ActionTitle",
3219
+ "attribute": "button25_action_title",
3220
+ "title": "Button25 Title",
3221
+ "type": "text",
3222
+ "defaultValue": ""
3223
+ },
3224
+ {
3225
+ "name": "button25ActionTooltip",
3226
+ "attribute": "button25_action_tooltip",
3227
+ "title": "Button25 Tooltip",
3228
+ "type": "text",
3229
+ "defaultValue": ""
3230
+ },
3231
+ {
3232
+ "name": "button25ActionBtnClass",
3233
+ "attribute": "button25_action_btn_class",
3234
+ "title": "Button25 Class",
3235
+ "type": "text",
3236
+ "defaultValue": "btn-danger btn-sm m-1"
3237
+ },
3238
+ {
3239
+ "name": "button25ActionIconClass",
3240
+ "attribute": "button25_action_icon_class",
3241
+ "title": "Button25 Icon Class",
3242
+ "type": "text",
3243
+ "defaultValue": "fas fa-times"
3244
+ },
3245
+ {
3246
+ "name": "button25ActionBtnCondition",
3247
+ "attribute": "button25_action_btn_condition",
3248
+ "title": "Button25 Condition",
3249
+ "type": "text"
3250
+ },
3251
+ {
3252
+ "name": "button26ActionBtn",
3253
+ "attribute": "dmx-bind:button26_action_btn",
3254
+ "title": "Button26 Action Button",
3255
+ "type": "boolean",
3256
+ "defaultValue": false
3257
+ },
3258
+ {
3259
+ "name": "button26ActionTitle",
3260
+ "attribute": "button26_action_title",
3261
+ "title": "Button26 Title",
3262
+ "type": "text",
3263
+ "defaultValue": ""
3264
+ },
3265
+ {
3266
+ "name": "button26ActionTooltip",
3267
+ "attribute": "button26_action_tooltip",
3268
+ "title": "Button26 Tooltip",
3269
+ "type": "text",
3270
+ "defaultValue": ""
3271
+ },
3272
+ {
3273
+ "name": "button26ActionBtnClass",
3274
+ "attribute": "button26_action_btn_class",
3275
+ "title": "Button26 Class",
3276
+ "type": "text",
3277
+ "defaultValue": "btn-secondary btn-sm m-1"
3278
+ },
3279
+ {
3280
+ "name": "button26ActionIconClass",
3281
+ "attribute": "button26_action_icon_class",
3282
+ "title": "Button26 Icon Class",
3283
+ "type": "text",
3284
+ "defaultValue": "fas fa-refresh"
3285
+ },
3286
+ {
3287
+ "name": "button26ActionBtnCondition",
3288
+ "attribute": "button26_action_btn_condition",
3289
+ "title": "Button26 Condition",
3290
+ "type": "text"
3291
+ },
3292
+ {
3293
+ "name": "button27ActionBtn",
3294
+ "attribute": "dmx-bind:button27_action_btn",
3295
+ "title": "Button27 Action Button",
3296
+ "type": "boolean",
3297
+ "defaultValue": false
3298
+ },
3299
+ {
3300
+ "name": "button27ActionTitle",
3301
+ "attribute": "button27_action_title",
3302
+ "title": "Button27 Title",
3303
+ "type": "text",
3304
+ "defaultValue": ""
3305
+ },
3306
+ {
3307
+ "name": "button27ActionTooltip",
3308
+ "attribute": "button27_action_tooltip",
3309
+ "title": "Button27 Tooltip",
3310
+ "type": "text",
3311
+ "defaultValue": ""
3312
+ },
3313
+ {
3314
+ "name": "button27ActionBtnClass",
3315
+ "attribute": "button27_action_btn_class",
3316
+ "title": "Button27 Class",
3317
+ "type": "text",
3318
+ "defaultValue": "btn-primary btn-sm m-1"
3319
+ },
3320
+ {
3321
+ "name": "button27ActionIconClass",
3322
+ "attribute": "button27_action_icon_class",
3323
+ "title": "Button27 Icon Class",
3324
+ "type": "text",
3325
+ "defaultValue": "fas fa-plus"
3326
+ },
3327
+ {
3328
+ "name": "button27ActionBtnCondition",
3329
+ "attribute": "button27_action_btn_condition",
3330
+ "title": "Button27 Condition",
3331
+ "type": "text"
3332
+ },
3333
+ {
3334
+ "name": "button28ActionBtn",
3335
+ "attribute": "dmx-bind:button28_action_btn",
3336
+ "title": "Button28 Action Button",
3337
+ "type": "boolean",
3338
+ "defaultValue": false
3339
+ },
3340
+ {
3341
+ "name": "button28ActionTitle",
3342
+ "attribute": "button28_action_title",
3343
+ "title": "Button28 Title",
3344
+ "type": "text",
3345
+ "defaultValue": ""
3346
+ },
3347
+ {
3348
+ "name": "button28ActionTooltip",
3349
+ "attribute": "button28_action_tooltip",
3350
+ "title": "Button28 Tooltip",
3351
+ "type": "text",
3352
+ "defaultValue": ""
3353
+ },
3354
+ {
3355
+ "name": "button28ActionBtnClass",
3356
+ "attribute": "button28_action_btn_class",
3357
+ "title": "Button28 Class",
3358
+ "type": "text",
3359
+ "defaultValue": "btn-info btn-sm m-1"
3360
+ },
3361
+ {
3362
+ "name": "button28ActionIconClass",
3363
+ "attribute": "button28_action_icon_class",
3364
+ "title": "Button28 Icon Class",
3365
+ "type": "text",
3366
+ "defaultValue": "fas fa-minus"
3367
+ },
3368
+ {
3369
+ "name": "button28ActionBtnCondition",
3370
+ "attribute": "button28_action_btn_condition",
3371
+ "title": "Button28 Condition",
3372
+ "type": "text"
3373
+ },
3374
+ {
3375
+ "name": "button29ActionBtn",
3376
+ "attribute": "dmx-bind:button29_action_btn",
3377
+ "title": "Button29 Action Button",
3378
+ "type": "boolean",
3379
+ "defaultValue": false
3380
+ },
3381
+ {
3382
+ "name": "button29ActionTitle",
3383
+ "attribute": "button29_action_title",
3384
+ "title": "Button29 Title",
3385
+ "type": "text",
3386
+ "defaultValue": ""
3387
+ },
3388
+ {
3389
+ "name": "button29ActionTooltip",
3390
+ "attribute": "button29_action_tooltip",
3391
+ "title": "Button29 Tooltip",
3392
+ "type": "text",
3393
+ "defaultValue": ""
3394
+ },
3395
+ {
3396
+ "name": "button29ActionBtnClass",
3397
+ "attribute": "button29_action_btn_class",
3398
+ "title": "Button29 Class",
3399
+ "type": "text",
3400
+ "defaultValue": "btn-success btn-sm m-1"
3401
+ },
3402
+ {
3403
+ "name": "button29ActionIconClass",
3404
+ "attribute": "button29_action_icon_class",
3405
+ "title": "Button29 Icon Class",
3406
+ "type": "text",
3407
+ "defaultValue": "fas fa-copy"
3408
+ },
3409
+ {
3410
+ "name": "button29ActionBtnCondition",
3411
+ "attribute": "button29_action_btn_condition",
3412
+ "title": "Button29 Condition",
3413
+ "type": "text"
3414
+ },
3415
+ {
3416
+ "name": "button30ActionBtn",
3417
+ "attribute": "dmx-bind:button30_action_btn",
3418
+ "title": "Button30 Action Button",
3419
+ "type": "boolean",
3420
+ "defaultValue": false
3421
+ },
3422
+ {
3423
+ "name": "button30ActionTitle",
3424
+ "attribute": "button30_action_title",
3425
+ "title": "Button30 Title",
3426
+ "type": "text",
3427
+ "defaultValue": ""
3428
+ },
3429
+ {
3430
+ "name": "button30ActionTooltip",
3431
+ "attribute": "button30_action_tooltip",
3432
+ "title": "Button30 Tooltip",
3433
+ "type": "text",
3434
+ "defaultValue": ""
3435
+ },
3436
+ {
3437
+ "name": "button30ActionBtnClass",
3438
+ "attribute": "button30_action_btn_class",
3439
+ "title": "Button30 Class",
3440
+ "type": "text",
3441
+ "defaultValue": "btn-danger btn-sm m-1"
3442
+ },
3443
+ {
3444
+ "name": "button30ActionIconClass",
3445
+ "attribute": "button30_action_icon_class",
3446
+ "title": "Button30 Icon Class",
3447
+ "type": "text",
3448
+ "defaultValue": "fas fa-share"
3449
+ },
3450
+ {
3451
+ "name": "button30ActionBtnCondition",
3452
+ "attribute": "button30_action_btn_condition",
3453
+ "title": "Button30 Condition",
3454
+ "type": "text"
2985
3455
  }
2986
3456
  ]
2987
3457
  },
@@ -3035,7 +3505,17 @@
3035
3505
  {"id": "button17", "text": "button17"},
3036
3506
  {"id": "button18", "text": "button18"},
3037
3507
  {"id": "button19", "text": "button19"},
3038
- {"id": "button20", "text": "button20"}
3508
+ {"id": "button20", "text": "button20"},
3509
+ {"id": "button21", "text": "button21"},
3510
+ {"id": "button22", "text": "button22"},
3511
+ {"id": "button23", "text": "button23"},
3512
+ {"id": "button24", "text": "button24"},
3513
+ {"id": "button25", "text": "button25"},
3514
+ {"id": "button26", "text": "button26"},
3515
+ {"id": "button27", "text": "button27"},
3516
+ {"id": "button28", "text": "button28"},
3517
+ {"id": "button29", "text": "button29"},
3518
+ {"id": "button30", "text": "button30"}
3039
3519
  ]
3040
3520
  }
3041
3521
  },
@@ -3099,7 +3579,17 @@
3099
3579
  {"id": "button17", "text": "button17"},
3100
3580
  {"id": "button18", "text": "button18"},
3101
3581
  {"id": "button19", "text": "button19"},
3102
- {"id": "button20", "text": "button20"}
3582
+ {"id": "button20", "text": "button20"},
3583
+ {"id": "button21", "text": "button21"},
3584
+ {"id": "button22", "text": "button22"},
3585
+ {"id": "button23", "text": "button23"},
3586
+ {"id": "button24", "text": "button24"},
3587
+ {"id": "button25", "text": "button25"},
3588
+ {"id": "button26", "text": "button26"},
3589
+ {"id": "button27", "text": "button27"},
3590
+ {"id": "button28", "text": "button28"},
3591
+ {"id": "button29", "text": "button29"},
3592
+ {"id": "button30", "text": "button30"}
3103
3593
  ]
3104
3594
  }
3105
3595
  },
package/dmx-ag-grid.js CHANGED
@@ -252,6 +252,66 @@ dmx.Component('ag-grid', {
252
252
  button20_action_icon_class: { type: "String", default: "fas fa-times" },
253
253
  button20_action_btn_class: { type: "String", default: "btn-danger btn-sm m-1" },
254
254
  button20_action_btn_condition: { type: String, default: null },
255
+ button21_action_btn: { type: "Boolean", default: false },
256
+ button21_action_title: { type: "String", default: "" },
257
+ button21_action_tooltip: { type: "String", default: "" },
258
+ button21_action_icon_class: { type: "String", default: "fas fa-arrow-right" },
259
+ button21_action_btn_class: { type: "String", default: "btn-primary btn-sm m-1" },
260
+ button21_action_btn_condition: { type: String, default: null },
261
+ button22_action_btn: { type: "Boolean", default: false },
262
+ button22_action_title: { type: "String", default: "" },
263
+ button22_action_tooltip: { type: "String", default: "" },
264
+ button22_action_icon_class: { type: "String", default: "fas fa-arrow-left" },
265
+ button22_action_btn_class: { type: "String", default: "btn-info btn-sm m-1" },
266
+ button22_action_btn_condition: { type: String, default: null },
267
+ button23_action_btn: { type: "Boolean", default: false },
268
+ button23_action_title: { type: "String", default: "" },
269
+ button23_action_tooltip: { type: "String", default: "" },
270
+ button23_action_icon_class: { type: "String", default: "fas fa-check" },
271
+ button23_action_btn_class: { type: "String", default: "btn-success btn-sm m-1" },
272
+ button23_action_btn_condition: { type: String, default: null },
273
+ button24_action_btn: { type: "Boolean", default: false },
274
+ button24_action_title: { type: "String", default: "" },
275
+ button24_action_tooltip: { type: "String", default: "" },
276
+ button24_action_icon_class: { type: "String", default: "fas fa-exclamation" },
277
+ button24_action_btn_class: { type: "String", default: "btn-warning btn-sm m-1" },
278
+ button24_action_btn_condition: { type: String, default: null },
279
+ button25_action_btn: { type: "Boolean", default: false },
280
+ button25_action_title: { type: "String", default: "" },
281
+ button25_action_tooltip: { type: "String", default: "" },
282
+ button25_action_icon_class: { type: "String", default: "fas fa-times" },
283
+ button25_action_btn_class: { type: "String", default: "btn-danger btn-sm m-1" },
284
+ button25_action_btn_condition: { type: String, default: null },
285
+ button26_action_btn: { type: "Boolean", default: false },
286
+ button26_action_title: { type: "String", default: "" },
287
+ button26_action_tooltip: { type: "String", default: "" },
288
+ button26_action_icon_class: { type: "String", default: "fas fa-refresh" },
289
+ button26_action_btn_class: { type: "String", default: "btn-secondary btn-sm m-1" },
290
+ button26_action_btn_condition: { type: String, default: null },
291
+ button27_action_btn: { type: "Boolean", default: false },
292
+ button27_action_title: { type: "String", default: "" },
293
+ button27_action_tooltip: { type: "String", default: "" },
294
+ button27_action_icon_class: { type: "String", default: "fas fa-plus" },
295
+ button27_action_btn_class: { type: "String", default: "btn-primary btn-sm m-1" },
296
+ button27_action_btn_condition: { type: String, default: null },
297
+ button28_action_btn: { type: "Boolean", default: false },
298
+ button28_action_title: { type: "String", default: "" },
299
+ button28_action_tooltip: { type: "String", default: "" },
300
+ button28_action_icon_class: { type: "String", default: "fas fa-minus" },
301
+ button28_action_btn_class: { type: "String", default: "btn-info btn-sm m-1" },
302
+ button28_action_btn_condition: { type: String, default: null },
303
+ button29_action_btn: { type: "Boolean", default: false },
304
+ button29_action_title: { type: "String", default: "" },
305
+ button29_action_tooltip: { type: "String", default: "" },
306
+ button29_action_icon_class: { type: "String", default: "fas fa-copy" },
307
+ button29_action_btn_class: { type: "String", default: "btn-success btn-sm m-1" },
308
+ button29_action_btn_condition: { type: String, default: null },
309
+ button30_action_btn: { type: "Boolean", default: false },
310
+ button30_action_title: { type: "String", default: "" },
311
+ button30_action_tooltip: { type: "String", default: "" },
312
+ button30_action_icon_class: { type: "String", default: "fas fa-share" },
313
+ button30_action_btn_class: { type: "String", default: "btn-danger btn-sm m-1" },
314
+ button30_action_btn_condition: { type: String, default: null },
255
315
  data_binded_changes: {type: Array, default: [] },
256
316
  hide_fields: {type: String, default: null },
257
317
  hide_filters: {type: String, default: null },
@@ -611,7 +671,17 @@ dmx.Component('ag-grid', {
611
671
  { action: 'Button17', classNames: 'btn-primary btn-sm', tooltip: 'Button17', icon: 'fas fa-file' },
612
672
  { action: 'Button18', classNames: 'btn-info btn-sm', tooltip: 'Button18', icon: 'fas fa-print' },
613
673
  { action: 'Button19', classNames: 'btn-success btn-sm', tooltip: 'Button19', icon: 'fas fa-heart' },
614
- { action: 'Button20', classNames: 'btn-danger btn-sm', tooltip: 'Button20', icon: 'fas fa-times' }
674
+ { action: 'Button20', classNames: 'btn-danger btn-sm', tooltip: 'Button20', icon: 'fas fa-times' },
675
+ { action: 'Button21', classNames: 'btn-primary btn-sm', tooltip: 'Button21', icon: 'fas fa-arrow-right' },
676
+ { action: 'Button22', classNames: 'btn-info btn-sm', tooltip: 'Button22', icon: 'fas fa-arrow-left' },
677
+ { action: 'Button23', classNames: 'btn-success btn-sm', tooltip: 'Button23', icon: 'fas fa-check' },
678
+ { action: 'Button24', classNames: 'btn-warning btn-sm', tooltip: 'Button24', icon: 'fas fa-exclamation' },
679
+ { action: 'Button25', classNames: 'btn-danger btn-sm', tooltip: 'Button25', icon: 'fas fa-times' },
680
+ { action: 'Button26', classNames: 'btn-secondary btn-sm', tooltip: 'Button26', icon: 'fas fa-refresh' },
681
+ { action: 'Button27', classNames: 'btn-primary btn-sm', tooltip: 'Button27', icon: 'fas fa-plus' },
682
+ { action: 'Button28', classNames: 'btn-info btn-sm', tooltip: 'Button28', icon: 'fas fa-minus' },
683
+ { action: 'Button29', classNames: 'btn-success btn-sm', tooltip: 'Button29', icon: 'fas fa-copy' },
684
+ { action: 'Button30', classNames: 'btn-danger btn-sm', tooltip: 'Button30', icon: 'fas fa-share' }
615
685
  ];
616
686
  // User-defined button configurations (if any)
617
687
  const buttons = params.buttons || defaultButtons;
@@ -1109,7 +1179,7 @@ dmx.Component('ag-grid', {
1109
1179
  else if (Array.isArray(options.tooltip_config)) {
1110
1180
  for (const config of options.tooltip_config) {
1111
1181
  if (config.field === key && config.tooltip === "yes") {
1112
- return value;
1182
+ return value;
1113
1183
  }
1114
1184
  }
1115
1185
  }
@@ -1204,6 +1274,35 @@ dmx.Component('ag-grid', {
1204
1274
 
1205
1275
  if (dataType === 'number') {
1206
1276
  filter = 'agNumberColumnFilter';
1277
+ const baseFilterOptions = [
1278
+ 'equals',
1279
+ 'notEqual',
1280
+ 'lessThan',
1281
+ 'lessThanOrEqual',
1282
+ 'greaterThan',
1283
+ 'greaterThanOrEqual',
1284
+ 'inRange'
1285
+ ];
1286
+
1287
+ filterParams = {
1288
+ filterOptions: [
1289
+ ...baseFilterOptions,
1290
+ {
1291
+ displayKey: 'contains',
1292
+ displayName: 'Contains',
1293
+ predicate: (filterValue, cellValue) => {
1294
+ return cellValue.toString().includes(filterValue.toString());
1295
+ }
1296
+ },
1297
+ {
1298
+ displayKey: 'doesNotContain',
1299
+ displayName: 'Does not Contain',
1300
+ predicate: (filterValue, cellValue) => {
1301
+ return !cellValue.toString().includes(filterValue.toString());
1302
+ }
1303
+ }
1304
+ ]
1305
+ };
1207
1306
  if (options.numeric_column_align){
1208
1307
  type = 'numericColumn';
1209
1308
  }
@@ -1314,14 +1413,14 @@ dmx.Component('ag-grid', {
1314
1413
  // Check if there's a matching change in jsDataChanges
1315
1414
  const matchingJsChange = options.js_data_changes.find(change => change.field === key);
1316
1415
  if (matchingJsChange) {
1317
- cellRenderer = function (params) {
1318
- // Don't apply custom renderer to pinned bottom rows (totals)
1319
- if (params.node && params.node.rowPinned === 'bottom') {
1320
- return "-";
1321
- }
1322
- if (typeof window[matchingJsChange.function] === 'function') {
1323
- const cellValue = window[matchingJsChange.function](params.data);
1324
- return cellValue;
1416
+ cellRenderer = function (params) {
1417
+ // Don't apply custom renderer to pinned bottom rows (totals)
1418
+ if (params.node && params.node.rowPinned === 'bottom') {
1419
+ return "-";
1420
+ }
1421
+ if (typeof window[matchingJsChange.function] === 'function') {
1422
+ const cellValue = window[matchingJsChange.function](params.data);
1423
+ return cellValue;
1325
1424
  }
1326
1425
  }
1327
1426
  }
@@ -1917,8 +2016,8 @@ dmx.Component('ag-grid', {
1917
2016
  filter: customFilter.filter
1918
2017
  };
1919
2018
  });
1920
- gridInstance.setFilterModel(filterModel);
1921
- gridInstance.onFilterChanged();
2019
+ gridInstance.setFilterModel(filterModel);
2020
+ gridInstance.onFilterChanged();
1922
2021
  }
1923
2022
 
1924
2023
  const gridElement = document.getElementById(options.id+'-grid');
@@ -2433,7 +2532,17 @@ dmx.Component('ag-grid', {
2433
2532
  row_action_button17: Event,
2434
2533
  row_action_button18: Event,
2435
2534
  row_action_button19: Event,
2436
- row_action_button20: Event
2535
+ row_action_button20: Event,
2536
+ row_action_button21: Event,
2537
+ row_action_button22: Event,
2538
+ row_action_button23: Event,
2539
+ row_action_button24: Event,
2540
+ row_action_button25: Event,
2541
+ row_action_button26: Event,
2542
+ row_action_button27: Event,
2543
+ row_action_button28: Event,
2544
+ row_action_button29: Event,
2545
+ row_action_button30: Event
2437
2546
  },
2438
2547
 
2439
2548
  init: function(node) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cdmx/wappler_ag_grid",
3
- "version": "2.0.7",
3
+ "version": "2.0.9",
4
4
  "type": "module",
5
5
  "description": "App Connect module for AG Grid v34 - Advanced data grid with enhanced editing, filtering, and tree data capabilities.",
6
6
  "license": "MIT",