cloud-ide-element 1.1.79 → 1.1.80

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/index.d.ts CHANGED
@@ -373,39 +373,39 @@ declare class CideSelectComponent implements ControlValueAccessor, Validator, On
373
373
  private elementRef;
374
374
  optionComponents: QueryList<CideSelectOptionComponent>;
375
375
  searchInputRef: ElementRef<HTMLInputElement>;
376
- label: string;
377
- labelHide: boolean;
378
- placeholder: string;
379
- helperText: string;
380
- errorText: string;
381
- required: boolean;
382
- disabled: boolean;
383
- id: string;
376
+ label: _angular_core.InputSignal<string>;
377
+ labelHide: _angular_core.InputSignal<boolean>;
378
+ placeholder: _angular_core.InputSignal<string>;
379
+ helperText: _angular_core.InputSignal<string>;
380
+ errorText: _angular_core.InputSignal<string>;
381
+ required: _angular_core.InputSignal<boolean>;
382
+ disabled: _angular_core.InputSignal<boolean>;
383
+ id: _angular_core.InputSignal<string>;
384
384
  ngModel: string | number | string[];
385
- size: themeSize;
386
- fill: elementStyleType;
387
- labelPlacement: labelPlacementType;
388
- labelDir: labelDirType;
389
- leadingIcon: string;
390
- trailingIcon: string;
391
- clearInput: boolean;
392
- options: (SelectOption | SelectOptionObject)[];
393
- multiple: boolean;
394
- searchable: boolean;
395
- showSearchInput: boolean;
396
- loading: boolean;
385
+ size: _angular_core.InputSignal<themeSize>;
386
+ fill: _angular_core.InputSignal<elementStyleType>;
387
+ labelPlacement: _angular_core.InputSignal<labelPlacementType>;
388
+ labelDir: _angular_core.InputSignal<labelDirType>;
389
+ leadingIcon: _angular_core.InputSignal<string>;
390
+ trailingIcon: _angular_core.InputSignal<string>;
391
+ clearInput: _angular_core.InputSignal<boolean>;
392
+ options: _angular_core.InputSignal<(SelectOption | SelectOptionObject)[]>;
393
+ multiple: _angular_core.InputSignal<boolean>;
394
+ searchable: _angular_core.InputSignal<boolean>;
395
+ showSearchInput: _angular_core.InputSignal<boolean>;
396
+ loading: _angular_core.InputSignal<boolean>;
397
397
  /**
398
398
  * Key to extract the value from option objects.
399
399
  * Default: 'value'. Use when options are objects with custom property names.
400
400
  * Example: if options = [{id: 1, name: 'John'}, {id: 2, name: 'Jane'}], set valueKey = 'id'
401
401
  */
402
- valueKey: string;
402
+ valueKey: _angular_core.InputSignal<string>;
403
403
  /**
404
404
  * Key to extract the label from option objects.
405
405
  * Default: 'label'. Use when options are objects with custom property names.
406
406
  * Example: if options = [{id: 1, name: 'John'}, {id: 2, name: 'Jane'}], set labelKey = 'name'
407
407
  */
408
- labelKey: string;
408
+ labelKey: _angular_core.InputSignal<string>;
409
409
  /**
410
410
  * Tree/Hierarchy configuration for displaying options in a tree structure
411
411
  * When enabled, options will be displayed with indentation and tree connectors
@@ -453,6 +453,8 @@ declare class CideSelectComponent implements ControlValueAccessor, Validator, On
453
453
  registerOnChange(fn: (value: string | number) => void): void;
454
454
  registerOnTouched(fn: () => void): void;
455
455
  setDisabledState(isDisabled: boolean): void;
456
+ private _disabledState;
457
+ isDisabled(): boolean;
456
458
  validate(control: AbstractControl): ValidationErrors | null;
457
459
  validateValue(value: string | number | string[]): ValidationErrors | null;
458
460
  toggleDropdown(): void;
@@ -473,6 +475,16 @@ declare class CideSelectComponent implements ControlValueAccessor, Validator, On
473
475
  focusControl(): void;
474
476
  clearSelection(): void;
475
477
  getSelectedOptionLabel(): string;
478
+ /**
479
+ * Get display label for selected option
480
+ * For tree view, shows the full path or abbreviated path if too long
481
+ */
482
+ private getSelectedDisplayLabel;
483
+ /**
484
+ * Abbreviate long paths: "Parent 1 /.../ Last Child"
485
+ * Shows first and last segments with "/.../" in between if path is too long
486
+ */
487
+ private abbreviatePath;
476
488
  filterOptions(): void;
477
489
  /**
478
490
  * Build tree structure from flat options and flatten with hierarchy visualization
@@ -495,7 +507,7 @@ declare class CideSelectComponent implements ControlValueAccessor, Validator, On
495
507
  private clearTimeouts;
496
508
  private addTimeout;
497
509
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<CideSelectComponent, 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>;
510
+ 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>;
499
511
  }
500
512
 
501
513
  interface TabItem {
@@ -592,7 +604,7 @@ declare class CideEleFileInputComponent implements ControlValueAccessor, OnDestr
592
604
  readonly id: _angular_core.WritableSignal<string>;
593
605
  readonly isUploading: _angular_core.WritableSignal<boolean>;
594
606
  readonly uploadProgress: _angular_core.WritableSignal<number>;
595
- readonly uploadStatus: _angular_core.WritableSignal<"error" | "start" | "uploading" | "success" | "idle">;
607
+ readonly uploadStatus: _angular_core.WritableSignal<"start" | "error" | "uploading" | "success" | "idle">;
596
608
  readonly files: _angular_core.WritableSignal<FileList | null>;
597
609
  readonly fileNames: _angular_core.WritableSignal<string[]>;
598
610
  readonly previewUrls: _angular_core.WritableSignal<string[]>;
@@ -719,7 +731,7 @@ declare class CideEleFileInputComponent implements ControlValueAccessor, OnDestr
719
731
  multiple: boolean;
720
732
  showPreview: boolean;
721
733
  autoUpload: boolean;
722
- uploadStatus: "error" | "start" | "uploading" | "success" | "idle";
734
+ uploadStatus: "start" | "error" | "uploading" | "success" | "idle";
723
735
  isUploading: boolean;
724
736
  uploadProgress: number;
725
737
  files: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cloud-ide-element",
3
- "version": "1.1.79",
3
+ "version": "1.1.80",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^20.1.0",
6
6
  "@angular/core": "^20.1.0"