@ng-forge/dynamic-forms-ionic 1.3.0-next.2 → 1.3.0-next.3
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.
- package/README.md +0 -2
- package/fesm2022/ng-forge-dynamic-forms-ionic-ionic-field-errors-wrapper.component-bXoq9uY6.mjs +64 -0
- package/fesm2022/ng-forge-dynamic-forms-ionic-ionic-field-errors-wrapper.component-bXoq9uY6.mjs.map +1 -0
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-addon-button.mjs +129 -34
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-addon-button.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-addon-icon.mjs +118 -35
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-addon-icon.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-button.mjs +113 -33
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-button.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-checkbox.mjs +124 -24
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-checkbox.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-datepicker.mjs +374 -90
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-datepicker.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-input.mjs +262 -126
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-input.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-multi-checkbox.mjs +191 -64
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-multi-checkbox.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-radio.mjs +178 -27
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-radio.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-select.mjs +163 -27
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-select.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-slider.mjs +144 -27
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-slider.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-textarea.mjs +157 -45
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-textarea.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-toggle.mjs +386 -75
- package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-toggle.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-ionic-shared.mjs +139 -62
- package/fesm2022/ng-forge-dynamic-forms-ionic-shared.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-ionic.mjs +238 -251
- package/fesm2022/ng-forge-dynamic-forms-ionic.mjs.map +1 -1
- package/package.json +2 -3
- package/types/ng-forge-dynamic-forms-ionic-lazy-addon-button.d.ts +28 -28
- package/types/ng-forge-dynamic-forms-ionic-lazy-addon-icon.d.ts +24 -17
- package/types/ng-forge-dynamic-forms-ionic-lazy-button.d.ts +92 -86
- package/types/ng-forge-dynamic-forms-ionic-lazy-checkbox.d.ts +24 -18
- package/types/ng-forge-dynamic-forms-ionic-lazy-datepicker.d.ts +59 -34
- package/types/ng-forge-dynamic-forms-ionic-lazy-input.d.ts +69 -57
- package/types/ng-forge-dynamic-forms-ionic-lazy-multi-checkbox.d.ts +34 -23
- package/types/ng-forge-dynamic-forms-ionic-lazy-radio.d.ts +31 -20
- package/types/ng-forge-dynamic-forms-ionic-lazy-select.d.ts +37 -26
- package/types/ng-forge-dynamic-forms-ionic-lazy-slider.d.ts +53 -38
- package/types/ng-forge-dynamic-forms-ionic-lazy-textarea.d.ts +29 -23
- package/types/ng-forge-dynamic-forms-ionic-lazy-toggle.d.ts +119 -55
- package/types/ng-forge-dynamic-forms-ionic-shared.d.ts +78 -83
- package/types/ng-forge-dynamic-forms-ionic.d.ts +243 -266
- package/fesm2022/ng-forge-dynamic-forms-ionic-ionic-field-errors-wrapper.component-CN0CagvT.mjs +0 -26
- package/fesm2022/ng-forge-dynamic-forms-ionic-ionic-field-errors-wrapper.component-CN0CagvT.mjs.map +0 -1
|
@@ -1,38 +1,51 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
import {
|
|
3
|
-
import { explicitEffect } from
|
|
4
|
-
import { FormField } from
|
|
5
|
-
import {
|
|
6
|
-
import * as i1 from
|
|
7
|
-
import {
|
|
8
|
-
import { AsyncPipe } from
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, ElementRef, inject, input } from "@angular/core";
|
|
3
|
+
import { explicitEffect } from "ngxtension/explicit-effect";
|
|
4
|
+
import { FormField } from "@angular/forms/signals";
|
|
5
|
+
import { IonNote, IonTextarea } from "@ionic/angular/standalone";
|
|
6
|
+
import * as i1 from "@ng-forge/dynamic-forms/integration";
|
|
7
|
+
import { DynamicTextPipe, NgForgeControl, NgForgeFieldHost, injectNgForgeField } from "@ng-forge/dynamic-forms/integration";
|
|
8
|
+
import { AsyncPipe } from "@angular/common";
|
|
9
|
+
var IonicTextareaFieldComponent = class IonicTextareaFieldComponent {
|
|
10
|
+
elementRef = inject(ElementRef);
|
|
11
|
+
ngf = injectNgForgeField();
|
|
12
|
+
props = input(...ngDevMode ? [void 0, { debugName: "props" }] : /* istanbul ignore next */ []);
|
|
13
|
+
constructor() {
|
|
14
|
+
explicitEffect([this.ngf.ariaDescribedBy], ([describedBy]) => {
|
|
15
|
+
queueMicrotask(() => {
|
|
16
|
+
const ionTextarea = this.elementRef.nativeElement.querySelector("ion-textarea");
|
|
17
|
+
if (ionTextarea?.getInputElement) ionTextarea.getInputElement().then((textareaEl) => {
|
|
18
|
+
if (!textareaEl) return;
|
|
19
|
+
if (describedBy) textareaEl.setAttribute("aria-describedby", describedBy);
|
|
20
|
+
else textareaEl.removeAttribute("aria-describedby");
|
|
21
|
+
});
|
|
22
|
+
});
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
26
|
+
minVersion: "12.0.0",
|
|
27
|
+
version: "22.2.5",
|
|
28
|
+
ngImport: i0,
|
|
29
|
+
type: IonicTextareaFieldComponent,
|
|
30
|
+
deps: [],
|
|
31
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
32
|
+
});
|
|
33
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
34
|
+
minVersion: "17.0.0",
|
|
35
|
+
version: "22.2.5",
|
|
36
|
+
type: IonicTextareaFieldComponent,
|
|
37
|
+
isStandalone: true,
|
|
38
|
+
selector: "df-ion-textarea",
|
|
39
|
+
inputs: { props: {
|
|
40
|
+
classPropertyName: "props",
|
|
41
|
+
publicName: "props",
|
|
42
|
+
isSignal: true,
|
|
43
|
+
isRequired: false,
|
|
44
|
+
transformFunction: null
|
|
45
|
+
} },
|
|
46
|
+
hostDirectives: [{ directive: i1.NgForgeFieldHost }],
|
|
47
|
+
ngImport: i0,
|
|
48
|
+
template: `
|
|
36
49
|
@let f = ngf.field();
|
|
37
50
|
@let textareaId = ngf.key() + '-textarea';
|
|
38
51
|
|
|
@@ -58,11 +71,98 @@ class IonicTextareaFieldComponent {
|
|
|
58
71
|
@if (ngf.errorsToDisplay()[0]; as error) {
|
|
59
72
|
<ion-note color="danger" class="df-ion-error" [id]="ngf.errorId()" role="alert">{{ error.message }}</ion-note>
|
|
60
73
|
}
|
|
61
|
-
`,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
74
|
+
`,
|
|
75
|
+
isInline: true,
|
|
76
|
+
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([hidden]){display:none!important}\n"],
|
|
77
|
+
dependencies: [
|
|
78
|
+
{
|
|
79
|
+
kind: "component",
|
|
80
|
+
type: IonTextarea,
|
|
81
|
+
selector: "ion-textarea",
|
|
82
|
+
inputs: [
|
|
83
|
+
"autoGrow",
|
|
84
|
+
"autocapitalize",
|
|
85
|
+
"autofocus",
|
|
86
|
+
"clearOnEdit",
|
|
87
|
+
"color",
|
|
88
|
+
"cols",
|
|
89
|
+
"counter",
|
|
90
|
+
"counterFormatter",
|
|
91
|
+
"debounce",
|
|
92
|
+
"disabled",
|
|
93
|
+
"enterkeyhint",
|
|
94
|
+
"errorText",
|
|
95
|
+
"fill",
|
|
96
|
+
"helperText",
|
|
97
|
+
"inputmode",
|
|
98
|
+
"label",
|
|
99
|
+
"labelPlacement",
|
|
100
|
+
"maxlength",
|
|
101
|
+
"minlength",
|
|
102
|
+
"mode",
|
|
103
|
+
"name",
|
|
104
|
+
"placeholder",
|
|
105
|
+
"readonly",
|
|
106
|
+
"required",
|
|
107
|
+
"rows",
|
|
108
|
+
"shape",
|
|
109
|
+
"spellcheck",
|
|
110
|
+
"value",
|
|
111
|
+
"wrap"
|
|
112
|
+
]
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
kind: "component",
|
|
116
|
+
type: IonNote,
|
|
117
|
+
selector: "ion-note",
|
|
118
|
+
inputs: ["color", "mode"]
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
kind: "directive",
|
|
122
|
+
type: FormField,
|
|
123
|
+
selector: "[formField]",
|
|
124
|
+
inputs: ["formField"],
|
|
125
|
+
exportAs: ["formField"]
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
kind: "directive",
|
|
129
|
+
type: NgForgeControl,
|
|
130
|
+
selector: "[ngForgeControl]",
|
|
131
|
+
inputs: ["ngForgeControl"]
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
kind: "pipe",
|
|
135
|
+
type: DynamicTextPipe,
|
|
136
|
+
name: "dynamicText"
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
kind: "pipe",
|
|
140
|
+
type: AsyncPipe,
|
|
141
|
+
name: "async"
|
|
142
|
+
}
|
|
143
|
+
],
|
|
144
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
145
|
+
});
|
|
146
|
+
};
|
|
147
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
148
|
+
minVersion: "12.0.0",
|
|
149
|
+
version: "22.2.5",
|
|
150
|
+
ngImport: i0,
|
|
151
|
+
type: IonicTextareaFieldComponent,
|
|
152
|
+
decorators: [{
|
|
153
|
+
type: Component,
|
|
154
|
+
args: [{
|
|
155
|
+
selector: "df-ion-textarea",
|
|
156
|
+
imports: [
|
|
157
|
+
IonTextarea,
|
|
158
|
+
IonNote,
|
|
159
|
+
FormField,
|
|
160
|
+
DynamicTextPipe,
|
|
161
|
+
AsyncPipe,
|
|
162
|
+
NgForgeControl
|
|
163
|
+
],
|
|
164
|
+
hostDirectives: [NgForgeFieldHost],
|
|
165
|
+
template: `
|
|
66
166
|
@let f = ngf.field();
|
|
67
167
|
@let textareaId = ngf.key() + '-textarea';
|
|
68
168
|
|
|
@@ -88,9 +188,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
|
|
|
88
188
|
@if (ngf.errorsToDisplay()[0]; as error) {
|
|
89
189
|
<ion-note color="danger" class="df-ion-error" [id]="ngf.errorId()" role="alert">{{ error.message }}</ion-note>
|
|
90
190
|
}
|
|
91
|
-
`,
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
191
|
+
`,
|
|
192
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
193
|
+
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([hidden]){display:none!important}\n"]
|
|
194
|
+
}]
|
|
195
|
+
}],
|
|
196
|
+
ctorParameters: () => [],
|
|
197
|
+
propDecorators: { props: [{
|
|
198
|
+
type: i0.Input,
|
|
199
|
+
args: [{
|
|
200
|
+
isSignal: true,
|
|
201
|
+
alias: "props",
|
|
202
|
+
required: false
|
|
203
|
+
}]
|
|
204
|
+
}] }
|
|
205
|
+
});
|
|
95
206
|
export { IonicTextareaFieldComponent };
|
|
96
|
-
|
|
207
|
+
|
|
208
|
+
//# sourceMappingURL=ng-forge-dynamic-forms-ionic-lazy-textarea.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-forge-dynamic-forms-ionic-lazy-textarea.mjs","
|
|
1
|
+
{"version":3,"file":"ng-forge-dynamic-forms-ionic-lazy-textarea.mjs","names":[],"sources":["../../../../packages/dynamic-forms-ionic/src/lib/fields/textarea/ionic-textarea.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, inject, input } from '@angular/core';\nimport { explicitEffect } from 'ngxtension/explicit-effect';\nimport { FormField } from '@angular/forms/signals';\nimport { IonNote, IonTextarea } from '@ionic/angular/standalone';\nimport { DynamicTextPipe } from '@ng-forge/dynamic-forms/integration';\nimport { NgForgeControl, injectNgForgeField, NgForgeFieldHost } from '@ng-forge/dynamic-forms/integration';\nimport { IonicTextareaProps } from './ionic-textarea.type';\nimport { AsyncPipe } from '@angular/common';\n\n@Component({\n selector: 'df-ion-textarea',\n imports: [IonTextarea, IonNote, FormField, DynamicTextPipe, AsyncPipe, NgForgeControl],\n hostDirectives: [NgForgeFieldHost],\n template: `\n @let f = ngf.field();\n @let textareaId = ngf.key() + '-textarea';\n\n <ion-textarea\n ngForgeControl\n [id]=\"textareaId\"\n [formField]=\"f\"\n [label]=\"(ngf.label() | dynamicText | async) ?? undefined\"\n [labelPlacement]=\"props()?.labelPlacement ?? 'stacked'\"\n [placeholder]=\"(ngf.placeholder() | dynamicText | async) ?? ''\"\n [rows]=\"props()?.rows ?? 4\"\n [autoGrow]=\"props()?.autoGrow ?? false\"\n [counter]=\"props()?.counter ?? false\"\n [minlength]=\"f().minLength?.()\"\n [maxlength]=\"f().maxLength?.()\"\n [color]=\"props()?.color\"\n [fill]=\"props()?.fill ?? 'outline'\"\n [shape]=\"props()?.shape\"\n [readonly]=\"f().readonly()\"\n [helperText]=\"ngf.errorsToDisplay().length === 0 ? ((props()?.hint | dynamicText | async) ?? undefined) : undefined\"\n [attr.tabindex]=\"ngf.tabIndex()\"\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 }\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n styleUrl: '../../styles/_form-field.scss',\n styles: [\n `\n :host([hidden]) {\n display: none !important;\n }\n `,\n ],\n})\nexport default class IonicTextareaFieldComponent {\n private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n protected readonly ngf = injectNgForgeField<string>();\n\n readonly props = input<IonicTextareaProps>();\n\n constructor() {\n // ion-textarea encapsulates a native <textarea> in shadow DOM and does not automatically\n // propagate aria-describedby to it. This effect imperatively syncs the attribute\n // after a microtask to ensure Ionic has resolved the internal element.\n explicitEffect([this.ngf.ariaDescribedBy], ([describedBy]) => {\n queueMicrotask(() => {\n const ionTextarea = this.elementRef.nativeElement.querySelector('ion-textarea') as HTMLIonTextareaElement | null;\n if (ionTextarea?.getInputElement) {\n ionTextarea.getInputElement().then((textareaEl) => {\n if (!textareaEl) return;\n if (describedBy) {\n textareaEl.setAttribute('aria-describedby', describedBy);\n } else {\n textareaEl.removeAttribute('aria-describedby');\n }\n });\n }\n });\n });\n }\n}\n"],"mappings":";;;;;;;;AAkDA,IAAqB,8BAArB,MAAqB,4BAA2B;CAC7B,aAAa,OAAO,UAAuB;CAEzC,MAAM,mBAAkB;CAElC,QAAQ,MAA2B,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAE5C,cAAA;EAIE,eAAe,CAAC,KAAK,IAAI,eAAe,IAAI,CAAC,iBAAgB;GAC3D,qBAAoB;IAClB,MAAM,cAAc,KAAK,WAAW,cAAc,cAAc,cAAc;IAC9E,IAAI,aAAa,iBACf,YAAY,gBAAe,CAAE,CAAC,MAAM,eAAc;KAChD,IAAI,CAAC,YAAY;KACjB,IAAI,aACF,WAAW,aAAa,oBAAoB,WAAW;UAEvD,WAAW,gBAAgB,kBAAkB;IAEjD,CAAC;GAEL,CAAC;EACH,CAAC;CACH;CA1BmB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BT,UAAA;EAAA,QAAA,CAAA,mfAAA,2CAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MA5BS;IAAW,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;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;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BT,iBACgB,wBAAwB;GAAM,QAAA,CAAA,mfAAA,2CAAA;EAAA,CAAA"}
|