@praxisui/visual-builder 8.0.0-beta.17 → 8.0.0-beta.19
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.
|
@@ -4025,7 +4025,7 @@ class PropertyEffectEditorComponent {
|
|
|
4025
4025
|
}
|
|
4026
4026
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PropertyEffectEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4027
4027
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PropertyEffectEditorComponent, isStandalone: true, selector: "praxis-property-effect-editor", inputs: { properties: "properties", initialConfig: "initialConfig" }, outputs: { configChanged: "configChanged" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
4028
|
-
<div class="property-effect-editor">
|
|
4028
|
+
<div class="property-effect-editor" data-testid="property-effect-editor">
|
|
4029
4029
|
<div class="header">
|
|
4030
4030
|
<div class="title">Propriedades (whitelist)</div>
|
|
4031
4031
|
<button
|
|
@@ -4033,6 +4033,7 @@ class PropertyEffectEditorComponent {
|
|
|
4033
4033
|
color="primary"
|
|
4034
4034
|
(click)="addEntry()"
|
|
4035
4035
|
[disabled]="!canAddEntry()"
|
|
4036
|
+
data-testid="property-effect-add"
|
|
4036
4037
|
>
|
|
4037
4038
|
<mat-icon>add</mat-icon>
|
|
4038
4039
|
Adicionar propriedade
|
|
@@ -4043,7 +4044,11 @@ class PropertyEffectEditorComponent {
|
|
|
4043
4044
|
Nenhuma propriedade selecionada. Adicione uma para configurar o efeito.
|
|
4044
4045
|
</div>
|
|
4045
4046
|
|
|
4046
|
-
<div
|
|
4047
|
+
<div
|
|
4048
|
+
class="property-card"
|
|
4049
|
+
*ngFor="let entry of entries; let i = index"
|
|
4050
|
+
[attr.data-testid]="'property-effect-entry-' + i"
|
|
4051
|
+
>
|
|
4047
4052
|
<div class="property-row">
|
|
4048
4053
|
<mat-form-field appearance="outline" class="field">
|
|
4049
4054
|
<mat-label>Propriedade</mat-label>
|
|
@@ -4052,6 +4057,7 @@ class PropertyEffectEditorComponent {
|
|
|
4052
4057
|
(selectionChange)="onPropertyChange(entry)"
|
|
4053
4058
|
(opened)="onOpenDropdown(i)"
|
|
4054
4059
|
(closed)="onCloseDropdown()"
|
|
4060
|
+
[attr.data-testid]="'property-effect-property-select-' + i"
|
|
4055
4061
|
>
|
|
4056
4062
|
<div class="select-search-container">
|
|
4057
4063
|
<mat-form-field appearance="outline" class="w-100 search-input-field" density="compact" subscriptSizing="dynamic">
|
|
@@ -4141,6 +4147,7 @@ class PropertyEffectEditorComponent {
|
|
|
4141
4147
|
type="number"
|
|
4142
4148
|
[(ngModel)]="entry.value"
|
|
4143
4149
|
(ngModelChange)="emitChange()"
|
|
4150
|
+
[attr.data-testid]="'property-effect-true-value-' + i"
|
|
4144
4151
|
/>
|
|
4145
4152
|
</mat-form-field>
|
|
4146
4153
|
|
|
@@ -4153,6 +4160,7 @@ class PropertyEffectEditorComponent {
|
|
|
4153
4160
|
<mat-select
|
|
4154
4161
|
[(ngModel)]="entry.value"
|
|
4155
4162
|
(selectionChange)="emitChange()"
|
|
4163
|
+
[attr.data-testid]="'property-effect-true-value-' + i"
|
|
4156
4164
|
>
|
|
4157
4165
|
<mat-option [value]="null">Padrão (null)</mat-option>
|
|
4158
4166
|
<mat-option
|
|
@@ -4174,6 +4182,7 @@ class PropertyEffectEditorComponent {
|
|
|
4174
4182
|
matInput
|
|
4175
4183
|
[(ngModel)]="entry.value"
|
|
4176
4184
|
(ngModelChange)="emitChange()"
|
|
4185
|
+
[attr.data-testid]="'property-effect-true-value-' + i"
|
|
4177
4186
|
/>
|
|
4178
4187
|
</mat-form-field>
|
|
4179
4188
|
|
|
@@ -4185,6 +4194,7 @@ class PropertyEffectEditorComponent {
|
|
|
4185
4194
|
[(ngModel)]="entry.jsonValue"
|
|
4186
4195
|
(ngModelChange)="emitChange()"
|
|
4187
4196
|
placeholder='Ex.: {"color":"red"}'
|
|
4197
|
+
[attr.data-testid]="'property-effect-true-value-' + i"
|
|
4188
4198
|
></textarea>
|
|
4189
4199
|
<mat-error *ngIf="entry.error">{{ entry.error }}</mat-error>
|
|
4190
4200
|
</mat-form-field>
|
|
@@ -4226,6 +4236,7 @@ class PropertyEffectEditorComponent {
|
|
|
4226
4236
|
type="number"
|
|
4227
4237
|
[(ngModel)]="entry.valueWhenFalse"
|
|
4228
4238
|
(ngModelChange)="emitChange()"
|
|
4239
|
+
[attr.data-testid]="'property-effect-false-value-' + i"
|
|
4229
4240
|
/>
|
|
4230
4241
|
</mat-form-field>
|
|
4231
4242
|
|
|
@@ -4238,6 +4249,7 @@ class PropertyEffectEditorComponent {
|
|
|
4238
4249
|
<mat-select
|
|
4239
4250
|
[(ngModel)]="entry.valueWhenFalse"
|
|
4240
4251
|
(selectionChange)="emitChange()"
|
|
4252
|
+
[attr.data-testid]="'property-effect-false-value-' + i"
|
|
4241
4253
|
>
|
|
4242
4254
|
<mat-option [value]="null">Padrão (null)</mat-option>
|
|
4243
4255
|
<mat-option
|
|
@@ -4259,6 +4271,7 @@ class PropertyEffectEditorComponent {
|
|
|
4259
4271
|
matInput
|
|
4260
4272
|
[(ngModel)]="entry.valueWhenFalse"
|
|
4261
4273
|
(ngModelChange)="emitChange()"
|
|
4274
|
+
[attr.data-testid]="'property-effect-false-value-' + i"
|
|
4262
4275
|
/>
|
|
4263
4276
|
</mat-form-field>
|
|
4264
4277
|
|
|
@@ -4270,6 +4283,7 @@ class PropertyEffectEditorComponent {
|
|
|
4270
4283
|
[(ngModel)]="entry.jsonValueWhenFalse"
|
|
4271
4284
|
(ngModelChange)="emitChange()"
|
|
4272
4285
|
placeholder='Ex.: {"color":null}'
|
|
4286
|
+
[attr.data-testid]="'property-effect-false-value-' + i"
|
|
4273
4287
|
></textarea>
|
|
4274
4288
|
<mat-error *ngIf="entry.errorWhenFalse">
|
|
4275
4289
|
{{ entry.errorWhenFalse }}
|
|
@@ -4310,7 +4324,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4310
4324
|
MatTooltipModule,
|
|
4311
4325
|
MatButtonToggleModule,
|
|
4312
4326
|
], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
4313
|
-
<div class="property-effect-editor">
|
|
4327
|
+
<div class="property-effect-editor" data-testid="property-effect-editor">
|
|
4314
4328
|
<div class="header">
|
|
4315
4329
|
<div class="title">Propriedades (whitelist)</div>
|
|
4316
4330
|
<button
|
|
@@ -4318,6 +4332,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4318
4332
|
color="primary"
|
|
4319
4333
|
(click)="addEntry()"
|
|
4320
4334
|
[disabled]="!canAddEntry()"
|
|
4335
|
+
data-testid="property-effect-add"
|
|
4321
4336
|
>
|
|
4322
4337
|
<mat-icon>add</mat-icon>
|
|
4323
4338
|
Adicionar propriedade
|
|
@@ -4328,7 +4343,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4328
4343
|
Nenhuma propriedade selecionada. Adicione uma para configurar o efeito.
|
|
4329
4344
|
</div>
|
|
4330
4345
|
|
|
4331
|
-
<div
|
|
4346
|
+
<div
|
|
4347
|
+
class="property-card"
|
|
4348
|
+
*ngFor="let entry of entries; let i = index"
|
|
4349
|
+
[attr.data-testid]="'property-effect-entry-' + i"
|
|
4350
|
+
>
|
|
4332
4351
|
<div class="property-row">
|
|
4333
4352
|
<mat-form-field appearance="outline" class="field">
|
|
4334
4353
|
<mat-label>Propriedade</mat-label>
|
|
@@ -4337,6 +4356,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4337
4356
|
(selectionChange)="onPropertyChange(entry)"
|
|
4338
4357
|
(opened)="onOpenDropdown(i)"
|
|
4339
4358
|
(closed)="onCloseDropdown()"
|
|
4359
|
+
[attr.data-testid]="'property-effect-property-select-' + i"
|
|
4340
4360
|
>
|
|
4341
4361
|
<div class="select-search-container">
|
|
4342
4362
|
<mat-form-field appearance="outline" class="w-100 search-input-field" density="compact" subscriptSizing="dynamic">
|
|
@@ -4426,6 +4446,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4426
4446
|
type="number"
|
|
4427
4447
|
[(ngModel)]="entry.value"
|
|
4428
4448
|
(ngModelChange)="emitChange()"
|
|
4449
|
+
[attr.data-testid]="'property-effect-true-value-' + i"
|
|
4429
4450
|
/>
|
|
4430
4451
|
</mat-form-field>
|
|
4431
4452
|
|
|
@@ -4438,6 +4459,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4438
4459
|
<mat-select
|
|
4439
4460
|
[(ngModel)]="entry.value"
|
|
4440
4461
|
(selectionChange)="emitChange()"
|
|
4462
|
+
[attr.data-testid]="'property-effect-true-value-' + i"
|
|
4441
4463
|
>
|
|
4442
4464
|
<mat-option [value]="null">Padrão (null)</mat-option>
|
|
4443
4465
|
<mat-option
|
|
@@ -4459,6 +4481,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4459
4481
|
matInput
|
|
4460
4482
|
[(ngModel)]="entry.value"
|
|
4461
4483
|
(ngModelChange)="emitChange()"
|
|
4484
|
+
[attr.data-testid]="'property-effect-true-value-' + i"
|
|
4462
4485
|
/>
|
|
4463
4486
|
</mat-form-field>
|
|
4464
4487
|
|
|
@@ -4470,6 +4493,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4470
4493
|
[(ngModel)]="entry.jsonValue"
|
|
4471
4494
|
(ngModelChange)="emitChange()"
|
|
4472
4495
|
placeholder='Ex.: {"color":"red"}'
|
|
4496
|
+
[attr.data-testid]="'property-effect-true-value-' + i"
|
|
4473
4497
|
></textarea>
|
|
4474
4498
|
<mat-error *ngIf="entry.error">{{ entry.error }}</mat-error>
|
|
4475
4499
|
</mat-form-field>
|
|
@@ -4511,6 +4535,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4511
4535
|
type="number"
|
|
4512
4536
|
[(ngModel)]="entry.valueWhenFalse"
|
|
4513
4537
|
(ngModelChange)="emitChange()"
|
|
4538
|
+
[attr.data-testid]="'property-effect-false-value-' + i"
|
|
4514
4539
|
/>
|
|
4515
4540
|
</mat-form-field>
|
|
4516
4541
|
|
|
@@ -4523,6 +4548,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4523
4548
|
<mat-select
|
|
4524
4549
|
[(ngModel)]="entry.valueWhenFalse"
|
|
4525
4550
|
(selectionChange)="emitChange()"
|
|
4551
|
+
[attr.data-testid]="'property-effect-false-value-' + i"
|
|
4526
4552
|
>
|
|
4527
4553
|
<mat-option [value]="null">Padrão (null)</mat-option>
|
|
4528
4554
|
<mat-option
|
|
@@ -4544,6 +4570,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4544
4570
|
matInput
|
|
4545
4571
|
[(ngModel)]="entry.valueWhenFalse"
|
|
4546
4572
|
(ngModelChange)="emitChange()"
|
|
4573
|
+
[attr.data-testid]="'property-effect-false-value-' + i"
|
|
4547
4574
|
/>
|
|
4548
4575
|
</mat-form-field>
|
|
4549
4576
|
|
|
@@ -4555,6 +4582,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4555
4582
|
[(ngModel)]="entry.jsonValueWhenFalse"
|
|
4556
4583
|
(ngModelChange)="emitChange()"
|
|
4557
4584
|
placeholder='Ex.: {"color":null}'
|
|
4585
|
+
[attr.data-testid]="'property-effect-false-value-' + i"
|
|
4558
4586
|
></textarea>
|
|
4559
4587
|
<mat-error *ngIf="entry.errorWhenFalse">
|
|
4560
4588
|
{{ entry.errorWhenFalse }}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@praxisui/visual-builder",
|
|
3
|
-
"version": "8.0.0-beta.
|
|
3
|
+
"version": "8.0.0-beta.19",
|
|
4
4
|
"description": "Visual rule and expression builder for Praxis UI with JSON Logic authoring, validation and context variables.",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@angular/common": "^20.0.0",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"@angular/cdk": "^20.0.0",
|
|
9
9
|
"@angular/material": "^20.0.0",
|
|
10
10
|
"@angular/forms": "^20.0.0",
|
|
11
|
-
"@praxisui/settings-panel": "^8.0.0-beta.
|
|
11
|
+
"@praxisui/settings-panel": "^8.0.0-beta.19"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
14
|
"tslib": "^2.3.0",
|