@3kles/kles-material-dynamicforms 17.9.0 → 17.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/esm2022/lib/fields/clear.component.mjs +8 -3
  2. package/fesm2022/3kles-kles-material-dynamicforms.mjs +7 -2
  3. package/fesm2022/3kles-kles-material-dynamicforms.mjs.map +1 -1
  4. package/lib/fields/clear.component.d.ts +1 -0
  5. package/package.json +1 -1
package/esm2022/lib/fields/clear.component.mjs CHANGED
@@ -7,9 +7,14 @@ export class KlesFormClearComponent {
7
7
  event.stopPropagation();
8
8
  this.group.controls[this.field.name].reset();
9
9
  }
10
+ isDisable() {
11
+ return this.group.get(this.field.name).disabled
12
+ || !this.group.get(this.field.name).value
13
+ || (Array.isArray(this.group.get(this.field.name).value) && !this.group.get(this.field.name).value.length);
14
+ }
10
15
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KlesFormClearComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
11
16
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KlesFormClearComponent, selector: "kles-form-clear", ngImport: i0, template: `
12
- <button [disabled]="!group.get(field.name).value || group.get(field.name).disabled" mat-icon-button aria-label="Clear" type="button"
17
+ <button [disabled]="isDisable()" mat-icon-button aria-label="Clear" type="button"
13
18
  (click)="clear($event)">
14
19
  <mat-icon>close</mat-icon>
15
20
  </button>
@@ -20,11 +25,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
20
25
  args: [{
21
26
  selector: 'kles-form-clear',
22
27
  template: `
23
- <button [disabled]="!group.get(field.name).value || group.get(field.name).disabled" mat-icon-button aria-label="Clear" type="button"
28
+ <button [disabled]="isDisable()" mat-icon-button aria-label="Clear" type="button"
24
29
  (click)="clear($event)">
25
30
  <mat-icon>close</mat-icon>
26
31
  </button>
