@ng-formworks/material 20.6.5 → 20.6.7

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, OnChanges, OnDestroy, ElementRef } from '@angular/core';
+import { OnInit, OnChanges, OnDestroy, SimpleChanges, ElementRef } from '@angular/core';
 import * as i45 from '@ng-formworks/core';
 import { FrameworkLibraryService, TitleMapItem, isArray } from '@ng-formworks/core';
 import * as i46 from '@ng-formworks/cssframework';
@@ -33,10 +33,9 @@ import * as i40 from '@angular/material/tabs';
 import * as i41 from '@angular/material/tooltip';
 import * as i42 from '@angular/material/toolbar';
 import * as i43 from '@angular/material/menu';
-import * as i47 from 'nxt-sortablejs';
 
 declare class MaterialDesignFrameworkComponent implements OnInit, OnChanges, OnDestroy {
-    private changeDetector;
+    private cdr;
     private jsf;
     jsfFLService: FrameworkLibraryService;
     cssFWService: CssframeworkService;
@@ -58,7 +57,7 @@ declare class MaterialDesignFrameworkComponent implements OnInit, OnChanges, OnD
     ngOnDestroy(): void;
     get showRemoveButton(): boolean;
     ngOnInit(): void;
-    ngOnChanges(): void;
+    ngOnChanges(changes: any): void;
     initializeFramework(): void;
     updateTitle(): void;
     removeItem(): void;
@@ -66,18 +65,18 @@ declare class MaterialDesignFrameworkComponent implements OnInit, OnChanges, OnD
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MaterialDesignFrameworkComponent, "material-design-framework", 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 FlexLayoutRootComponent implements OnInit {
+declare class FlexLayoutRootComponent implements OnInit, OnDestroy, OnChanges {
     private jsf;
     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>;
+    readonly memoizationEnabled: _angular_core.InputSignal<boolean>;
     ngOnInit(): void;
     removeItem(item: any): void;
-    sortableObj: any;
-    sortableConfig: any;
-    sortableInit(sortable: any): void;
     drop(event: CdkDragDrop<string[]>): void;
+    isDraggable(node: any): boolean;
     /**
    * Predicate function that disallows '$ref' item sorts
    * NB declared as a var instead of a function
@@ -87,9 +86,19 @@ declare class FlexLayoutRootComponent implements OnInit {
    */
     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;
     showWidget(layoutNode: any): boolean;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlexLayoutRootComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlexLayoutRootComponent, "flex-layout-root-widget", never, { "dataIndex": { "alias": "dataIndex"; "required": false; "isSignal": true; }; "layoutIndex": { "alias": "layoutIndex"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "isFlexItem": { "alias": "isFlexItem"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FlexLayoutRootComponent, "flex-layout-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 FlexLayoutSectionComponent implements OnInit {
@@ -316,14 +325,13 @@ declare class MaterialInputComponent implements OnInit, OnDestroy {
     controlDisabled: boolean;
     boundControl: boolean;
     options: any;
+    layoutNodeRef: any;
     autoCompleteList: string[];
     readonly layoutNode: _angular_core.InputSignal<any>;
     readonly layoutIndex: _angular_core.InputSignal<number[]>;
     readonly dataIndex: _angular_core.InputSignal<number[]>;
     readonly input: _angular_core.Signal<ElementRef<any>>;
     get inputAttributes(): any;
-    onMouseDown(e: any): void;
-    onTouchStart(e: any): void;
     ngOnInit(): void;
     updateValue(event: any): void;
     ngOnDestroy(): void;
@@ -348,8 +356,6 @@ declare class MaterialNumberComponent implements OnInit, OnDestroy {
     readonly layoutIndex: _angular_core.InputSignal<number[]>;
     readonly dataIndex: _angular_core.InputSignal<number[]>;
     get inputAttributes(): any;
-    onMouseDown(e: any): void;
-    onTouchStart(e: any): void;
     ngOnInit(): void;
     updateValue(event: any): void;
     ngOnDestroy(): void;
@@ -416,8 +422,6 @@ declare class MaterialSliderComponent implements OnInit, OnDestroy {
     readonly layoutIndex: _angular_core.InputSignal<number[]>;
     readonly dataIndex: _angular_core.InputSignal<number[]>;
     get inputAttributes(): any;
-    onMouseDown(e: any): void;
-    onTouchStart(e: any): void;
     ngOnInit(): void;
     updateValue(event: any): void;
     ngOnDestroy(): void;
@@ -473,11 +477,11 @@ declare const ANGULAR_MATERIAL_MODULES: (typeof MatAutocompleteModule)[];
 declare class MaterialDesignFrameworkModule {
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MaterialDesignFrameworkModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<MaterialDesignFrameworkModule, [typeof FlexLayoutRootComponent, typeof FlexLayoutSectionComponent, typeof MaterialAddReferenceComponent, typeof MaterialOneOfComponent, typeof MaterialButtonComponent, typeof MaterialButtonGroupComponent, typeof MaterialCheckboxComponent, typeof MaterialCheckboxesComponent, typeof MaterialChipListComponent, typeof MaterialDatepickerComponent, typeof MaterialFileComponent, typeof MaterialInputComponent, typeof MaterialNumberComponent, typeof MaterialRadiosComponent, typeof MaterialSelectComponent, typeof MaterialSliderComponent, typeof MaterialStepperComponent, typeof MaterialTabsComponent, typeof MaterialTextareaComponent, typeof MaterialDesignFrameworkComponent], [typeof i21.CommonModule, typeof i22.FormsModule, typeof i22.ReactiveFormsModule, typeof i23.MatAutocompleteModule, typeof i24.MatButtonModule, typeof i25.MatButtonToggleModule, typeof i26.MatCardModule, typeof i27.MatCheckboxModule, typeof i28.MatChipsModule, typeof i29.MatDatepickerModule, typeof i30.MatExpansionModule, typeof i31.MatFormFieldModule, typeof i32.MatIconModule, typeof i33.MatInputModule, typeof i34.MatNativeDateModule, typeof i35.MatRadioModule, typeof i36.MatSelectModule, typeof i37.MatSliderModule, typeof i38.MatSlideToggleModule, typeof i39.MatStepperModule, typeof i40.MatTabsModule, typeof i41.MatTooltipModule, typeof i42.MatToolbarModule, typeof i43.MatMenuModule, typeof i42.MatToolbarModule, typeof i44.DragDropModule, typeof i45.WidgetLibraryModule, typeof i45.JsonSchemaFormModule, typeof i46.CssFrameworkModule, typeof i47.SortablejsModule], [typeof i45.JsonSchemaFormModule, typeof FlexLayoutRootComponent, typeof FlexLayoutSectionComponent, typeof MaterialAddReferenceComponent, typeof MaterialOneOfComponent, typeof MaterialButtonComponent, typeof MaterialButtonGroupComponent, typeof MaterialCheckboxComponent, typeof MaterialCheckboxesComponent, typeof MaterialChipListComponent, typeof MaterialDatepickerComponent, typeof MaterialFileComponent, typeof MaterialInputComponent, typeof MaterialNumberComponent, typeof MaterialRadiosComponent, typeof MaterialSelectComponent, typeof MaterialSliderComponent, typeof MaterialStepperComponent, typeof MaterialTabsComponent, typeof MaterialTextareaComponent, typeof MaterialDesignFrameworkComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<MaterialDesignFrameworkModule, [typeof FlexLayoutRootComponent, typeof FlexLayoutSectionComponent, typeof MaterialAddReferenceComponent, typeof MaterialOneOfComponent, typeof MaterialButtonComponent, typeof MaterialButtonGroupComponent, typeof MaterialCheckboxComponent, typeof MaterialCheckboxesComponent, typeof MaterialChipListComponent, typeof MaterialDatepickerComponent, typeof MaterialFileComponent, typeof MaterialInputComponent, typeof MaterialNumberComponent, typeof MaterialRadiosComponent, typeof MaterialSelectComponent, typeof MaterialSliderComponent, typeof MaterialStepperComponent, typeof MaterialTabsComponent, typeof MaterialTextareaComponent, typeof MaterialDesignFrameworkComponent], [typeof i21.CommonModule, typeof i22.FormsModule, typeof i22.ReactiveFormsModule, typeof i23.MatAutocompleteModule, typeof i24.MatButtonModule, typeof i25.MatButtonToggleModule, typeof i26.MatCardModule, typeof i27.MatCheckboxModule, typeof i28.MatChipsModule, typeof i29.MatDatepickerModule, typeof i30.MatExpansionModule, typeof i31.MatFormFieldModule, typeof i32.MatIconModule, typeof i33.MatInputModule, typeof i34.MatNativeDateModule, typeof i35.MatRadioModule, typeof i36.MatSelectModule, typeof i37.MatSliderModule, typeof i38.MatSlideToggleModule, typeof i39.MatStepperModule, typeof i40.MatTabsModule, typeof i41.MatTooltipModule, typeof i42.MatToolbarModule, typeof i43.MatMenuModule, typeof i42.MatToolbarModule, typeof i44.DragDropModule, typeof i45.WidgetLibraryModule, typeof i45.JsonSchemaFormModule, typeof i46.CssFrameworkModule], [typeof i45.JsonSchemaFormModule, typeof FlexLayoutRootComponent, typeof FlexLayoutSectionComponent, typeof MaterialAddReferenceComponent, typeof MaterialOneOfComponent, typeof MaterialButtonComponent, typeof MaterialButtonGroupComponent, typeof MaterialCheckboxComponent, typeof MaterialCheckboxesComponent, typeof MaterialChipListComponent, typeof MaterialDatepickerComponent, typeof MaterialFileComponent, typeof MaterialInputComponent, typeof MaterialNumberComponent, typeof MaterialRadiosComponent, typeof MaterialSelectComponent, typeof MaterialSliderComponent, typeof MaterialStepperComponent, typeof MaterialTabsComponent, typeof MaterialTextareaComponent, typeof MaterialDesignFrameworkComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<MaterialDesignFrameworkModule>;
 }
 
-declare const MATERIAL_FRAMEWORK_COMPONENTS: (typeof MaterialDesignFrameworkComponent | typeof FlexLayoutRootComponent | typeof FlexLayoutSectionComponent | typeof MaterialAddReferenceComponent | typeof MaterialButtonComponent | typeof MaterialButtonGroupComponent | typeof MaterialCheckboxComponent | typeof MaterialCheckboxesComponent | typeof MaterialChipListComponent | typeof MaterialDatepickerComponent | typeof MaterialFileComponent | typeof MaterialInputComponent | typeof MaterialNumberComponent | typeof MaterialTabsComponent | typeof MaterialOneOfComponent | typeof MaterialRadiosComponent | typeof MaterialSelectComponent | typeof MaterialSliderComponent | typeof MaterialStepperComponent | typeof MaterialTextareaComponent)[];
+declare const MATERIAL_FRAMEWORK_COMPONENTS: (typeof MaterialTextareaComponent | typeof MaterialStepperComponent | typeof MaterialSliderComponent | typeof MaterialSelectComponent | typeof MaterialRadiosComponent | typeof MaterialOneOfComponent | typeof MaterialTabsComponent | typeof MaterialNumberComponent | typeof MaterialInputComponent | typeof MaterialFileComponent | typeof MaterialDatepickerComponent | typeof MaterialChipListComponent | typeof MaterialCheckboxesComponent | typeof MaterialCheckboxComponent | typeof MaterialButtonGroupComponent | typeof MaterialButtonComponent | typeof MaterialAddReferenceComponent | typeof FlexLayoutSectionComponent | typeof FlexLayoutRootComponent | typeof MaterialDesignFrameworkComponent)[];
 
 declare class MaterialDesignFramework extends CssFramework {
     cssFWService: CssframeworkService;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-formworks/material",
-  "version": "20.6.5",
+  "version": "20.6.7",
   "description": "Angular ng-formworks - JSON Schema Form builder using Angular Material UI",
   "author": "https://github.com/zahmo/ng-formworks/graphs/contributors",
   "keywords": [
@@ -47,8 +47,8 @@
   "private": false,
   "dependencies": {
     "lodash-es": "~4.17.21",
-    "@ng-formworks/core": "~20.6.5",
-    "@ng-formworks/cssframework": "~20.6.5",
+    "@ng-formworks/core": "~20.6.7",
+    "@ng-formworks/cssframework": "~20.6.7",
     "tslib": "^2.7.0"
   },
   "peerDependencies": {