@ng-forge/dynamic-forms-ionic 1.3.0-next.2 → 1.3.0-next.4

package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-checkbox.mjs

@@ -1,17 +1,37 @@
-import * as i0 from '@angular/core';
-import { input, ChangeDetectionStrategy, Component } from '@angular/core';
-import { FormField } from '@angular/forms/signals';
-import { IonCheckbox, IonNote } from '@ionic/angular/standalone';
-import * as i1 from '@ng-forge/dynamic-forms/integration';
-import { injectNgForgeField, NgForgeControl, DynamicTextPipe, NgForgeFieldHost } from '@ng-forge/dynamic-forms/integration';
-import { AsyncPipe } from '@angular/common';
-
-class IonicCheckboxFieldComponent {
-    ngf = injectNgForgeField();
-    props = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "props" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: IonicCheckboxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: IonicCheckboxFieldComponent, isStandalone: true, selector: "df-ion-checkbox", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1.NgForgeFieldHost }], ngImport: i0, template: `
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, input } from "@angular/core";
+import { FormField } from "@angular/forms/signals";
+import { IonCheckbox, IonNote } from "@ionic/angular/standalone";
+import * as i1 from "@ng-forge/dynamic-forms/integration";
+import { DynamicTextPipe, NgForgeControl, NgForgeFieldHost, injectNgForgeField } from "@ng-forge/dynamic-forms/integration";
+import { AsyncPipe } from "@angular/common";
+var IonicCheckboxFieldComponent = class IonicCheckboxFieldComponent {
+	ngf = injectNgForgeField();
+	props = input(...ngDevMode ? [void 0, { debugName: "props" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: IonicCheckboxFieldComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: IonicCheckboxFieldComponent,
+		isStandalone: true,
+		selector: "df-ion-checkbox",
+		inputs: { props: {
+			classPropertyName: "props",
+			publicName: "props",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		hostDirectives: [{ directive: i1.NgForgeFieldHost }],
+		ngImport: i0,
+		template: `
     @let f = ngf.field();
     @let checkboxId = ngf.key() + '-checkbox';
 
@@ -33,11 +53,80 @@ class IonicCheckboxFieldComponent {
     } @else if (props()?.hint; as hint) {
       <ion-note class="df-ion-hint" [id]="ngf.hintId()">{{ hint | dynamicText | async }}</ion-note>
     }
-  `, isInline: true, styles: [".df-ion-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%}.df-ion-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit)}.df-ion-hint{display:block;color:var(--df-hint-color, var(--ion-color-medium, #92949c));font-size:var(--df-hint-font-size, .875rem)}.df-ion-error{display:block;color:var(--df-error-color, var(--ion-color-danger, #eb445a));font-size:var(--df-error-font-size, .875rem)}:host([hidden]){display:none!important}\n", ":host{display:block}:host([hidden]){display:none!important}\n"], dependencies: [{ kind: "component", type: IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "errorText", "helperText", "indeterminate", "justify", "labelPlacement", "mode", "name", "value"] }, { kind: "component", type: IonNote, selector: "ion-note", inputs: ["color", "mode"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "directive", type: NgForgeControl, selector: "[ngForgeControl]", inputs: ["ngForgeControl"] }, { kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: IonicCheckboxFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'df-ion-checkbox', imports: [IonCheckbox, IonNote, FormField, DynamicTextPipe, AsyncPipe, NgForgeControl], hostDirectives: [NgForgeFieldHost], template: `
+  `,
+		isInline: true,
+		styles: [".df-ion-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%}.df-ion-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit)}.df-ion-hint{display:block;color:var(--df-hint-color, var(--ion-color-medium, #92949c));font-size:var(--df-hint-font-size, .875rem)}.df-ion-error{display:block;color:var(--df-error-color, var(--ion-color-danger, #eb445a));font-size:var(--df-error-font-size, .875rem)}:host([hidden]){display:none!important}\n", ":host{display:block}:host([hidden]){display:none!important}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: IonCheckbox,
+				selector: "ion-checkbox",
+				inputs: [
+					"checked",
+					"color",
+					"disabled",
+					"errorText",
+					"helperText",
+					"indeterminate",
+					"justify",
+					"labelPlacement",
+					"mode",
+					"name",
+					"value"
+				]
+			},
+			{
+				kind: "component",
+				type: IonNote,
+				selector: "ion-note",
+				inputs: ["color", "mode"]
+			},
+			{
+				kind: "directive",
+				type: FormField,
+				selector: "[formField]",
+				inputs: ["formField"],
+				exportAs: ["formField"]
+			},
+			{
+				kind: "directive",
+				type: NgForgeControl,
+				selector: "[ngForgeControl]",
+				inputs: ["ngForgeControl"]
+			},
+			{
+				kind: "pipe",
+				type: DynamicTextPipe,
+				name: "dynamicText"
+			},
+			{
+				kind: "pipe",
+				type: AsyncPipe,
+				name: "async"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: IonicCheckboxFieldComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "df-ion-checkbox",
+			imports: [
+				IonCheckbox,
+				IonNote,
+				FormField,
+				DynamicTextPipe,
+				AsyncPipe,
+				NgForgeControl
+			],
+			hostDirectives: [NgForgeFieldHost],
+			template: `
     @let f = ngf.field();
     @let checkboxId = ngf.key() + '-checkbox';
 
