ng-zenduit 2.3.0 → 2.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-zenduit",
-  "version": "2.3.0",
+  "version": "2.3.2",
   "peerDependencies": {
     "@angular/common": ">=22.0.0 <23.0.0",
     "@angular/core": ">=22.0.0 <23.0.0",

package/types/ng-zenduit.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, OnInit, ElementRef, NgZone, TemplateRef, OnChanges, ViewContainerRef, SimpleChanges, Renderer2, InjectionToken, AfterViewInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { EventEmitter, OnInit, ElementRef, NgZone, TemplateRef, OnChanges, ViewContainerRef, SimpleChanges, DoCheck, Renderer2, InjectionToken, AfterViewInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
 import * as i60 from '@angular/cdk/overlay';
 import { Overlay } from '@angular/cdk/overlay';
 import * as i62 from '@ngx-translate/core';
@@ -810,7 +810,7 @@ declare class ZenduDatepickerComponent implements OnChanges {
     static ɵcmp: i0.ɵɵComponentDeclaration<ZenduDatepickerComponent, "zen-datepicker", never, { "date": { "alias": "date"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "showDate": { "alias": "showDate"; "required": false; }; "parentContainer": { "alias": "parentContainer"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "boxDesign": { "alias": "boxDesign"; "required": false; }; "highlightDays": { "alias": "highlightDays"; "required": false; }; "autoConfirm": { "alias": "autoConfirm"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "highlightError": { "alias": "highlightError"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "dispalyOverParent": { "alias": "dispalyOverParent"; "required": false; }; }, { "dateChange": "dateChange"; }, never, never, false, never>;
 }
 
-declare class ZenduFilterComponent implements OnChanges {
+declare class ZenduFilterComponent implements OnChanges, DoCheck {
     renderer: Renderer2;
     config: FiltersConfig;
     filter: object;
@@ -822,6 +822,7 @@ declare class ZenduFilterComponent implements OnChanges {
     customTrigger: boolean;
     imageUrl: string;
     label: string;
+    triggerVariant: 'default' | 'icon-only';
     showOptions: boolean;
     customOptions: string;
     wrapperBodyClass: string;
@@ -830,13 +831,16 @@ declare class ZenduFilterComponent implements OnChanges {
     isApplied: boolean;
     private lastAppliedFilter;
     private resetedFilter;
+    selectedCount: number;
+    appliedCount: number;
+    hasActiveFilters: boolean;
     menuLeft: string;
     menuRight: string;
     menuTop: string;
     menuBottom: string;
+    menuMaxHeight: string;
     showNoFilterResult: boolean;
     errorMessage: string[];
-    datepickerPosition: typeof DATEPICKER_POSITION;
     selectedDateRangeOptions: {
         [key: string]: string;
     };
@@ -844,6 +848,7 @@ declare class ZenduFilterComponent implements OnChanges {
     _componentElement: ElementRef<HTMLElement>;
     constructor(renderer: Renderer2);
     ngOnChanges(changes: any): void;
+    ngDoCheck(): void;
     outsideHandling(event: MouseEvent): void;
     windowSizeHandling(): void;
     windowScroll(): void;
@@ -853,6 +858,15 @@ declare class ZenduFilterComponent implements OnChanges {
     private extractUniqueDataSource;
     onSelectAll(item: FiltersConfigItem): void;
     isItemActive(item: FiltersConfigItem): boolean;
+    /**
+     * Whether a section is actively contributing to the filter — used to show the
+     * per-section "applied" dot next to its chevron. Mirrors the per-type gating
+     * of computeSelectedCount() (e.g. a radio only counts when it differs from the
+     * default), so the dot and the trigger count badge can never disagree. Unlike
+     * isItemActive(), this has no side effects and treats a default radio as
+     * inactive.
+     */
+    isItemFiltered(item: FiltersConfigItem): boolean;
     searchTextChanged(): void;
     private resetLazyLoadingSources;
     private filterItems;
@@ -861,6 +875,14 @@ declare class ZenduFilterComponent implements OnChanges {
     private resetFilters;
     private restorePreviousApplied;
     reset(): void;
+    /**
+     * Resets the dropdown's internal selection state (checkboxes, radios, date /
+     * number ranges) and the trigger count badge to match a filter object —
+     * defaults to the currently bound `filter`. Call this from the host after
+     * changing the bound filter outside the component's own UI (e.g. removing a
+     * chip in a view-filters bar) so the dropdown and badge stay in sync.
+     */
+    syncFromFilter(filter?: object): void;
     apply(): void;
     private updateAppliedState;
     private getFilterObject;
@@ -880,11 +902,10 @@ declare class ZenduFilterComponent implements OnChanges {
     hasTreeData(configItem: FiltersConfigItem): boolean;
     handleDateRangeOptionClick(item: any, option: any): void;
     handleCustomDateRangeClick(item: any): void;
-    handleEndDateChange(item: any): void;
-    get hasMultiselectItems(): boolean;
-    get selectedCount(): number;
+    handleEndDateChange(item: FiltersConfigItem, date: Date | null): void;
+    private computeSelectedCount;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZenduFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZenduFilterComponent, "zen-filter", never, { "config": { "alias": "config"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "position": { "alias": "position"; "required": false; }; "resetBehavior": { "alias": "resetBehavior"; "required": false; }; "isVisible": { "alias": "isVisible"; "required": false; }; "customTrigger": { "alias": "customTrigger"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showOptions": { "alias": "showOptions"; "required": false; }; "customOptions": { "alias": "customOptions"; "required": false; }; "wrapperBodyClass": { "alias": "wrapperBodyClass"; "required": false; }; "customPosition": { "alias": "customPosition"; "required": false; }; }, { "filterChange": "filterChange"; "isVisibleChange": "isVisibleChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZenduFilterComponent, "zen-filter", never, { "config": { "alias": "config"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "position": { "alias": "position"; "required": false; }; "resetBehavior": { "alias": "resetBehavior"; "required": false; }; "isVisible": { "alias": "isVisible"; "required": false; }; "customTrigger": { "alias": "customTrigger"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "label": { "alias": "label"; "required": false; }; "triggerVariant": { "alias": "triggerVariant"; "required": false; }; "showOptions": { "alias": "showOptions"; "required": false; }; "customOptions": { "alias": "customOptions"; "required": false; }; "wrapperBodyClass": { "alias": "wrapperBodyClass"; "required": false; }; "customPosition": { "alias": "customPosition"; "required": false; }; }, { "filterChange": "filterChange"; "isVisibleChange": "isVisibleChange"; }, never, ["*"], false, never>;
 }
 
 declare class ZenduGroupsComponent implements OnChanges {
@@ -1798,7 +1819,12 @@ declare class ZenduDatePickerDropdownComponent implements OnInit, OnChanges, OnD
     mobileBreakpoint: number;
     timePicker: boolean;
     autoApply: boolean;
-    triggerBtn: ElementRef;
+    /**
+     * Hide the built-in trigger button. The popup then anchors to the host
+     * element, so an external control (e.g. a select) can drive it via open().
+     */
+    hideTrigger: boolean;
+    triggerBtn?: ElementRef;
     mobile: boolean;
     isOpen: boolean;
     dropdownStyle: {
@@ -1885,7 +1911,7 @@ declare class ZenduDatePickerDropdownComponent implements OnInit, OnChanges, OnD
     isRangeStart(day: DatePickerDay): boolean;
     isRangeEnd(day: DatePickerDay): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZenduDatePickerDropdownComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZenduDatePickerDropdownComponent, "zen-date-picker-dropdown", never, { "type": { "alias": "type"; "required": false; }; "date": { "alias": "date"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; }; "presets": { "alias": "presets"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dateMarkers": { "alias": "dateMarkers"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; }; "timePicker": { "alias": "timePicker"; "required": false; }; "autoApply": { "alias": "autoApply"; "required": false; }; }, { "dateChange": "dateChange"; "startDateChange": "startDateChange"; "endDateChange": "endDateChange"; "rangeChange": "rangeChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZenduDatePickerDropdownComponent, "zen-date-picker-dropdown", never, { "type": { "alias": "type"; "required": false; }; "date": { "alias": "date"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; }; "presets": { "alias": "presets"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dateMarkers": { "alias": "dateMarkers"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; }; "timePicker": { "alias": "timePicker"; "required": false; }; "autoApply": { "alias": "autoApply"; "required": false; }; "hideTrigger": { "alias": "hideTrigger"; "required": false; }; }, { "dateChange": "dateChange"; "startDateChange": "startDateChange"; "endDateChange": "endDateChange"; "rangeChange": "rangeChange"; }, never, never, false, never>;
 }
 
 interface FileUploadItem {
@@ -2020,7 +2046,7 @@ interface DropdownOption {
     icon?: string;
 }
 declare class ZenduInputComponent implements ControlValueAccessor, OnInit, OnChanges {
-    inputElement: ElementRef<HTMLInputElement>;
+    inputElement: ElementRef<HTMLInputElement | HTMLTextAreaElement>;
     /**
      * Input type attribute
      */
@@ -2125,6 +2151,22 @@ declare class ZenduInputComponent implements ControlValueAccessor, OnInit, OnCha
      * Trailing static text
      */
     trailingText: string;
+    /**
+     * Render a multiline textarea instead of a single-line input.
+     * Composes with label/hint/character-count/states; single-line
+     * adornments (leading/trailing dropdowns and text) are not used.
+     */
+    multiline: boolean;
+    /**
+     * Initial visible rows for the multiline textarea (height is then
+     * user-resizable vertically). Only applies when `multiline` is true.
+     */
+    rows: number;
+    /**
+     * Whether the multiline textarea can be resized via the footer drag handle.
+     * When false, the handle is hidden and the height stays fixed at `rows`.
+     */
+    resizable: boolean;
     /**
      * Input size
      */
@@ -2146,7 +2188,15 @@ declare class ZenduInputComponent implements ControlValueAccessor, OnInit, OnCha
      */
     width: string;
     /**
-     * Value change event
+     * Value change event for the `[(value)]` two-way binding.
+     *
+     * NOTE — type contract for `type="number"`: this output always emits the
+     * RAW STRING from the input element. The CVA path (`[(ngModel)]` /
+     * `formControl`) instead emits a real `number` (or '' when empty/invalid).
+     * So a consumer binding BOTH `[(value)]` and ngModel/formControl to the same
+     * number input will observe a `string` here and a `number` there for the
+     * same edit. Bind only one, and prefer ngModel/formControl when you need the
+     * numeric value.
      */
     valueChange: EventEmitter<string>;
     /**
@@ -2197,7 +2247,7 @@ declare class ZenduInputComponent implements ControlValueAccessor, OnInit, OnCha
      * Leading icon click event
      */
     leadingIconClick: EventEmitter<MouseEvent>;
-    value: string;
+    value: string | number;
     isFocused: boolean;
     showHelpTooltip: boolean;
     leadingDropdownOpen: boolean;
@@ -2227,11 +2277,12 @@ declare class ZenduInputComponent implements ControlValueAccessor, OnInit, OnCha
     get hostClass(): boolean;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    writeValue(value: string): void;
-    registerOnChange(fn: (value: string) => void): void;
+    writeValue(value: string | number): void;
+    registerOnChange(fn: (value: string | number) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     onInputChange(event: Event): void;
+    private coerceValue;
     onInputFocus(event: FocusEvent): void;
     onInputBlur(event: FocusEvent): void;
     onKeydown(event: KeyboardEvent): void;
@@ -2251,6 +2302,12 @@ declare class ZenduInputComponent implements ControlValueAccessor, OnInit, OnCha
     getLeadingDropdownLabel(): string;
     getTrailingDropdownLabel(): string;
     focusInput(): void;
+    /**
+     * Drag-to-resize for the multiline textarea via the custom footer handle.
+     * Native resize is disabled in CSS; this adjusts the textarea height while
+     * the pointer is held, clamped to a minimum.
+     */
+    onResizeStart(event: PointerEvent): void;
     parsePhoneNumber(): void;
     onCountryChanged(country: any): void;
     onPhoneChanged(input?: HTMLInputElement): void;
@@ -2259,7 +2316,10 @@ declare class ZenduInputComponent implements ControlValueAccessor, OnInit, OnCha
     onPhoneInputChange(event: Event): void;
     onLeadingIconClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZenduInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZenduInputComponent, "zen-input", never, { "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "helpIcon": { "alias": "helpIcon"; "required": false; }; "helpTooltip": { "alias": "helpTooltip"; "required": false; }; "destructive": { "alias": "destructive"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "leadingDropdownOptions": { "alias": "leadingDropdownOptions"; "required": false; }; "leadingDropdownValue": { "alias": "leadingDropdownValue"; "required": false; }; "leadingDropdownPlaceholder": { "alias": "leadingDropdownPlaceholder"; "required": false; }; "trailingDropdownOptions": { "alias": "trailingDropdownOptions"; "required": false; }; "trailingDropdownValue": { "alias": "trailingDropdownValue"; "required": false; }; "trailingDropdownPlaceholder": { "alias": "trailingDropdownPlaceholder"; "required": false; }; "leadingText": { "alias": "leadingText"; "required": false; }; "trailingText": { "alias": "trailingText"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showCharacterCount": { "alias": "showCharacterCount"; "required": false; }; "phoneMaxLength": { "alias": "phoneMaxLength"; "required": false; }; "phone": { "alias": "phone"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "valueChange": "valueChange"; "inputFocus": "inputFocus"; "inputBlur": "inputBlur"; "inputKeydown": "inputKeydown"; "inputKeyup": "inputKeyup"; "leadingDropdownChange": "leadingDropdownChange"; "leadingDropdownValueChange": "leadingDropdownValueChange"; "trailingDropdownChange": "trailingDropdownChange"; "trailingDropdownValueChange": "trailingDropdownValueChange"; "helpIconClick": "helpIconClick"; "phoneChange": "phoneChange"; "validChange": "validChange"; "leadingIconClick": "leadingIconClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZenduInputComponent, "zen-input", never, { "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "helpIcon": { "alias": "helpIcon"; "required": false; }; "helpTooltip": { "alias": "helpTooltip"; "required": false; }; "destructive": { "alias": "destructive"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "leadingDropdownOptions": { "alias": "leadingDropdownOptions"; "required": false; }; "leadingDropdownValue": { "alias": "leadingDropdownValue"; "required": false; }; "leadingDropdownPlaceholder": { "alias": "leadingDropdownPlaceholder"; "required": false; }; "trailingDropdownOptions": { "alias": "trailingDropdownOptions"; "required": false; }; "trailingDropdownValue": { "alias": "trailingDropdownValue"; "required": false; }; "trailingDropdownPlaceholder": { "alias": "trailingDropdownPlaceholder"; "required": false; }; "leadingText": { "alias": "leadingText"; "required": false; }; "trailingText": { "alias": "trailingText"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showCharacterCount": { "alias": "showCharacterCount"; "required": false; }; "phoneMaxLength": { "alias": "phoneMaxLength"; "required": false; }; "phone": { "alias": "phone"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "valueChange": "valueChange"; "inputFocus": "inputFocus"; "inputBlur": "inputBlur"; "inputKeydown": "inputKeydown"; "inputKeyup": "inputKeyup"; "leadingDropdownChange": "leadingDropdownChange"; "leadingDropdownValueChange": "leadingDropdownValueChange"; "trailingDropdownChange": "trailingDropdownChange"; "trailingDropdownValueChange": "trailingDropdownValueChange"; "helpIconClick": "helpIconClick"; "phoneChange": "phoneChange"; "validChange": "validChange"; "leadingIconClick": "leadingIconClick"; }, never, never, false, never>;
+    static ngAcceptInputType_multiline: unknown;
+    static ngAcceptInputType_rows: unknown;
+    static ngAcceptInputType_resizable: unknown;
 }
 
 declare class ZenButtonComponent {