@ng-forge/dynamic-forms 0.10.0-next.4 → 1.0.0-rc.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.
- package/fesm2022/{ng-forge-dynamic-forms-array-field.component-BfRH3TBm.mjs → ng-forge-dynamic-forms-array-field.component-By12r5Cj.mjs} +47 -26
- package/fesm2022/ng-forge-dynamic-forms-array-field.component-By12r5Cj.mjs.map +1 -0
- package/fesm2022/ng-forge-dynamic-forms-bootstrap-derivation-orchestrator-QJzwEYSj.mjs +2347 -0
- package/fesm2022/ng-forge-dynamic-forms-bootstrap-derivation-orchestrator-QJzwEYSj.mjs.map +1 -0
- package/fesm2022/{ng-forge-dynamic-forms-container-field.component-bA-8ICHF.mjs → ng-forge-dynamic-forms-container-field.component-BGFguOa9.mjs} +22 -14
- package/fesm2022/ng-forge-dynamic-forms-container-field.component-BGFguOa9.mjs.map +1 -0
- package/fesm2022/{ng-forge-dynamic-forms-container-utils-BvXn8T_i.mjs → ng-forge-dynamic-forms-container-utils-BZFz6ztF.mjs} +3 -2
- package/fesm2022/ng-forge-dynamic-forms-container-utils-BZFz6ztF.mjs.map +1 -0
- package/fesm2022/{ng-forge-dynamic-forms-css-wrapper.component-DjhcONFh.mjs → ng-forge-dynamic-forms-css-wrapper.component-AScQAJTQ.mjs} +8 -6
- package/fesm2022/ng-forge-dynamic-forms-css-wrapper.component-AScQAJTQ.mjs.map +1 -0
- package/fesm2022/{ng-forge-dynamic-forms-group-field.component-D0_nmXf2.mjs → ng-forge-dynamic-forms-group-field.component-Bz4GD8Hy.mjs} +42 -24
- package/fesm2022/ng-forge-dynamic-forms-group-field.component-Bz4GD8Hy.mjs.map +1 -0
- package/fesm2022/ng-forge-dynamic-forms-integration.mjs +116 -75
- package/fesm2022/ng-forge-dynamic-forms-integration.mjs.map +1 -1
- package/fesm2022/ng-forge-dynamic-forms-internal.mjs +16 -14
- package/fesm2022/ng-forge-dynamic-forms-internal.mjs.map +1 -1
- package/fesm2022/{ng-forge-dynamic-forms-ng-forge-dynamic-forms-CNc4a_Xv.mjs → ng-forge-dynamic-forms-ng-forge-dynamic-forms-DTkMZcnb.mjs} +492 -2691
- package/fesm2022/ng-forge-dynamic-forms-ng-forge-dynamic-forms-DTkMZcnb.mjs.map +1 -0
- package/fesm2022/{ng-forge-dynamic-forms-page-field.component-BJRNnoz-.mjs → ng-forge-dynamic-forms-page-field.component-CjCd5Byo.mjs} +26 -16
- package/fesm2022/ng-forge-dynamic-forms-page-field.component-CjCd5Byo.mjs.map +1 -0
- package/fesm2022/{ng-forge-dynamic-forms-row-wrapper.component-CwkYn5yl.mjs → ng-forge-dynamic-forms-row-wrapper.component-BlVa801t.mjs} +6 -5
- package/fesm2022/ng-forge-dynamic-forms-row-wrapper.component-BlVa801t.mjs.map +1 -0
- package/fesm2022/{ng-forge-dynamic-forms-text-field.component-DABkT0O7.mjs → ng-forge-dynamic-forms-text-field.component-CNCpmf5_.mjs} +18 -11
- package/fesm2022/{ng-forge-dynamic-forms-text-field.component-DABkT0O7.mjs.map → ng-forge-dynamic-forms-text-field.component-CNCpmf5_.mjs.map} +1 -1
- package/fesm2022/ng-forge-dynamic-forms.mjs +1 -1
- package/package.json +4 -4
- package/types/ng-forge-dynamic-forms-internal.d.ts +2 -2
- package/types/ng-forge-dynamic-forms.d.ts +2 -1
- package/fesm2022/ng-forge-dynamic-forms-array-field.component-BfRH3TBm.mjs.map +0 -1
- package/fesm2022/ng-forge-dynamic-forms-container-field.component-bA-8ICHF.mjs.map +0 -1
- package/fesm2022/ng-forge-dynamic-forms-container-utils-BvXn8T_i.mjs.map +0 -1
- package/fesm2022/ng-forge-dynamic-forms-css-wrapper.component-DjhcONFh.mjs.map +0 -1
- package/fesm2022/ng-forge-dynamic-forms-group-field.component-D0_nmXf2.mjs.map +0 -1
- package/fesm2022/ng-forge-dynamic-forms-ng-forge-dynamic-forms-CNc4a_Xv.mjs.map +0 -1
- package/fesm2022/ng-forge-dynamic-forms-page-field.component-BJRNnoz-.mjs.map +0 -1
- package/fesm2022/ng-forge-dynamic-forms-row-wrapper.component-CwkYn5yl.mjs.map +0 -1
|
@@ -198,7 +198,8 @@ function resolveArrayButtonContext(fieldKey, buttonType, explicitArrayKey) {
|
|
|
198
198
|
if (!arrayContext)
|
|
199
199
|
return -1;
|
|
200
200
|
return arrayContext.index();
|
|
201
|
-
},
|
|
201
|
+
}, /* @ts-ignore */
|
|
202
|
+
...(ngDevMode ? [{ debugName: "indexSignal" }] : /* istanbul ignore next */ []));
|
|
202
203
|
return {
|
|
203
204
|
targetArrayKey,
|
|
204
205
|
indexSignal,
|
|
@@ -395,12 +396,15 @@ function previousButtonFieldMapper(fieldDef) {
|
|
|
395
396
|
|
|
396
397
|
function createResolvedErrorsSignal(field, validationMessages, defaultValidationMessages = signal(undefined), injector = inject(Injector)) {
|
|
397
398
|
const logger = injector.get(DynamicFormLogger);
|
|
398
|
-
const messages = computed(() => validationMessages() ?? {},
|
|
399
|
-
|
|
399
|
+
const messages = computed(() => validationMessages() ?? {}, /* @ts-ignore */
|
|
400
|
+
...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
|
|
401
|
+
const defaultMessages = computed(() => defaultValidationMessages() ?? {}, /* @ts-ignore */
|
|
402
|
+
...(ngDevMode ? [{ debugName: "defaultMessages" }] : /* istanbul ignore next */ []));
|
|
400
403
|
const errors = computed(() => {
|
|
401
404
|
const control = field()();
|
|
402
405
|
return control.errors();
|
|
403
|
-
},
|
|
406
|
+
}, /* @ts-ignore */
|
|
407
|
+
...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
|
|
404
408
|
const errors$ = toObservable(errors, { injector });
|
|
405
409
|
const messages$ = toObservable(messages, { injector });
|
|
406
410
|
const defaultMessages$ = toObservable(defaultMessages, { injector });
|
|
@@ -510,12 +514,14 @@ function createAriaDescribedBySignal(errorsToDisplay, errorId, hintId, hasHint)
|
|
|
510
514
|
|
|
511
515
|
|
|
512
516
|
class NgForgeFieldShell {
|
|
513
|
-
key = input.required(
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
}
|
|
518
|
-
i0.ɵɵ
|
|
517
|
+
key = input.required(/* @ts-ignore */
|
|
518
|
+
...(ngDevMode ? [{ debugName: "key" }] : /* istanbul ignore next */ []));
|
|
519
|
+
className = input('', /* @ts-ignore */
|
|
520
|
+
...(ngDevMode ? [{ debugName: "className" }] : /* istanbul ignore next */ []));
|
|
521
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeFieldShell, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
522
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.0", type: NgForgeFieldShell, isStandalone: true, inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "id": "key()", "attr.data-testid": "key()", "class": "className()" } }, ngImport: i0 });
|
|
523
|
+
}
|
|
524
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeFieldShell, decorators: [{
|
|
519
525
|
type: Directive,
|
|
520
526
|
args: [{
|
|
521
527
|
host: {
|
|
@@ -531,28 +537,41 @@ class NgForgeField {
|
|
|
531
537
|
shell = inject(NgForgeFieldShell);
|
|
532
538
|
key = this.shell.key;
|
|
533
539
|
className = this.shell.className;
|
|
534
|
-
field = input.required(
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
540
|
+
field = input.required(/* @ts-ignore */
|
|
541
|
+
...(ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []));
|
|
542
|
+
label = input(/* @ts-ignore */
|
|
543
|
+
...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
|
|
544
|
+
placeholder = input(/* @ts-ignore */
|
|
545
|
+
...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
546
|
+
tabIndex = input(/* @ts-ignore */
|
|
547
|
+
...(ngDevMode ? [undefined, { debugName: "tabIndex" }] : /* istanbul ignore next */ []));
|
|
548
|
+
props = input(/* @ts-ignore */
|
|
549
|
+
...(ngDevMode ? [undefined, { debugName: "props" }] : /* istanbul ignore next */ []));
|
|
550
|
+
meta = input(/* @ts-ignore */
|
|
551
|
+
...(ngDevMode ? [undefined, { debugName: "meta" }] : /* istanbul ignore next */ []));
|
|
552
|
+
validationMessages = input(/* @ts-ignore */
|
|
553
|
+
...(ngDevMode ? [undefined, { debugName: "validationMessages" }] : /* istanbul ignore next */ []));
|
|
541
554
|
defaultValidationMessages = inject(DEFAULT_VALIDATION_MESSAGES, { optional: true }) ?? signal(undefined);
|
|
542
555
|
errors = createResolvedErrorsSignal(this.field, this.validationMessages, this.defaultValidationMessages);
|
|
543
556
|
showErrors = shouldShowErrors(this.field);
|
|
544
|
-
errorsToDisplay = computed(() => (this.showErrors() ? this.errors() : []),
|
|
545
|
-
|
|
546
|
-
|
|
557
|
+
errorsToDisplay = computed(() => (this.showErrors() ? this.errors() : []), /* @ts-ignore */
|
|
558
|
+
...(ngDevMode ? [{ debugName: "errorsToDisplay" }] : /* istanbul ignore next */ []));
|
|
559
|
+
errorId = computed(() => `${this.key()}-error`, /* @ts-ignore */
|
|
560
|
+
...(ngDevMode ? [{ debugName: "errorId" }] : /* istanbul ignore next */ []));
|
|
561
|
+
hintId = computed(() => `${this.key()}-hint`, /* @ts-ignore */
|
|
562
|
+
...(ngDevMode ? [{ debugName: "hintId" }] : /* istanbul ignore next */ []));
|
|
547
563
|
ariaInvalid = computed(() => {
|
|
548
564
|
const state = this.field()();
|
|
549
565
|
return state.invalid() && state.touched();
|
|
550
|
-
},
|
|
566
|
+
}, /* @ts-ignore */
|
|
567
|
+
...(ngDevMode ? [{ debugName: "ariaInvalid" }] : /* istanbul ignore next */ []));
|
|
551
568
|
ariaRequired = computed(() => {
|
|
552
569
|
return this.field()().required?.() === true ? true : null;
|
|
553
|
-
},
|
|
570
|
+
}, /* @ts-ignore */
|
|
571
|
+
...(ngDevMode ? [{ debugName: "ariaRequired" }] : /* istanbul ignore next */ []));
|
|
554
572
|
ariaDescribedBy = createAriaDescribedBySignal(this.errorsToDisplay, this.errorId, this.hintId, () => Boolean(this.props()?.hint));
|
|
555
|
-
_claimed = signal(false,
|
|
573
|
+
_claimed = signal(false, /* @ts-ignore */
|
|
574
|
+
...(ngDevMode ? [{ debugName: "_claimed" }] : /* istanbul ignore next */ []));
|
|
556
575
|
markClaimed() {
|
|
557
576
|
this._claimed.set(true);
|
|
558
577
|
}
|
|
@@ -584,10 +603,10 @@ class NgForgeField {
|
|
|
584
603
|
});
|
|
585
604
|
}
|
|
586
605
|
}
|
|
587
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
588
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
606
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeField, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
607
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.0", type: NgForgeField, isStandalone: true, inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null }, meta: { classPropertyName: "meta", publicName: "meta", isSignal: true, isRequired: false, transformFunction: null }, validationMessages: { classPropertyName: "validationMessages", publicName: "validationMessages", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.hidden": "field()().hidden() || null", "attr.aria-disabled": "field()().disabled() || null" } }, ngImport: i0 });
|
|
589
608
|
}
|
|
590
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
609
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeField, decorators: [{
|
|
591
610
|
type: Directive,
|
|
592
611
|
args: [{
|
|
593
612
|
host: {
|
|
@@ -607,14 +626,22 @@ class NgForgeAction {
|
|
|
607
626
|
shell = inject(NgForgeFieldShell);
|
|
608
627
|
key = this.shell.key;
|
|
609
628
|
className = this.shell.className;
|
|
610
|
-
label = input.required(
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
629
|
+
label = input.required(/* @ts-ignore */
|
|
630
|
+
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
631
|
+
disabled = input(false, /* @ts-ignore */
|
|
632
|
+
...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
633
|
+
hidden = input(false, /* @ts-ignore */
|
|
634
|
+
...(ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []));
|
|
635
|
+
tabIndex = input(/* @ts-ignore */
|
|
636
|
+
...(ngDevMode ? [undefined, { debugName: "tabIndex" }] : /* istanbul ignore next */ []));
|
|
637
|
+
event = input(/* @ts-ignore */
|
|
638
|
+
...(ngDevMode ? [undefined, { debugName: "event" }] : /* istanbul ignore next */ []));
|
|
639
|
+
eventArgs = input(/* @ts-ignore */
|
|
640
|
+
...(ngDevMode ? [undefined, { debugName: "eventArgs" }] : /* istanbul ignore next */ []));
|
|
641
|
+
eventContext = input(/* @ts-ignore */
|
|
642
|
+
...(ngDevMode ? [undefined, { debugName: "eventContext" }] : /* istanbul ignore next */ []));
|
|
643
|
+
props = input(/* @ts-ignore */
|
|
644
|
+
...(ngDevMode ? [undefined, { debugName: "props" }] : /* istanbul ignore next */ []));
|
|
618
645
|
eventBus = inject(EventBus);
|
|
619
646
|
arrayContext = inject(ARRAY_CONTEXT, { optional: true });
|
|
620
647
|
dispatch() {
|
|
@@ -636,10 +663,10 @@ class NgForgeAction {
|
|
|
636
663
|
: (this.eventContext() ?? { key: this.key() });
|
|
637
664
|
this.eventBus.dispatch(event, ...resolveTokens(args, context));
|
|
638
665
|
}
|
|
639
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
640
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
666
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeAction, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
667
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.0", type: NgForgeAction, isStandalone: true, inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, event: { classPropertyName: "event", publicName: "event", isSignal: true, isRequired: false, transformFunction: null }, eventArgs: { classPropertyName: "eventArgs", publicName: "eventArgs", isSignal: true, isRequired: false, transformFunction: null }, eventContext: { classPropertyName: "eventContext", publicName: "eventContext", isSignal: true, isRequired: false, transformFunction: null }, props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.hidden": "hidden() || null", "attr.aria-disabled": "disabled() || null" } }, ngImport: i0 });
|
|
641
668
|
}
|
|
642
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
669
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeAction, decorators: [{
|
|
643
670
|
type: Directive,
|
|
644
671
|
args: [{
|
|
645
672
|
host: {
|
|
@@ -657,17 +684,23 @@ function injectNgForgeAction() {
|
|
|
657
684
|
|
|
658
685
|
class NgForgeAddonsBase {
|
|
659
686
|
hostInjector = inject(Injector);
|
|
660
|
-
addons = input(undefined,
|
|
661
|
-
|
|
687
|
+
addons = input(undefined, /* @ts-ignore */
|
|
688
|
+
...(ngDevMode ? [{ debugName: "addons" }] : /* istanbul ignore next */ []));
|
|
689
|
+
_hiddenSignalCache = signal(new Map(), /* @ts-ignore */
|
|
690
|
+
...(ngDevMode ? [{ debugName: "_hiddenSignalCache" }] : /* istanbul ignore next */ []));
|
|
662
691
|
hiddenSignalCache = this._hiddenSignalCache.asReadonly();
|
|
663
692
|
visibleAddons = computed(() => {
|
|
664
693
|
const list = this.addons() ?? [];
|
|
665
694
|
const cache = this.hiddenSignalCache();
|
|
666
695
|
return list.filter((a) => !(cache.get(a)?.() ?? false));
|
|
667
|
-
},
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
696
|
+
}, /* @ts-ignore */
|
|
697
|
+
...(ngDevMode ? [{ debugName: "visibleAddons" }] : /* istanbul ignore next */ []));
|
|
698
|
+
hasAddons = computed(() => this.visibleAddons().length > 0, /* @ts-ignore */
|
|
699
|
+
...(ngDevMode ? [{ debugName: "hasAddons" }] : /* istanbul ignore next */ []));
|
|
700
|
+
prefixAddons = computed(() => this.visibleAddons().filter((a) => a.slot === 'prefix'), /* @ts-ignore */
|
|
701
|
+
...(ngDevMode ? [{ debugName: "prefixAddons" }] : /* istanbul ignore next */ []));
|
|
702
|
+
suffixAddons = computed(() => this.visibleAddons().filter((a) => a.slot === 'suffix'), /* @ts-ignore */
|
|
703
|
+
...(ngDevMode ? [{ debugName: "suffixAddons" }] : /* istanbul ignore next */ []));
|
|
671
704
|
addonsBySlot = computed(() => {
|
|
672
705
|
const map = new Map();
|
|
673
706
|
for (const a of this.visibleAddons()) {
|
|
@@ -676,7 +709,8 @@ class NgForgeAddonsBase {
|
|
|
676
709
|
map.set(a.slot, bucket);
|
|
677
710
|
}
|
|
678
711
|
return map;
|
|
679
|
-
},
|
|
712
|
+
}, /* @ts-ignore */
|
|
713
|
+
...(ngDevMode ? [{ debugName: "addonsBySlot" }] : /* istanbul ignore next */ []));
|
|
680
714
|
_hiddenByValue = new WeakMap();
|
|
681
715
|
constructor() {
|
|
682
716
|
explicitEffect([this.addons], ([list]) => {
|
|
@@ -699,10 +733,10 @@ class NgForgeAddonsBase {
|
|
|
699
733
|
this._hiddenSignalCache.set(next);
|
|
700
734
|
});
|
|
701
735
|
}
|
|
702
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
703
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
736
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeAddonsBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
737
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.0", type: NgForgeAddonsBase, isStandalone: true, inputs: { addons: { classPropertyName: "addons", publicName: "addons", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
|
|
704
738
|
}
|
|
705
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
739
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeAddonsBase, decorators: [{
|
|
706
740
|
type: Directive,
|
|
707
741
|
args: [{}]
|
|
708
742
|
}], ctorParameters: () => [], propDecorators: { addons: [{ type: i0.Input, args: [{ isSignal: true, alias: "addons", required: false }] }] } });
|
|
@@ -710,10 +744,10 @@ const NG_FORGE_ADDONS_INPUTS = ['addons'];
|
|
|
710
744
|
const _NG_FORGE_ADDONS_INPUTS_LOCKSTEP = true;
|
|
711
745
|
void _NG_FORGE_ADDONS_INPUTS_LOCKSTEP;
|
|
712
746
|
class NgForgeAddons {
|
|
713
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
714
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
747
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeAddons, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
748
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgForgeAddons, isStandalone: true, hostDirectives: [{ directive: NgForgeAddonsBase, inputs: ["addons", "addons"] }], ngImport: i0 });
|
|
715
749
|
}
|
|
716
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
750
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeAddons, decorators: [{
|
|
717
751
|
type: Directive,
|
|
718
752
|
args: [{
|
|
719
753
|
hostDirectives: [{ directive: NgForgeAddonsBase, inputs: [...NG_FORGE_ADDONS_INPUTS] }],
|
|
@@ -730,14 +764,20 @@ class NgForgeAddonActionBase {
|
|
|
730
764
|
presetHandler = inject(ADDON_PRESET_HANDLER, { optional: true });
|
|
731
765
|
logger = inject(DynamicFormLogger);
|
|
732
766
|
hostInjector = inject(Injector);
|
|
733
|
-
addon = input.required(
|
|
734
|
-
|
|
767
|
+
addon = input.required(/* @ts-ignore */
|
|
768
|
+
...(ngDevMode ? [{ debugName: "addon" }] : /* istanbul ignore next */ []));
|
|
769
|
+
fieldInputs = input(undefined, /* @ts-ignore */
|
|
770
|
+
...(ngDevMode ? [{ debugName: "fieldInputs" }] : /* istanbul ignore next */ []));
|
|
735
771
|
_disabledByValue = new WeakMap();
|
|
736
772
|
_loadingByValue = new WeakMap();
|
|
737
|
-
_resolvedDisabled = signal(undefined,
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
773
|
+
_resolvedDisabled = signal(undefined, /* @ts-ignore */
|
|
774
|
+
...(ngDevMode ? [{ debugName: "_resolvedDisabled" }] : /* istanbul ignore next */ []));
|
|
775
|
+
_resolvedLoading = signal(undefined, /* @ts-ignore */
|
|
776
|
+
...(ngDevMode ? [{ debugName: "_resolvedLoading" }] : /* istanbul ignore next */ []));
|
|
777
|
+
disabled = computed(() => this._resolvedDisabled()?.() ?? false, /* @ts-ignore */
|
|
778
|
+
...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
779
|
+
loading = computed(() => this._resolvedLoading()?.() ?? false, /* @ts-ignore */
|
|
780
|
+
...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
|
|
741
781
|
constructor() {
|
|
742
782
|
explicitEffect([this.addon], ([addon]) => {
|
|
743
783
|
this._resolvedDisabled.set(this._resolveAxis(addon.disabled, this._disabledByValue));
|
|
@@ -807,10 +847,10 @@ class NgForgeAddonActionBase {
|
|
|
807
847
|
value: undefined,
|
|
808
848
|
};
|
|
809
849
|
}
|
|
810
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
811
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
850
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeAddonActionBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
851
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.0", type: NgForgeAddonActionBase, isStandalone: true, inputs: { addon: { classPropertyName: "addon", publicName: "addon", isSignal: true, isRequired: true, transformFunction: null }, fieldInputs: { classPropertyName: "fieldInputs", publicName: "fieldInputs", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
|
|
812
852
|
}
|
|
813
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
853
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeAddonActionBase, decorators: [{
|
|
814
854
|
type: Directive,
|
|
815
855
|
args: [{}]
|
|
816
856
|
}], ctorParameters: () => [], propDecorators: { addon: [{ type: i0.Input, args: [{ isSignal: true, alias: "addon", required: true }] }], fieldInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldInputs", required: false }] }] } });
|
|
@@ -818,10 +858,10 @@ const NG_FORGE_ADDON_ACTION_INPUTS = ['addon', 'fieldInputs'];
|
|
|
818
858
|
const _NG_FORGE_ADDON_ACTION_INPUTS_LOCKSTEP = true;
|
|
819
859
|
void _NG_FORGE_ADDON_ACTION_INPUTS_LOCKSTEP;
|
|
820
860
|
class NgForgeAddonAction {
|
|
821
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
822
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
861
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeAddonAction, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
862
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgForgeAddonAction, isStandalone: true, hostDirectives: [{ directive: NgForgeAddonActionBase, inputs: ["addon", "addon", "fieldInputs", "fieldInputs"] }], ngImport: i0 });
|
|
823
863
|
}
|
|
824
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
864
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeAddonAction, decorators: [{
|
|
825
865
|
type: Directive,
|
|
826
866
|
args: [{
|
|
827
867
|
hostDirectives: [{ directive: NgForgeAddonActionBase, inputs: [...NG_FORGE_ADDON_ACTION_INPUTS] }],
|
|
@@ -838,10 +878,10 @@ class NgForgeControl {
|
|
|
838
878
|
setupMarkerAttrTracking(inject(ElementRef), parent, () => this.target());
|
|
839
879
|
parent.markClaimed();
|
|
840
880
|
}
|
|
841
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
842
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
881
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
882
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.0", type: NgForgeControl, isStandalone: true, selector: "[ngForgeControl]", inputs: { target: { classPropertyName: "target", publicName: "ngForgeControl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
|
|
843
883
|
}
|
|
844
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
884
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeControl, decorators: [{
|
|
845
885
|
type: Directive,
|
|
846
886
|
args: [{ selector: '[ngForgeControl]' }]
|
|
847
887
|
}], ctorParameters: () => [], propDecorators: { target: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngForgeControl", required: false }] }] } });
|
|
@@ -851,19 +891,19 @@ class NgForgeHostControl {
|
|
|
851
891
|
setupMarkerAttrTracking(inject(ElementRef), parent, () => undefined);
|
|
852
892
|
parent.markClaimed();
|
|
853
893
|
}
|
|
854
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
855
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
894
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeHostControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
895
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgForgeHostControl, isStandalone: true, ngImport: i0 });
|
|
856
896
|
}
|
|
857
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
897
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeHostControl, decorators: [{
|
|
858
898
|
type: Directive,
|
|
859
899
|
args: [{}]
|
|
860
900
|
}], ctorParameters: () => [] });
|
|
861
901
|
|
|
862
902
|
class NgForgeFieldHost {
|
|
863
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
864
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
903
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeFieldHost, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
904
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgForgeFieldHost, isStandalone: true, hostDirectives: [{ directive: NgForgeFieldShell, inputs: ["key", "key", "className", "className"] }, { directive: NgForgeField, inputs: ["field", "field", "label", "label", "placeholder", "placeholder", "tabIndex", "tabIndex", "props", "props", "meta", "meta", "validationMessages", "validationMessages"] }], ngImport: i0 });
|
|
865
905
|
}
|
|
866
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
906
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeFieldHost, decorators: [{
|
|
867
907
|
type: Directive,
|
|
868
908
|
args: [{
|
|
869
909
|
hostDirectives: [
|
|
@@ -873,10 +913,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
873
913
|
}]
|
|
874
914
|
}] });
|
|
875
915
|
class NgForgeActionHost {
|
|
876
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
877
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
916
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeActionHost, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
917
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: NgForgeActionHost, isStandalone: true, hostDirectives: [{ directive: NgForgeFieldShell, inputs: ["key", "key", "className", "className"] }, { directive: NgForgeAction, inputs: ["label", "label", "disabled", "disabled", "hidden", "hidden", "tabIndex", "tabIndex", "event", "event", "eventArgs", "eventArgs", "eventContext", "eventContext", "props", "props"] }], ngImport: i0 });
|
|
878
918
|
}
|
|
879
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
919
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgForgeActionHost, decorators: [{
|
|
880
920
|
type: Directive,
|
|
881
921
|
args: [{
|
|
882
922
|
hostDirectives: [
|
|
@@ -889,7 +929,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
889
929
|
function createNgForgeFieldFixture(component, options) {
|
|
890
930
|
TestBed.configureTestingModule({ imports: [component], providers: [...(options.providers ?? [])] });
|
|
891
931
|
const key = options.key;
|
|
892
|
-
const rootValue = signal({ [key]: options.value },
|
|
932
|
+
const rootValue = signal({ [key]: options.value }, /* @ts-ignore */
|
|
933
|
+
...(ngDevMode ? [{ debugName: "rootValue" }] : /* istanbul ignore next */ []));
|
|
893
934
|
const injector = TestBed.inject(EnvironmentInjector);
|
|
894
935
|
const schemaCallback = options.schema;
|
|
895
936
|
const root = runInInjectionContext(injector, () => {
|