cloud-ide-element 1.1.77 → 1.1.79
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/cloud-ide-element.mjs +143 -7
- package/fesm2022/cloud-ide-element.mjs.map +1 -1
- package/index.d.ts +19 -1
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -406,6 +406,16 @@ declare class CideSelectComponent implements ControlValueAccessor, Validator, On
|
|
|
406
406
|
* Example: if options = [{id: 1, name: 'John'}, {id: 2, name: 'Jane'}], set labelKey = 'name'
|
|
407
407
|
*/
|
|
408
408
|
labelKey: string;
|
|
409
|
+
/**
|
|
410
|
+
* Tree/Hierarchy configuration for displaying options in a tree structure
|
|
411
|
+
* When enabled, options will be displayed with indentation and tree connectors
|
|
412
|
+
*/
|
|
413
|
+
treeView: _angular_core.InputSignal<{
|
|
414
|
+
enabled: boolean;
|
|
415
|
+
primaryKey?: string;
|
|
416
|
+
foreignKey?: string;
|
|
417
|
+
levelKey?: string;
|
|
418
|
+
} | null>;
|
|
409
419
|
ngModelChange: EventEmitter<string | number | string[]>;
|
|
410
420
|
selectionChange: EventEmitter<any>;
|
|
411
421
|
searchChange: EventEmitter<selectSearchType>;
|
|
@@ -464,6 +474,14 @@ declare class CideSelectComponent implements ControlValueAccessor, Validator, On
|
|
|
464
474
|
clearSelection(): void;
|
|
465
475
|
getSelectedOptionLabel(): string;
|
|
466
476
|
filterOptions(): void;
|
|
477
|
+
/**
|
|
478
|
+
* Build tree structure from flat options and flatten with hierarchy visualization
|
|
479
|
+
*/
|
|
480
|
+
private buildTreeStructure;
|
|
481
|
+
/**
|
|
482
|
+
* Get nested value from object using dot notation
|
|
483
|
+
*/
|
|
484
|
+
private getNestedValue;
|
|
467
485
|
onSearchInput(event: Event): void;
|
|
468
486
|
onDropdownMouseDown(): void;
|
|
469
487
|
onSearchInputBlur(event: Event): void;
|
|
@@ -477,7 +495,7 @@ declare class CideSelectComponent implements ControlValueAccessor, Validator, On
|
|
|
477
495
|
private clearTimeouts;
|
|
478
496
|
private addTimeout;
|
|
479
497
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideSelectComponent, never>;
|
|
480
|
-
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>;
|
|
498
|
+
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; }; "treeView": { "alias": "treeView"; "required": false; "isSignal": true; }; }, { "ngModelChange": "ngModelChange"; "selectionChange": "change"; "searchChange": "searchChange"; }, ["optionComponents"], never, true, never>;
|
|
481
499
|
}
|
|
482
500
|
|
|
483
501
|
interface TabItem {
|