cloud-ide-element 1.0.22 → 1.0.24

package/index.d.ts

@@ -385,6 +385,10 @@ interface SelectOption {
     label: string;
     disabled?: boolean;
 }
+interface SelectOptionObject {
+    [key: string]: any;
+    disabled?: boolean;
+}
 declare class CideSelectOptionComponent {
     private elementRef;
     value: string | number;
@@ -414,11 +418,23 @@ declare class CideSelectComponent implements ControlValueAccessor, Validator, On
     leadingIcon: string;
     trailingIcon: string;
     clearInput: boolean;
-    options: SelectOption[];
+    options: (SelectOption | SelectOptionObject)[];
     multiple: boolean;
     searchable: boolean;
     showSearchInput: boolean;
     loading: 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;
+    /**
+     * 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;
     ngModelChange: EventEmitter<any>;
     selectionChange: EventEmitter<SelectOption>;
     searchChange: EventEmitter<selectSearchType>;
@@ -426,7 +442,7 @@ declare class CideSelectComponent implements ControlValueAccessor, Validator, On
     isTouched: boolean;
     isValid: boolean;
     searchTerm: string;
-    filteredOptions: SelectOption[];
+    filteredOptions: (SelectOption | SelectOptionObject)[];
     dropdownPosition: 'bottom' | 'top';
     private isDropdownInteraction;
     private debugId;
@@ -450,7 +466,7 @@ declare class CideSelectComponent implements ControlValueAccessor, Validator, On
     ngOnDestroy(): void;
     private onWindowResize;
     private calculateDropdownPosition;
-    selectOption(option: SelectOption): void;
+    selectOption(option: SelectOption | SelectOptionObject): void;
     onBlur(): void;
     focusControl(): void;
     clearSelection(): void;
@@ -459,13 +475,16 @@ declare class CideSelectComponent implements ControlValueAccessor, Validator, On
     onSearchInput(event: Event): void;
     onDropdownMouseDown(): void;
     onDropdownMouseUp(): void;
-    isOptionSelected(option: SelectOption): boolean;
-    trackByValue(index: number, option: SelectOption): string | number;
+    isOptionSelected(option: SelectOption | SelectOptionObject): boolean;
+    getOptionValue(option: SelectOption | SelectOptionObject): string | number;
+    getOptionLabel(option: SelectOption | SelectOptionObject): string;
+    private isSelectOption;
+    trackByValue(index: number, option: SelectOption | SelectOptionObject): string | number;
     private logDebug;
     private clearTimeouts;
     private addTimeout;
     static ɵfac: i0.ɵɵFactoryDeclaration<CideSelectComponent, never>;
-    static ɵcmp: i0.ɵɵ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; }; }, { "ngModelChange": "ngModelChange"; "selectionChange": "change"; "searchChange": "searchChange"; }, ["optionComponents"], never, true, never>;
+    static ɵcmp: i0.ɵɵ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>;
 }
 
 interface TabItem {
@@ -1460,4 +1479,4 @@ declare class CideEleJsonEditorComponent implements OnInit, ControlValueAccessor
 }
 
 export { CideEleButtonComponent, CideEleConfirmationModalComponent, CideEleDataGridComponent, CideEleDropdownComponent, CideEleFileInputComponent, CideEleGlobalNotificationsComponent, CideEleJsonEditorComponent, CideEleResizerDirective, CideEleSkeletonLoaderComponent, CideEleTabComponent, CideEleToastNotificationComponent, CideElementsService, CideIconComponent, CideInputComponent, CideSelectComponent, CideSelectOptionComponent, CideSpinnerComponent, CideTextareaComponent, ConfirmationService, DEFAULT_GRID_CONFIG, DropdownManagerService, NotificationService, TooltipDirective };
-export type { ButtonElevation, ButtonShape, ButtonSize, ButtonType, ButtonVariant, CideEleResizerDirection, CideEleResizerDirectionTo, ColumnType, ColumnWidth, ConfirmationOptions, ConfirmationRequest, DropdownConfig, DropdownInstance, DropdownItem, DropdownPosition, ErrorValidationStatus, GridAction, GridColumn, GridConfiguration, GridCustomFormatter, GridCustomRenderer, GridDragDropConfig, GridEvent, GridEventHandler, GridExportConfig, GridFormatter, GridLoadingConfig, GridPaginationConfig, GridScrollConfig, GridSearchConfig, GridState, GridTreeConfig, JsonEditorConfig, JsonEditorError, NotificationItem, NotificationOptions, SelectOption, StatusConfig, TabItem, TemplateContext, TemplateRenderer, TextAlign, TooltipPlacement, TooltipType, ValidationStatus };
+export type { ButtonElevation, ButtonShape, ButtonSize, ButtonType, ButtonVariant, CideEleResizerDirection, CideEleResizerDirectionTo, ColumnType, ColumnWidth, ConfirmationOptions, ConfirmationRequest, DropdownConfig, DropdownInstance, DropdownItem, DropdownPosition, ErrorValidationStatus, GridAction, GridColumn, GridConfiguration, GridCustomFormatter, GridCustomRenderer, GridDragDropConfig, GridEvent, GridEventHandler, GridExportConfig, GridFormatter, GridLoadingConfig, GridPaginationConfig, GridScrollConfig, GridSearchConfig, GridState, GridTreeConfig, JsonEditorConfig, JsonEditorError, NotificationItem, NotificationOptions, SelectOption, SelectOptionObject, StatusConfig, TabItem, TemplateContext, TemplateRenderer, TextAlign, TooltipPlacement, TooltipType, ValidationStatus };

package/package.json

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