@m1z23r/ngx-ui 1.1.50 → 1.1.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m1z23r/ngx-ui",
-  "version": "1.1.50",
+  "version": "1.1.52",
   "description": "A modern Angular UI component library with themeable components and responsive layout system",
   "license": "MIT",
   "author": "m1z23r",

package/types/m1z23r-ngx-ui.d.ts

@@ -2027,6 +2027,7 @@ interface TreeNodeContextAction {
     path: TreeNode[];
     action: TreeNodeActionType;
 }
+type TreeFormatter = (node: TreeNode, path: TreeNode[]) => string | null | undefined;
 declare const TREE_HOST: InjectionToken<TreeComponent>;
 declare class TreeComponent {
     readonly nodes: _angular_core.InputSignal<TreeNode[]>;
@@ -2035,6 +2036,9 @@ declare class TreeComponent {
     readonly expandOnClick: _angular_core.InputSignal<boolean>;
     readonly contextMenu: _angular_core.InputSignal<boolean>;
     readonly pathSeparator: _angular_core.InputSignal<string>;
+    readonly valueFormatter: _angular_core.InputSignal<TreeFormatter | null>;
+    readonly pathFormatter: _angular_core.InputSignal<TreeFormatter | null>;
+    readonly objectFormatter: _angular_core.InputSignal<TreeFormatter | null>;
     readonly nodeClick: _angular_core.OutputEmitterRef<TreeNode>;
     readonly nodeExpand: _angular_core.OutputEmitterRef<TreeNode>;
     readonly nodeCollapse: _angular_core.OutputEmitterRef<TreeNode>;
@@ -2085,7 +2089,7 @@ declare class TreeComponent {
     private copyToClipboard;
     private execCommandCopy;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeComponent, "ui-tree", never, { "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "indent": { "alias": "indent"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "expandOnClick": { "alias": "expandOnClick"; "required": false; "isSignal": true; }; "contextMenu": { "alias": "contextMenu"; "required": false; "isSignal": true; }; "pathSeparator": { "alias": "pathSeparator"; "required": false; "isSignal": true; }; }, { "nodeClick": "nodeClick"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; "nodeDrop": "nodeDrop"; "nodeContextAction": "nodeContextAction"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeComponent, "ui-tree", never, { "nodes": { "alias": "nodes"; "required": false; "isSignal": true; }; "indent": { "alias": "indent"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "expandOnClick": { "alias": "expandOnClick"; "required": false; "isSignal": true; }; "contextMenu": { "alias": "contextMenu"; "required": false; "isSignal": true; }; "pathSeparator": { "alias": "pathSeparator"; "required": false; "isSignal": true; }; "valueFormatter": { "alias": "valueFormatter"; "required": false; "isSignal": true; }; "pathFormatter": { "alias": "pathFormatter"; "required": false; "isSignal": true; }; "objectFormatter": { "alias": "objectFormatter"; "required": false; "isSignal": true; }; }, { "nodeClick": "nodeClick"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; "nodeDrop": "nodeDrop"; "nodeContextAction": "nodeContextAction"; }, never, never, true, never>;
 }
 
 declare class TreeNodeComponent implements AfterViewInit, OnDestroy {
@@ -2127,6 +2131,50 @@ declare class TreeNodeComponent implements AfterViewInit, OnDestroy {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeNodeComponent, "ui-tree-node", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "indent": { "alias": "indent"; "required": false; "isSignal": true; }; "parentPath": { "alias": "parentPath"; "required": false; "isSignal": true; }; }, { "nodeClick": "nodeClick"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; }, never, never, true, never>;
 }
 
+declare class JsonTreeComponent {
+    readonly json: _angular_core.InputSignal<unknown>;
+    readonly rootLabel: _angular_core.InputSignal<string>;
+    readonly pathRoot: _angular_core.InputSignal<string>;
+    readonly expandDepth: _angular_core.InputSignal<number>;
+    readonly indent: _angular_core.InputSignal<number>;
+    readonly draggable: _angular_core.InputSignal<boolean>;
+    readonly expandOnClick: _angular_core.InputSignal<boolean>;
+    readonly contextMenu: _angular_core.InputSignal<boolean>;
+    readonly nodeClick: _angular_core.OutputEmitterRef<TreeNode>;
+    readonly nodeContextAction: _angular_core.OutputEmitterRef<TreeNodeContextAction>;
+    readonly nodes: _angular_core.Signal<TreeNode[]>;
+    protected readonly valueFmt: TreeFormatter;
+    protected readonly pathFmt: TreeFormatter;
+    protected readonly objectFmt: TreeFormatter;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<JsonTreeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<JsonTreeComponent, "ui-json-tree", never, { "json": { "alias": "json"; "required": false; "isSignal": true; }; "rootLabel": { "alias": "rootLabel"; "required": false; "isSignal": true; }; "pathRoot": { "alias": "pathRoot"; "required": false; "isSignal": true; }; "expandDepth": { "alias": "expandDepth"; "required": false; "isSignal": true; }; "indent": { "alias": "indent"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "expandOnClick": { "alias": "expandOnClick"; "required": false; "isSignal": true; }; "contextMenu": { "alias": "contextMenu"; "required": false; "isSignal": true; }; }, { "nodeClick": "nodeClick"; "nodeContextAction": "nodeContextAction"; }, never, never, true, never>;
+}
+
+type JsonKind = 'object' | 'array' | 'primitive';
+interface JsonNodeMeta {
+    /** null for the root; string for object keys; number for array indices */
+    key: string | number | null;
+    value: unknown;
+    kind: JsonKind;
+    /** Full path from root, e.g. `response.positions[0].companyName` */
+    jsonPath: string;
+}
+interface JsonToTreeOptions {
+    /** Display text prepended before the root's `{N}` / `[N]` / primitive value. */
+    rootLabel?: string;
+    /** Optional prefix for paths (e.g. `'$'` produces `$.response.x`). */
+    pathRoot?: string;
+    /** How many descendant levels below the root to auto-expand. Root is always expanded. */
+    expandDepth?: number;
+}
+/**
+ * Convert an arbitrary JSON-shaped value into a TreeNode array suitable for
+ * `<ui-tree [nodes]>`. Each generated node carries a `data: JsonNodeMeta`.
+ *
+ * Returns a single-element array containing the root node.
+ */
+declare function jsonToTreeNodes(value: unknown, options?: JsonToTreeOptions): TreeNode[];
+
 interface TemplateVariable {
     key: string;
     value: string;
@@ -2238,5 +2286,5 @@ declare class TemplateInputComponent implements OnDestroy, AfterViewInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TemplateInputComponent, "ui-template-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "variables": { "alias": "variables"; "required": true; "isSignal": true; }; }, { "value": "valueChange"; "variables": "variablesChange"; "variableHover": "variableHover"; }, ["popoverTemplate", "hasSuffix"], ["[uiTemplateInputSuffix]"], true, never>;
 }
 
-export { AccordionComponent, AccordionHeaderDirective, AccordionItemComponent, AlertComponent, BadgeComponent, ButtonComponent, CardComponent, CellTemplateDirective, CellValuePipe, CheckboxComponent, ChipInputComponent, ChipTemplateDirective, CircularProgressComponent, ContentComponent, ContextMenuDirective, DIALOG_DATA, DIALOG_REF, DatepickerComponent, DatetimepickerComponent, DialogRef, DialogService, DropdownComponent, DropdownDividerComponent, DropdownItemComponent, DropdownTriggerDirective, DynamicTabsComponent, FileChooserComponent, FilePreviewPipe, FileSizePipe, FooterComponent, InputComponent, LOADABLE, LoadingDirective, LoadingService, ModalComponent, NavbarComponent, OptionComponent, OptionTemplateDirective, PaginationComponent, ProgressComponent, RadioComponent, RadioGroupComponent, RangeSliderComponent, SelectComponent, ShellComponent, SidebarComponent, SidebarService, SidebarToggleComponent, SliderComponent, SpinnerComponent, SplitComponent, SplitPaneComponent, SwitchComponent, TAB_DATA, TAB_REF, TREE_HOST, TabActivePipe, TabComponent, TabIconDirective, TabRef, TableComponent, TabsComponent, TabsService, TemplateInputComponent, TemplateInputSuffixDirective, TextareaComponent, TimepickerComponent, ToastRef, ToastService, TooltipDirective, TreeComponent, TreeNodeComponent, Validators, VariablePopoverDirective };
-export type { AccordionVariant, AlertVariant, AsyncSearchFn, AsyncSelectOption, BadgeSize, BadgeVariant, ButtonColor, ButtonSize, ButtonVariant, CardPadding, CardVariant, CheckboxSize, ChipInputSize, ChipInputVariant, ChipTemplateContext, CircularProgressSize, CircularProgressVariant, DateRange, DateRangeValue, DatepickerSize, DatepickerVariant, DatepickerView, DatetimepickerSize, DatetimepickerVariant, DatetimepickerView, DialogConfig, DropdownAlign, DropdownPosition, DynamicTabConfig, DynamicTabsSize, DynamicTabsVariant, FileChooserSize, FileChooserVariant, InputType, Loadable, ModalSize, OptionTemplateContext, PaginationSize, ProgressSize, ProgressVariant, RadioGroupOrientation, RadioGroupSize, RadioGroupVariant, RangeSliderBubbles, RangeSliderMode, RangeSliderSize, SelectSize, SelectVariant, ShellVariant, SliderSize, SortDirection, SortState, SpinnerSize, SpinnerVariant, SplitGutterSize, SplitOrientation, SplitSizeChange, SwitchSize, TabRenderMode, TableColumn, TabsSize, TabsVariant, TemplateVariable, TextareaResize, TimeFormat, TimeValue, TimepickerSize, TimepickerVariant, ToastConfig, ToastPosition, ToastVariant, TooltipPosition, TreeDropPosition, TreeNode, TreeNodeActionType, TreeNodeContextAction, TreeNodeDropEvent, ValidationError, ValidationState, ValidatorFn, VariablePopoverContext, VariableState };
+export { AccordionComponent, AccordionHeaderDirective, AccordionItemComponent, AlertComponent, BadgeComponent, ButtonComponent, CardComponent, CellTemplateDirective, CellValuePipe, CheckboxComponent, ChipInputComponent, ChipTemplateDirective, CircularProgressComponent, ContentComponent, ContextMenuDirective, DIALOG_DATA, DIALOG_REF, DatepickerComponent, DatetimepickerComponent, DialogRef, DialogService, DropdownComponent, DropdownDividerComponent, DropdownItemComponent, DropdownTriggerDirective, DynamicTabsComponent, FileChooserComponent, FilePreviewPipe, FileSizePipe, FooterComponent, InputComponent, JsonTreeComponent, LOADABLE, LoadingDirective, LoadingService, ModalComponent, NavbarComponent, OptionComponent, OptionTemplateDirective, PaginationComponent, ProgressComponent, RadioComponent, RadioGroupComponent, RangeSliderComponent, SelectComponent, ShellComponent, SidebarComponent, SidebarService, SidebarToggleComponent, SliderComponent, SpinnerComponent, SplitComponent, SplitPaneComponent, SwitchComponent, TAB_DATA, TAB_REF, TREE_HOST, TabActivePipe, TabComponent, TabIconDirective, TabRef, TableComponent, TabsComponent, TabsService, TemplateInputComponent, TemplateInputSuffixDirective, TextareaComponent, TimepickerComponent, ToastRef, ToastService, TooltipDirective, TreeComponent, TreeNodeComponent, Validators, VariablePopoverDirective, jsonToTreeNodes };
+export type { AccordionVariant, AlertVariant, AsyncSearchFn, AsyncSelectOption, BadgeSize, BadgeVariant, ButtonColor, ButtonSize, ButtonVariant, CardPadding, CardVariant, CheckboxSize, ChipInputSize, ChipInputVariant, ChipTemplateContext, CircularProgressSize, CircularProgressVariant, DateRange, DateRangeValue, DatepickerSize, DatepickerVariant, DatepickerView, DatetimepickerSize, DatetimepickerVariant, DatetimepickerView, DialogConfig, DropdownAlign, DropdownPosition, DynamicTabConfig, DynamicTabsSize, DynamicTabsVariant, FileChooserSize, FileChooserVariant, InputType, JsonKind, JsonNodeMeta, JsonToTreeOptions, Loadable, ModalSize, OptionTemplateContext, PaginationSize, ProgressSize, ProgressVariant, RadioGroupOrientation, RadioGroupSize, RadioGroupVariant, RangeSliderBubbles, RangeSliderMode, RangeSliderSize, SelectSize, SelectVariant, ShellVariant, SliderSize, SortDirection, SortState, SpinnerSize, SpinnerVariant, SplitGutterSize, SplitOrientation, SplitSizeChange, SwitchSize, TabRenderMode, TableColumn, TabsSize, TabsVariant, TemplateVariable, TextareaResize, TimeFormat, TimeValue, TimepickerSize, TimepickerVariant, ToastConfig, ToastPosition, ToastVariant, TooltipPosition, TreeDropPosition, TreeFormatter, TreeNode, TreeNodeActionType, TreeNodeContextAction, TreeNodeDropEvent, ValidationError, ValidationState, ValidatorFn, VariablePopoverContext, VariableState };