cloud-ide-element 1.0.9 → 1.0.16

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { PipeTransform, OnChanges, OnInit, EventEmitter, SimpleChanges, OnDestroy, Renderer2, ElementRef, AfterContentInit, QueryList, TemplateRef } from '@angular/core';
+import { PipeTransform, OnChanges, OnInit, OnDestroy, EventEmitter, TemplateRef, SimpleChanges, Renderer2, ElementRef, AfterContentInit, QueryList } from '@angular/core';
 import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
 import { elementStyleType, labelPlacementType, labelDirType, autocapitalizeType, autocompleteType, controlType, inputType, themeSize, spinnerType, iconType, selectSearchType, ICoreSype, GetElementDataRequest } from 'cloud-ide-lms-model';
 import { Router, NavigationExtras } from '@angular/router';
@@ -22,7 +22,7 @@ type ValidationStatus = {
     validation: ErrorValidationStatus;
     status: boolean;
 };
-declare class CideInputComponent implements ControlValueAccessor, Validator, OnChanges, OnInit {
+declare class CideInputComponent implements ControlValueAccessor, Validator, OnChanges, OnInit, OnDestroy {
     capitalizePipe: CapitalizePipe;
     private elementService;
     constructor();
@@ -76,10 +76,10 @@ declare class CideInputComponent implements ControlValueAccessor, Validator, OnC
     /** @description to get input value using one way binding like: [ngModel] or by two way binding [(ngModel)] */
     ngModel: inputType;
     option: string[];
-    /** @description min value for number type control */
-    min: number;
-    /** @description max value for number type control */
-    max: number;
+    /** @description min value for number type control or min date for date type control */
+    min: number | string;
+    /** @description max value for number type control or max date for date type control */
+    max: number | string;
     /**
      * @description
      * Holds the size of the component like Small, Extra small, Large
@@ -106,6 +106,25 @@ declare class CideInputComponent implements ControlValueAccessor, Validator, OnC
     trailingIconInternal: string;
     isTrailingIconAllwedClick: boolean;
     idRandom: string;
+    showDatePicker: boolean;
+    showMonthYearSelector: boolean;
+    currentMonth: number;
+    currentYear: number;
+    selectedDate: Date | null;
+    calendarDays: {
+        day: number;
+        isCurrentMonth: boolean;
+        isSelected: boolean;
+        isToday: boolean;
+        date: Date;
+    }[];
+    monthNames: string[];
+    shortMonthNames: string[];
+    private portalService;
+    private datePickerPortalId;
+    private viewContainerRef;
+    datePickerTemplate: TemplateRef<any>;
+    private datePickerViewRef;
     /**
      * @description Function to call when the HTML Chnage to tell Angular somthing is changed.
      * @field value : inputType
@@ -143,6 +162,7 @@ declare class CideInputComponent implements ControlValueAccessor, Validator, OnC
     /** @description Detect wether input propertires canged or not */
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
+    ngOnDestroy(): void;
     /** @description custom method run when HTML changes, we call method registerd by angular to detect change */
     upDateValue(value: {
         target: {
@@ -186,6 +206,68 @@ declare class CideInputComponent implements ControlValueAccessor, Validator, OnC
      * @description use to detact the change in type if changes done this method is ued to run
      */
     detectTypeChange(): void;
+    /**
+     * @description Format date to YYYY-MM-DD format (for form submission)
+     */
+    formatDate(date: Date | string): string;
+    /**
+     * @description Format date for display as "DD/MMM/YYYY" (e.g., "20/Jun/2025")
+     */
+    formatDateForDisplay(date: Date | string): string;
+    /**
+     * @description Get display value for date input
+     */
+    getDateDisplayValue(): string;
+    /**
+     * @description Initialize date picker with current values
+     */
+    initializeDatePicker(): void;
+    /**
+     * @description Generate calendar days for current month
+     */
+    generateCalendar(): void;
+    /**
+     * @description Create date picker using template-based portal service
+     */
+    private createDatePickerUsingPortal;
+    /**
+     * @description Close date picker
+     */
+    closeDatePicker(): void;
+    /**
+     * @description Navigate to previous month
+     */
+    previousMonth(): void;
+    /**
+     * @description Navigate to next month
+     */
+    nextMonth(): void;
+    /**
+     * @description Navigate to previous year
+     */
+    previousYear(): void;
+    /**
+     * @description Navigate to next year
+     */
+    nextYear(): void;
+    /**
+     * @description Toggle between calendar and month/year selector
+     */
+    toggleMonthYearSelector(): void;
+    /**
+     * @description Select a month from the month selector
+     */
+    selectMonth(monthIndex: number): void;
+    /**
+     * @description Select a date from the calendar
+     */
+    selectDate(dayInfo: {
+        day: number;
+        isCurrentMonth: boolean;
+        isSelected: boolean;
+        isToday: boolean;
+        date: Date;
+    }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CideInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CideInputComponent, "cide-ele-input", never, { "fill": { "alias": "fill"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelHide": { "alias": "labelHide"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "clearInput": { "alias": "clearInput"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "labelDir": { "alias": "labelDir"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "helperTextCollapse": { "alias": "helperTextCollapse"; "required": false; }; "hideHelperAndErrorText": { "alias": "hideHelperAndErrorText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "required": { "alias": "required"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "type": { "alias": "type"; "required": false; }; "width": { "alias": "width"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ngModel": { "alias": "ngModel"; "required": false; }; "option": { "alias": "option"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "ngModelChange": "ngModelChange"; }, never, never, true, never>;
 }
@@ -754,11 +836,8 @@ interface TemplateContext<T = Record<string, unknown>> {
     column: GridColumn;
 }
 type TemplateRenderer<T = Record<string, unknown>> = TemplateRef<TemplateContext<T>>;
-type StringRenderer<T = Record<string, unknown>> = (value: unknown, row: T) => string;
-type Renderer<T = Record<string, unknown>> = StringRenderer<T> | TemplateRenderer<T>;
 declare class CideEleDataGridComponent<T = Record<string, unknown>> implements OnInit, OnChanges, OnDestroy {
     config: GridConfiguration<T>;
-    customRenderers: Record<string, StringRenderer<T>>;
     templateRenderers: Record<string, unknown>;
     customFormatters: Record<string, (value: unknown, format?: string) => string>;
     actionHandlers: Record<string, (data: T, action?: GridAction) => void>;
@@ -961,11 +1040,8 @@ declare class CideEleDataGridComponent<T = Record<string, unknown>> implements O
     private formatDate;
     private formatCurrency;
     private formatPercentage;
-    renderCustomCell(value: unknown, row: T, column: GridColumn): string;
     isTemplateRenderer(rendererKey: string): boolean;
-    isStringRenderer(rendererKey: string): boolean;
     getTemplateRenderer(rendererKey: string): TemplateRenderer<T> | null;
-    getStringRenderer(rendererKey: string): StringRenderer<T> | null;
     getTemplateContext(value: unknown, row: T, column: GridColumn): TemplateContext<T>;
     getColumnWidthClass(width?: ColumnWidth): string;
     getColumnMaxWidthClass(width?: ColumnWidth): string;
@@ -985,7 +1061,7 @@ declare class CideEleDataGridComponent<T = Record<string, unknown>> implements O
     get loadingConfig(): cloud_ide_element.GridLoadingConfig;
     get scrollConfig(): cloud_ide_element.GridScrollConfig | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<CideEleDataGridComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CideEleDataGridComponent<any>, "cide-ele-data-grid", never, { "config": { "alias": "config"; "required": false; }; "customRenderers": { "alias": "customRenderers"; "required": false; }; "templateRenderers": { "alias": "templateRenderers"; "required": false; }; "customFormatters": { "alias": "customFormatters"; "required": false; }; "actionHandlers": { "alias": "actionHandlers"; "required": false; }; "serverSidePagination": { "alias": "serverSidePagination"; "required": false; }; "totalServerItems": { "alias": "totalServerItems"; "required": false; }; "currentServerPage": { "alias": "currentServerPage"; "required": false; }; "currentServerPageSize": { "alias": "currentServerPageSize"; "required": false; }; "dragDropEnabled": { "alias": "dragDropEnabled"; "required": false; }; }, { "gridEvent": "gridEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CideEleDataGridComponent<any>, "cide-ele-data-grid", never, { "config": { "alias": "config"; "required": false; }; "templateRenderers": { "alias": "templateRenderers"; "required": false; }; "customFormatters": { "alias": "customFormatters"; "required": false; }; "actionHandlers": { "alias": "actionHandlers"; "required": false; }; "serverSidePagination": { "alias": "serverSidePagination"; "required": false; }; "totalServerItems": { "alias": "totalServerItems"; "required": false; }; "currentServerPage": { "alias": "currentServerPage"; "required": false; }; "currentServerPageSize": { "alias": "currentServerPageSize"; "required": false; }; "dragDropEnabled": { "alias": "dragDropEnabled"; "required": false; }; }, { "gridEvent": "gridEvent"; }, never, never, true, never>;
 }
 
 interface DropdownItem {
@@ -1010,6 +1086,7 @@ interface DropdownConfig {
     forcePosition?: 'top' | 'bottom' | 'left' | 'right';
     offsetX?: number;
     offsetY?: number;
+    usePortal?: boolean;
 }
 interface DropdownPosition {
     vertical: 'top' | 'bottom';
@@ -1024,9 +1101,13 @@ interface DropdownPosition {
 declare class CideEleDropdownComponent implements OnInit, OnDestroy {
     private destroyRef;
     private dropdownManager;
+    private portalService;
+    private viewContainerRef;
     private dropdownId;
+    private portalId;
     dropdownContainer: i0.Signal<ElementRef<any>>;
     dropdownMenu: i0.Signal<ElementRef<any> | undefined>;
+    dropdownMenuTemplate: i0.Signal<TemplateRef<any> | undefined>;
     set items(value: DropdownItem[]);
     get items(): DropdownItem[];
     private _items;
@@ -1042,7 +1123,6 @@ declare class CideEleDropdownComponent implements OnInit, OnDestroy {
     isOpen: i0.WritableSignal<boolean>;
     currentPosition: i0.WritableSignal<DropdownPosition>;
     ngOnInit(): void;
-    ngOnDestroy(): void;
     getTriggerClasses(): string;
     getTriggerIconClasses(): string;
     getMenuClasses(): string;
@@ -1054,10 +1134,13 @@ declare class CideEleDropdownComponent implements OnInit, OnDestroy {
     private openDropdown;
     testMouseDown(item: DropdownItem): void;
     onItemClick(item: DropdownItem, event: Event): void;
+    private createPortalDropdown;
+    private destroyPortalDropdown;
     closeDropdown(): void;
     getItemClasses(item: DropdownItem): string;
     onWindowResize(): void;
     onWindowScroll(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CideEleDropdownComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CideEleDropdownComponent, "cide-ele-dropdown", never, { "items": { "alias": "items"; "required": false; }; "config": { "alias": "config"; "required": false; }; "triggerTemplate": { "alias": "triggerTemplate"; "required": false; }; "menuTemplate": { "alias": "menuTemplate"; "required": false; }; }, { "itemClick": "itemClick"; "dropdownToggle": "dropdownToggle"; }, never, never, true, never>;
 }
@@ -1377,4 +1460,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, Renderer, SelectOption, StatusConfig, StringRenderer, 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, StatusConfig, TabItem, TemplateContext, TemplateRenderer, TextAlign, TooltipPlacement, TooltipType, ValidationStatus };

package/package.json

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