ng-zenduit 2.2.0 → 2.2.3

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "ng-zenduit",
-  "version": "2.2.0",
+  "version": "2.2.3",
   "peerDependencies": {
-    "@angular/common": ">=16.0.0 <18.0.0",
-    "@angular/core": ">=16.0.0 <18.0.0",
+    "@angular/common": ">=22.0.0 <23.0.0",
+    "@angular/core": ">=22.0.0 <23.0.0",
     "google-libphonenumber": ">=3.2.27",
     "lodash.uniqby": ">=4.7.0",
     "moment": ">=2.29.1",
-    "@ngx-translate/core": ">=15.0.0",
-    "@ngx-translate/http-loader": ">=8.0.0",
+    "@ngx-translate/core": ">=17.0.0",
+    "@ngx-translate/http-loader": ">=17.0.0",
     "chart.js": "^4.0.0",
-    "ng2-charts": "^5.0.0"
+    "ng2-charts": "^10.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0",
     "node-snackbar": "^0.1.16",
     "fabric": "^5.3.0",
-    "hls.js": "^1.3.1"
+    "hls.js": "^1.6.16"
   },
   "module": "fesm2022/ng-zenduit.mjs",
   "typings": "types/ng-zenduit.d.ts",

package/types/ng-zenduit.d.ts

@@ -470,6 +470,7 @@ declare class ZenduSelectComponent implements OnChanges {
     option: SelectOption | null;
     canLoadMore: boolean;
     isLoadingNow: boolean;
+    private _searchDebounce;
     treeFilteredDataSource: DataSource[];
     isSelectedAll: boolean;
     /**
@@ -509,6 +510,16 @@ declare class ZenduSelectComponent implements OnChanges {
      * Toggle dropdown
      */
     toggleDropdown(): void;
+    /**
+     * Handle scroll on the options list — fetch the next page once the user
+     * scrolls near the bottom (lazy loading only).
+     */
+    onOptionsScroll(event: Event): void;
+    /**
+     * Reset and re-fetch the first page when the search text changes in lazy
+     * mode (debounced so we don't fire a request on every keystroke).
+     */
+    private reloadLazySearch;
     /**
      * Handle option selection
      */
@@ -2234,6 +2245,7 @@ declare class ZenButtonComponent {
     variant: 'primary' | 'secondary-gray' | 'secondary' | 'tertiary-gray' | 'tertiary' | 'link-gray' | 'link';
     buttonType: 'button' | 'button-dot' | 'button-icon-leading' | 'button-icon-trailing' | 'button-icon-only';
     icon?: string;
+    iconRotated: boolean;
     size: '2xl' | 'xl' | 'lg' | 'md' | 'sm';
     destructive: boolean;
     disabled: boolean;
@@ -2243,7 +2255,7 @@ declare class ZenButtonComponent {
     get buttonClasses(): string;
     getIconName(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZenButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZenButtonComponent, "zen-button", never, { "variant": { "alias": "variant"; "required": false; }; "buttonType": { "alias": "buttonType"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "destructive": { "alias": "destructive"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZenButtonComponent, "zen-button", never, { "variant": { "alias": "variant"; "required": false; }; "buttonType": { "alias": "buttonType"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconRotated": { "alias": "iconRotated"; "required": false; }; "size": { "alias": "size"; "required": false; }; "destructive": { "alias": "destructive"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
 interface DropdownMenuItem {