27
32
  `,
28
33
  }]
29
34
  }] });
30
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xlYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xlcy1tYXRlcmlhbC1keW5hbWljZm9ybXMvc3JjL2xpYi9maWVsZHMvY2xlYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFlMUMsTUFBTSxPQUFPLHNCQUFzQjtJQUsvQixLQUFLLENBQUMsS0FBSztRQUNQLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2pELENBQUM7K0dBUlEsc0JBQXNCO21HQUF0QixzQkFBc0IsdURBUnJCOzs7OztLQUtUOzs0RkFHUSxzQkFBc0I7a0JBVmxDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsUUFBUSxFQUFFOzs7OztLQUtUO2lCQUVKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFVudHlwZWRGb3JtR3JvdXAgfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcbmltcG9ydCB7IElLbGVzQ2xlYXJDb250cm9sIH0gZnJvbSBcIi4uL2ludGVyZmFjZXMvY2xlYXItY29udHJvbC5pbnRlcmZhY2VcIjtcbmltcG9ydCB7IElLbGVzRmllbGRDb25maWcgfSBmcm9tIFwiLi4vaW50ZXJmYWNlcy9maWVsZC5jb25maWcuaW50ZXJmYWNlXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2xlcy1mb3JtLWNsZWFyJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgIDxidXR0b24gW2Rpc2FibGVkXT1cIiFncm91cC5nZXQoZmllbGQubmFtZSkudmFsdWUgfHwgZ3JvdXAuZ2V0KGZpZWxkLm5hbWUpLmRpc2FibGVkXCIgbWF0LWljb24tYnV0dG9uIGFyaWEtbGFiZWw9XCJDbGVhclwiIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAoY2xpY2spPVwiY2xlYXIoJGV2ZW50KVwiPlxuICAgICAgICA8bWF0LWljb24+Y2xvc2U8L21hdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuICAgIGAsXG5cbn0pXG5leHBvcnQgY2xhc3MgS2xlc0Zvcm1DbGVhckNvbXBvbmVudCBpbXBsZW1lbnRzIElLbGVzQ2xlYXJDb250cm9sIHtcbiAgICBmaWVsZDogSUtsZXNGaWVsZENvbmZpZztcbiAgICBncm91cDogVW50eXBlZEZvcm1Hcm91cDtcbiAgICBzaWJsaW5nRmllbGRzOiBJS2xlc0ZpZWxkQ29uZmlnW107XG5cbiAgICBjbGVhcihldmVudCk6IHZvaWQge1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgdGhpcy5ncm91cC5jb250cm9sc1t0aGlzLmZpZWxkLm5hbWVdLnJlc2V0KCk7XG4gICAgfVxufSJdfQ==
35
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xlYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xlcy1tYXRlcmlhbC1keW5hbWljZm9ybXMvc3JjL2xpYi9maWVsZHMvY2xlYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFlMUMsTUFBTSxPQUFPLHNCQUFzQjtJQUsvQixLQUFLLENBQUMsS0FBSztRQUNQLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2pELENBQUM7SUFFRCxTQUFTO1FBQ0wsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLFFBQVE7ZUFDeEMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUs7ZUFDdEMsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUVuSCxDQUFDOytHQWZRLHNCQUFzQjttR0FBdEIsc0JBQXNCLHVEQVJyQjs7Ozs7S0FLVDs7NEZBR1Esc0JBQXNCO2tCQVZsQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLFFBQVEsRUFBRTs7Ozs7S0FLVDtpQkFFSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUdyb3VwIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQgeyBJS2xlc0NsZWFyQ29udHJvbCB9IGZyb20gXCIuLi9pbnRlcmZhY2VzL2NsZWFyLWNvbnRyb2wuaW50ZXJmYWNlXCI7XG5pbXBvcnQgeyBJS2xlc0ZpZWxkQ29uZmlnIH0gZnJvbSBcIi4uL2ludGVyZmFjZXMvZmllbGQuY29uZmlnLmludGVyZmFjZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2tsZXMtZm9ybS1jbGVhcicsXG4gICAgdGVtcGxhdGU6IGBcbiAgICA8YnV0dG9uIFtkaXNhYmxlZF09XCJpc0Rpc2FibGUoKVwiIG1hdC1pY29uLWJ1dHRvbiBhcmlhLWxhYmVsPVwiQ2xlYXJcIiB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgKGNsaWNrKT1cImNsZWFyKCRldmVudClcIj5cbiAgICAgICAgPG1hdC1pY29uPmNsb3NlPC9tYXQtaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgICBgLFxuXG59KVxuZXhwb3J0IGNsYXNzIEtsZXNGb3JtQ2xlYXJDb21wb25lbnQgaW1wbGVtZW50cyBJS2xlc0NsZWFyQ29udHJvbCB7XG4gICAgZmllbGQ6IElLbGVzRmllbGRDb25maWc7XG4gICAgZ3JvdXA6IFVudHlwZWRGb3JtR3JvdXA7XG4gICAgc2libGluZ0ZpZWxkczogSUtsZXNGaWVsZENvbmZpZ1tdO1xuXG4gICAgY2xlYXIoZXZlbnQpOiB2b2lkIHtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIHRoaXMuZ3JvdXAuY29udHJvbHNbdGhpcy5maWVsZC5uYW1lXS5yZXNldCgpO1xuICAgIH1cblxuICAgIGlzRGlzYWJsZSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ3JvdXAuZ2V0KHRoaXMuZmllbGQubmFtZSkuZGlzYWJsZWRcbiAgICAgICAgICAgIHx8ICF0aGlzLmdyb3VwLmdldCh0aGlzLmZpZWxkLm5hbWUpLnZhbHVlXG4gICAgICAgICAgICB8fCAoQXJyYXkuaXNBcnJheSh0aGlzLmdyb3VwLmdldCh0aGlzLmZpZWxkLm5hbWUpLnZhbHVlKSAmJiAhdGhpcy5ncm91cC5nZXQodGhpcy5maWVsZC5uYW1lKS52YWx1ZS5sZW5ndGgpO1xuXG4gICAgfVxufSJdfQ==
package/fesm2022/3kles-kles-material-dynamicforms.mjs CHANGED
@@ -166,9 +166,14 @@ class KlesFormClearComponent {
166
166
  event.stopPropagation();
167
167
  this.group.controls[this.field.name].reset();
168
168
  }
169
+ isDisable() {
170
+ return this.group.get(this.field.name).disabled
171
+ || !this.group.get(this.field.name).value
172
+ || (Array.isArray(this.group.get(this.field.name).value) && !this.group.get(this.field.name).value.length);
173
+ }
169
174
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KlesFormClearComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
170
175
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KlesFormClearComponent, selector: "kles-form-clear", ngImport: i0, template: `
171
- <button [disabled]="!group.get(field.name).value || group.get(field.name).disabled" mat-icon-button aria-label="Clear" type="button"
176
+ <button [disabled]="isDisable()" mat-icon-button aria-label="Clear" type="button"
172
177
  (click)="clear($event)">
173
178
  <mat-icon>close</mat-icon>
174
179
  </button>
@@ -179,7 +184,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
179
184
  args: [{
180
185
  selector: 'kles-form-clear',
181
186
  template: `
182
- <button [disabled]="!group.get(field.name).value || group.get(field.name).disabled" mat-icon-button aria-label="Clear" type="button"
187
+ <button [disabled]="isDisable()" mat-icon-button aria-label="Clear" type="button"
183
188
  (click)="clear($event)">
184
189
  <mat-icon>close</mat-icon>
185
190
  </button>