@ngx-formly/bootstrap 5.10.24 → 6.0.0-next.4

package/fesm2020/ngx-formly-bootstrap-checkbox.mjs

@@ -0,0 +1,132 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@ngx-formly/core';
+import { FieldType, FormlyModule } from '@ngx-formly/core';
+import * as i2 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';
+
+class FormlyFieldCheckbox extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.defaultOptions = {
+            templateOptions: {
+                indeterminate: true,
+                hideLabel: true,
+                formCheck: 'default', // 'default' | 'inline' | 'switch' | 'inline-switch' | 'nolabel'
+            },
+        };
+    }
+}
+FormlyFieldCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyFieldCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: FormlyFieldCheckbox, selector: "formly-field-checkbox", usesInheritance: true, ngImport: i0, template: `
+    <div
+      class="form-check"
+      [ngClass]="{
+        'form-check-inline': to.formCheck === 'inline' || to.formCheck === 'inline-switch',
+        'form-switch': to.formCheck === 'switch' || to.formCheck === 'inline-switch'
+      }"
+    >
+      <input
+        type="checkbox"
+        [class.is-invalid]="showError"
+        class="form-check-input"
+        [class.position-static]="to.formCheck === 'nolabel'"
+        [indeterminate]="to.indeterminate && formControl.value == null"
+        [formControl]="formControl"
+        [formlyAttributes]="field"
+      />
+      <label *ngIf="to.formCheck !== 'nolabel'" [for]="id" class="form-check-label">
+        {{ to.label }}
+        <span *ngIf="to.required && to.hideRequiredMarker !== true" aria-hidden="true">*</span>
+      </label>
+    </div>
+  `, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyFieldCheckbox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-checkbox',
+                    template: `
+    <div
+      class="form-check"
+      [ngClass]="{
+        'form-check-inline': to.formCheck === 'inline' || to.formCheck === 'inline-switch',
+        'form-switch': to.formCheck === 'switch' || to.formCheck === 'inline-switch'
+      }"
+    >
+      <input
+        type="checkbox"
+        [class.is-invalid]="showError"
+        class="form-check-input"
+        [class.position-static]="to.formCheck === 'nolabel'"
+        [indeterminate]="to.indeterminate && formControl.value == null"
+        [formControl]="formControl"
+        [formlyAttributes]="field"
+      />
+      <label *ngIf="to.formCheck !== 'nolabel'" [for]="id" class="form-check-label">
+        {{ to.label }}
+        <span *ngIf="to.required && to.hideRequiredMarker !== true" aria-hidden="true">*</span>
+      </label>
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+class FormlyBootstrapCheckboxModule {
+}
+FormlyBootstrapCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyBootstrapCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyBootstrapCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyBootstrapCheckboxModule, declarations: [FormlyFieldCheckbox], imports: [CommonModule,
+        ReactiveFormsModule,
+        FormlyBootstrapFormFieldModule, i3.FormlyModule] });
+FormlyBootstrapCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyBootstrapCheckboxModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            FormlyBootstrapFormFieldModule,
+            FormlyModule.forChild({
+                types: [
+                    {
+                        name: 'checkbox',
+                        component: FormlyFieldCheckbox,
+                        wrappers: ['form-field'],
+                    },
+                    {
+                        name: 'boolean',
+                        extends: 'checkbox',
+                    },
+                ],
+            }),
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyBootstrapCheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FormlyFieldCheckbox],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormlyBootstrapFormFieldModule,
+                        FormlyModule.forChild({
+                            types: [
+                                {
+                                    name: 'checkbox',
+                                    component: FormlyFieldCheckbox,
+                                    wrappers: ['form-field'],
+                                },
+                                {
+                                    name: 'boolean',
+                                    extends: 'checkbox',
+                                },
+                            ],
+                        }),
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyBootstrapCheckboxModule, FormlyFieldCheckbox };
+//# sourceMappingURL=ngx-formly-bootstrap-checkbox.mjs.map

package/fesm2020/ngx-formly-bootstrap-checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-formly-bootstrap-checkbox.mjs","sources":["../../../../src/ui/bootstrap/checkbox/src/checkbox.type.ts","../../../../src/ui/bootstrap/checkbox/src/checkbox.module.ts","../../../../src/ui/bootstrap/checkbox/src/ngx-formly-bootstrap-checkbox.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FieldType } from '@ngx-formly/core';\n\n@Component({\n  selector: 'formly-field-checkbox',\n  template: `\n    <div\n      class=\"form-check\"\n      [ngClass]=\"{\n        'form-check-inline': to.formCheck === 'inline' || to.formCheck === 'inline-switch',\n        'form-switch': to.formCheck === 'switch' || to.formCheck === 'inline-switch'\n      }\"\n    >\n      <input\n        type=\"checkbox\"\n        [class.is-invalid]=\"showError\"\n        class=\"form-check-input\"\n        [class.position-static]=\"to.formCheck === 'nolabel'\"\n        [indeterminate]=\"to.indeterminate && formControl.value == null\"\n        [formControl]=\"formControl\"\n        [formlyAttributes]=\"field\"\n      />\n      <label *ngIf=\"to.formCheck !== 'nolabel'\" [for]=\"id\" class=\"form-check-label\">\n        {{ to.label }}\n        <span *ngIf=\"to.required && to.hideRequiredMarker !== true\" aria-hidden=\"true\">*</span>\n      </label>\n    </div>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldCheckbox extends FieldType {\n  defaultOptions = {\n    templateOptions: {\n      indeterminate: true,\n      hideLabel: true,\n      formCheck: 'default', // 'default' | 'inline' | 'switch' | 'inline-switch' | 'nolabel'\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 { FormlyFieldCheckbox } from './checkbox.type';\n\n@NgModule({\n  declarations: [FormlyFieldCheckbox],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    FormlyBootstrapFormFieldModule,\n    FormlyModule.forChild({\n      types: [\n        {\n          name: 'checkbox',\n          component: FormlyFieldCheckbox,\n          wrappers: ['form-field'],\n        },\n        {\n          name: 'boolean',\n          extends: 'checkbox',\n        },\n      ],\n    }),\n  ],\n})\nexport class FormlyBootstrapCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;MA8Ba,mBAAoB,SAAQ,SAAS;IA3BlD;;QA4BE,mBAAc,GAAG;YACf,eAAe,EAAE;gBACf,aAAa,EAAE,IAAI;gBACnB,SAAS,EAAE,IAAI;gBACf,SAAS,EAAE,SAAS;aACrB;SACF,CAAC;KACH;;gHARY,mBAAmB;oGAAnB,mBAAmB,oFAzBpB;;;;;;;;;;;;;;;;;;;;;;GAsBT;2FAGU,mBAAmB;kBA3B/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;GAsBT;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;;MCCY,6BAA6B;;0HAA7B,6BAA6B;2HAA7B,6BAA6B,iBApBzB,mBAAmB,aAEhC,YAAY;QACZ,mBAAmB;QACnB,8BAA8B;2HAgBrB,6BAA6B,YAnB/B;YACP,YAAY;YACZ,mBAAmB;YACnB,8BAA8B;YAC9B,YAAY,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE;oBACL;wBACE,IAAI,EAAE,UAAU;wBAChB,SAAS,EAAE,mBAAmB;wBAC9B,QAAQ,EAAE,CAAC,YAAY,CAAC;qBACzB;oBACD;wBACE,IAAI,EAAE,SAAS;wBACf,OAAO,EAAE,UAAU;qBACpB;iBACF;aACF,CAAC;SACH;2FAEU,6BAA6B;kBArBzC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;oBACnC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,8BAA8B;wBAC9B,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE;gCACL;oCACE,IAAI,EAAE,UAAU;oCAChB,SAAS,EAAE,mBAAmB;oCAC9B,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB;gCACD;oCACE,IAAI,EAAE,SAAS;oCACf,OAAO,EAAE,UAAU;iCACpB;6BACF;yBACF,CAAC;qBACH;iBACF;;;AC7BD;;;;;;"}

