@3kles/kles-material-dynamicforms 18.1.1 → 19.0.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 (138) hide show
  1. package/README.md +0 -1
  2. package/fesm2022/3kles-kles-material-dynamicforms.mjs +1735 -1880
  3. package/fesm2022/3kles-kles-material-dynamicforms.mjs.map +1 -1
  4. package/lib/directive/dynamic-component.directive.d.ts +1 -1
  5. package/lib/directive/dynamic-field.directive.d.ts +2 -2
  6. package/lib/directive/mat-error-form.directive.d.ts +1 -1
  7. package/lib/directive/mat-error-message.directive.d.ts +1 -1
  8. package/lib/dynamic-form-intl.d.ts +7 -0
  9. package/lib/dynamic-form.component.d.ts +1 -1
  10. package/lib/fields/array.component.d.ts +1 -1
  11. package/lib/fields/badge.component.d.ts +1 -1
  12. package/lib/fields/button-fab.component.d.ts +1 -1
  13. package/lib/fields/button-form.component.d.ts +1 -1
  14. package/lib/fields/button-icon.component.d.ts +1 -1
  15. package/lib/fields/button-mini-fab.component.d.ts +1 -1
  16. package/lib/fields/button-toogle-group.component.d.ts +1 -1
  17. package/lib/fields/buttonchecker-form.component.d.ts +1 -1
  18. package/lib/fields/buttonfile-form.component.d.ts +1 -1
  19. package/lib/fields/checkbox-indeterminate.component.d.ts +1 -1
  20. package/lib/fields/checkbox.component.d.ts +1 -1
  21. package/lib/fields/chip.component.d.ts +1 -1
  22. package/lib/fields/clear.component.d.ts +1 -1
  23. package/lib/fields/color.component.d.ts +1 -1
  24. package/lib/fields/copy.component.d.ts +6 -6
  25. package/lib/fields/date.component.d.ts +1 -1
  26. package/lib/fields/field.abstract.d.ts +1 -1
  27. package/lib/fields/file.component.d.ts +1 -1
  28. package/lib/fields/group.component.d.ts +1 -1
  29. package/lib/fields/icon.component.d.ts +1 -1
  30. package/lib/fields/input.clearable.component.d.ts +6 -2
  31. package/lib/fields/input.component.d.ts +6 -2
  32. package/lib/fields/label.component.d.ts +1 -1
  33. package/lib/fields/line-break.component.d.ts +1 -1
  34. package/lib/fields/link.component.d.ts +3 -3
  35. package/lib/fields/list-field.component.d.ts +1 -1
  36. package/lib/fields/radio.component.d.ts +1 -1
  37. package/lib/fields/range.component.d.ts +2 -2
  38. package/lib/fields/select.component.d.ts +4 -2
  39. package/lib/fields/select.lazy-search.component.d.ts +4 -2
  40. package/lib/fields/select.search.component.d.ts +4 -2
  41. package/lib/fields/selection-list.component.d.ts +1 -1
  42. package/lib/fields/selection-list.search.component.d.ts +1 -1
  43. package/lib/fields/slide-toggle.component.d.ts +2 -2
  44. package/lib/fields/text.component.d.ts +1 -1
  45. package/lib/fields/textarea.component.d.ts +1 -1
  46. package/lib/forms/button-control-base.d.ts +1 -1
  47. package/lib/forms/button-control.component.d.ts +1 -1
  48. package/lib/forms/buttonchecker-control.component.d.ts +1 -1
  49. package/lib/forms/buttonfile-control.component.d.ts +1 -1
  50. package/lib/forms/fab-control.component.d.ts +1 -1
  51. package/lib/forms/file-control.component.d.ts +1 -1
  52. package/lib/forms/icon-button-control.component.d.ts +1 -1
  53. package/lib/forms/indeterminate-checkbox.d.ts +2 -1
  54. package/lib/forms/mini-fab-control.component.d.ts +1 -1
  55. package/lib/kles-material-dynamicforms.module.d.ts +58 -60
  56. package/lib/modules/material.module.d.ts +4 -5
  57. package/lib/pipe/array.pipe.d.ts +1 -1
  58. package/lib/pipe/transform.pipe.d.ts +1 -1
  59. package/package.json +26 -22
  60. package/public-api.d.ts +2 -1
  61. package/esm2022/3kles-kles-material-dynamicforms.mjs +0 -5
  62. package/esm2022/lib/controls/array.control.mjs +0 -57
  63. package/esm2022/lib/controls/control.abstract.mjs +0 -31
  64. package/esm2022/lib/controls/control.interface.mjs +0 -2
  65. package/esm2022/lib/controls/default.control.mjs +0 -34
  66. package/esm2022/lib/controls/group.control.mjs +0 -49
  67. package/esm2022/lib/controls/range.control.mjs +0 -18
  68. package/esm2022/lib/decorators/component.decorator.mjs +0 -12
  69. package/esm2022/lib/directive/dynamic-component.directive.mjs +0 -44
  70. package/esm2022/lib/directive/dynamic-field.directive.mjs +0 -109
  71. package/esm2022/lib/directive/mat-error-form.directive.mjs +0 -54
  72. package/esm2022/lib/directive/mat-error-message.directive.mjs +0 -53
  73. package/esm2022/lib/dynamic-form.component.mjs +0 -214
  74. package/esm2022/lib/enums/button-attribute.enum.mjs +0 -8
  75. package/esm2022/lib/enums/type.enum.mjs +0 -21
  76. package/esm2022/lib/factories/field.factory.mjs +0 -6
  77. package/esm2022/lib/fields/array.component.mjs +0 -61
  78. package/esm2022/lib/fields/badge.component.mjs +0 -39
  79. package/esm2022/lib/fields/button-fab.component.mjs +0 -48
  80. package/esm2022/lib/fields/button-form.component.mjs +0 -50
  81. package/esm2022/lib/fields/button-icon.component.mjs +0 -48
  82. package/esm2022/lib/fields/button-mini-fab.component.mjs +0 -48
  83. package/esm2022/lib/fields/button-toogle-group.component.mjs +0 -55
  84. package/esm2022/lib/fields/buttonchecker-form.component.mjs +0 -48
  85. package/esm2022/lib/fields/buttonfile-form.component.mjs +0 -51
  86. package/esm2022/lib/fields/checkbox-indeterminate.component.mjs +0 -42
  87. package/esm2022/lib/fields/checkbox.component.mjs +0 -42
  88. package/esm2022/lib/fields/chip.component.mjs +0 -44
  89. package/esm2022/lib/fields/clear.component.mjs +0 -35
  90. package/esm2022/lib/fields/color.component.mjs +0 -134
  91. package/esm2022/lib/fields/copy.component.mjs +0 -45
  92. package/esm2022/lib/fields/date-time.component.mjs +0 -61
  93. package/esm2022/lib/fields/date.component.mjs +0 -60
  94. package/esm2022/lib/fields/field.abstract.mjs +0 -88
  95. package/esm2022/lib/fields/file.component.mjs +0 -41
  96. package/esm2022/lib/fields/group.component.mjs +0 -80
  97. package/esm2022/lib/fields/icon.component.mjs +0 -27
  98. package/esm2022/lib/fields/input.clearable.component.mjs +0 -144
  99. package/esm2022/lib/fields/input.component.mjs +0 -252
  100. package/esm2022/lib/fields/label.component.mjs +0 -39
  101. package/esm2022/lib/fields/line-break.component.mjs +0 -26
  102. package/esm2022/lib/fields/link.component.mjs +0 -31
  103. package/esm2022/lib/fields/list-field.component.mjs +0 -157
  104. package/esm2022/lib/fields/radio.component.mjs +0 -50
  105. package/esm2022/lib/fields/range.component.mjs +0 -81
  106. package/esm2022/lib/fields/select.component.mjs +0 -358
  107. package/esm2022/lib/fields/select.lazy-search.component.mjs +0 -303
  108. package/esm2022/lib/fields/select.search.component.mjs +0 -475
  109. package/esm2022/lib/fields/selection-list.component.mjs +0 -149
  110. package/esm2022/lib/fields/selection-list.search.component.mjs +0 -193
  111. package/esm2022/lib/fields/slide-toggle.component.mjs +0 -29
  112. package/esm2022/lib/fields/text.component.mjs +0 -42
  113. package/esm2022/lib/fields/textarea.component.mjs +0 -64
  114. package/esm2022/lib/forms/button-control-base.mjs +0 -89
  115. package/esm2022/lib/forms/button-control.component.mjs +0 -91
  116. package/esm2022/lib/forms/buttonchecker-control.component.mjs +0 -98
  117. package/esm2022/lib/forms/buttonfile-control.component.mjs +0 -124
  118. package/esm2022/lib/forms/fab-control.component.mjs +0 -60
  119. package/esm2022/lib/forms/file-control.component.mjs +0 -72
  120. package/esm2022/lib/forms/icon-button-control.component.mjs +0 -55
  121. package/esm2022/lib/forms/indeterminate-checkbox.mjs +0 -91
  122. package/esm2022/lib/forms/mini-fab-control.component.mjs +0 -60
  123. package/esm2022/lib/interfaces/clear-control.interface.mjs +0 -2
  124. package/esm2022/lib/interfaces/component.interface.mjs +0 -2
  125. package/esm2022/lib/interfaces/directive.interface.mjs +0 -2
  126. package/esm2022/lib/interfaces/field.config.interface.mjs +0 -2
  127. package/esm2022/lib/interfaces/field.interface.mjs +0 -2
  128. package/esm2022/lib/interfaces/validator.interface.mjs +0 -2
  129. package/esm2022/lib/kles-material-dynamicforms.module.mjs +0 -261
  130. package/esm2022/lib/matcher/form-error.matcher.mjs +0 -16
  131. package/esm2022/lib/modules/material.module.mjs +0 -279
  132. package/esm2022/lib/pipe/array.pipe.mjs +0 -22
  133. package/esm2022/lib/pipe/transform.pipe.mjs +0 -28
  134. package/esm2022/lib/selection/selection-model.mjs +0 -231
  135. package/esm2022/lib/utils/destroyable.guard.mjs +0 -5
  136. package/esm2022/lib/validators/autocomplete.validator.mjs +0 -23
  137. package/esm2022/public-api.mjs +0 -92
  138. package/lib/fields/date-time.component.d.ts +0 -9
