cloud-ide-element 1.1.77 → 1.1.80

package/index.d.ts

@@ -373,39 +373,49 @@ declare class CideSelectComponent implements ControlValueAccessor, Validator, On
     private elementRef;
     optionComponents: QueryList<CideSelectOptionComponent>;
     searchInputRef: ElementRef<HTMLInputElement>;
-    label: string;
-    labelHide: boolean;
-    placeholder: string;
-    helperText: string;
-    errorText: string;
-    required: boolean;
-    disabled: boolean;
-    id: string;
+    label: _angular_core.InputSignal<string>;
+    labelHide: _angular_core.InputSignal<boolean>;
+    placeholder: _angular_core.InputSignal<string>;
+    helperText: _angular_core.InputSignal<string>;
+    errorText: _angular_core.InputSignal<string>;
+    required: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    id: _angular_core.InputSignal<string>;
     ngModel: string | number | string[];
-    size: themeSize;
-    fill: elementStyleType;
-    labelPlacement: labelPlacementType;
-    labelDir: labelDirType;
-    leadingIcon: string;
-    trailingIcon: string;
-    clearInput: boolean;
-    options: (SelectOption | SelectOptionObject)[];
-    multiple: boolean;
-    searchable: boolean;
-    showSearchInput: boolean;
-    loading: boolean;
+    size: _angular_core.InputSignal<themeSize>;
+    fill: _angular_core.InputSignal<elementStyleType>;
+    labelPlacement: _angular_core.InputSignal<labelPlacementType>;
+    labelDir: _angular_core.InputSignal<labelDirType>;
+    leadingIcon: _angular_core.InputSignal<string>;
+    trailingIcon: _angular_core.InputSignal<string>;
+    clearInput: _angular_core.InputSignal<boolean>;
+    options: _angular_core.InputSignal<(SelectOption | SelectOptionObject)[]>;
+    multiple: _angular_core.InputSignal<boolean>;
+    searchable: _angular_core.InputSignal<boolean>;
+    showSearchInput: _angular_core.InputSignal<boolean>;
+    loading: _angular_core.InputSignal<boolean>;
     /**
      * Key to extract the value from option objects.
      * Default: 'value'. Use when options are objects with custom property names.
      * Example: if options = [{id: 1, name: 'John'}, {id: 2, name: 'Jane'}], set valueKey = 'id'
      */
-    valueKey: string;
+    valueKey: _angular_core.InputSignal<string>;
     /**
      * Key to extract the label from option objects.
      * Default: 'label'. Use when options are objects with custom property names.
      * Example: if options = [{id: 1, name: 'John'}, {id: 2, name: 'Jane'}], set labelKey = 'name'
      */
-    labelKey: string;
+    labelKey: _angular_core.InputSignal<string>;
+    /**
+     * Tree/Hierarchy configuration for displaying options in a tree structure
+     * When enabled, options will be displayed with indentation and tree connectors
+     */
+    treeView: _angular_core.InputSignal<{
+        enabled: boolean;
+        primaryKey?: string;
+        foreignKey?: string;
+        levelKey?: string;
+    } | null>;
     ngModelChange: EventEmitter<string | number | string[]>;
     selectionChange: EventEmitter<any>;
     searchChange: EventEmitter<selectSearchType>;
@@ -443,6 +453,8 @@ declare class CideSelectComponent implements ControlValueAccessor, Validator, On
     registerOnChange(fn: (value: string | number) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
+    private _disabledState;
+    isDisabled(): boolean;
     validate(control: AbstractControl): ValidationErrors | null;
     validateValue(value: string | number | string[]): ValidationErrors | null;
     toggleDropdown(): void;
@@ -463,7 +475,25 @@ declare class CideSelectComponent implements ControlValueAccessor, Validator, On
     focusControl(): void;
     clearSelection(): void;
     getSelectedOptionLabel(): string;
+    /**
+     * Get display label for selected option
+     * For tree view, shows the full path or abbreviated path if too long
+     */
+    private getSelectedDisplayLabel;
+    /**
+     * Abbreviate long paths: "Parent 1 /.../ Last Child"
+     * Shows first and last segments with "/.../" in between if path is too long
+     */
+    private abbreviatePath;
     filterOptions(): void;
+    /**
+     * Build tree structure from flat options and flatten with hierarchy visualization
+     */
+    private buildTreeStructure;
+    /**
+     * Get nested value from object using dot notation
+     */
+    private getNestedValue;
     onSearchInput(event: Event): void;
     onDropdownMouseDown(): void;
     onSearchInputBlur(event: Event): void;
@@ -477,7 +507,7 @@ declare class CideSelectComponent implements ControlValueAccessor, Validator, On
     private clearTimeouts;
     private addTimeout;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideSelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideSelectComponent, "cide-ele-select", never, { "label": { "alias": "label"; "required": false; }; "labelHide": { "alias": "labelHide"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ngModel": { "alias": "ngModel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "labelDir": { "alias": "labelDir"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "clearInput": { "alias": "clearInput"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "showSearchInput": { "alias": "showSearchInput"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "valueKey": { "alias": "valueKey"; "required": false; }; "labelKey": { "alias": "labelKey"; "required": false; }; }, { "ngModelChange": "ngModelChange"; "selectionChange": "change"; "searchChange": "searchChange"; }, ["optionComponents"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CideSelectComponent, "cide-ele-select", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelHide": { "alias": "labelHide"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; "isSignal": true; }; "labelDir": { "alias": "labelDir"; "required": false; "isSignal": true; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; "isSignal": true; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; "isSignal": true; }; "clearInput": { "alias": "clearInput"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "showSearchInput": { "alias": "showSearchInput"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "valueKey": { "alias": "valueKey"; "required": false; "isSignal": true; }; "labelKey": { "alias": "labelKey"; "required": false; "isSignal": true; }; "treeView": { "alias": "treeView"; "required": false; "isSignal": true; }; }, { "ngModelChange": "ngModelChange"; "selectionChange": "change"; "searchChange": "searchChange"; }, ["optionComponents"], never, true, never>;
 }
 
 interface TabItem {
@@ -574,7 +604,7 @@ declare class CideEleFileInputComponent implements ControlValueAccessor, OnDestr
     readonly id: _angular_core.WritableSignal<string>;
     readonly isUploading: _angular_core.WritableSignal<boolean>;
     readonly uploadProgress: _angular_core.WritableSignal<number>;
-    readonly uploadStatus: _angular_core.WritableSignal<"error" | "start" | "uploading" | "success" | "idle">;
+    readonly uploadStatus: _angular_core.WritableSignal<"start" | "error" | "uploading" | "success" | "idle">;
     readonly files: _angular_core.WritableSignal<FileList | null>;
     readonly fileNames: _angular_core.WritableSignal<string[]>;
     readonly previewUrls: _angular_core.WritableSignal<string[]>;
@@ -701,7 +731,7 @@ declare class CideEleFileInputComponent implements ControlValueAccessor, OnDestr
         multiple: boolean;
         showPreview: boolean;
         autoUpload: boolean;
-        uploadStatus: "error" | "start" | "uploading" | "success" | "idle";
+        uploadStatus: "start" | "error" | "uploading" | "success" | "idle";
         isUploading: boolean;
         uploadProgress: number;
         files: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloud-ide-element",
-  "version": "1.1.77",
+  "version": "1.1.80",
   "peerDependencies": {
     "@angular/common": "^20.1.0",
     "@angular/core": "^20.1.0"