@@ -59,9 +148,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
     } @else if (props()?.hint; as hint) {
       <ion-note class="df-ion-hint" [id]="ngf.hintId()">{{ hint | dynamicText | async }}</ion-note>
     }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".df-ion-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%}.df-ion-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit)}.df-ion-hint{display:block;color:var(--df-hint-color, var(--ion-color-medium, #92949c));font-size:var(--df-hint-font-size, .875rem)}.df-ion-error{display:block;color:var(--df-error-color, var(--ion-color-danger, #eb445a));font-size:var(--df-error-font-size, .875rem)}:host([hidden]){display:none!important}\n", ":host{display:block}:host([hidden]){display:none!important}\n"] }]
-        }], propDecorators: { props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }] } });
-
-
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			styles: [".df-ion-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%}.df-ion-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit)}.df-ion-hint{display:block;color:var(--df-hint-color, var(--ion-color-medium, #92949c));font-size:var(--df-hint-font-size, .875rem)}.df-ion-error{display:block;color:var(--df-error-color, var(--ion-color-danger, #eb445a));font-size:var(--df-error-font-size, .875rem)}:host([hidden]){display:none!important}\n", ":host{display:block}:host([hidden]){display:none!important}\n"]
+		}]
+	}],
+	propDecorators: { props: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "props",
+			required: false
+		}]
+	}] }
+});
 export { IonicCheckboxFieldComponent };
-//# sourceMappingURL=ng-forge-dynamic-forms-ionic-lazy-checkbox.mjs.map
+
+//# sourceMappingURL=ng-forge-dynamic-forms-ionic-lazy-checkbox.mjs.map