@@ -1,39 +0,0 @@
1
- import { Component } from "@angular/core";
2
- import { KlesFieldAbstract } from './field.abstract';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@angular/common";
5
- import * as i2 from "@angular/forms";
6
- import * as i3 from "@angular/material/input";
7
- import * as i4 from "@angular/material/tooltip";
8
- import * as i5 from "@ngx-translate/core";
9
- export class KlesFormLabelComponent extends KlesFieldAbstract {
10
- ngOnInit() {
11
- this.group.controls[this.field.name].disable({ emitEvent: false });
12
- super.ngOnInit();
13
- }
14
- ngOnDestroy() {
15
- super.ngOnDestroy();
16
- }
17
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
18
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KlesFormLabelComponent, selector: "kles-form-label", usesInheritance: true, ngImport: i0, template: `
19
- <div [formGroup]="group" >
20
- <input matInput matTooltip="{{field.tooltip}}" [attr.id]="field.id"
21
- [ngClass]="field.ngClass"
22
- [ngStyle]="{'color':'inherit'}" [formControlName]="field.name" [placeholder]="field.placeholder | translate" [type]="field.inputType">
23
- </div>
24
- `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
25
- }
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormLabelComponent, decorators: [{
27
- type: Component,
28
- args: [{
29
- selector: "kles-form-label",
30
- template: `
31
- <div [formGroup]="group" >
32
- <input matInput matTooltip="{{field.tooltip}}" [attr.id]="field.id"
33
- [ngClass]="field.ngClass"
34
- [ngStyle]="{'color':'inherit'}" [formControlName]="field.name" [placeholder]="field.placeholder | translate" [type]="field.inputType">
35
- </div>
36
- `
37
- }]
38
- }] });
39
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xlcy1tYXRlcmlhbC1keW5hbWljZm9ybXMvc3JjL2xpYi9maWVsZHMvbGFiZWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7Ozs7O0FBYXJELE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxpQkFBaUI7SUFFekQsUUFBUTtRQUNKLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsT0FBTyxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7UUFDbkUsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxXQUFXO1FBQ1AsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7K0dBVFEsc0JBQXNCO21HQUF0QixzQkFBc0IsOEVBUnJCOzs7Ozs7Q0FNYjs7NEZBRVksc0JBQXNCO2tCQVZsQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLFFBQVEsRUFBRTs7Ozs7O0NBTWI7aUJBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCB7IENvbXBvbmVudCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgS2xlc0ZpZWxkQWJzdHJhY3QgfSBmcm9tICcuL2ZpZWxkLmFic3RyYWN0JztcblxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJrbGVzLWZvcm0tbGFiZWxcIixcbiAgICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgW2Zvcm1Hcm91cF09XCJncm91cFwiID5cbiAgICAgICAgPGlucHV0IG1hdElucHV0IG1hdFRvb2x0aXA9XCJ7e2ZpZWxkLnRvb2x0aXB9fVwiIFthdHRyLmlkXT1cImZpZWxkLmlkXCIgXG4gICAgICAgIFtuZ0NsYXNzXT1cImZpZWxkLm5nQ2xhc3NcIiBcbiAgICAgICAgW25nU3R5bGVdPVwieydjb2xvcic6J2luaGVyaXQnfVwiIFtmb3JtQ29udHJvbE5hbWVdPVwiZmllbGQubmFtZVwiIFtwbGFjZWhvbGRlcl09XCJmaWVsZC5wbGFjZWhvbGRlciB8IHRyYW5zbGF0ZVwiIFt0eXBlXT1cImZpZWxkLmlucHV0VHlwZVwiPlxuICAgIDwvZGl2PlxuYFxufSlcbmV4cG9ydCBjbGFzcyBLbGVzRm9ybUxhYmVsQ29tcG9uZW50IGV4dGVuZHMgS2xlc0ZpZWxkQWJzdHJhY3QgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5ncm91cC5jb250cm9sc1t0aGlzLmZpZWxkLm5hbWVdLmRpc2FibGUoeyBlbWl0RXZlbnQ6IGZhbHNlIH0pO1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICAgIH1cbn0iXX0=
@@ -1,26 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import { Component } from '@angular/core';
3
- import { FieldMapper } from '../decorators/component.decorator';
4
- import { EnumType } from '../enums/type.enum';
5
- import { KlesFieldAbstract } from './field.abstract';
6
- import * as i0 from "@angular/core";
7
- let KlesFormLineBreakComponent = class KlesFormLineBreakComponent extends KlesFieldAbstract {
8
- ngOnInit() { super.ngOnInit(); }
9
- ngOnDestroy() {
10
- super.ngOnDestroy();
11
- }
12
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormLineBreakComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
13
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KlesFormLineBreakComponent, selector: "kles-form-line-break", usesInheritance: true, ngImport: i0, template: ``, isInline: true, styles: [":host{flex-basis:100%;display:flex;height:0}\n"] }); }
14
- };
15
- KlesFormLineBreakComponent = __decorate([
16
- FieldMapper({
17
- type: EnumType.lineBreak,
18
- factory: () => null
19
- })
20
- ], KlesFormLineBreakComponent);
21
- export { KlesFormLineBreakComponent };
22
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormLineBreakComponent, decorators: [{
23
- type: Component,
24
- args: [{ selector: 'kles-form-line-break', template: ``, styles: [":host{flex-basis:100%;display:flex;height:0}\n"] }]
25
- }] });
26
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS1icmVhay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbGVzLW1hdGVyaWFsLWR5bmFtaWNmb3Jtcy9zcmMvbGliL2ZpZWxkcy9saW5lLWJyZWFrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUFpQjlDLElBQU0sMEJBQTBCLEdBQWhDLE1BQU0sMEJBQTJCLFNBQVEsaUJBQWlCO0lBQzdELFFBQVEsS0FBSyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ2hDLFdBQVc7UUFDUCxLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0FKUSwwQkFBMEI7bUdBQTFCLDBCQUEwQixtRkFUekIsRUFBRTs7QUFTSCwwQkFBMEI7SUFmdEMsV0FBVyxDQUFDO1FBQ1QsSUFBSSxFQUFFLFFBQVEsQ0FBQyxTQUFTO1FBQ3hCLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJO0tBQ3RCLENBQUM7R0FZVywwQkFBMEIsQ0FLdEM7OzRGQUxZLDBCQUEwQjtrQkFYdEMsU0FBUzsrQkFDSSxzQkFBc0IsWUFDdEIsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZpZWxkTWFwcGVyIH0gZnJvbSAnLi4vZGVjb3JhdG9ycy9jb21wb25lbnQuZGVjb3JhdG9yJztcbmltcG9ydCB7IEVudW1UeXBlIH0gZnJvbSAnLi4vZW51bXMvdHlwZS5lbnVtJztcbmltcG9ydCB7IEtsZXNGaWVsZEFic3RyYWN0IH0gZnJvbSAnLi9maWVsZC5hYnN0cmFjdCc7XG5cbkBGaWVsZE1hcHBlcih7XG4gICAgdHlwZTogRW51bVR5cGUubGluZUJyZWFrLFxuICAgIGZhY3Rvcnk6ICgpID0+IG51bGxcbn0pXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2tsZXMtZm9ybS1saW5lLWJyZWFrJyxcbiAgICB0ZW1wbGF0ZTogYGAsXG4gICAgc3R5bGVzOiBbXG4gICAgICAgIGA6aG9zdHtcbiAgICAgICAgICAgICAgICAgICAgIGZsZXgtYmFzaXM6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OjA7XG4gICAgICAgICAgICAgICAgIH1gXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBLbGVzRm9ybUxpbmVCcmVha0NvbXBvbmVudCBleHRlbmRzIEtsZXNGaWVsZEFic3RyYWN0IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAgIG5nT25Jbml0KCkgeyBzdXBlci5uZ09uSW5pdCgpOyB9XG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gICAgfVxufVxuIl19
@@ -1,31 +0,0 @@
1
- import { Component } from "@angular/core";
2
- import { KlesFieldAbstract } from "./field.abstract";
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@angular/common";
5
- import * as i2 from "@angular/material/tooltip";
6
- export class KlesFormLinkComponent extends KlesFieldAbstract {
7
- ngOnInit() {
8
- super.ngOnInit();
9
- }
10
- ngOnDestroy() {
11
- super.ngOnDestroy();
12
- }
13
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
14
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KlesFormLinkComponent, selector: "kles-form-link", usesInheritance: true, ngImport: i0, template: `
15
- <a [href]="group.controls[field.name].value" matTooltip="{{field.tooltip}}" [attr.id]="field.id" [ngClass]="field.ngClass">
16
- {{field.label}}
17
- </a>
18
- `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
19
- }
20
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormLinkComponent, decorators: [{
21
- type: Component,
22
- args: [{
23
- selector: 'kles-form-link',
24
- template: `
25
- <a [href]="group.controls[field.name].value" matTooltip="{{field.tooltip}}" [attr.id]="field.id" [ngClass]="field.ngClass">
26
- {{field.label}}
27
- </a>
28
- `
29
- }]
30
- }] });
31
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbGVzLW1hdGVyaWFsLWR5bmFtaWNmb3Jtcy9zcmMvbGliL2ZpZWxkcy9saW5rLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQVVyRCxNQUFNLE9BQU8scUJBQXNCLFNBQVEsaUJBQWlCO0lBRXhELFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELFdBQVc7UUFDUCxLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0FSUSxxQkFBcUI7bUdBQXJCLHFCQUFxQiw2RUFOcEI7Ozs7Q0FJYjs7NEZBRVkscUJBQXFCO2tCQVJqQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFFBQVEsRUFBRTs7OztDQUliO2lCQUNBIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBLbGVzRmllbGRBYnN0cmFjdCB9IGZyb20gXCIuL2ZpZWxkLmFic3RyYWN0XCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2xlcy1mb3JtLWxpbmsnLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxhIFtocmVmXT1cImdyb3VwLmNvbnRyb2xzW2ZpZWxkLm5hbWVdLnZhbHVlXCIgbWF0VG9vbHRpcD1cInt7ZmllbGQudG9vbHRpcH19XCIgW2F0dHIuaWRdPVwiZmllbGQuaWRcIiBbbmdDbGFzc109XCJmaWVsZC5uZ0NsYXNzXCI+XG4gICAgICAgICAgICB7e2ZpZWxkLmxhYmVsfX1cbiAgICAgICAgPC9hPlxuYFxufSlcbmV4cG9ydCBjbGFzcyBLbGVzRm9ybUxpbmtDb21wb25lbnQgZXh0ZW5kcyBLbGVzRmllbGRBYnN0cmFjdCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICAgIH1cbn1cbiJdfQ==
@@ -1,157 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import { Component } from '@angular/core';
3
- import { KlesFieldAbstract } from './field.abstract';
4
- import { Validators } from '@angular/forms';
5
- import { FieldMapper } from '../decorators/component.decorator';
6
- import { KlesFormArray } from '../controls/array.control';
7
- import { cloneDeep } from 'lodash';
8
- import * as i0 from "@angular/core";
9
- import * as i1 from "@angular/forms";
10
- import * as i2 from "@angular/material/button";
11
- import * as i3 from "@angular/material/icon";
12
- import * as i4 from "@angular/material/form-field";
13
- import * as i5 from "../directive/dynamic-field.directive";
14
- import * as i6 from "@ngx-translate/core";
15
- let KlesFormListFieldComponent = class KlesFormListFieldComponent extends KlesFieldAbstract {
16
- constructor(fb, viewRef) {
17
- super(viewRef);
18
- this.fb = fb;
19
- this.viewRef = viewRef;
20
- this.collections = [];
21
- }
22
- ngOnInit() {
23
- this.formArray = this.group.controls[this.field.name];
24
- this.collections = this.formArray?.controls?.map(() => {
25
- return this.field.collections ? cloneDeep(this.field.collections) : [];
26
- });
27
- super.ngOnInit();
28
- }
29
- createFormGroup() {
30
- const group = this.fb.group({});
31
- this.field.collections?.forEach(item => {
32
- const control = this.fb.control(null, this.bindValidations(item.validations || []), this.bindAsyncValidations(item.asyncValidations || []));
33
- group.addControl(item.name, control);
34
- });
35
- return group;
36
- }
37
- deleteField(index) {
38
- this.collections.splice(index, 1);
39
- this.formArray.removeAt(index);
40
- }
41
- addField() {
42
- this.collections.push(this.field.collections ? cloneDeep(this.field.collections) : []);
43
- this.formArray.push(this.createFormGroup());
44
- }
45
- bindValidations(validations) {
46
- if (validations.length > 0) {
47
- const validList = [];
48
- validations.forEach(valid => {
49
- validList.push(valid.validator);
50
- });
51
- return Validators.compose(validList);
52
- }
53
- return null;
54
- }
55
- bindAsyncValidations(validations) {
56
- if (validations.length > 0) {
57
- const validList = [];
58
- validations.forEach(valid => {
59
- validList.push(valid.validator);
60
- });
61
- return Validators.composeAsync(validList);
62
- }
63
- return null;
64
- }
65
- ngOnDestroy() {
66
- super.ngOnDestroy();
67
- }
68
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormListFieldComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
69
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KlesFormListFieldComponent, selector: "kles-form-listfield", usesInheritance: true, ngImport: i0, template: `
70
- <div [formGroup]="group" class="form-element">
71
- <div class="label">
72
- {{field.label | translate}}
73
- <button mat-icon-button color="primary" (click)="addField()">
74
- <mat-icon>add</mat-icon>
75
- </button>
76
- </div>
77
-
78
- <div class="dynamic-form" [formGroupName]="field.name">
79
- @for (subGroup of formArray.controls; track subGroup.value._id; let idx = $index;) {
80
- <div class="subfields">
81
- @for (subfield of collections[idx]; track subfield.name) {
82
- <ng-container klesDynamicField [field]="subfield" [group]="subGroup" [siblingFields]="collections[idx]">
83
- </ng-container>
84
- }
85
- @if(collections[idx]){
86
- <button mat-icon-button (click)="deleteField(idx)" color="primary">
87
- <mat-icon>delete_outlined</mat-icon>
88
- </button>
89
- }
90
- </div>
91
- }
92
- @for (validation of field.validations; track validation.name) {
93
- <ng-container ngProjectAs="mat-error">
94
- @if (group.get(field.name).hasError(validation.name)) {
95
- <mat-error>{{validation.message | translate}}</mat-error>
96
- }
97
- </ng-container>
98
- }
99
- @for (validation of field.asyncValidations; track validation.name) {
100
- <ng-container ngProjectAs="mat-error">
101
- @if (group.get(field.name).hasError(validation.name)) {
102
- <mat-error>{{validation.message | translate}}</mat-error>
103
- }
104
- </ng-container>
105
- }
106
- </div>
107
- </div>
108
- `, isInline: true, styles: [".subfields{display:flex;flex-direction:row;gap:5px}\n", ".label{display:flex;align-items:center;flex-direction:row;gap:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5.KlesDynamicFieldDirective, selector: "[klesDynamicField]", inputs: ["field", "group", "siblingFields"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
109
- };
110
- KlesFormListFieldComponent = __decorate([
111
- FieldMapper({ type: 'listfield', factory: (field) => (new KlesFormArray(field).create()) })
112
- ], KlesFormListFieldComponent);
113
- export { KlesFormListFieldComponent };
114
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormListFieldComponent, decorators: [{
115
- type: Component,
116
- args: [{ selector: 'kles-form-listfield', template: `
117
- <div [formGroup]="group" class="form-element">
118
- <div class="label">
119
- {{field.label | translate}}
120
- <button mat-icon-button color="primary" (click)="addField()">
121
- <mat-icon>add</mat-icon>
122
- </button>
123
- </div>
124
-
125
- <div class="dynamic-form" [formGroupName]="field.name">
126
- @for (subGroup of formArray.controls; track subGroup.value._id; let idx = $index;) {
127
- <div class="subfields">
128
- @for (subfield of collections[idx]; track subfield.name) {
129
- <ng-container klesDynamicField [field]="subfield" [group]="subGroup" [siblingFields]="collections[idx]">
130
- </ng-container>
131
- }
132
- @if(collections[idx]){
133
- <button mat-icon-button (click)="deleteField(idx)" color="primary">
134
- <mat-icon>delete_outlined</mat-icon>
135
- </button>
136
- }
137
- </div>
138
- }
139
- @for (validation of field.validations; track validation.name) {
140
- <ng-container ngProjectAs="mat-error">
141
- @if (group.get(field.name).hasError(validation.name)) {
142
- <mat-error>{{validation.message | translate}}</mat-error>
143
- }
144
- </ng-container>
145
- }
146
- @for (validation of field.asyncValidations; track validation.name) {
147
- <ng-container ngProjectAs="mat-error">
148
- @if (group.get(field.name).hasError(validation.name)) {
149
- <mat-error>{{validation.message | translate}}</mat-error>
150
- }
151
- </ng-container>
152
- }
153
- </div>
154
- </div>
155
- `, styles: [".subfields{display:flex;flex-direction:row;gap:5px}\n", ".label{display:flex;align-items:center;flex-direction:row;gap:5px}\n"] }]
156
- }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }, { type: i0.ViewContainerRef }] });
157
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbGVzLW1hdGVyaWFsLWR5bmFtaWNmb3Jtcy9zcmMvbGliL2ZpZWxkcy9saXN0LWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBdUMsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDckQsT0FBTyxFQUF1RSxVQUFVLEVBQW9CLE1BQU0sZ0JBQWdCLENBQUM7QUFFbkksT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sUUFBUSxDQUFDOzs7Ozs7OztBQWlENUIsSUFBTSwwQkFBMEIsR0FBaEMsTUFBTSwwQkFBMkIsU0FBUSxpQkFBaUI7SUFLN0QsWUFBb0IsRUFBc0IsRUFBWSxPQUF5QjtRQUMzRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7UUFEQyxPQUFFLEdBQUYsRUFBRSxDQUFvQjtRQUFZLFlBQU8sR0FBUCxPQUFPLENBQWtCO1FBRi9FLGdCQUFXLEdBQXlCLEVBQUUsQ0FBQztJQUl2QyxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQXFCLENBQUM7UUFFMUUsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLFFBQVEsRUFBRSxHQUFHLENBQUMsR0FBRyxFQUFFO1lBQ2xELE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENB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OEMvRSwwQkFBMEIsQ0F1RXRDOzs0RkF2RVksMEJBQTBCO2tCQTdDdEMsU0FBUzsrQkFDSSxxQkFBcUIsWUFDckI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQXVDVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25EZXN0cm95LCBPbkluaXQsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtsZXNGaWVsZEFic3RyYWN0IH0gZnJvbSAnLi9maWVsZC5hYnN0cmFjdCc7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUdyb3VwLCBVbnR5cGVkRm9ybUFycmF5LCBVbnR5cGVkRm9ybUJ1aWxkZXIsIFZhbGlkYXRvckZuLCBWYWxpZGF0b3JzLCBBc3luY1ZhbGlkYXRvckZuIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgSUtsZXNWYWxpZGF0b3IgfSBmcm9tICcuLi9pbnRlcmZhY2VzL3ZhbGlkYXRvci5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgRmllbGRNYXBwZXIgfSBmcm9tICcuLi9kZWNvcmF0b3JzL2NvbXBvbmVudC5kZWNvcmF0b3InO1xuaW1wb3J0IHsgS2xlc0Zvcm1BcnJheSB9IGZyb20gJy4uL2NvbnRyb2xzL2FycmF5LmNvbnRyb2wnO1xuaW1wb3J0IHsgY2xvbmVEZWVwIH0gZnJvbSAnbG9kYXNoJztcbmltcG9ydCB7IElLbGVzRmllbGRDb25maWcgfSBmcm9tICcuLi9pbnRlcmZhY2VzL2ZpZWxkLmNvbmZpZy5pbnRlcmZhY2UnO1xuXG5ARmllbGRNYXBwZXIoeyB0eXBlOiAnbGlzdGZpZWxkJywgZmFjdG9yeTogKGZpZWxkKSA9PiAobmV3IEtsZXNGb3JtQXJyYXkoZmllbGQpLmNyZWF0ZSgpKSB9KVxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdrbGVzLWZvcm0tbGlzdGZpZWxkJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgW2Zvcm1Hcm91cF09XCJncm91cFwiIGNsYXNzPVwiZm9ybS1lbGVtZW50XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJsYWJlbFwiPlxuICAgICAgICAgICAge3tmaWVsZC5sYWJlbCB8IHRyYW5zbGF0ZX19XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiAoY2xpY2spPVwiYWRkRmllbGQoKVwiPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5hZGQ8L21hdC1pY29uPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkeW5hbWljLWZvcm1cIiBbZm9ybUdyb3VwTmFtZV09XCJmaWVsZC5uYW1lXCI+XG4gICAgICAgICAgICBAZm9yIChzdWJHcm91cCBvZiBmb3JtQXJyYXkuY29udHJvbHM7IHRyYWNrIHN1Ykdyb3VwLnZhbHVlLl9pZDsgbGV0IGlkeCA9ICRpbmRleDspIHtcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3ViZmllbGRzXCI+XG4gICAgICAgICAgICAgICAgICAgIEBmb3IgKHN1YmZpZWxkIG9mIGNvbGxlY3Rpb25zW2lkeF07IHRyYWNrIHN1YmZpZWxkLm5hbWUpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIga2xlc0R5bmFtaWNGaWVsZCBbZmllbGRdPVwic3ViZmllbGRcIiBbZ3JvdXBdPVwic3ViR3JvdXBcIiBbc2libGluZ0ZpZWxkc109XCJjb2xsZWN0aW9uc1tpZHhdXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBAaWYoY29sbGVjdGlvbnNbaWR4XSl7XG4gICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwiZGVsZXRlRmllbGQoaWR4KVwiIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5kZWxldGVfb3V0bGluZWQ8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIEBmb3IgKHZhbGlkYXRpb24gb2YgZmllbGQudmFsaWRhdGlvbnM7IHRyYWNrIHZhbGlkYXRpb24ubmFtZSkge1xuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgbmdQcm9qZWN0QXM9XCJtYXQtZXJyb3JcIj5cbiAgICAgICAgICAgICAgICAgICAgQGlmIChncm91cC5nZXQoZmllbGQubmFtZSkuaGFzRXJyb3IodmFsaWRhdGlvbi5uYW1lKSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1lcnJvcj57e3ZhbGlkYXRpb24ubWVzc2FnZSB8IHRyYW5zbGF0ZX19PC9tYXQtZXJyb3I+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIEBmb3IgKHZhbGlkYXRpb24gb2YgZmllbGQuYXN5bmNWYWxpZGF0aW9uczsgdHJhY2sgdmFsaWRhdGlvbi5uYW1lKSB7XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBuZ1Byb2plY3RBcz1cIm1hdC1lcnJvclwiPlxuICAgICAgICAgICAgICAgICAgICBAaWYgKGdyb3VwLmdldChmaWVsZC5uYW1lKS5oYXNFcnJvcih2YWxpZGF0aW9uLm5hbWUpKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWVycm9yPnt7dmFsaWRhdGlvbi5tZXNzYWdlIHwgdHJhbnNsYXRlfX08L21hdC1lcnJvcj5cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICBgLFxuICAgIHN0eWxlczogWycuc3ViZmllbGRzIHtkaXNwbGF5OiBmbGV4OyBmbGV4LWRpcmVjdGlvbjogcm93OyBnYXA6NXB4fScsXG4gICAgICAgIGAubGFiZWwge2Rpc3BsYXk6IGZsZXg7IGFsaWduLWl0ZW1zOiBjZW50ZXI7IGZsZXgtZGlyZWN0aW9uOiByb3c7IGdhcDogNXB4O31gXVxufSlcbmV4cG9ydCBjbGFzcyBLbGVzRm9ybUxpc3RGaWVsZENvbXBvbmVudCBleHRlbmRzIEtsZXNGaWVsZEFic3RyYWN0IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuXG4gICAgZm9ybUFycmF5OiBVbnR5cGVkRm9ybUFycmF5O1xuICAgIGNvbGxlY3Rpb25zOiBJS2xlc0ZpZWxkQ29uZmlnW11bXSA9IFtdO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBmYjogVW50eXBlZEZvcm1CdWlsZGVyLCBwcm90ZWN0ZWQgdmlld1JlZjogVmlld0NvbnRhaW5lclJlZikge1xuICAgICAgICBzdXBlcih2aWV3UmVmKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5mb3JtQXJyYXkgPSB0aGlzLmdyb3VwLmNvbnRyb2xzW3RoaXMuZmllbGQubmFtZV0gYXMgVW50eXBlZEZvcm1BcnJheTtcblxuICAgICAgICB0aGlzLmNvbGxlY3Rpb25zID0gdGhpcy5mb3JtQXJyYXk/LmNvbnRyb2xzPy5tYXAoKCkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuZmllbGQuY29sbGVjdGlvbnMgPyBjbG9uZURlZXAodGhpcy5maWVsZC5jb2xsZWN0aW9ucykgOiBbXTtcbiAgICAgICAgfSk7XG5cbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGNyZWF0ZUZvcm1Hcm91cCgpOiBVbnR5cGVkRm9ybUdyb3VwIHtcbiAgICAgICAgY29uc3QgZ3JvdXAgPSB0aGlzLmZiLmdyb3VwKHt9KTtcbiAgICAgICAgdGhpcy5maWVsZC5jb2xsZWN0aW9ucz8uZm9yRWFjaChpdGVtID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGNvbnRyb2wgPSB0aGlzLmZiLmNvbnRyb2woXG4gICAgICAgICAgICAgICAgbnVsbCxcbiAgICAgICAgICAgICAgICB0aGlzLmJpbmRWYWxpZGF0aW9ucyhpdGVtLnZhbGlkYXRpb25zIHx8IFtdKSxcbiAgICAgICAgICAgICAgICB0aGlzLmJpbmRBc3luY1ZhbGlkYXRpb25zKGl0ZW0uYXN5bmNWYWxpZGF0aW9ucyB8fCBbXSlcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICBncm91cC5hZGRDb250cm9sKGl0ZW0ubmFtZSwgY29udHJvbCk7XG4gICAgICAgIH0pO1xuICAgICAgICByZXR1cm4gZ3JvdXA7XG4gICAgfVxuXG4gICAgZGVsZXRlRmllbGQoaW5kZXg6IG51bWJlcikge1xuICAgICAgICB0aGlzLmNvbGxlY3Rpb25zLnNwbGljZShpbmRleCwgMSk7XG4gICAgICAgIHRoaXMuZm9ybUFycmF5LnJlbW92ZUF0KGluZGV4KTtcbiAgICB9XG5cbiAgICBhZGRGaWVsZCgpIHtcbiAgICAgICAgdGhpcy5jb2xsZWN0aW9ucy5wdXNoKHRoaXMuZmllbGQuY29sbGVjdGlvbnMgPyBjbG9uZURlZXAodGhpcy5maWVsZC5jb2xsZWN0aW9ucykgOiBbXSk7XG4gICAgICAgIHRoaXMuZm9ybUFycmF5LnB1c2godGhpcy5jcmVhdGVGb3JtR3JvdXAoKSk7XG4gICAgfVxuXG5cbiAgICBwcml2YXRlIGJpbmRWYWxpZGF0aW9ucyh2YWxpZGF0aW9uczogSUtsZXNWYWxpZGF0b3I8VmFsaWRhdG9yRm4+W10pOiBWYWxpZGF0b3JGbiB7XG4gICAgICAgIGlmICh2YWxpZGF0aW9ucy5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICBjb25zdCB2YWxpZExpc3QgPSBbXTtcbiAgICAgICAgICAgIHZhbGlkYXRpb25zLmZvckVhY2godmFsaWQgPT4ge1xuICAgICAgICAgICAgICAgIHZhbGlkTGlzdC5wdXNoKHZhbGlkLnZhbGlkYXRvcik7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIHJldHVybiBWYWxpZGF0b3JzLmNvbXBvc2UodmFsaWRMaXN0KTtcblxuICAgICAgICB9XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuXG4gICAgcHJpdmF0ZSBiaW5kQXN5bmNWYWxpZGF0aW9ucyh2YWxpZGF0aW9uczogSUtsZXNWYWxpZGF0b3I8QXN5bmNWYWxpZGF0b3JGbj5bXSk6IEFzeW5jVmFsaWRhdG9yRm4ge1xuICAgICAgICBpZiAodmFsaWRhdGlvbnMubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgY29uc3QgdmFsaWRMaXN0ID0gW107XG4gICAgICAgICAgICB2YWxpZGF0aW9ucy5mb3JFYWNoKHZhbGlkID0+IHtcbiAgICAgICAgICAgICAgICB2YWxpZExpc3QucHVzaCh2YWxpZC52YWxpZGF0b3IpO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICByZXR1cm4gVmFsaWRhdG9ycy5jb21wb3NlQXN5bmModmFsaWRMaXN0KTtcblxuICAgICAgICB9XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICAgIH1cbn1cblxuIl19
@@ -1,50 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import { KlesFieldAbstract } from './field.abstract';
3
- import { Observable, of } from 'rxjs';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "@angular/common";
6
- import * as i2 from "@angular/forms";
7
- import * as i3 from "@angular/material/radio";
8
- import * as i4 from "@angular/material/tooltip";
9
- export class KlesFormRadioComponent extends KlesFieldAbstract {
10
- ngOnInit() {
11
- super.ngOnInit();
12
- if (this.field.options instanceof Observable) {
13
- this.options$ = this.field.options;
14
- }
15
- else if (this.field.options instanceof Function) {
16
- this.options$ = this.field.options();
17
- }
18
- else {
19
- this.options$ = of(this.field.options);
20
- }
21
- }
22
- ngOnDestroy() {
23
- super.ngOnDestroy();
24
- }
25
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
26
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KlesFormRadioComponent, selector: "kles-form-radiobutton", usesInheritance: true, ngImport: i0, template: `
27
- <div [formGroup]="group">
28
- <label class="radio-label-padding">{{field.label}}</label>
29
- <mat-radio-group matTooltip="{{field.tooltip}}" [attr.id]="field.id" [ngClass]="field.ngClass" [formControlName]="field.name">
30
- @for (item of options$ | async; track item) {
31
- <mat-radio-button [value]="item">{{item}}</mat-radio-button>
32
- }
33
- </mat-radio-group>
34
- </div>
35
- `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
36
- }
37
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormRadioComponent, decorators: [{
38
- type: Component,
39
- args: [{ selector: 'kles-form-radiobutton', template: `
40
- <div [formGroup]="group">
41
- <label class="radio-label-padding">{{field.label}}</label>
42
- <mat-radio-group matTooltip="{{field.tooltip}}" [attr.id]="field.id" [ngClass]="field.ngClass" [formControlName]="field.name">
43
- @for (item of options$ | async; track item) {
44
- <mat-radio-button [value]="item">{{item}}</mat-radio-button>
45
- }
46
- </mat-radio-group>
47
- </div>
48
- ` }]
49
- }] });
50
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xlcy1tYXRlcmlhbC1keW5hbWljZm9ybXMvc3JjL2xpYi9maWVsZHMvcmFkaW8uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7Ozs7QUFnQnRDLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxpQkFBaUI7SUFHekQsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUVqQixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxZQUFZLFVBQVUsRUFBRSxDQUFDO1lBQzNDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7UUFDdkMsQ0FBQzthQUNJLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLFlBQVksUUFBUSxFQUFFLENBQUM7WUFDOUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ3pDLENBQUM7YUFDSSxDQUFDO1lBQ0YsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMzQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDUCxLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0FuQlEsc0JBQXNCO21HQUF0QixzQkFBc0Isb0ZBWnJCOzs7Ozs7Ozs7Q0FTYjs7NEZBR1ksc0JBQXNCO2tCQWRsQyxTQUFTOytCQUNJLHVCQUF1QixZQUN2Qjs7Ozs7Ozs7O0NBU2IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLbGVzRmllbGRBYnN0cmFjdCB9IGZyb20gJy4vZmllbGQuYWJzdHJhY3QnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgb2YgfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdrbGVzLWZvcm0tcmFkaW9idXR0b24nLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBbZm9ybUdyb3VwXT1cImdyb3VwXCI+XG4gICAgICAgIDxsYWJlbCBjbGFzcz1cInJhZGlvLWxhYmVsLXBhZGRpbmdcIj57e2ZpZWxkLmxhYmVsfX08L2xhYmVsPlxuICAgICAgICA8bWF0LXJhZGlvLWdyb3VwIG1hdFRvb2x0aXA9XCJ7e2ZpZWxkLnRvb2x0aXB9fVwiIFthdHRyLmlkXT1cImZpZWxkLmlkXCIgW25nQ2xhc3NdPVwiZmllbGQubmdDbGFzc1wiIFtmb3JtQ29udHJvbE5hbWVdPVwiZmllbGQubmFtZVwiPlxuICAgICAgICAgICAgQGZvciAoaXRlbSBvZiBvcHRpb25zJCB8IGFzeW5jOyB0cmFjayBpdGVtKSB7XG4gICAgICAgICAgICAgICAgPG1hdC1yYWRpby1idXR0b24gW3ZhbHVlXT1cIml0ZW1cIj57e2l0ZW19fTwvbWF0LXJhZGlvLWJ1dHRvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgPC9tYXQtcmFkaW8tZ3JvdXA+XG4gICAgPC9kaXY+XG5gLFxuICAgIHN0eWxlczogW11cbn0pXG5leHBvcnQgY2xhc3MgS2xlc0Zvcm1SYWRpb0NvbXBvbmVudCBleHRlbmRzIEtsZXNGaWVsZEFic3RyYWN0IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAgIG9wdGlvbnMkOiBPYnNlcnZhYmxlPGFueVtdPjtcblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuXG4gICAgICAgIGlmICh0aGlzLmZpZWxkLm9wdGlvbnMgaW5zdGFuY2VvZiBPYnNlcnZhYmxlKSB7XG4gICAgICAgICAgICB0aGlzLm9wdGlvbnMkID0gdGhpcy5maWVsZC5vcHRpb25zO1xuICAgICAgICB9XG4gICAgICAgIGVsc2UgaWYgKHRoaXMuZmllbGQub3B0aW9ucyBpbnN0YW5jZW9mIEZ1bmN0aW9uKSB7XG4gICAgICAgICAgICB0aGlzLm9wdGlvbnMkID0gdGhpcy5maWVsZC5vcHRpb25zKCk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICB0aGlzLm9wdGlvbnMkID0gb2YodGhpcy5maWVsZC5vcHRpb25zKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICAgIH1cbn0iXX0=
@@ -1,81 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import { Component } from "@angular/core";
3
- import { KlesFormRange } from "../controls/range.control";
4
- import { FieldMapper } from "../decorators/component.decorator";
5
- import { EnumType } from "../enums/type.enum";
6
- import { KlesFieldAbstract } from './field.abstract';
7
- import * as i0 from "@angular/core";
8
- import * as i1 from "@angular/common";
9
- import * as i2 from "@angular/forms";
10
- import * as i3 from "@angular/material/form-field";
11
- import * as i4 from "@angular/material/datepicker";
12
- import * as i5 from "@angular/material/tooltip";
13
- import * as i6 from "../directive/mat-error-message.directive";
14
- import * as i7 from "@ngx-translate/core";
15
- let KlesFormRangeComponent = class KlesFormRangeComponent extends KlesFieldAbstract {
16
- // range = new FormGroup({
17
- // start: new FormControl<Date | null>(null),
18
- // end: new FormControl<Date | null>(null),
19
- // });
20
- ngOnInit() { super.ngOnInit(); }
21
- ngOnDestroy() {
22
- super.ngOnDestroy();
23
- }
24
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormRangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
25
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KlesFormRangeComponent, selector: "kles-form-rangepicker", usesInheritance: true, ngImport: i0, template: `
26
- <mat-form-field [subscriptSizing]="field.subscriptSizing" [color]="field.color" [formGroup]="group" [appearance]="field.appearance">
27
-
28
- <mat-label>{{field.label}}</mat-label>
29
-
30
- <mat-date-range-input [formGroupName]="field.name" [rangePicker]="picker" matTooltip="{{field.tooltip}}" [attr.id]="field.id" [ngClass]="field.ngClass"
31
- [min]="field.min" [max]="field.max" >
32
- <input matStartDate formControlName="start" [placeholder]="(field.placeholder?.start ? field.placeholder?.start : '') | translate">
33
- <input matEndDate formControlName="end" [placeholder]="(field.placeholder?.end ? field.placeholder?.end : '') | translate">
34
- </mat-date-range-input>
35
-
36
- <div matSuffix class="suffix">
37
- <mat-datepicker-toggle [for]="picker"></mat-datepicker-toggle>
38
- <ng-content></ng-content>
39
- </div>
40
-
41
- <mat-date-range-picker #picker></mat-date-range-picker>
42
- @if (field.hint) {
43
- <mat-hint>{{field.hint}}</mat-hint>
44
- }
45
-
46
- <mat-error matErrorMessage [validations]="field.validations" [asyncValidations]="field.asyncValidations"></mat-error>
47
- </mat-form-field>
48
- `, isInline: true, styles: [".suffix{display:flex;align-items:center}\n", "mat-form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i4.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i4.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i4.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i4.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i6.MatErrorMessageDirective, selector: "[matErrorMessage]", inputs: ["validations", "asyncValidations"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] }); }
49
- };
50
- KlesFormRangeComponent = __decorate([
51
- FieldMapper({ type: EnumType.range, factory: (field) => (new KlesFormRange(field).create()) })
52
- ], KlesFormRangeComponent);
53
- export { KlesFormRangeComponent };
54
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormRangeComponent, decorators: [{
55
- type: Component,
56
- args: [{ selector: "kles-form-rangepicker", template: `
57
- <mat-form-field [subscriptSizing]="field.subscriptSizing" [color]="field.color" [formGroup]="group" [appearance]="field.appearance">
58
-
59
- <mat-label>{{field.label}}</mat-label>
60
-
61
- <mat-date-range-input [formGroupName]="field.name" [rangePicker]="picker" matTooltip="{{field.tooltip}}" [attr.id]="field.id" [ngClass]="field.ngClass"
62
- [min]="field.min" [max]="field.max" >
63
- <input matStartDate formControlName="start" [placeholder]="(field.placeholder?.start ? field.placeholder?.start : '') | translate">
64
- <input matEndDate formControlName="end" [placeholder]="(field.placeholder?.end ? field.placeholder?.end : '') | translate">
65
- </mat-date-range-input>
66
-
67
- <div matSuffix class="suffix">
68
- <mat-datepicker-toggle [for]="picker"></mat-datepicker-toggle>
69
- <ng-content></ng-content>
70
- </div>
71
-
72
- <mat-date-range-picker #picker></mat-date-range-picker>
73
- @if (field.hint) {
74
- <mat-hint>{{field.hint}}</mat-hint>
75
- }
76
-
77
- <mat-error matErrorMessage [validations]="field.validations" [asyncValidations]="field.asyncValidations"></mat-error>
78
- </mat-form-field>
79
- `, styles: [".suffix{display:flex;align-items:center}\n", "mat-form-field{width:100%}\n"] }]
80
- }] });
81
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFuZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xlcy1tYXRlcmlhbC1keW5hbWljZm9ybXMvc3JjL2xpYi9maWVsZHMvcmFuZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7Ozs7Ozs7O0FBZ0M5QyxJQUFNLHNCQUFzQixHQUE1QixNQUFNLHNCQUF1QixTQUFRLGlCQUFpQjtJQUV6RCwwQkFBMEI7SUFDMUIsaURBQWlEO0lBQ2pELCtDQUErQztJQUMvQyxNQUFNO0lBRU4sUUFBUSxLQUFLLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFFaEMsV0FBVztRQUNQLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN4QixDQUFDOytHQVhRLHNCQUFzQjttR0FBdEIsc0JBQXNCLG9GQTNCckI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBdUJUOztBQUlRLHNCQUFzQjtJQTlCbEMsV0FBVyxDQUFDLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEVBQUUsT0FBTyxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsQ0FBQztHQThCbEYsc0JBQXNCLENBWWxDOzs0RkFaWSxzQkFBc0I7a0JBN0JsQyxTQUFTOytCQUNJLHVCQUF1QixZQUN2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0F1QlQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEtsZXNGb3JtUmFuZ2UgfSBmcm9tIFwiLi4vY29udHJvbHMvcmFuZ2UuY29udHJvbFwiO1xuaW1wb3J0IHsgRmllbGRNYXBwZXIgfSBmcm9tIFwiLi4vZGVjb3JhdG9ycy9jb21wb25lbnQuZGVjb3JhdG9yXCI7XG5pbXBvcnQgeyBFbnVtVHlwZSB9IGZyb20gXCIuLi9lbnVtcy90eXBlLmVudW1cIjtcbmltcG9ydCB7IEtsZXNGaWVsZEFic3RyYWN0IH0gZnJvbSAnLi9maWVsZC5hYnN0cmFjdCc7XG5cbkBGaWVsZE1hcHBlcih7IHR5cGU6IEVudW1UeXBlLnJhbmdlLCBmYWN0b3J5OiAoZmllbGQpID0+IChuZXcgS2xlc0Zvcm1SYW5nZShmaWVsZCkuY3JlYXRlKCkpIH0pXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJrbGVzLWZvcm0tcmFuZ2VwaWNrZXJcIixcbiAgICB0ZW1wbGF0ZTogYFxuICAgIDxtYXQtZm9ybS1maWVsZCBbc3Vic2NyaXB0U2l6aW5nXT1cImZpZWxkLnN1YnNjcmlwdFNpemluZ1wiIFtjb2xvcl09XCJmaWVsZC5jb2xvclwiIFtmb3JtR3JvdXBdPVwiZ3JvdXBcIiBbYXBwZWFyYW5jZV09XCJmaWVsZC5hcHBlYXJhbmNlXCI+XG5cbiAgICAgICAgPG1hdC1sYWJlbD57e2ZpZWxkLmxhYmVsfX08L21hdC1sYWJlbD5cblxuICAgICAgICA8bWF0LWRhdGUtcmFuZ2UtaW5wdXQgW2Zvcm1Hcm91cE5hbWVdPVwiZmllbGQubmFtZVwiIFtyYW5nZVBpY2tlcl09XCJwaWNrZXJcIiBtYXRUb29sdGlwPVwie3tmaWVsZC50b29sdGlwfX1cIiBbYXR0ci5pZF09XCJmaWVsZC5pZFwiIFtuZ0NsYXNzXT1cImZpZWxkLm5nQ2xhc3NcIlxuICAgICAgICBbbWluXT1cImZpZWxkLm1pblwiIFttYXhdPVwiZmllbGQubWF4XCIgPlxuICAgICAgICAgICAgPGlucHV0IG1hdFN0YXJ0RGF0ZSBmb3JtQ29udHJvbE5hbWU9XCJzdGFydFwiIFtwbGFjZWhvbGRlcl09XCIoZmllbGQucGxhY2Vob2xkZXI/LnN0YXJ0ID8gZmllbGQucGxhY2Vob2xkZXI/LnN0YXJ0IDogJycpIHwgdHJhbnNsYXRlXCI+XG4gICAgICAgICAgICA8aW5wdXQgbWF0RW5kRGF0ZSBmb3JtQ29udHJvbE5hbWU9XCJlbmRcIiBbcGxhY2Vob2xkZXJdPVwiKGZpZWxkLnBsYWNlaG9sZGVyPy5lbmQgPyBmaWVsZC5wbGFjZWhvbGRlcj8uZW5kIDogJycpIHwgdHJhbnNsYXRlXCI+XG4gICAgICAgIDwvbWF0LWRhdGUtcmFuZ2UtaW5wdXQ+XG5cbiAgICAgICAgPGRpdiBtYXRTdWZmaXggY2xhc3M9XCJzdWZmaXhcIj5cbiAgICAgICAgICAgIDxtYXQtZGF0ZXBpY2tlci10b2dnbGUgW2Zvcl09XCJwaWNrZXJcIj48L21hdC1kYXRlcGlja2VyLXRvZ2dsZT5cbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPG1hdC1kYXRlLXJhbmdlLXBpY2tlciAjcGlja2VyPjwvbWF0LWRhdGUtcmFuZ2UtcGlja2VyPlxuICAgICAgICBAaWYgKGZpZWxkLmhpbnQpIHtcbiAgICAgICAgICAgIDxtYXQtaGludD57e2ZpZWxkLmhpbnR9fTwvbWF0LWhpbnQ+XG4gICAgICAgIH1cblxuICAgICAgICA8bWF0LWVycm9yIG1hdEVycm9yTWVzc2FnZSBbdmFsaWRhdGlvbnNdPVwiZmllbGQudmFsaWRhdGlvbnNcIiBbYXN5bmNWYWxpZGF0aW9uc109XCJmaWVsZC5hc3luY1ZhbGlkYXRpb25zXCI+PC9tYXQtZXJyb3I+XG4gICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gICAgYCxcbiAgICBzdHlsZXM6IFsnbWF0LWZvcm0tZmllbGQge3dpZHRoOiBjYWxjKDEwMCUpfSddLFxuICAgIHN0eWxlVXJsczpbJy4uL3N0eWxlcy9tYXQtc3VmZml4LnN0eWxlLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBLbGVzRm9ybVJhbmdlQ29tcG9uZW50IGV4dGVuZHMgS2xlc0ZpZWxkQWJzdHJhY3QgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgICAvLyByYW5nZSA9IG5ldyBGb3JtR3JvdXAoe1xuICAgIC8vICAgICBzdGFydDogbmV3IEZvcm1Db250cm9sPERhdGUgfCBudWxsPihudWxsKSxcbiAgICAvLyAgICAgZW5kOiBuZXcgRm9ybUNvbnRyb2w8RGF0ZSB8IG51bGw+KG51bGwpLFxuICAgIC8vIH0pO1xuXG4gICAgbmdPbkluaXQoKSB7IHN1cGVyLm5nT25Jbml0KCk7IH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICAgIH1cbn1cbiJdfQ==