@ngx-formly/bootstrap 6.3.12 → 7.0.0-alpha.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 (167) hide show
  1. package/README.md +1 -0
  2. package/addons/addons.component.d.ts +1 -1
  3. package/addons/addons.config.d.ts +2 -0
  4. package/addons/public_api.d.ts +1 -0
  5. package/checkbox/checkbox.config.d.ts +2 -0
  6. package/checkbox/checkbox.type.d.ts +1 -1
  7. package/checkbox/public_api.d.ts +1 -0
  8. package/esm2022/addons/addon.extension.mjs +9 -0
  9. package/esm2022/addons/addons.component.mjs +31 -0
  10. package/esm2022/addons/addons.config.mjs +9 -0
  11. package/esm2022/addons/addons.module.mjs +21 -0
  12. package/esm2022/addons/public_api.mjs +3 -0
  13. package/esm2022/checkbox/checkbox.config.mjs +17 -0
  14. package/esm2022/checkbox/checkbox.module.mjs +32 -0
  15. package/{esm2020 → esm2022}/checkbox/checkbox.type.mjs +8 -8
  16. package/esm2022/checkbox/public_api.mjs +4 -0
  17. package/esm2022/form-field/field.type.mjs +25 -0
  18. package/esm2022/form-field/form-field.config.mjs +12 -0
  19. package/esm2022/form-field/form-field.module.mjs +21 -0
  20. package/{esm2020 → esm2022}/form-field/form-field.wrapper.mjs +12 -15
  21. package/esm2022/form-field/public_api.mjs +4 -0
  22. package/esm2022/input/input.config.mjs +32 -0
  23. package/esm2022/input/input.module.mjs +32 -0
  24. package/{esm2020 → esm2022}/input/input.type.mjs +6 -6
  25. package/esm2022/input/public_api.mjs +4 -0
  26. package/esm2022/lib/bootstrap.config.mjs +21 -0
  27. package/esm2022/lib/bootstrap.mjs +3 -0
  28. package/esm2022/lib/bootstrap.module.mjs +45 -0
  29. package/esm2022/multicheckbox/multicheckbox.config.mjs +13 -0
  30. package/esm2022/multicheckbox/multicheckbox.module.mjs +36 -0
  31. package/esm2022/multicheckbox/multicheckbox.type.mjs +99 -0
  32. package/esm2022/multicheckbox/public_api.mjs +4 -0
  33. package/esm2022/radio/public_api.mjs +4 -0
  34. package/esm2022/radio/radio.config.mjs +13 -0
  35. package/esm2022/radio/radio.module.mjs +36 -0
  36. package/esm2022/radio/radio.type.mjs +82 -0
  37. package/esm2022/select/public_api.mjs +4 -0
  38. package/esm2022/select/select.config.mjs +14 -0
  39. package/esm2022/select/select.module.mjs +36 -0
  40. package/esm2022/select/select.type.mjs +144 -0
  41. package/esm2022/textarea/public_api.mjs +4 -0
  42. package/esm2022/textarea/textarea.config.mjs +13 -0
  43. package/esm2022/textarea/textarea.module.mjs +32 -0
  44. package/{esm2020 → esm2022}/textarea/textarea.type.mjs +6 -6
  45. package/fesm2022/ngx-formly-bootstrap-addons.mjs +70 -0
  46. package/fesm2022/ngx-formly-bootstrap-addons.mjs.map +1 -0
  47. package/{fesm2015 → fesm2022}/ngx-formly-bootstrap-checkbox.mjs +37 -47
  48. package/fesm2022/ngx-formly-bootstrap-checkbox.mjs.map +1 -0
  49. package/fesm2022/ngx-formly-bootstrap-form-field.mjs +127 -0
  50. package/fesm2022/ngx-formly-bootstrap-form-field.mjs.map +1 -0
  51. package/fesm2022/ngx-formly-bootstrap-input.mjs +134 -0
  52. package/fesm2022/ngx-formly-bootstrap-input.mjs.map +1 -0
  53. package/{fesm2020 → fesm2022}/ngx-formly-bootstrap-multicheckbox.mjs +35 -41
  54. package/fesm2022/ngx-formly-bootstrap-multicheckbox.mjs.map +1 -0
  55. package/{fesm2020 → fesm2022}/ngx-formly-bootstrap-radio.mjs +35 -41
  56. package/fesm2022/ngx-formly-bootstrap-radio.mjs.map +1 -0
  57. package/{fesm2020 → fesm2022}/ngx-formly-bootstrap-select.mjs +39 -80
  58. package/fesm2022/ngx-formly-bootstrap-select.mjs.map +1 -0
  59. package/fesm2022/ngx-formly-bootstrap-textarea.mjs +98 -0
  60. package/fesm2022/ngx-formly-bootstrap-textarea.mjs.map +1 -0
  61. package/fesm2022/ngx-formly-bootstrap.mjs +69 -0
  62. package/fesm2022/ngx-formly-bootstrap.mjs.map +1 -0
  63. package/form-field/field.type.d.ts +1 -1
  64. package/form-field/form-field.config.d.ts +2 -0
  65. package/form-field/form-field.wrapper.d.ts +1 -1
  66. package/form-field/public_api.d.ts +1 -0
  67. package/input/input.config.d.ts +2 -0
  68. package/input/input.type.d.ts +1 -1
  69. package/input/public_api.d.ts +1 -0
  70. package/lib/bootstrap.config.d.ts +1 -0
  71. package/lib/bootstrap.d.ts +1 -0
  72. package/multicheckbox/multicheckbox.config.d.ts +2 -0
  73. package/multicheckbox/multicheckbox.type.d.ts +1 -1
  74. package/multicheckbox/public_api.d.ts +1 -0
  75. package/package.json +40 -62
  76. package/radio/public_api.d.ts +1 -0
  77. package/radio/radio.config.d.ts +2 -0
  78. package/radio/radio.type.d.ts +3 -3
  79. package/select/public_api.d.ts +1 -0
  80. package/select/select.config.d.ts +2 -0
  81. package/select/select.type.d.ts +2 -8
  82. package/textarea/public_api.d.ts +1 -0
  83. package/textarea/textarea.config.d.ts +2 -0
  84. package/textarea/textarea.type.d.ts +1 -1
  85. package/addons/package.json +0 -10
  86. package/checkbox/package.json +0 -10
  87. package/esm2020/addons/addon.extension.mjs +0 -9
  88. package/esm2020/addons/addons.component.mjs +0 -31
  89. package/esm2020/addons/addons.module.mjs +0 -36
  90. package/esm2020/addons/public_api.mjs +0 -2
  91. package/esm2020/checkbox/checkbox.module.mjs +0 -57
  92. package/esm2020/checkbox/public_api.mjs +0 -3
  93. package/esm2020/form-field/field.type.mjs +0 -25
  94. package/esm2020/form-field/form-field.module.mjs +0 -43
  95. package/esm2020/form-field/public_api.mjs +0 -3
  96. package/esm2020/input/input.module.mjs +0 -87
  97. package/esm2020/input/public_api.mjs +0 -3
  98. package/esm2020/lib/bootstrap.mjs +0 -2
  99. package/esm2020/lib/bootstrap.module.mjs +0 -47
  100. package/esm2020/multicheckbox/multicheckbox.module.mjs +0 -53
  101. package/esm2020/multicheckbox/multicheckbox.type.mjs +0 -99
  102. package/esm2020/multicheckbox/public_api.mjs +0 -3
  103. package/esm2020/radio/public_api.mjs +0 -3
  104. package/esm2020/radio/radio.module.mjs +0 -53
  105. package/esm2020/radio/radio.type.mjs +0 -82
  106. package/esm2020/select/public_api.mjs +0 -3
  107. package/esm2020/select/select.module.mjs +0 -55
  108. package/esm2020/select/select.type.mjs +0 -179
  109. package/esm2020/textarea/public_api.mjs +0 -3
  110. package/esm2020/textarea/textarea.module.mjs +0 -49
  111. package/fesm2015/ngx-formly-bootstrap-addons.mjs +0 -80
  112. package/fesm2015/ngx-formly-bootstrap-addons.mjs.map +0 -1
  113. package/fesm2015/ngx-formly-bootstrap-checkbox.mjs.map +0 -1
  114. package/fesm2015/ngx-formly-bootstrap-form-field.mjs +0 -144
  115. package/fesm2015/ngx-formly-bootstrap-form-field.mjs.map +0 -1
  116. package/fesm2015/ngx-formly-bootstrap-input.mjs +0 -159
  117. package/fesm2015/ngx-formly-bootstrap-input.mjs.map +0 -1
  118. package/fesm2015/ngx-formly-bootstrap-multicheckbox.mjs +0 -154
  119. package/fesm2015/ngx-formly-bootstrap-multicheckbox.mjs.map +0 -1
  120. package/fesm2015/ngx-formly-bootstrap-radio.mjs +0 -136
  121. package/fesm2015/ngx-formly-bootstrap-radio.mjs.map +0 -1
  122. package/fesm2015/ngx-formly-bootstrap-select.mjs +0 -235
  123. package/fesm2015/ngx-formly-bootstrap-select.mjs.map +0 -1
  124. package/fesm2015/ngx-formly-bootstrap-textarea.mjs +0 -104
  125. package/fesm2015/ngx-formly-bootstrap-textarea.mjs.map +0 -1
  126. package/fesm2015/ngx-formly-bootstrap.mjs +0 -58
  127. package/fesm2015/ngx-formly-bootstrap.mjs.map +0 -1
  128. package/fesm2020/ngx-formly-bootstrap-addons.mjs +0 -78
  129. package/fesm2020/ngx-formly-bootstrap-addons.mjs.map +0 -1
  130. package/fesm2020/ngx-formly-bootstrap-checkbox.mjs +0 -140
  131. package/fesm2020/ngx-formly-bootstrap-checkbox.mjs.map +0 -1
  132. package/fesm2020/ngx-formly-bootstrap-form-field.mjs +0 -142
  133. package/fesm2020/ngx-formly-bootstrap-form-field.mjs.map +0 -1
  134. package/fesm2020/ngx-formly-bootstrap-input.mjs +0 -159
  135. package/fesm2020/ngx-formly-bootstrap-input.mjs.map +0 -1
  136. package/fesm2020/ngx-formly-bootstrap-multicheckbox.mjs.map +0 -1
  137. package/fesm2020/ngx-formly-bootstrap-radio.mjs.map +0 -1
  138. package/fesm2020/ngx-formly-bootstrap-select.mjs.map +0 -1
  139. package/fesm2020/ngx-formly-bootstrap-textarea.mjs +0 -104
  140. package/fesm2020/ngx-formly-bootstrap-textarea.mjs.map +0 -1
  141. package/fesm2020/ngx-formly-bootstrap.mjs +0 -58
  142. package/fesm2020/ngx-formly-bootstrap.mjs.map +0 -1
  143. package/form-field/package.json +0 -10
  144. package/input/package.json +0 -10
  145. package/multicheckbox/package.json +0 -10
  146. package/radio/package.json +0 -10
  147. package/select/package.json +0 -10
  148. package/textarea/package.json +0 -10
  149. /package/addons/{ngx-formly-bootstrap-addons.d.ts → index.d.ts} +0 -0
  150. /package/checkbox/{ngx-formly-bootstrap-checkbox.d.ts → index.d.ts} +0 -0
  151. /package/{esm2020 → esm2022}/addons/ngx-formly-bootstrap-addons.mjs +0 -0
  152. /package/{esm2020 → esm2022}/checkbox/ngx-formly-bootstrap-checkbox.mjs +0 -0
  153. /package/{esm2020 → esm2022}/form-field/ngx-formly-bootstrap-form-field.mjs +0 -0
  154. /package/{esm2020 → esm2022}/input/ngx-formly-bootstrap-input.mjs +0 -0
  155. /package/{esm2020 → esm2022}/multicheckbox/ngx-formly-bootstrap-multicheckbox.mjs +0 -0
  156. /package/{esm2020 → esm2022}/ngx-formly-bootstrap.mjs +0 -0
  157. /package/{esm2020 → esm2022}/public_api.mjs +0 -0
  158. /package/{esm2020 → esm2022}/radio/ngx-formly-bootstrap-radio.mjs +0 -0
  159. /package/{esm2020 → esm2022}/select/ngx-formly-bootstrap-select.mjs +0 -0
  160. /package/{esm2020 → esm2022}/textarea/ngx-formly-bootstrap-textarea.mjs +0 -0
  161. /package/form-field/{ngx-formly-bootstrap-form-field.d.ts → index.d.ts} +0 -0
  162. /package/{ngx-formly-bootstrap.d.ts → index.d.ts} +0 -0
  163. /package/input/{ngx-formly-bootstrap-input.d.ts → index.d.ts} +0 -0
  164. /package/multicheckbox/{ngx-formly-bootstrap-multicheckbox.d.ts → index.d.ts} +0 -0
  165. /package/radio/{ngx-formly-bootstrap-radio.d.ts → index.d.ts} +0 -0
  166. /package/select/{ngx-formly-bootstrap-select.d.ts → index.d.ts} +0 -0
  167. /package/textarea/{ngx-formly-bootstrap-textarea.d.ts → index.d.ts} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ngx-formly-bootstrap-input.mjs","sources":["../../../../src/ui/bootstrap/input/src/input.type.ts","../../../../src/ui/bootstrap/input/src/input.config.ts","../../../../src/ui/bootstrap/input/src/input.module.ts","../../../../src/ui/bootstrap/input/src/ngx-formly-bootstrap-input.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Type } from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/bootstrap/form-field';\n\ninterface InputProps extends FormlyFieldProps {}\n\nexport interface FormlyInputFieldConfig extends FormlyFieldConfig<InputProps> {\n type: 'input' | Type<FormlyFieldInput>;\n}\n\n@Component({\n selector: 'formly-field-input',\n template: `\n <ng-template #fieldTypeTemplate>\n <input\n *ngIf=\"type !== 'number'; else numberTmp\"\n [type]=\"type\"\n [formControl]=\"formControl\"\n class=\"form-control\"\n [formlyAttributes]=\"field\"\n [class.is-invalid]=\"showError\"\n [attr.aria-describedby]=\"id + '-formly-validation-error'\"\n [attr.aria-invalid]=\"showError\"\n />\n <ng-template #numberTmp>\n <input\n type=\"number\"\n [formControl]=\"formControl\"\n class=\"form-control\"\n [formlyAttributes]=\"field\"\n [class.is-invalid]=\"showError\"\n [attr.aria-describedby]=\"id + '-formly-validation-error'\"\n [attr.aria-invalid]=\"showError\"\n />\n </ng-template>\n </ng-template>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldInput extends FieldType<FieldTypeConfig<InputProps>> {\n get type() {\n return this.props.type || 'text';\n }\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldInput } from './input.type';\n\nexport function withFormlyFieldInput(): ConfigOption {\n return {\n types: [\n {\n name: 'input',\n component: FormlyFieldInput,\n wrappers: ['form-field'],\n },\n { name: 'string', extends: 'input' },\n {\n name: 'number',\n extends: 'input',\n defaultOptions: {\n props: {\n type: 'number',\n },\n },\n },\n {\n name: 'integer',\n extends: 'input',\n defaultOptions: {\n props: {\n type: 'number',\n },\n },\n },\n ],\n };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';\n\nimport { FormlyFieldInput } from './input.type';\nimport { withFormlyFieldInput } from './input.config';\n\n@NgModule({\n declarations: [FormlyFieldInput],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n\n FormlyBootstrapFormFieldModule,\n FormlyModule.forChild(withFormlyFieldInput()),\n ],\n})\nexport class FormlyBootstrapInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":"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"}