package/fesm2020/ngx-formly-bootstrap-form-field.mjs

@@ -0,0 +1,93 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@ngx-formly/core';
+import { FieldWrapper, FormlyModule } from '@ngx-formly/core';
+import { ReactiveFormsModule } from '@angular/forms';
+
+class FormlyWrapperFormField extends FieldWrapper {
+}
+FormlyWrapperFormField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyWrapperFormField, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyWrapperFormField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: FormlyWrapperFormField, selector: "formly-wrapper-form-field", usesInheritance: true, ngImport: i0, template: `
+    <div class="mb-3" [class.has-error]="showError">
+      <label *ngIf="to.label && to.hideLabel !== true" [attr.for]="id" class="form-label">
+        {{ to.label }}
+        <span *ngIf="to.required && to.hideRequiredMarker !== true" aria-hidden="true">*</span>
+      </label>
+
+      <ng-template #fieldComponent></ng-template>
+
+      <div *ngIf="showError" class="invalid-feedback" [style.display]="'block'">
+        <formly-validation-message [field]="field"></formly-validation-message>
+      </div>
+
+      <small *ngIf="to.description" class="form-text text-muted">{{ to.description }}</small>
+    </div>
+  `, isInline: true, components: [{ type: i1.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyWrapperFormField, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-wrapper-form-field',
+                    template: `
+    <div class="mb-3" [class.has-error]="showError">
+      <label *ngIf="to.label && to.hideLabel !== true" [attr.for]="id" class="form-label">
+        {{ to.label }}
+        <span *ngIf="to.required && to.hideRequiredMarker !== true" aria-hidden="true">*</span>
+      </label>
+
+      <ng-template #fieldComponent></ng-template>
+
+      <div *ngIf="showError" class="invalid-feedback" [style.display]="'block'">
+        <formly-validation-message [field]="field"></formly-validation-message>
+      </div>
+
+      <small *ngIf="to.description" class="form-text text-muted">{{ to.description }}</small>
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+class FormlyBootstrapFormFieldModule {
+}
+FormlyBootstrapFormFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyBootstrapFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyBootstrapFormFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyBootstrapFormFieldModule, declarations: [FormlyWrapperFormField], imports: [CommonModule,
+        ReactiveFormsModule, i1.FormlyModule] });
+FormlyBootstrapFormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyBootstrapFormFieldModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            FormlyModule.forChild({
+                wrappers: [
+                    {
+                        name: 'form-field',
+                        component: FormlyWrapperFormField,
+                    },
+                ],
+            }),
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyBootstrapFormFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FormlyWrapperFormField],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormlyModule.forChild({
+                            wrappers: [
+                                {
+                                    name: 'form-field',
+                                    component: FormlyWrapperFormField,
+                                },
+                            ],
+                        }),
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyBootstrapFormFieldModule };
+//# sourceMappingURL=ngx-formly-bootstrap-form-field.mjs.map

package/fesm2020/ngx-formly-bootstrap-form-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-formly-bootstrap-form-field.mjs","sources":["../../../../src/ui/bootstrap/form-field/src/form-field.wrapper.ts","../../../../src/ui/bootstrap/form-field/src/form-field.module.ts","../../../../src/ui/bootstrap/form-field/src/ngx-formly-bootstrap-form-field.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FieldWrapper } from '@ngx-formly/core';\n\n@Component({\n  selector: 'formly-wrapper-form-field',\n  template: `\n    <div class=\"mb-3\" [class.has-error]=\"showError\">\n      <label *ngIf=\"to.label && to.hideLabel !== true\" [attr.for]=\"id\" class=\"form-label\">\n        {{ to.label }}\n        <span *ngIf=\"to.required && to.hideRequiredMarker !== true\" aria-hidden=\"true\">*</span>\n      </label>\n\n      <ng-template #fieldComponent></ng-template>\n\n      <div *ngIf=\"showError\" class=\"invalid-feedback\" [style.display]=\"'block'\">\n        <formly-validation-message [field]=\"field\"></formly-validation-message>\n      </div>\n\n      <small *ngIf=\"to.description\" class=\"form-text text-muted\">{{ to.description }}</small>\n    </div>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyWrapperFormField extends FieldWrapper {}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlyWrapperFormField } from './form-field.wrapper';\n\n@NgModule({\n  declarations: [FormlyWrapperFormField],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    FormlyModule.forChild({\n      wrappers: [\n        {\n          name: 'form-field',\n          component: FormlyWrapperFormField,\n        },\n      ],\n    }),\n  ],\n})\nexport class FormlyBootstrapFormFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;MAuBa,sBAAuB,SAAQ,YAAY;;mHAA3C,sBAAsB;uGAAtB,sBAAsB,wFAlBvB;;;;;;;;;;;;;;;GAeT;2FAGU,sBAAsB;kBApBlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,QAAQ,EAAE;;;;;;;;;;;;;;;GAeT;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;;MCAY,8BAA8B;;2HAA9B,8BAA8B;4HAA9B,8BAA8B,iBAf1B,sBAAsB,aAEnC,YAAY;QACZ,mBAAmB;4HAYV,8BAA8B,YAdhC;YACP,YAAY;YACZ,mBAAmB;YAEnB,YAAY,CAAC,QAAQ,CAAC;gBACpB,QAAQ,EAAE;oBACR;wBACE,IAAI,EAAE,YAAY;wBAClB,SAAS,EAAE,sBAAsB;qBAClC;iBACF;aACF,CAAC;SACH;2FAEU,8BAA8B;kBAhB1C,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBAEnB,YAAY,CAAC,QAAQ,CAAC;4BACpB,QAAQ,EAAE;gCACR;oCACE,IAAI,EAAE,YAAY;oCAClB,SAAS,EAAE,sBAAsB;iCAClC;6BACF;yBACF,CAAC;qBACH;iBACF;;;ACrBD;;;;;;"}

package/fesm2020/ngx-formly-bootstrap-input.mjs

@@ -0,0 +1,147 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@ngx-formly/core';
+import { FieldType, FormlyModule } from '@ngx-formly/core';
+import * as i2 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';
+
+class FormlyFieldInput extends FieldType {
+    get type() {
+        return this.to.type || 'text';
+    }
+}
+FormlyFieldInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyFieldInput, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: FormlyFieldInput, selector: "formly-field-input", usesInheritance: true, ngImport: i0, template: `
+    <input
+      *ngIf="type !== 'number'; else numberTmp"
+      [type]="type"
+      [formControl]="formControl"
+      class="form-control"
+      [formlyAttributes]="field"
+      [class.is-invalid]="showError"
+    />
+    <ng-template #numberTmp>
+      <input
+        type="number"
+        [formControl]="formControl"
+        class="form-control"
+        [formlyAttributes]="field"
+        [class.is-invalid]="showError"
+      />
+    </ng-template>
+  `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }, { type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyFieldInput, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-input',
+                    template: `
+    <input
+      *ngIf="type !== 'number'; else numberTmp"
+      [type]="type"
+      [formControl]="formControl"
+      class="form-control"
+      [formlyAttributes]="field"
+      [class.is-invalid]="showError"
+    />
+    <ng-template #numberTmp>
+      <input
+        type="number"
+        [formControl]="formControl"
+        class="form-control"
+        [formlyAttributes]="field"
+        [class.is-invalid]="showError"
+      />
+    </ng-template>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+class FormlyBootstrapInputModule {
+}
+FormlyBootstrapInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyBootstrapInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyBootstrapInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyBootstrapInputModule, declarations: [FormlyFieldInput], imports: [CommonModule,
+        ReactiveFormsModule,
+        FormlyBootstrapFormFieldModule, i3.FormlyModule] });
+FormlyBootstrapInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyBootstrapInputModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            FormlyBootstrapFormFieldModule,
+            FormlyModule.forChild({
+                types: [
+                    {
+                        name: 'input',
+                        component: FormlyFieldInput,
+                        wrappers: ['form-field'],
+                    },
+                    { name: 'string', extends: 'input' },
+                    {
+                        name: 'number',
+                        extends: 'input',
+                        defaultOptions: {
+                            templateOptions: {
+                                type: 'number',
+                            },
+                        },
+                    },
+                    {
+                        name: 'integer',
+                        extends: 'input',
+                        defaultOptions: {
+                            templateOptions: {
+                                type: 'number',
+                            },
+                        },
+                    },
+                ],
+            }),
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyBootstrapInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FormlyFieldInput],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormlyBootstrapFormFieldModule,
+                        FormlyModule.forChild({
+                            types: [
+                                {
+                                    name: 'input',
+                                    component: FormlyFieldInput,
+                                    wrappers: ['form-field'],
+                                },
+                                { name: 'string', extends: 'input' },
+                                {
+                                    name: 'number',
+                                    extends: 'input',
+                                    defaultOptions: {
+                                        templateOptions: {
+                                            type: 'number',
+                                        },
+                                    },
+                                },
+                                {
+                                    name: 'integer',
+                                    extends: 'input',
+                                    defaultOptions: {
+                                        templateOptions: {
+                                            type: 'number',
+                                        },
+                                    },
+                                },
+                            ],
+                        }),
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyBootstrapInputModule, FormlyFieldInput };
+//# sourceMappingURL=ngx-formly-bootstrap-input.mjs.map

package/fesm2020/ngx-formly-bootstrap-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-formly-bootstrap-input.mjs","sources":["../../../../src/ui/bootstrap/input/src/input.type.ts","../../../../src/ui/bootstrap/input/src/input.module.ts","../../../../src/ui/bootstrap/input/src/ngx-formly-bootstrap-input.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FieldType } from '@ngx-formly/core';\n\n@Component({\n  selector: 'formly-field-input',\n  template: `\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    />\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      />\n    </ng-template>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldInput extends FieldType {\n  get type() {\n    return this.to.type || 'text';\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';\n\n@NgModule({\n  declarations: [FormlyFieldInput],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    FormlyBootstrapFormFieldModule,\n    FormlyModule.forChild({\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            templateOptions: {\n              type: 'number',\n            },\n          },\n        },\n        {\n          name: 'integer',\n          extends: 'input',\n          defaultOptions: {\n            templateOptions: {\n              type: 'number',\n            },\n          },\n        },\n      ],\n    }),\n  ],\n})\nexport class FormlyBootstrapInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;MA0Ba,gBAAiB,SAAQ,SAAS;IAC7C,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,MAAM,CAAC;KAC/B;;6GAHU,gBAAgB;iGAAhB,gBAAgB,iFArBjB;;;;;;;;;;;;;;;;;;GAkBT;2FAGU,gBAAgB;kBAvB5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,QAAQ,EAAE;;;;;;;;;;;;;;;;;;GAkBT;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;;MCqBY,0BAA0B;;uHAA1B,0BAA0B;wHAA1B,0BAA0B,iBApCtB,gBAAgB,aAE7B,YAAY;QACZ,mBAAmB;QAEnB,8BAA8B;wHA+BrB,0BAA0B,YAnC5B;YACP,YAAY;YACZ,mBAAmB;YAEnB,8BAA8B;YAC9B,YAAY,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE;oBACL;wBACE,IAAI,EAAE,OAAO;wBACb,SAAS,EAAE,gBAAgB;wBAC3B,QAAQ,EAAE,CAAC,YAAY,CAAC;qBACzB;oBACD,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE;oBACpC;wBACE,IAAI,EAAE,QAAQ;wBACd,OAAO,EAAE,OAAO;wBAChB,cAAc,EAAE;4BACd,eAAe,EAAE;gCACf,IAAI,EAAE,QAAQ;6BACf;yBACF;qBACF;oBACD;wBACE,IAAI,EAAE,SAAS;wBACf,OAAO,EAAE,OAAO;wBAChB,cAAc,EAAE;4BACd,eAAe,EAAE;gCACf,IAAI,EAAE,QAAQ;6BACf;yBACF;qBACF;iBACF;aACF,CAAC;SACH;2FAEU,0BAA0B;kBArCtC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,gBAAgB,CAAC;oBAChC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBAEnB,8BAA8B;wBAC9B,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE;gCACL;oCACE,IAAI,EAAE,OAAO;oCACb,SAAS,EAAE,gBAAgB;oCAC3B,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB;gCACD,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE;gCACpC;oCACE,IAAI,EAAE,QAAQ;oCACd,OAAO,EAAE,OAAO;oCAChB,cAAc,EAAE;wCACd,eAAe,EAAE;4CACf,IAAI,EAAE,QAAQ;yCACf;qCACF;iCACF;gCACD;oCACE,IAAI,EAAE,SAAS;oCACf,OAAO,EAAE,OAAO;oCAChB,cAAc,EAAE;wCACd,eAAe,EAAE;4CACf,IAAI,EAAE,QAAQ;yCACf;qCACF;iCACF;6BACF;yBACF,CAAC;qBACH;iBACF;;;AC7CD;;;;;;"}

package/fesm2020/ngx-formly-bootstrap-multicheckbox.mjs

@@ -0,0 +1,142 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i2 from '@ngx-formly/core';
+import { FieldType, FormlyModule } from '@ngx-formly/core';
+import * as i3 from '@ngx-formly/core/select';
+import { FormlySelectModule } from '@ngx-formly/core/select';
+import { FormlyBootstrapFormFieldModule } from '@ngx-formly/bootstrap/form-field';
+
+class FormlyFieldMultiCheckbox extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.defaultOptions = {
+            templateOptions: {
+                options: [],
+                formCheck: 'default', // 'default' | 'inline' | 'switch' | 'inline-switch'
+            },
+        };
+    }
+    onChange(value, checked) {
+        if (this.to.type === 'array') {
+            this.formControl.patchValue(checked
+                ? [...(this.formControl.value || []), value]
+                : [...(this.formControl.value || [])].filter((o) => o !== value));
+        }
+        else {
+            this.formControl.patchValue({ ...this.formControl.value, [value]: checked });
+        }
+        this.formControl.markAsTouched();
+    }
+    isChecked(option) {
+        const value = this.formControl.value;
+        return value && (this.to.type === 'array' ? value.indexOf(option.value) !== -1 : value[option.value]);
+    }
+}
+FormlyFieldMultiCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyFieldMultiCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldMultiCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: FormlyFieldMultiCheckbox, selector: "formly-field-multicheckbox", usesInheritance: true, ngImport: i0, template: `
+    <div
+      *ngFor="let option of to.options | formlySelectOptions: field | async; let i = index"
+      class="form-check"
+      [ngClass]="{
+        'form-check-inline': to.formCheck === 'inline' || to.formCheck === 'inline-switch',
+        'form-switch': to.formCheck === 'switch' || to.formCheck === 'inline-switch'
+      }"
+    >
+      <input
+        type="checkbox"
+        [id]="id + '_' + i"
+        class="form-check-input"
+        [value]="option.value"
+        [checked]="isChecked(option)"
+        [formlyAttributes]="field"
+        (change)="onChange(option.value, $event.target.checked)"
+      />
+      <label class="form-check-label" [for]="id + '_' + i">
+        {{ option.label }}
+      </label>
+    </div>
+  `, 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyFieldMultiCheckbox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-multicheckbox',
+                    template: `
+    <div
+      *ngFor="let option of to.options | formlySelectOptions: field | async; let i = index"
+      class="form-check"
+      [ngClass]="{
+        'form-check-inline': to.formCheck === 'inline' || to.formCheck === 'inline-switch',
+        'form-switch': to.formCheck === 'switch' || to.formCheck === 'inline-switch'
+      }"
+    >
+      <input
+        type="checkbox"
+        [id]="id + '_' + i"
+        class="form-check-input"
+        [value]="option.value"
+        [checked]="isChecked(option)"
+        [formlyAttributes]="field"
+        (change)="onChange(option.value, $event.target.checked)"
+      />
+      <label class="form-check-label" [for]="id + '_' + i">
+        {{ option.label }}
+      </label>
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+class FormlyBootstrapMultiCheckboxModule {
+}
+FormlyBootstrapMultiCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyBootstrapMultiCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyBootstrapMultiCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyBootstrapMultiCheckboxModule, declarations: [FormlyFieldMultiCheckbox], imports: [CommonModule,
+        ReactiveFormsModule,
+        FormlyBootstrapFormFieldModule,
+        FormlySelectModule, i2.FormlyModule] });
+FormlyBootstrapMultiCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyBootstrapMultiCheckboxModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            FormlyBootstrapFormFieldModule,
+            FormlySelectModule,
+            FormlyModule.forChild({
+                types: [
+                    {
+                        name: 'multicheckbox',
+                        component: FormlyFieldMultiCheckbox,
+                        wrappers: ['form-field'],
+                    },
+                ],
+            }),
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyBootstrapMultiCheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FormlyFieldMultiCheckbox],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormlyBootstrapFormFieldModule,
+                        FormlySelectModule,
+                        FormlyModule.forChild({
+                            types: [
+                                {
+                                    name: 'multicheckbox',
+                                    component: FormlyFieldMultiCheckbox,
+                                    wrappers: ['form-field'],
+                                },
+                            ],
+                        }),
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyBootstrapMultiCheckboxModule, FormlyFieldMultiCheckbox };
+//# sourceMappingURL=ngx-formly-bootstrap-multicheckbox.mjs.map

package/fesm2020/ngx-formly-bootstrap-multicheckbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-formly-bootstrap-multicheckbox.mjs","sources":["../../../../src/ui/bootstrap/multicheckbox/src/multicheckbox.type.ts","../../../../src/ui/bootstrap/multicheckbox/src/multicheckbox.module.ts","../../../../src/ui/bootstrap/multicheckbox/src/ngx-formly-bootstrap-multicheckbox.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FieldType } from '@ngx-formly/core';\n\n@Component({\n  selector: 'formly-field-multicheckbox',\n  template: `\n    <div\n      *ngFor=\"let option of to.options | formlySelectOptions: field | async; let i = index\"\n      class=\"form-check\"\n      [ngClass]=\"{\n        'form-check-inline': to.formCheck === 'inline' || to.formCheck === 'inline-switch',\n        'form-switch': to.formCheck === 'switch' || to.formCheck === 'inline-switch'\n      }\"\n    >\n      <input\n        type=\"checkbox\"\n        [id]=\"id + '_' + i\"\n        class=\"form-check-input\"\n        [value]=\"option.value\"\n        [checked]=\"isChecked(option)\"\n        [formlyAttributes]=\"field\"\n        (change)=\"onChange(option.value, $event.target.checked)\"\n      />\n      <label class=\"form-check-label\" [for]=\"id + '_' + i\">\n        {{ option.label }}\n      </label>\n    </div>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldMultiCheckbox extends FieldType {\n  defaultOptions = {\n    templateOptions: {\n      options: [],\n      formCheck: 'default', // 'default' | 'inline' | 'switch' | 'inline-switch'\n    },\n  };\n\n  onChange(value: any, checked: boolean) {\n    if (this.to.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.to.type === 'array' ? value.indexOf(option.value) !== -1 : value[option.value]);\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';\n\n@NgModule({\n  declarations: [FormlyFieldMultiCheckbox],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    FormlyBootstrapFormFieldModule,\n    FormlySelectModule,\n    FormlyModule.forChild({\n      types: [\n        {\n          name: 'multicheckbox',\n          component: FormlyFieldMultiCheckbox,\n          wrappers: ['form-field'],\n        },\n      ],\n    }),\n  ],\n})\nexport class FormlyBootstrapMultiCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;MA8Ba,wBAAyB,SAAQ,SAAS;IA3BvD;;QA4BE,mBAAc,GAAG;YACf,eAAe,EAAE;gBACf,OAAO,EAAE,EAAE;gBACX,SAAS,EAAE,SAAS;aACrB;SACF,CAAC;KAoBH;IAlBC,QAAQ,CAAC,KAAU,EAAE,OAAgB;QACnC,IAAI,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,OAAO,EAAE;YAC5B,IAAI,CAAC,WAAW,CAAC,UAAU,CACzB,OAAO;kBACH,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC;kBAC1C,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CACnE,CAAC;SACH;aAAM;YACL,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,OAAO,EAAE,CAAC,CAAC;SAC9E;QACD,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC;KAClC;IAED,SAAS,CAAC,MAAW;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;QAErC,OAAO,KAAK,KAAK,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;KACvG;;qHAzBU,wBAAwB;yGAAxB,wBAAwB,yFAzBzB;;;;;;;;;;;;;;;;;;;;;;GAsBT;2FAGU,wBAAwB;kBA3BpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;GAsBT;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;;MCDY,kCAAkC;;+HAAlC,kCAAkC;gIAAlC,kCAAkC,iBAlB9B,wBAAwB,aAErC,YAAY;QACZ,mBAAmB;QAEnB,8BAA8B;QAC9B,kBAAkB;gIAYT,kCAAkC,YAjBpC;YACP,YAAY;YACZ,mBAAmB;YAEnB,8BAA8B;YAC9B,kBAAkB;YAClB,YAAY,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE;oBACL;wBACE,IAAI,EAAE,eAAe;wBACrB,SAAS,EAAE,wBAAwB;wBACnC,QAAQ,EAAE,CAAC,YAAY,CAAC;qBACzB;iBACF;aACF,CAAC;SACH;2FAEU,kCAAkC;kBAnB9C,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,wBAAwB,CAAC;oBACxC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBAEnB,8BAA8B;wBAC9B,kBAAkB;wBAClB,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE;gCACL;oCACE,IAAI,EAAE,eAAe;oCACrB,SAAS,EAAE,wBAAwB;oCACnC,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB;6BACF;yBACF,CAAC;qBACH;iBACF;;;AC3BD;;;;;;"}