@rocketshow/designer 1.65.0 → 1.67.0

package/index.d.ts

@@ -1,29 +1,27 @@
 import * as i0 from '@angular/core';
-import { NgZone, OnDestroy, AfterViewInit, OnInit, ElementRef, ChangeDetectorRef, PipeTransform, EventEmitter } from '@angular/core';
-import * as i46 from '@ngx-translate/core';
+import { NgZone, OnDestroy, AfterViewInit, OnInit, ElementRef, ChangeDetectorRef, OnChanges, EventEmitter, TemplateRef, SimpleChanges, PipeTransform } from '@angular/core';
+import * as i47 from '@ngx-translate/core';
 import { TranslateService } from '@ngx-translate/core';
 import { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';
 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
-import * as i51 from 'ngx-toastr';
+import * as i52 from 'ngx-toastr';
 import { ToastrService } from 'ngx-toastr';
 import { Observable, Subject } from 'rxjs';
-import * as i41 from '@angular/router';
+import * as i42 from '@angular/router';
 import { Router, ActivatedRoute } from '@angular/router';
 import * as THREE from 'three';
 import WaveSurfer from 'wavesurfer.js';
 import { Options } from 'sortablejs';
-import * as i52 from '@ali-hm/angular-tree-component';
-import { ITreeOptions } from '@ali-hm/angular-tree-component';
-import * as i50 from 'ngx-dropzone-wrapper';
+import * as i51 from 'ngx-dropzone-wrapper';
 import { DropzoneConfigInterface } from 'ngx-dropzone-wrapper';
-import * as i42 from '@angular/platform-browser';
-import * as i43 from '@angular/platform-browser/animations';
-import * as i44 from '@angular/forms';
-import * as i45 from 'ngx-bootstrap-slider';
-import * as i47 from 'ngx-bootstrap/accordion';
-import * as i48 from 'ngx-bootstrap/popover';
-import * as i49 from 'ngx-bootstrap/typeahead';
+import * as i43 from '@angular/platform-browser';
+import * as i44 from '@angular/platform-browser/animations';
+import * as i45 from '@angular/forms';
+import * as i46 from 'ngx-bootstrap-slider';
+import * as i48 from 'ngx-bootstrap/accordion';
+import * as i49 from 'ngx-bootstrap/popover';
+import * as i50 from 'ngx-bootstrap/typeahead';
 
 declare class DesignerService {
     constructor();
@@ -1322,18 +1320,91 @@ declare class FixturePoolComponent implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<FixturePoolComponent, "lib-app-fixture-pool", never, {}, {}, never, never, false, never>;
 }
 
+interface TreeNode {
+    id?: string | number;
+    name?: string;
+    isFolder?: boolean;
+    expanded?: boolean;
+    children?: TreeNode[];
+    [key: string]: any;
+}
+type TreeDropZone = 'before' | 'after' | 'inside';
+interface FlatNode {
+    node: TreeNode;
+    level: number;
+    parent: TreeNode | null;
+}
+interface DropTarget {
+    row: TreeNode;
+    zone: TreeDropZone;
+    indent: number;
+    ref: TreeNode;
+}
+/**
+ * A lightweight, dependency-free tree:
+ *  - collapsible folders (closed/open folder icon)
+ *  - multi selection (ctrl/cmd to toggle, shift to select a range)
+ *  - native HTML5 drag & drop, dropping before/after a node or into a folder,
+ *    moving the whole current selection at once
+ */
+declare class TreeComponent implements OnChanges {
+    nodes: TreeNode[];
+    selectedNodes: TreeNode[];
+    allowDrag: (node: TreeNode) => boolean;
+    allowDrop: (dragged: TreeNode[], target: TreeNode, zone: TreeDropZone) => boolean;
+    selectedNodesChange: EventEmitter<TreeNode[]>;
+    activate: EventEmitter<TreeNode>;
+    nodesChange: EventEmitter<TreeNode[]>;
+    nodeTemplate?: TemplateRef<any>;
+    flatNodes: FlatNode[];
+    draggingNodes: TreeNode[];
+    drop: DropTarget | null;
+    dropTail: boolean;
+    private static readonly INDENT_STEP;
+    private static readonly INDENT_BASE;
+    private selection;
+    private lastClickedIndex;
+    private flatByNode;
+    indentPx(level: number): string;
+    private indent;
+    ngOnChanges(changes: SimpleChanges): void;
+    isSelected(node: TreeNode): boolean;
+    isDragging(node: TreeNode): boolean;
+    toggleExpand(node: TreeNode): void;
+    onRowClick(flat: FlatNode, event: MouseEvent): void;
+    private selectRange;
+    onDragStart(flat: FlatNode, event: DragEvent): void;
+    onDragOver(flat: FlatNode, event: DragEvent): void;
+    onDrop(flat: FlatNode, event: DragEvent): void;
+    onTailDragOver(event: DragEvent): void;
+    onTailDrop(event: DragEvent): void;
+    onDragEnd(): void;
+    private endDrag;
+    private clearIndicator;
+    private resolveDrop;
+    private afterRow;
+    private canDrop;
+    private moveNodes;
+    private detachAll;
+    private rebuild;
+    private flatten;
+    private removeNested;
+    private contains;
+    private locate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeComponent, "lib-tree", never, { "nodes": { "alias": "nodes"; "required": false; }; "selectedNodes": { "alias": "selectedNodes"; "required": false; }; "allowDrag": { "alias": "allowDrag"; "required": false; }; "allowDrop": { "alias": "allowDrop"; "required": false; }; }, { "selectedNodesChange": "selectedNodesChange"; "activate": "activate"; "nodesChange": "nodesChange"; }, ["nodeTemplate"], never, false, never>;
+}
+
 declare class PresetComponent implements OnInit {
     presetService: PresetService;
     sceneService: SceneService;
     projectService: ProjectService;
     introService: IntroService;
     private modalService;
-    treeOptions: ITreeOptions;
-    treeNodes: any;
-    tree: ElementRef;
+    treeNodes: TreeNode[];
     constructor(presetService: PresetService, sceneService: SceneService, projectService: ProjectService, introService: IntroService, modalService: BsModalService);
     ngOnInit(): void;
-    onActivate(event: any): void;
+    onActivate(node: TreeNode): void;
     selectPreset(index: number): void;
     enableCheckbox(): boolean;
     activatePreset(active: boolean, index: number): void;
@@ -1796,7 +1867,7 @@ declare class SortablejsDirective implements AfterViewInit, OnDestroy {
 
 declare class DesignerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DesignerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DesignerModule, [typeof DesignerComponent, typeof WarningDialogComponent, typeof PreviewComponent, typeof EffectCurveComponent, typeof EffectPanTiltComponent, typeof SceneComponent, typeof TimelineComponent, typeof FixtureCapabilityColorComponent, typeof FixtureComponent, typeof FixtureSettingsPositionComponent, typeof FixtureCapabilityComponent, typeof FixtureSettingsComponent, typeof EffectComponent, typeof FixturePoolComponent, typeof PresetComponent, typeof MasterDimmerComponent, typeof FixtureCapabilityDimmerComponent, typeof TimelineGridComponent, typeof CompositionSettingsComponent, typeof ArraySortPipe, typeof FixtureCapabilityPanTiltComponent, typeof FixtureCapabilityChannelComponent, typeof FixtureChannelComponent, typeof FixtureCapabilityColorWheelComponent, typeof UserLoginComponent, typeof UserRegisterComponent, typeof ProjectBrowserComponent, typeof WaitDialogComponent, typeof ProjectImportComponent, typeof ProjectShareComponent, typeof ErrorDialogComponent, typeof FixtureSettingsStageComponent, typeof IntroComponent, typeof PresetSettingsComponent, typeof SceneSettingsComponent, typeof ProjectSaveComponent, typeof FixturePoolCreateFromFileComponent, typeof FixturePoolEditUniversesComponent, typeof DropzoneComponent, typeof SortablejsDirective], [typeof i41.RouterModule, typeof i42.BrowserModule, typeof i43.BrowserAnimationsModule, typeof i44.FormsModule, typeof i45.NgxBootstrapSliderModule, typeof i46.TranslateModule, typeof i47.AccordionModule, typeof i48.PopoverModule, typeof i49.TypeaheadModule, typeof i50.DropzoneModule, typeof i51.ToastrModule, typeof i52.TreeModule], [typeof DesignerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DesignerModule, [typeof DesignerComponent, typeof WarningDialogComponent, typeof PreviewComponent, typeof EffectCurveComponent, typeof EffectPanTiltComponent, typeof SceneComponent, typeof TimelineComponent, typeof FixtureCapabilityColorComponent, typeof FixtureComponent, typeof FixtureSettingsPositionComponent, typeof FixtureCapabilityComponent, typeof FixtureSettingsComponent, typeof EffectComponent, typeof FixturePoolComponent, typeof PresetComponent, typeof MasterDimmerComponent, typeof FixtureCapabilityDimmerComponent, typeof TimelineGridComponent, typeof CompositionSettingsComponent, typeof ArraySortPipe, typeof FixtureCapabilityPanTiltComponent, typeof FixtureCapabilityChannelComponent, typeof FixtureChannelComponent, typeof FixtureCapabilityColorWheelComponent, typeof UserLoginComponent, typeof UserRegisterComponent, typeof ProjectBrowserComponent, typeof WaitDialogComponent, typeof ProjectImportComponent, typeof ProjectShareComponent, typeof ErrorDialogComponent, typeof FixtureSettingsStageComponent, typeof IntroComponent, typeof PresetSettingsComponent, typeof SceneSettingsComponent, typeof ProjectSaveComponent, typeof FixturePoolCreateFromFileComponent, typeof FixturePoolEditUniversesComponent, typeof DropzoneComponent, typeof SortablejsDirective, typeof TreeComponent], [typeof i42.RouterModule, typeof i43.BrowserModule, typeof i44.BrowserAnimationsModule, typeof i45.FormsModule, typeof i46.NgxBootstrapSliderModule, typeof i47.TranslateModule, typeof i48.AccordionModule, typeof i49.PopoverModule, typeof i50.TypeaheadModule, typeof i51.DropzoneModule, typeof i52.ToastrModule], [typeof DesignerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DesignerModule>;
 }
 

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@rocketshow/designer",
-  "version": "1.65.0",
+  "version": "1.67.0",
   "dependencies": {
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@ali-hm/angular-tree-component": "^20.3.4",
     "@angular/animations": ">=20.0.0 <21.0.0",
     "@angular/common": ">=20.0.0 <21.0.0",
     "@angular/core": ">=20.0.0 <21.0.0",