@m1z23r/ngx-ui 1.1.28 → 1.1.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m1z23r/ngx-ui",
-  "version": "1.1.28",
+  "version": "1.1.30",
   "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

@@ -452,6 +452,13 @@ interface DynamicTab<TData = unknown, TResult = unknown> {
     closable: boolean;
     tabRef: TabRef<TResult>;
 }
+/**
+ * Controls how inactive tab panels are handled.
+ * - `'conditional'` (default): Inactive panels are removed from the DOM (destroyed/recreated on switch).
+ * - `'persistent'`: All panels stay in the DOM, inactive ones are hidden via CSS `display: none`.
+ *   Use this to preserve component state across tab switches.
+ */
+type TabRenderMode = 'conditional' | 'persistent';
 
 /**
  * Service for managing dynamic tabs.
@@ -1174,6 +1181,8 @@ declare class TabComponent {
     private readonly iconDirective;
     /** @internal */
     readonly _index: _angular_core.WritableSignal<number>;
+    /** @internal */
+    readonly _renderMode: _angular_core.WritableSignal<TabRenderMode>;
     private _parent;
     readonly iconTemplate: _angular_core.Signal<TemplateRef<unknown> | null>;
     protected readonly isActive: _angular_core.Signal<boolean>;
@@ -1189,6 +1198,7 @@ declare class TabsComponent {
     readonly variant: _angular_core.InputSignal<TabsVariant>;
     readonly size: _angular_core.InputSignal<TabsSize>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly renderMode: _angular_core.InputSignal<TabRenderMode>;
     readonly activeTab: _angular_core.ModelSignal<string | number>;
     readonly tabs: _angular_core.Signal<readonly TabComponent[]>;
     private readonly tabList;
@@ -1204,7 +1214,7 @@ declare class TabsComponent {
     /** @internal */
     _isTabActive(tab: TabComponent, index: number): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "ui-tabs", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; }, ["tabs"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "ui-tabs", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "renderMode": { "alias": "renderMode"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; }, ["tabs"], ["*"], true, never>;
 }
 
 declare class TabIconDirective {
@@ -1227,6 +1237,7 @@ declare class DynamicTabsComponent {
     readonly variant: _angular_core.InputSignal<DynamicTabsVariant>;
     readonly size: _angular_core.InputSignal<DynamicTabsSize>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly renderMode: _angular_core.InputSignal<TabRenderMode>;
     private readonly tabList;
     protected readonly indicatorLeft: _angular_core.WritableSignal<number>;
     protected readonly indicatorWidth: _angular_core.WritableSignal<number>;
@@ -1242,7 +1253,7 @@ declare class DynamicTabsComponent {
     private focusTab;
     private updateIndicator;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicTabsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicTabsComponent, "ui-dynamic-tabs", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicTabsComponent, "ui-dynamic-tabs", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "renderMode": { "alias": "renderMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AccordionItemComponent {
@@ -1840,20 +1851,37 @@ interface TreeNode {
     children?: TreeNode[];
     data?: unknown;
 }
+type TreeDropPosition = 'before' | 'after' | 'inside';
+interface TreeNodeDropEvent {
+    node: TreeNode;
+    target: TreeNode;
+    position: TreeDropPosition;
+}
+declare const TREE_HOST: InjectionToken<TreeComponent>;
 declare class TreeComponent {
     readonly nodes: _angular_core.InputSignal<TreeNode[]>;
     readonly indent: _angular_core.InputSignal<number>;
+    readonly draggable: _angular_core.InputSignal<boolean>;
     readonly nodeClick: _angular_core.OutputEmitterRef<TreeNode>;
     readonly nodeExpand: _angular_core.OutputEmitterRef<TreeNode>;
     readonly nodeCollapse: _angular_core.OutputEmitterRef<TreeNode>;
+    readonly nodeDrop: _angular_core.OutputEmitterRef<TreeNodeDropEvent>;
+    /** @internal */
+    readonly _dragNode: _angular_core.WritableSignal<TreeNode | null>;
+    /** @internal */
+    readonly _dragOverNode: _angular_core.WritableSignal<TreeNode | null>;
+    /** @internal */
+    readonly _dropPosition: _angular_core.WritableSignal<TreeDropPosition | null>;
     /** @internal */
     _onNodeClick(node: TreeNode): void;
     /** @internal */
     _onNodeExpand(node: TreeNode): void;
     /** @internal */
     _onNodeCollapse(node: TreeNode): void;
+    /** @internal */
+    _emitDrop(event: TreeNodeDropEvent): void;
     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; }; }, { "nodeClick": "nodeClick"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; }, 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; }; }, { "nodeClick": "nodeClick"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; "nodeDrop": "nodeDrop"; }, never, never, true, never>;
 }
 
 declare class TreeNodeComponent {
@@ -1863,13 +1891,22 @@ declare class TreeNodeComponent {
     readonly nodeClick: _angular_core.OutputEmitterRef<TreeNode>;
     readonly nodeExpand: _angular_core.OutputEmitterRef<TreeNode>;
     readonly nodeCollapse: _angular_core.OutputEmitterRef<TreeNode>;
+    private readonly treeHost;
     private readonly _expanded;
     readonly isExpanded: _angular_core.Signal<boolean>;
     readonly hasChildren: _angular_core.Signal<boolean | undefined>;
     readonly indentGuides: _angular_core.Signal<number[]>;
+    readonly isDraggable: _angular_core.Signal<boolean>;
+    readonly isDragging: _angular_core.Signal<boolean>;
+    readonly dropPosition: _angular_core.Signal<TreeDropPosition | null>;
     toggle(event: MouseEvent): void;
     onClick(event: MouseEvent): void;
     onDoubleClick(event: MouseEvent): void;
+    onDragStart(event: DragEvent): void;
+    onDragEnd(): void;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
     /** @internal - forward events from child nodes */
     _onChildNodeClick(node: TreeNode): void;
     /** @internal */
@@ -1880,5 +1917,5 @@ declare class TreeNodeComponent {
     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; }; }, { "nodeClick": "nodeClick"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; }, never, never, 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, SelectComponent, ShellComponent, SidebarComponent, SidebarService, SidebarToggleComponent, SliderComponent, SpinnerComponent, SplitComponent, SplitPaneComponent, SwitchComponent, TAB_DATA, TAB_REF, TabActivePipe, TabComponent, TabIconDirective, TabRef, TableComponent, TabsComponent, TabsService, TextareaComponent, TimepickerComponent, ToastRef, ToastService, TooltipDirective, TreeComponent, TreeNodeComponent, Validators };
-export type { AccordionVariant, AlertVariant, BadgeSize, BadgeVariant, ButtonColor, ButtonSize, ButtonVariant, CardPadding, CardVariant, CheckboxSize, ChipInputSize, ChipInputVariant, ChipTemplateContext, CircularProgressSize, CircularProgressVariant, DateRange, DatepickerSize, DatepickerVariant, DatepickerView, DatetimepickerSize, DatetimepickerVariant, DatetimepickerView, DialogConfig, DropdownAlign, DropdownPosition, DynamicTabConfig, DynamicTabsSize, DynamicTabsVariant, FileChooserSize, FileChooserVariant, InputType, Loadable, ModalSize, OptionTemplateContext, PaginationSize, ProgressSize, ProgressVariant, RadioGroupOrientation, RadioGroupSize, RadioGroupVariant, SelectSize, SelectVariant, ShellVariant, SliderSize, SortDirection, SortState, SpinnerSize, SpinnerVariant, SplitGutterSize, SplitOrientation, SplitSizeChange, SwitchSize, TableColumn, TabsSize, TabsVariant, TextareaResize, TimeFormat, TimeValue, TimepickerSize, TimepickerVariant, ToastConfig, ToastPosition, ToastVariant, TooltipPosition, TreeNode, ValidationError, ValidationState, ValidatorFn };
+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, SelectComponent, ShellComponent, SidebarComponent, SidebarService, SidebarToggleComponent, SliderComponent, SpinnerComponent, SplitComponent, SplitPaneComponent, SwitchComponent, TAB_DATA, TAB_REF, TREE_HOST, TabActivePipe, TabComponent, TabIconDirective, TabRef, TableComponent, TabsComponent, TabsService, TextareaComponent, TimepickerComponent, ToastRef, ToastService, TooltipDirective, TreeComponent, TreeNodeComponent, Validators };
+export type { AccordionVariant, AlertVariant, BadgeSize, BadgeVariant, ButtonColor, ButtonSize, ButtonVariant, CardPadding, CardVariant, CheckboxSize, ChipInputSize, ChipInputVariant, ChipTemplateContext, CircularProgressSize, CircularProgressVariant, DateRange, DatepickerSize, DatepickerVariant, DatepickerView, DatetimepickerSize, DatetimepickerVariant, DatetimepickerView, DialogConfig, DropdownAlign, DropdownPosition, DynamicTabConfig, DynamicTabsSize, DynamicTabsVariant, FileChooserSize, FileChooserVariant, InputType, Loadable, ModalSize, OptionTemplateContext, PaginationSize, ProgressSize, ProgressVariant, RadioGroupOrientation, RadioGroupSize, RadioGroupVariant, SelectSize, SelectVariant, ShellVariant, SliderSize, SortDirection, SortState, SpinnerSize, SpinnerVariant, SplitGutterSize, SplitOrientation, SplitSizeChange, SwitchSize, TabRenderMode, TableColumn, TabsSize, TabsVariant, TextareaResize, TimeFormat, TimeValue, TimepickerSize, TimepickerVariant, ToastConfig, ToastPosition, ToastVariant, TooltipPosition, TreeDropPosition, TreeNode, TreeNodeDropEvent, ValidationError, ValidationState, ValidatorFn };