@@ -1,13 +1,13 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
2
+ import { ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
3
+ import { FieldType, FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';
3
4
  import * as i1 from '@angular/common';
4
5
  import { CommonModule } from '@angular/common';
5
- import { ReactiveFormsModule } from '@angular/forms';
6
6
  import * as i2 from '@ngx-formly/core';
7
7
  import { FormlyModule } from '@ngx-formly/core';
8
8
  import * as i3 from '@ngx-formly/core/select';
9
9
  import { FormlySelectModule } from '@ngx-formly/core/select';
10
- import { FieldType, FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';
10
+ import { ReactiveFormsModule } from '@angular/forms';
11
11
 
12
12
  class FormlyFieldMultiCheckbox extends FieldType {
13
13
  constructor() {
@@ -34,16 +34,15 @@ class FormlyFieldMultiCheckbox extends FieldType {
34
34
  const value = this.formControl.value;
35
35
  return value && (this.props.type === 'array' ? value.indexOf(option.value) !== -1 : value[option.value]);
36
36
  }
37
- }
38
- FormlyFieldMultiCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyFieldMultiCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component });
39
- FormlyFieldMultiCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FormlyFieldMultiCheckbox, selector: "formly-field-multicheckbox", usesInheritance: true, ngImport: i0, template: `
37
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormlyFieldMultiCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
38
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormlyFieldMultiCheckbox, selector: "formly-field-multicheckbox", usesInheritance: true, ngImport: i0, template: `
40
39
  <ng-template #fieldTypeTemplate>
41
40
  <div
42
- *ngFor="let option of props.options | formlySelectOptions : field | async; let i = index"
41
+ *ngFor="let option of props.options | formlySelectOptions: field | async; let i = index"
43
42
  class="form-check"
44
43
  [ngClass]="{
45
44
  'form-check-inline': props.formCheck === 'inline' || props.formCheck === 'inline-switch',
46
- 'form-switch': props.formCheck === 'switch' || props.formCheck === 'inline-switch'
45
+ 'form-switch': props.formCheck === 'switch' || props.formCheck === 'inline-switch',
47
46
  }"
48
47
  >
49
48
  <input
@@ -64,19 +63,20 @@ FormlyFieldMultiCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
64
63
  </label>
65
64
  </div>
66
65
  </ng-template>
67
- `, isInline: true, directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], pipes: { "async": i1.AsyncPipe, "formlySelectOptions": i3.FormlySelectOptionsPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
68
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyFieldMultiCheckbox, decorators: [{
66
+ `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.FormlySelectOptionsPipe, name: "formlySelectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
67
+ }
68
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormlyFieldMultiCheckbox, decorators: [{
69
69
  type: Component,
70
70
  args: [{
71
71
  selector: 'formly-field-multicheckbox',
72
72
  template: `
73
73
  <ng-template #fieldTypeTemplate>
74
74
  <div
75
- *ngFor="let option of props.options | formlySelectOptions : field | async; let i = index"
75
+ *ngFor="let option of props.options | formlySelectOptions: field | async; let i = index"
76
76
  class="form-check"
77
77
  [ngClass]="{
78
78
  'form-check-inline': props.formCheck === 'inline' || props.formCheck === 'inline-switch',
79
- 'form-switch': props.formCheck === 'switch' || props.formCheck === 'inline-switch'
79
+ 'form-switch': props.formCheck === 'switch' || props.formCheck === 'inline-switch',
80
80
  }"
81
81
  >
82
82
  <input
@@ -102,29 +102,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
102
102
  }]
103
103
  }] });
104
104
 
105
- class FormlyBootstrapMultiCheckboxModule {
105
+ function withFormlyFieldMultiCheckbox() {
106
+ return {
107
+ types: [
108
+ {
109
+ name: 'multicheckbox',
110
+ component: FormlyFieldMultiCheckbox,
111
+ wrappers: ['form-field'],
112
+ },
113
+ ],
114
+ };
106
115
  }
107
- FormlyBootstrapMultiCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyBootstrapMultiCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
108
- FormlyBootstrapMultiCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyBootstrapMultiCheckboxModule, declarations: [FormlyFieldMultiCheckbox], imports: [CommonModule,
109
- ReactiveFormsModule,
110
- FormlyBootstrapFormFieldModule,
111
- FormlySelectModule, i2.FormlyModule] });
112
- FormlyBootstrapMultiCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyBootstrapMultiCheckboxModule, imports: [[
113
- CommonModule,
116
+
117
+ class FormlyBootstrapMultiCheckboxModule {
118
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormlyBootstrapMultiCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
119
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: FormlyBootstrapMultiCheckboxModule, declarations: [FormlyFieldMultiCheckbox], imports: [CommonModule,
120
+ ReactiveFormsModule,
121
+ FormlyBootstrapFormFieldModule,
122
+ FormlySelectModule, i2.FormlyModule] }); }
123
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormlyBootstrapMultiCheckboxModule, imports: [CommonModule,
114
124
  ReactiveFormsModule,
115
125
  FormlyBootstrapFormFieldModule,
116
126
  FormlySelectModule,
117
- FormlyModule.forChild({
118
- types: [
119
- {
120
- name: 'multicheckbox',
121
- component: FormlyFieldMultiCheckbox,
122
- wrappers: ['form-field'],
123
- },
124
- ],
125
- }),
126
- ]] });
127
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyBootstrapMultiCheckboxModule, decorators: [{
127
+ FormlyModule.forChild(withFormlyFieldMultiCheckbox())] }); }
128
+ }
129
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormlyBootstrapMultiCheckboxModule, decorators: [{
128
130
  type: NgModule,
129
131
  args: [{
130
132
  declarations: [FormlyFieldMultiCheckbox],
@@ -133,15 +135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
133
135
  ReactiveFormsModule,
134
136
  FormlyBootstrapFormFieldModule,
135
137
  FormlySelectModule,
136
- FormlyModule.forChild({
137
- types: [
138
- {
139
- name: 'multicheckbox',
140
- component: FormlyFieldMultiCheckbox,
141
- wrappers: ['form-field'],
142
- },
143
- ],
144
- }),
138
+ FormlyModule.forChild(withFormlyFieldMultiCheckbox()),
145
139
  ],
146
140
  }]
147
141
  }] });
@@ -150,5 +144,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
150
144
  * Generated bundle index. Do not edit.
151
145
  */
152
146
 
153
- export { FormlyBootstrapMultiCheckboxModule, FormlyFieldMultiCheckbox };
147
+ export { FormlyBootstrapMultiCheckboxModule, FormlyFieldMultiCheckbox, withFormlyFieldMultiCheckbox };
154
148
  //# sourceMappingURL=ngx-formly-bootstrap-multicheckbox.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ngx-formly-bootstrap-multicheckbox.mjs","sources":["../../../../src/ui/bootstrap/multicheckbox/src/multicheckbox.type.ts","../../../../src/ui/bootstrap/multicheckbox/src/multicheckbox.config.ts","../../../../src/ui/bootstrap/multicheckbox/src/multicheckbox.module.ts","../../../../src/ui/bootstrap/multicheckbox/src/ngx-formly-bootstrap-multicheckbox.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Type } from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/bootstrap/form-field';\n\ninterface MultiCheckboxProps extends FormlyFieldProps {\n formCheck?: 'default' | 'inline' | 'switch' | 'inline-switch';\n}\n\nexport interface FormlyMultiCheckboxFieldConfig extends FormlyFieldConfig<MultiCheckboxProps> {\n type: 'multicheckbox' | Type<FormlyFieldMultiCheckbox>;\n}\n\n@Component({\n selector: 'formly-field-multicheckbox',\n template: `\n <ng-template #fieldTypeTemplate>\n <div\n *ngFor=\"let option of props.options | formlySelectOptions: field | async; let i = index\"\n class=\"form-check\"\n [ngClass]=\"{\n 'form-check-inline': props.formCheck === 'inline' || props.formCheck === 'inline-switch',\n 'form-switch': props.formCheck === 'switch' || props.formCheck === 'inline-switch',\n }\"\n >\n <input\n type=\"checkbox\"\n [id]=\"id + '_' + i\"\n class=\"form-check-input\"\n [class.is-invalid]=\"showError\"\n [value]=\"option.value\"\n [checked]=\"isChecked(option)\"\n [formlyAttributes]=\"field\"\n [disabled]=\"formControl.disabled || option.disabled\"\n [attr.aria-describedby]=\"id + '-formly-validation-error'\"\n [attr.aria-invalid]=\"showError\"\n (change)=\"onChange(option.value, $any($event.target).checked)\"\n />\n <label class=\"form-check-label\" [for]=\"id + '_' + i\">\n {{ option.label }}\n </label>\n </div>\n </ng-template>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldMultiCheckbox extends FieldType<FieldTypeConfig<MultiCheckboxProps>> {\n override defaultOptions = {\n props: {\n formCheck: 'default' as const, // 'default' | 'inline' | 'switch' | 'inline-switch'\n },\n };\n\n onChange(value: any, checked: boolean) {\n this.formControl.markAsDirty();\n if (this.props.type === 'array') {\n this.formControl.patchValue(\n checked\n ? [...(this.formControl.value || []), value]\n : [...(this.formControl.value || [])].filter((o) => o !== value),\n );\n } else {\n this.formControl.patchValue({ ...this.formControl.value, [value]: checked });\n }\n this.formControl.markAsTouched();\n }\n\n isChecked(option: any) {\n const value = this.formControl.value;\n\n return value && (this.props.type === 'array' ? value.indexOf(option.value) !== -1 : value[option.value]);\n }\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldMultiCheckbox } from './multicheckbox.type';\n\nexport function withFormlyFieldMultiCheckbox(): ConfigOption {\n return {\n types: [\n {\n name: 'multicheckbox',\n component: FormlyFieldMultiCheckbox,\n wrappers: ['form-field'],\n },\n ],\n };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { FormlySelectModule } from '@ngx-formly/core/select';\nimport { FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';\n\nimport { FormlyFieldMultiCheckbox } from './multicheckbox.type';\nimport { withFormlyFieldMultiCheckbox } from './multicheckbox.config';\n\n@NgModule({\n declarations: [FormlyFieldMultiCheckbox],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n\n FormlyBootstrapFormFieldModule,\n FormlySelectModule,\n FormlyModule.forChild(withFormlyFieldMultiCheckbox()),\n ],\n})\nexport class FormlyBootstrapMultiCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":"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"}
@@ -1,14 +1,14 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
2
+ import { ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
3
+ import { FieldType, FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';
4
+ import * as i2 from '@angular/forms';
5
+ import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
3
6
  import * as i1 from '@angular/common';
4
7
  import { CommonModule } from '@angular/common';
5
8
  import * as i3 from '@ngx-formly/core';
6
9
  import { FormlyModule } from '@ngx-formly/core';
7
- import * as i2 from '@angular/forms';
8
- import { FormControl, ReactiveFormsModule } from '@angular/forms';
9
10
  import * as i4 from '@ngx-formly/core/select';
10
11
  import { FormlySelectModule } from '@ngx-formly/core/select';
11
- import { FieldType, FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';
12
12
 
13
13
  class FormlyFieldRadio extends FieldType {
14
14
  constructor() {
@@ -20,14 +20,13 @@ class FormlyFieldRadio extends FieldType {
20
20
  };
21
21
  }
22
22
  get disabledControl() {
23
- return new FormControl({ value: this.formControl.value, disabled: true });
23
+ return new UntypedFormControl({ value: this.formControl.value, disabled: true });
24
24
  }
25
- }
26
- FormlyFieldRadio.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyFieldRadio, deps: null, target: i0.ɵɵFactoryTarget.Component });
27
- FormlyFieldRadio.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FormlyFieldRadio, selector: "formly-field-radio", usesInheritance: true, ngImport: i0, template: `
25
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormlyFieldRadio, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
26
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormlyFieldRadio, selector: "formly-field-radio", usesInheritance: true, ngImport: i0, template: `
28
27
  <ng-template #fieldTypeTemplate>
29
28
  <div
30
- *ngFor="let option of props.options | formlySelectOptions : field | async; let i = index"
29
+ *ngFor="let option of props.options | formlySelectOptions: field | async; let i = index"
31
30
  class="form-check"
32
31
  [class.form-check-inline]="props.formCheck === 'inline'"
33
32
  >
@@ -49,15 +48,16 @@ FormlyFieldRadio.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
49
48
  </label>
50
49
  </div>
51
50
  </ng-template>
52
- `, isInline: true, directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], pipes: { "async": i1.AsyncPipe, "formlySelectOptions": i4.FormlySelectOptionsPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
53
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyFieldRadio, decorators: [{
51
+ `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.FormlySelectOptionsPipe, name: "formlySelectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
52
+ }
53
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormlyFieldRadio, decorators: [{
54
54
  type: Component,
55
55
  args: [{
56
56
  selector: 'formly-field-radio',
57
57
  template: `
58
58
  <ng-template #fieldTypeTemplate>
59
59
  <div
60
- *ngFor="let option of props.options | formlySelectOptions : field | async; let i = index"
60
+ *ngFor="let option of props.options | formlySelectOptions: field | async; let i = index"
61
61
  class="form-check"
62
62
  [class.form-check-inline]="props.formCheck === 'inline'"
63
63
  >
@@ -84,29 +84,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
84
84
  }]
85
85
  }] });
86
86
 
87
- class FormlyBootstrapRadioModule {
87
+ function withFormlyFieldRadio() {
88
+ return {
89
+ types: [
90
+ {
91
+ name: 'radio',
92
+ component: FormlyFieldRadio,
93
+ wrappers: ['form-field'],
94
+ },
95
+ ],
96
+ };
88
97
  }
89
- FormlyBootstrapRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyBootstrapRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
90
- FormlyBootstrapRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyBootstrapRadioModule, declarations: [FormlyFieldRadio], imports: [CommonModule,
91
- ReactiveFormsModule,
92
- FormlyBootstrapFormFieldModule,
93
- FormlySelectModule, i3.FormlyModule] });
94
- FormlyBootstrapRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyBootstrapRadioModule, imports: [[
95
- CommonModule,
98
+
99
+ class FormlyBootstrapRadioModule {
100
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormlyBootstrapRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
101
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: FormlyBootstrapRadioModule, declarations: [FormlyFieldRadio], imports: [CommonModule,
102
+ ReactiveFormsModule,
103
+ FormlyBootstrapFormFieldModule,
104
+ FormlySelectModule, i3.FormlyModule] }); }
105
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormlyBootstrapRadioModule, imports: [CommonModule,
96
106
  ReactiveFormsModule,
97
107
  FormlyBootstrapFormFieldModule,
98
108
  FormlySelectModule,
99
- FormlyModule.forChild({
100
- types: [
101
- {
102
- name: 'radio',
103
- component: FormlyFieldRadio,
104
- wrappers: ['form-field'],
105
- },
106
- ],
107
- }),
108
- ]] });
109
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyBootstrapRadioModule, decorators: [{
109
+ FormlyModule.forChild(withFormlyFieldRadio())] }); }
110
+ }
111
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormlyBootstrapRadioModule, decorators: [{
110
112
  type: NgModule,
111
113
  args: [{
112
114
  declarations: [FormlyFieldRadio],
@@ -115,15 +117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
115
117
  ReactiveFormsModule,
116
118
  FormlyBootstrapFormFieldModule,
117
119
  FormlySelectModule,
118
- FormlyModule.forChild({
119
- types: [
120
- {
121
- name: 'radio',
122
- component: FormlyFieldRadio,
123
- wrappers: ['form-field'],
124
- },
125
- ],
126
- }),
120
+ FormlyModule.forChild(withFormlyFieldRadio()),
127
121
  ],
128
122
  }]
129
123
  }] });
@@ -132,5 +126,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
132
126
  * Generated bundle index. Do not edit.
133
127
  */
134
128
 
135
- export { FormlyBootstrapRadioModule, FormlyFieldRadio };
129
+ export { FormlyBootstrapRadioModule, FormlyFieldRadio, withFormlyFieldRadio };
136
130
  //# sourceMappingURL=ngx-formly-bootstrap-radio.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ngx-formly-bootstrap-radio.mjs","sources":["../../../../src/ui/bootstrap/radio/src/radio.type.ts","../../../../src/ui/bootstrap/radio/src/radio.config.ts","../../../../src/ui/bootstrap/radio/src/radio.module.ts","../../../../src/ui/bootstrap/radio/src/ngx-formly-bootstrap-radio.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Type } from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/bootstrap/form-field';\nimport { UntypedFormControl } from '@angular/forms';\n\ninterface RadioProps extends FormlyFieldProps {\n formCheck?: 'default' | 'inline';\n}\n\nexport interface FormlyRadioFieldConfig extends FormlyFieldConfig<RadioProps> {\n type: 'radio' | Type<FormlyFieldRadio>;\n}\n\n@Component({\n selector: 'formly-field-radio',\n template: `\n <ng-template #fieldTypeTemplate>\n <div\n *ngFor=\"let option of props.options | formlySelectOptions: field | async; let i = index\"\n class=\"form-check\"\n [class.form-check-inline]=\"props.formCheck === 'inline'\"\n >\n <input\n type=\"radio\"\n [id]=\"id + '_' + i\"\n class=\"form-check-input\"\n [name]=\"field.name || id\"\n [class.is-invalid]=\"showError\"\n [attr.value]=\"option.value\"\n [value]=\"option.value\"\n [formControl]=\"option.disabled ? disabledControl : formControl\"\n [formlyAttributes]=\"field\"\n [attr.aria-describedby]=\"id + '-formly-validation-error'\"\n [attr.aria-invalid]=\"showError\"\n />\n <label class=\"form-check-label\" [for]=\"id + '_' + i\">\n {{ option.label }}\n </label>\n </div>\n </ng-template>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldRadio extends FieldType<FieldTypeConfig<RadioProps>> {\n override defaultOptions = {\n props: {\n formCheck: 'default' as const,\n },\n };\n\n get disabledControl() {\n return new UntypedFormControl({ value: this.formControl.value, disabled: true });\n }\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldRadio } from './radio.type';\n\nexport function withFormlyFieldRadio(): ConfigOption {\n return {\n types: [\n {\n name: 'radio',\n component: FormlyFieldRadio,\n wrappers: ['form-field'],\n },\n ],\n };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlySelectModule } from '@ngx-formly/core/select';\n\nimport { FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';\nimport { FormlyFieldRadio } from './radio.type';\nimport { withFormlyFieldRadio } from './radio.config';\n\n@NgModule({\n declarations: [FormlyFieldRadio],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n\n FormlyBootstrapFormFieldModule,\n FormlySelectModule,\n FormlyModule.forChild(withFormlyFieldRadio()),\n ],\n})\nexport class FormlyBootstrapRadioModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":"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"}
@@ -1,20 +1,18 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Component, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
2
+ import { ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
3
+ import { FieldType, FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';
3
4
  import * as i1 from '@angular/common';
4
5
  import { CommonModule } from '@angular/common';
5
6
  import * as i2 from '@angular/forms';
6
- import { SelectControlValueAccessor, ReactiveFormsModule } from '@angular/forms';
7
+ import { ReactiveFormsModule } from '@angular/forms';
7
8
  import * as i3 from '@ngx-formly/core';
8
9
  import { FormlyModule } from '@ngx-formly/core';
9
10
  import * as i4 from '@ngx-formly/core/select';
10
11
  import { FormlySelectModule } from '@ngx-formly/core/select';
11
- import { FieldType, FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';
12
- import { take } from 'rxjs/operators';
13
12
 
14
13
  class FormlyFieldSelect extends FieldType {
15
- constructor(ngZone, hostContainerRef) {
16
- super(hostContainerRef);
17
- this.ngZone = ngZone;
14
+ constructor() {
15
+ super(...arguments);
18
16
  this.defaultOptions = {
19
17
  props: {
20
18
  compareWith(o1, o2) {
@@ -23,38 +21,8 @@ class FormlyFieldSelect extends FieldType {
23
21
  },
24
22
  };
25
23
  }
26
- // workaround for https://github.com/angular/angular/issues/10010
27
- /**
28
- * TODO: Check if this is still needed
29
- */
30
- set selectAccessor(s) {
31
- if (!s) {
32
- return;
33
- }
34
- const writeValue = s.writeValue.bind(s);
35
- if (s._getOptionId(s.value) === null) {
36
- writeValue(s.value);
37
- }
38
- s.writeValue = (value) => {
39
- const id = s._idCounter;
40
- writeValue(value);
41
- if (value === null) {
42
- this.ngZone.onStable
43
- .asObservable()
44
- .pipe(take(1))
45
- .subscribe(() => {
46
- if (id !== s._idCounter &&
47
- s._getOptionId(value) === null &&
48
- s._elementRef.nativeElement.selectedIndex !== -1) {
49
- writeValue(value);
50
- }
51
- });
52
- }
53
- };
54
- }
55
- }
56
- FormlyFieldSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyFieldSelect, deps: [{ token: i0.NgZone }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
57
- FormlyFieldSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FormlyFieldSelect, selector: "formly-field-select", viewQueries: [{ propertyName: "selectAccessor", first: true, predicate: SelectControlValueAccessor, descendants: true }], usesInheritance: true, ngImport: i0, template: `
24
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormlyFieldSelect, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
25
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormlyFieldSelect, selector: "formly-field-select", usesInheritance: true, ngImport: i0, template: `
58
26
  <ng-template #fieldTypeTemplate>
59
27
  <select
60
28
  *ngIf="props.multiple; else singleSelect"
@@ -67,7 +35,7 @@ FormlyFieldSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
67
35
  [attr.aria-describedby]="id + '-formly-validation-error'"
68
36
  [attr.aria-invalid]="showError"
69
37
  >
70
- <ng-container *ngIf="props.options | formlySelectOptions : field | async as opts">
38
+ <ng-container *ngIf="props.options | formlySelectOptions: field | async as opts">
71
39
  <ng-container *ngFor="let opt of opts">
72
40
  <option *ngIf="!opt.group; else optgroup" [ngValue]="opt.value" [disabled]="opt.disabled">
73
41
  {{ opt.label }}
@@ -94,7 +62,7 @@ FormlyFieldSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
94
62
  [attr.aria-invalid]="showError"
95
63
  >
96
64
  <option *ngIf="props.placeholder" [ngValue]="undefined">{{ props.placeholder }}</option>
97
- <ng-container *ngIf="props.options | formlySelectOptions : field | async as opts">
65
+ <ng-container *ngIf="props.options | formlySelectOptions: field | async as opts">
98
66
  <ng-container *ngFor="let opt of opts">
99
67
  <option *ngIf="!opt.group; else optgroup" [ngValue]="opt.value" [disabled]="opt.disabled">
100
68
  {{ opt.label }}
@@ -111,8 +79,9 @@ FormlyFieldSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
111
79
  </select>
112
80
  </ng-template>
113
81
  </ng-template>
114
- `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }], pipes: { "async": i1.AsyncPipe, "formlySelectOptions": i4.FormlySelectOptionsPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
115
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyFieldSelect, decorators: [{
82
+ `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.FormlySelectOptionsPipe, name: "formlySelectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
83
+ }
84
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormlyFieldSelect, decorators: [{
116
85
  type: Component,
117
86
  args: [{
118
87
  selector: 'formly-field-select',
@@ -129,7 +98,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
129
98
  [attr.aria-describedby]="id + '-formly-validation-error'"
130
99
  [attr.aria-invalid]="showError"
131
100
  >
132
- <ng-container *ngIf="props.options | formlySelectOptions : field | async as opts">
101
+ <ng-container *ngIf="props.options | formlySelectOptions: field | async as opts">
133
102
  <ng-container *ngFor="let opt of opts">
134
103
  <option *ngIf="!opt.group; else optgroup" [ngValue]="opt.value" [disabled]="opt.disabled">
135
104
  {{ opt.label }}
@@ -156,7 +125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
156
125
  [attr.aria-invalid]="showError"
157
126
  >
158
127
  <option *ngIf="props.placeholder" [ngValue]="undefined">{{ props.placeholder }}</option>
159
- <ng-container *ngIf="props.options | formlySelectOptions : field | async as opts">
128
+ <ng-container *ngIf="props.options | formlySelectOptions: field | async as opts">
160
129
  <ng-container *ngFor="let opt of opts">
161
130
  <option *ngIf="!opt.group; else optgroup" [ngValue]="opt.value" [disabled]="opt.disabled">
162
131
  {{ opt.label }}
@@ -176,35 +145,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
176
145
  `,
177
146
  changeDetection: ChangeDetectionStrategy.OnPush,
178
147
  }]
179
- }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ViewContainerRef }]; }, propDecorators: { selectAccessor: [{
180
- type: ViewChild,
181
- args: [SelectControlValueAccessor]
182
- }] } });
148
+ }] });
183
149
 
184
- class FormlyBootstrapSelectModule {
150
+ function withFormlyFieldSelect() {
151
+ return {
152
+ types: [
153
+ {
154
+ name: 'select',
155
+ component: FormlyFieldSelect,
156
+ wrappers: ['form-field'],
157
+ },
158
+ { name: 'enum', extends: 'select' },
159
+ ],
160
+ };
185
161
  }
186
- FormlyBootstrapSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyBootstrapSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
187
- FormlyBootstrapSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyBootstrapSelectModule, declarations: [FormlyFieldSelect], imports: [CommonModule,
188
- ReactiveFormsModule,
189
- FormlyBootstrapFormFieldModule,
190
- FormlySelectModule, i3.FormlyModule] });
191
- FormlyBootstrapSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyBootstrapSelectModule, imports: [[
192
- CommonModule,
162
+
163
+ class FormlyBootstrapSelectModule {
164
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormlyBootstrapSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
165
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: FormlyBootstrapSelectModule, declarations: [FormlyFieldSelect], imports: [CommonModule,
166
+ ReactiveFormsModule,
167
+ FormlyBootstrapFormFieldModule,
168
+ FormlySelectModule, i3.FormlyModule] }); }
169
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormlyBootstrapSelectModule, imports: [CommonModule,
193
170
  ReactiveFormsModule,
194
171
  FormlyBootstrapFormFieldModule,
195
172
  FormlySelectModule,
196
- FormlyModule.forChild({
197
- types: [
198
- {
199
- name: 'select',
200
- component: FormlyFieldSelect,
201
- wrappers: ['form-field'],
202
- },
203
- { name: 'enum', extends: 'select' },
204
- ],
205
- }),
206
- ]] });
207
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormlyBootstrapSelectModule, decorators: [{
173
+ FormlyModule.forChild(withFormlyFieldSelect())] }); }
174
+ }
175
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormlyBootstrapSelectModule, decorators: [{
208
176
  type: NgModule,
209
177
  args: [{
210
178
  declarations: [FormlyFieldSelect],
@@ -213,16 +181,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
213
181
  ReactiveFormsModule,
214
182
  FormlyBootstrapFormFieldModule,
215
183
  FormlySelectModule,
216
- FormlyModule.forChild({
217
- types: [
218
- {
219
- name: 'select',
220
- component: FormlyFieldSelect,
221
- wrappers: ['form-field'],
222
- },
223
- { name: 'enum', extends: 'select' },
224
- ],
225
- }),
184
+ FormlyModule.forChild(withFormlyFieldSelect()),
226
185
  ],
227
186
  }]
228
187
  }] });
@@ -231,5 +190,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
231
190
  * Generated bundle index. Do not edit.
232
191
  */
233
192
 
234
- export { FormlyBootstrapSelectModule, FormlyFieldSelect };
193
+ export { FormlyBootstrapSelectModule, FormlyFieldSelect, withFormlyFieldSelect };
235
194
  //# sourceMappingURL=ngx-formly-bootstrap-select.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ngx-formly-bootstrap-select.mjs","sources":["../../../../src/ui/bootstrap/select/src/select.type.ts","../../../../src/ui/bootstrap/select/src/select.config.ts","../../../../src/ui/bootstrap/select/src/select.module.ts","../../../../src/ui/bootstrap/select/src/ngx-formly-bootstrap-select.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Type } from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/bootstrap/form-field';\nimport { FormlyFieldSelectProps } from '@ngx-formly/core/select';\n\ninterface SelectProps extends FormlyFieldProps, FormlyFieldSelectProps {\n multiple?: boolean;\n compareWith?: (o1: any, o2: any) => boolean;\n}\n\nexport interface FormlySelectFieldConfig extends FormlyFieldConfig<SelectProps> {\n type: 'select' | Type<FormlyFieldSelect>;\n}\n\n@Component({\n selector: 'formly-field-select',\n template: `\n <ng-template #fieldTypeTemplate>\n <select\n *ngIf=\"props.multiple; else singleSelect\"\n class=\"form-select\"\n multiple\n [formControl]=\"formControl\"\n [compareWith]=\"props.compareWith\"\n [class.is-invalid]=\"showError\"\n [formlyAttributes]=\"field\"\n [attr.aria-describedby]=\"id + '-formly-validation-error'\"\n [attr.aria-invalid]=\"showError\"\n >\n <ng-container *ngIf=\"props.options | formlySelectOptions: field | async as opts\">\n <ng-container *ngFor=\"let opt of opts\">\n <option *ngIf=\"!opt.group; else optgroup\" [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">\n {{ opt.label }}\n </option>\n <ng-template #optgroup>\n <optgroup [label]=\"opt.label\">\n <option *ngFor=\"let child of opt.group\" [ngValue]=\"child.value\" [disabled]=\"child.disabled\">\n {{ child.label }}\n </option>\n </optgroup>\n </ng-template>\n </ng-container>\n </ng-container>\n </select>\n\n <ng-template #singleSelect>\n <select\n class=\"form-select\"\n [formControl]=\"formControl\"\n [compareWith]=\"props.compareWith\"\n [class.is-invalid]=\"showError\"\n [formlyAttributes]=\"field\"\n [attr.aria-describedby]=\"id + '-formly-validation-error'\"\n [attr.aria-invalid]=\"showError\"\n >\n <option *ngIf=\"props.placeholder\" [ngValue]=\"undefined\">{{ props.placeholder }}</option>\n <ng-container *ngIf=\"props.options | formlySelectOptions: field | async as opts\">\n <ng-container *ngFor=\"let opt of opts\">\n <option *ngIf=\"!opt.group; else optgroup\" [ngValue]=\"opt.value\" [disabled]=\"opt.disabled\">\n {{ opt.label }}\n </option>\n <ng-template #optgroup>\n <optgroup [label]=\"opt.label\">\n <option *ngFor=\"let child of opt.group\" [ngValue]=\"child.value\" [disabled]=\"child.disabled\">\n {{ child.label }}\n </option>\n </optgroup>\n </ng-template>\n </ng-container>\n </ng-container>\n </select>\n </ng-template>\n </ng-template>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldSelect extends FieldType<FieldTypeConfig<SelectProps>> {\n override defaultOptions = {\n props: {\n compareWith(o1: any, o2: any) {\n return o1 === o2;\n },\n },\n };\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldSelect } from './select.type';\n\nexport function withFormlyFieldSelect(): ConfigOption {\n return {\n types: [\n {\n name: 'select',\n component: FormlyFieldSelect,\n wrappers: ['form-field'],\n },\n { name: 'enum', extends: 'select' },\n ],\n };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { FormlySelectModule } from '@ngx-formly/core/select';\n\nimport { FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';\nimport { FormlyFieldSelect } from './select.type';\nimport { withFormlyFieldSelect } from './select.config';\n\n@NgModule({\n declarations: [FormlyFieldSelect],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n\n FormlyBootstrapFormFieldModule,\n FormlySelectModule,\n FormlyModule.forChild(withFormlyFieldSelect()),\n ],\n})\nexport class FormlyBootstrapSelectModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":"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"}