package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-forge-dynamic-forms-ionic-lazy-checkbox.mjs","mappings":";;;;;;;;AAiDc;;AAGH;;;AAHU;;;;;;;;;;;;;;;;;;;;;;;;;;AAxCT","names":[],"ignoreList":[],"sources":["../../../../packages/dynamic-forms-ionic/src/lib/fields/checkbox/ionic-checkbox.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\nimport { IonCheckbox, IonNote } from '@ionic/angular/standalone';\nimport { DynamicTextPipe } from '@ng-forge/dynamic-forms/integration';\nimport { NgForgeControl, injectNgForgeField, NgForgeFieldHost } from '@ng-forge/dynamic-forms/integration';\nimport { IonicCheckboxProps } from './ionic-checkbox.type';\nimport { AsyncPipe } from '@angular/common';\n\n@Component({\n  selector: 'df-ion-checkbox',\n  imports: [IonCheckbox, IonNote, FormField, DynamicTextPipe, AsyncPipe, NgForgeControl],\n  hostDirectives: [NgForgeFieldHost],\n  template: `\n    @let f = ngf.field();\n    @let checkboxId = ngf.key() + '-checkbox';\n\n    <ion-checkbox\n      ngForgeControl\n      [id]=\"checkboxId\"\n      [formField]=\"f\"\n      [labelPlacement]=\"props()?.labelPlacement ?? 'end'\"\n      [justify]=\"props()?.justify\"\n      [color]=\"props()?.color ?? 'primary'\"\n      [indeterminate]=\"props()?.indeterminate ?? false\"\n      [attr.tabindex]=\"ngf.tabIndex()\"\n    >\n      {{ ngf.label() | dynamicText | async }}\n    </ion-checkbox>\n\n    @if (ngf.errorsToDisplay()[0]; as error) {\n      <ion-note color=\"danger\" class=\"df-ion-error\" [id]=\"ngf.errorId()\" role=\"alert\">{{ error.message }}</ion-note>\n    } @else if (props()?.hint; as hint) {\n      <ion-note class=\"df-ion-hint\" [id]=\"ngf.hintId()\">{{ hint | dynamicText | async }}</ion-note>\n    }\n  `,\n  styleUrl: '../../styles/_form-field.scss',\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n    `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport default class IonicCheckboxFieldComponent {\n  protected readonly ngf = injectNgForgeField<boolean>();\n\n  readonly props = input<IonicCheckboxProps>();\n}\n"]}
+{"version":3,"file":"ng-forge-dynamic-forms-ionic-lazy-checkbox.mjs","names":[],"sources":["../../../../packages/dynamic-forms-ionic/src/lib/fields/checkbox/ionic-checkbox.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\nimport { IonCheckbox, IonNote } from '@ionic/angular/standalone';\nimport { DynamicTextPipe } from '@ng-forge/dynamic-forms/integration';\nimport { NgForgeControl, injectNgForgeField, NgForgeFieldHost } from '@ng-forge/dynamic-forms/integration';\nimport { IonicCheckboxProps } from './ionic-checkbox.type';\nimport { AsyncPipe } from '@angular/common';\n\n@Component({\n  selector: 'df-ion-checkbox',\n  imports: [IonCheckbox, IonNote, FormField, DynamicTextPipe, AsyncPipe, NgForgeControl],\n  hostDirectives: [NgForgeFieldHost],\n  template: `\n    @let f = ngf.field();\n    @let checkboxId = ngf.key() + '-checkbox';\n\n    <ion-checkbox\n      ngForgeControl\n      [id]=\"checkboxId\"\n      [formField]=\"f\"\n      [labelPlacement]=\"props()?.labelPlacement ?? 'end'\"\n      [justify]=\"props()?.justify\"\n      [color]=\"props()?.color ?? 'primary'\"\n      [indeterminate]=\"props()?.indeterminate ?? false\"\n      [attr.tabindex]=\"ngf.tabIndex()\"\n    >\n      {{ ngf.label() | dynamicText | async }}\n    </ion-checkbox>\n\n    @if (ngf.errorsToDisplay()[0]; as error) {\n      <ion-note color=\"danger\" class=\"df-ion-error\" [id]=\"ngf.errorId()\" role=\"alert\">{{ error.message }}</ion-note>\n    } @else if (props()?.hint; as hint) {\n      <ion-note class=\"df-ion-hint\" [id]=\"ngf.hintId()\">{{ hint | dynamicText | async }}</ion-note>\n    }\n  `,\n  styleUrl: '../../styles/_form-field.scss',\n  styles: [\n    `\n      :host {\n        display: block;\n      }\n\n      :host([hidden]) {\n        display: none !important;\n      }\n    `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport default class IonicCheckboxFieldComponent {\n  protected readonly ngf = injectNgForgeField<boolean>();\n\n  readonly props = input<IonicCheckboxProps>();\n}\n"],"mappings":";;;;;;;AAiDA,IAAqB,8BAArB,MAAqB,4BAA2B;CAC3B,MAAM,mBAAkB;CAElC,QAAQ,MAA2B,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAHzB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAA2B,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAA3B,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAA2B,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,OAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,gBAAA,CAAA,EAAA,WAAA,GAAA,iBAAA,CAAA;EAAA,UAAA;EAAA,UArCpC;;;;;;;;;;;;;;;;;;;;;;;EAsBT,UAAA;EAAA,QAAA,CAAA,mfAAA,+DAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MAxBS;IAAW,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAO,UAAA;IAAA,QAAA,CAAA,SAAA,MAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAS,UAAA;IAAA,QAAA,CAAA,WAAA;IAAA,UAAA,CAAA,WAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAA8B;IAAc,UAAA;IAAA,QAAA,CAAA,gBAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAA1C;IAAe,MAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAS,MAAA;GAAA;EAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAuClD,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAA2B,YAAA,CAAA;EAzC/C,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAiB,SAClB;IAAC;IAAa;IAAS;IAAW;IAAiB;IAAW;GAAc;GAAC,gBACtE,CAAC,gBAAgB;GAAC,UACxB;;;;;;;;;;;;;;;;;;;;;;;GAsBT,iBAagB,wBAAwB;GAAM,QAAA,CAAA,mfAAA,+DAAA;EAAA,CAAA"}