@ng-formworks/core 20.6.6 → 20.6.8

package/index.d.ts

@@ -1,12 +1,13 @@
 import * as _angular_core from '@angular/core';
 import { OnDestroy, Signal, OnChanges, OnInit, SimpleChanges, ElementRef, ComponentRef, ViewContainerRef, Renderer2 } from '@angular/core';
-import * as i27 from '@angular/forms';
+import * as i28 from '@angular/forms';
 import { AbstractControl, UntypedFormArray, UntypedFormGroup, ControlValueAccessor, ValidationErrors, ValidatorFn } from '@angular/forms';
 import * as rxjs from 'rxjs';
 import { Subject, Subscription, Observable } from 'rxjs';
 import Ajv2019, { Options, ErrorObject, ValidateFunction } from 'ajv/dist/2019';
 import * as i2 from '@angular/common';
-import * as i28 from 'nxt-sortablejs';
+import * as i29 from '@angular/cdk/drag-drop';
+import { CdkDragDrop, CdkDrag } from '@angular/cdk/drag-drop';
 
 type WidgetContext = {
     formControl?: AbstractControl;
@@ -79,9 +80,6 @@ declare class JsonSchemaFormService implements OnDestroy {
     private draggableStateSubject;
     draggableState$: rxjs.Observable<boolean>;
     setDraggableState(value: boolean): void;
-    private sortableOptionsSubject;
-    sortableOptions$: rxjs.Observable<any>;
-    setSortableOptions(value: any): void;
     createAjvInstance(ajvOptions: any): Ajv2019;
     createAndRegisterAjvInstance(ajvOptions: any, name?: string): {
         name: string;
@@ -589,26 +587,43 @@ declare class RadiosComponent implements OnInit, OnDestroy {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadiosComponent, "radios-widget", never, { "layoutNode": { "alias": "layoutNode"; "required": false; "isSignal": true; }; "layoutIndex": { "alias": "layoutIndex"; "required": false; "isSignal": true; }; "dataIndex": { "alias": "dataIndex"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
 
-declare class RootComponent implements OnInit, OnDestroy {
+declare class RootComponent implements OnInit, OnDestroy, OnChanges {
     private jsf;
+    private cdr;
     options: any;
     readonly dataIndex: _angular_core.InputSignal<number[]>;
     readonly layoutIndex: _angular_core.InputSignal<number[]>;
     readonly layout: _angular_core.InputSignal<any[]>;
     readonly isOrderable: _angular_core.InputSignal<boolean>;
     readonly isFlexItem: _angular_core.InputSignal<boolean>;
-    sortableObj: any;
-    sortableConfig: any;
-    private sortableOptionsSubscription;
-    sortableInit(sortable: any): void;
+    readonly memoizationEnabled: _angular_core.InputSignal<boolean>;
+    dataChangesSubs: Subscription;
+    drop(event: CdkDragDrop<string[]>): void;
     isDraggable(node: any): boolean;
     isFixed(node: any): boolean;
+    /**
+     * Predicate function that disallows '$ref' item sorts
+     * NB declared as a var instead of a function
+     * like sortPredicate(index: number, item: CdkDrag<number>){..}
+     * since 'this' is bound to the draglist and doesn't reference the
+     * FlexLayoutRootComponent instance
+     */
+    sortPredicate: (index: number, item: CdkDrag<number>) => boolean;
     getFlexAttribute(node: any, attribute: string): any;
+    private _getSelectFrameworkInputsRaw;
+    private _getSelectFrameworkInputsMemoized;
+    getSelectFrameworkInputs(layoutItem: any, i: number): {
+        layoutNode: any;
+        layoutIndex: number[];
+        dataIndex: number[];
+    };
+    trackByFn(index: number, item: any): any;
+    ngOnChanges(changes: SimpleChanges): void;
     showWidget(layoutNode: any): boolean;
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RootComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RootComponent, "root-widget", never, { "dataIndex": { "alias": "dataIndex"; "required": false; "isSignal": true; }; "layoutIndex": { "alias": "layoutIndex"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "isOrderable": { "alias": "isOrderable"; "required": false; "isSignal": true; }; "isFlexItem": { "alias": "isFlexItem"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RootComponent, "root-widget", never, { "dataIndex": { "alias": "dataIndex"; "required": false; "isSignal": true; }; "layoutIndex": { "alias": "layoutIndex"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "isOrderable": { "alias": "isOrderable"; "required": false; "isSignal": true; }; "isFlexItem": { "alias": "isFlexItem"; "required": false; "isSignal": true; }; "memoizationEnabled": { "alias": "memoizationEnabled"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
 
 declare class SectionComponent implements OnInit {
@@ -2433,13 +2448,14 @@ declare class SelectComponent implements OnInit, OnDestroy {
 
 declare class SelectFrameworkComponent implements OnChanges, OnInit {
     private jsf;
+    private changeDetectorRef;
     newComponent: ComponentRef<any>;
     readonly layoutNode: _angular_core.InputSignal<any>;
     readonly layoutIndex: _angular_core.InputSignal<number[]>;
     readonly dataIndex: _angular_core.InputSignal<number[]>;
     readonly widgetContainer: _angular_core.Signal<ViewContainerRef>;
     ngOnInit(): void;
-    ngOnChanges(): void;
+    ngOnChanges(changes: any): void;
     updateComponent(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectFrameworkComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectFrameworkComponent, "select-framework-widget", never, { "layoutNode": { "alias": "layoutNode"; "required": false; "isSignal": true; }; "layoutIndex": { "alias": "layoutIndex"; "required": false; "isSignal": true; }; "dataIndex": { "alias": "dataIndex"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
@@ -2453,7 +2469,7 @@ declare class SelectWidgetComponent implements OnChanges, OnInit {
     readonly dataIndex: _angular_core.InputSignal<number[]>;
     readonly widgetContainer: _angular_core.Signal<ViewContainerRef>;
     ngOnInit(): void;
-    ngOnChanges(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     updateComponent(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectWidgetComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectWidgetComponent, "select-widget-widget", never, { "layoutNode": { "alias": "layoutNode"; "required": false; "isSignal": true; }; "layoutIndex": { "alias": "layoutIndex"; "required": false; "isSignal": true; }; "dataIndex": { "alias": "dataIndex"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
@@ -2489,8 +2505,9 @@ declare class TabComponent implements OnInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabComponent, "tab-widget", never, { "layoutNode": { "alias": "layoutNode"; "required": false; "isSignal": true; }; "layoutIndex": { "alias": "layoutIndex"; "required": false; "isSignal": true; }; "dataIndex": { "alias": "dataIndex"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
 
-declare class TabsComponent implements OnInit {
+declare class TabsComponent implements OnInit, OnDestroy {
     private jsf;
+    private cdr;
     options: any;
     itemCount: number;
     selectedItem: number;
@@ -2498,10 +2515,12 @@ declare class TabsComponent implements OnInit {
     readonly layoutNode: _angular_core.InputSignal<any>;
     readonly layoutIndex: _angular_core.InputSignal<number[]>;
     readonly dataIndex: _angular_core.InputSignal<number[]>;
+    dataChangesSubs: Subscription;
     ngOnInit(): void;
     select(index: any): void;
     updateControl(): void;
     setTabTitle(item: any, index: number): string;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "tabs-widget", never, { "layoutNode": { "alias": "layoutNode"; "required": false; "isSignal": true; }; "layoutIndex": { "alias": "layoutIndex"; "required": false; "isSignal": true; }; "dataIndex": { "alias": "dataIndex"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
@@ -2642,9 +2661,21 @@ declare class ElementAttributeDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ElementAttributeDirective, "[attributes]", never, { "attributes": { "alias": "attributes"; "required": false; }; }, {}, never, never, false, never>;
 }
 
+declare class StopPropagationDirective implements OnInit, OnDestroy {
+    private el;
+    private renderer;
+    events: string[];
+    private unsubscribeFunctions;
+    constructor(el: ElementRef, renderer: Renderer2);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StopPropagationDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StopPropagationDirective, "[appStopPropagation]", never, { "events": { "alias": "appStopPropagation"; "required": false; }; }, {}, never, never, false, never>;
+}
+
 declare class WidgetLibraryModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WidgetLibraryModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<WidgetLibraryModule, [typeof AddReferenceComponent, typeof OneOfComponent, typeof ButtonComponent, typeof CheckboxComponent, typeof CheckboxesComponent, typeof FileComponent, typeof HiddenComponent, typeof InputComponent, typeof MessageComponent, typeof NoneComponent, typeof NumberComponent, typeof RadiosComponent, typeof RootComponent, typeof SectionComponent, typeof SelectComponent, typeof SelectFrameworkComponent, typeof SelectWidgetComponent, typeof SubmitComponent, typeof TabComponent, typeof TabsComponent, typeof TemplateComponent, typeof TextareaComponent, typeof SelectCheckboxComponent, typeof OrderableDirective, typeof ElementAttributeDirective], [typeof i2.CommonModule, typeof i27.FormsModule, typeof i27.ReactiveFormsModule, typeof i28.SortablejsModule], [typeof AddReferenceComponent, typeof OneOfComponent, typeof ButtonComponent, typeof CheckboxComponent, typeof CheckboxesComponent, typeof FileComponent, typeof HiddenComponent, typeof InputComponent, typeof MessageComponent, typeof NoneComponent, typeof NumberComponent, typeof RadiosComponent, typeof RootComponent, typeof SectionComponent, typeof SelectComponent, typeof SelectFrameworkComponent, typeof SelectWidgetComponent, typeof SubmitComponent, typeof TabComponent, typeof TabsComponent, typeof TemplateComponent, typeof TextareaComponent, typeof SelectCheckboxComponent, typeof OrderableDirective, typeof ElementAttributeDirective]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<WidgetLibraryModule, [typeof AddReferenceComponent, typeof OneOfComponent, typeof ButtonComponent, typeof CheckboxComponent, typeof CheckboxesComponent, typeof FileComponent, typeof HiddenComponent, typeof InputComponent, typeof MessageComponent, typeof NoneComponent, typeof NumberComponent, typeof RadiosComponent, typeof RootComponent, typeof SectionComponent, typeof SelectComponent, typeof SelectFrameworkComponent, typeof SelectWidgetComponent, typeof SubmitComponent, typeof TabComponent, typeof TabsComponent, typeof TemplateComponent, typeof TextareaComponent, typeof SelectCheckboxComponent, typeof OrderableDirective, typeof ElementAttributeDirective, typeof StopPropagationDirective], [typeof i2.CommonModule, typeof i28.FormsModule, typeof i28.ReactiveFormsModule, typeof i29.DragDropModule], [typeof AddReferenceComponent, typeof OneOfComponent, typeof ButtonComponent, typeof CheckboxComponent, typeof CheckboxesComponent, typeof FileComponent, typeof HiddenComponent, typeof InputComponent, typeof MessageComponent, typeof NoneComponent, typeof NumberComponent, typeof RadiosComponent, typeof RootComponent, typeof SectionComponent, typeof SelectComponent, typeof SelectFrameworkComponent, typeof SelectWidgetComponent, typeof SubmitComponent, typeof TabComponent, typeof TabsComponent, typeof TemplateComponent, typeof TextareaComponent, typeof SelectCheckboxComponent, typeof OrderableDirective, typeof ElementAttributeDirective, typeof StopPropagationDirective]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<WidgetLibraryModule>;
 }
 
@@ -2664,7 +2695,7 @@ declare class NoFrameworkModule {
 
 declare class JsonSchemaFormModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<JsonSchemaFormModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<JsonSchemaFormModule, [typeof JsonSchemaFormComponent], [typeof i2.CommonModule, typeof i27.FormsModule, typeof i27.ReactiveFormsModule, typeof WidgetLibraryModule, typeof NoFrameworkModule], [typeof JsonSchemaFormComponent, typeof WidgetLibraryModule]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<JsonSchemaFormModule, [typeof JsonSchemaFormComponent], [typeof i2.CommonModule, typeof i28.FormsModule, typeof i28.ReactiveFormsModule, typeof WidgetLibraryModule, typeof NoFrameworkModule], [typeof JsonSchemaFormComponent, typeof WidgetLibraryModule]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<JsonSchemaFormModule>;
 }
 
@@ -2770,5 +2801,5 @@ declare class WidgetLibraryService {
 
 declare const BASIC_WIDGETS: (typeof NoneComponent | typeof RootComponent)[];
 
-export { AddReferenceComponent, BASIC_WIDGETS, ButtonComponent, CheckboxComponent, CheckboxesComponent, ElementAttributeDirective, FileComponent, Framework, FrameworkLibraryService, HiddenComponent, InputComponent, JsonPointer, JsonSchemaFormComponent, JsonSchemaFormModule, JsonSchemaFormService, JsonValidators, MessageComponent, NoneComponent, NumberComponent, OneOfComponent, OrderableDirective, RadiosComponent, RootComponent, SectionComponent, SelectCheckboxComponent, SelectComponent, SelectFrameworkComponent, SelectWidgetComponent, SubmitComponent, TabComponent, TabsComponent, TemplateComponent, TextareaComponent, WidgetLibraryModule, WidgetLibraryService, _executeAsyncValidators, _executeValidators, _mergeErrors, _mergeObjects, _toPromise, addClasses, buildFormGroup, buildFormGroupTemplate, buildLayout, buildLayoutFromSchema, buildSchemaFromData, buildSchemaFromLayout, buildTitleMap, checkInlineType, combineAllOf, commonItems, convertSchemaToDraft6, copy, deValidationMessages, enValidationMessages, esValidationMessages, fixRequiredArrayProperties, fixTitle, forEach, forEachCopy, formatFormData, frValidationMessages, getControl, getControlValidators, getFromSchema, getInputType, getLayoutNode, getSubSchema, getTitleMapFromOneOf, getType, hasNonNullValue, hasOwn, hasValue, inArray, isArray, isBoolean, isDate, isDefined, isEmpty, isFunction, isInputRequired, isInteger, isMap, isNumber, isObject, isObservable, isPrimitive, isPromise, isSet, isString, isType, itValidationMessages, mapLayout, mergeFilteredObject, mergeSchemas, path2ControlKey, ptValidationMessages, removeRecursiveReferences, resolveSchemaReferences, setControl, setRequiredFields, toJavaScriptType, toObservable, toSchemaType, toTitleCase, uniqueItems, updateInputOptions, xor, zhValidationMessages };
+export { AddReferenceComponent, BASIC_WIDGETS, ButtonComponent, CheckboxComponent, CheckboxesComponent, ElementAttributeDirective, FileComponent, Framework, FrameworkLibraryService, HiddenComponent, InputComponent, JsonPointer, JsonSchemaFormComponent, JsonSchemaFormModule, JsonSchemaFormService, JsonValidators, MessageComponent, NoneComponent, NumberComponent, OneOfComponent, OrderableDirective, RadiosComponent, RootComponent, SectionComponent, SelectCheckboxComponent, SelectComponent, SelectFrameworkComponent, SelectWidgetComponent, StopPropagationDirective, SubmitComponent, TabComponent, TabsComponent, TemplateComponent, TextareaComponent, WidgetLibraryModule, WidgetLibraryService, _executeAsyncValidators, _executeValidators, _mergeErrors, _mergeObjects, _toPromise, addClasses, buildFormGroup, buildFormGroupTemplate, buildLayout, buildLayoutFromSchema, buildSchemaFromData, buildSchemaFromLayout, buildTitleMap, checkInlineType, combineAllOf, commonItems, convertSchemaToDraft6, copy, deValidationMessages, enValidationMessages, esValidationMessages, fixRequiredArrayProperties, fixTitle, forEach, forEachCopy, formatFormData, frValidationMessages, getControl, getControlValidators, getFromSchema, getInputType, getLayoutNode, getSubSchema, getTitleMapFromOneOf, getType, hasNonNullValue, hasOwn, hasValue, inArray, isArray, isBoolean, isDate, isDefined, isEmpty, isFunction, isInputRequired, isInteger, isMap, isNumber, isObject, isObservable, isPrimitive, isPromise, isSet, isString, isType, itValidationMessages, mapLayout, mergeFilteredObject, mergeSchemas, path2ControlKey, ptValidationMessages, removeRecursiveReferences, resolveSchemaReferences, setControl, setRequiredFields, toJavaScriptType, toObservable, toSchemaType, toTitleCase, uniqueItems, updateInputOptions, xor, zhValidationMessages };
 export type { AsyncIValidatorFn, ErrorMessages, IValidatorFn, JavaScriptPrimitiveType, JavaScriptType, PlainObject, Pointer, PrimitiveValue, SchemaPrimitiveType, SchemaType, TitleMapItem };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-formworks/core",
-  "version": "20.6.6",
+  "version": "20.6.8",
   "description": "Angular ng-formworks - JSON Schema Form builder core",
   "author": "https://github.com/zahmo/ng-formworks/graphs/contributors",
   "keywords": [
@@ -48,11 +48,10 @@
   "dependencies": {
     "lodash-es": "~4.17.21",
     "ajv": "^8.12.0",
-    "tslib": "^2.7.0",
-    "nxt-sortablejs": "^20.0.0",
-    "sortablejs": "^1.15.6"
+    "tslib": "^2.7.0"
   },
   "peerDependencies": {
+    "@angular/cdk": ">=20.0.0",
     "@angular/common": ">=20.0.0",
     "@angular/core": ">=20.0.0",
     "@angular/forms": ">=20.0.0",