ngx-paginated-select 0.0.1

package/README.md

@@ -0,0 +1,63 @@
+# NgxPaginatedSelect
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build ngx-paginated-select
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+   ```bash
+   cd dist/ngx-paginated-select
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/ngx-paginated-select.mjs

@@ -0,0 +1,151 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, ViewChild, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { Subject, debounceTime, distinctUntilChanged } from 'rxjs';
+
+class NgxPaginatedSelectService {
+    constructor() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NgxPaginatedSelectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NgxPaginatedSelectService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: NgxPaginatedSelectService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class PaginatedSelectComponent {
+    fetcher;
+    labelKey;
+    placeholder = 'Select item...';
+    selectionChange = new EventEmitter();
+    scrollContainer;
+    items = [];
+    searchQuery = '';
+    page = 1;
+    hasMore = true;
+    loading = false;
+    searchSubject = new Subject();
+    ngOnInit() {
+        this.searchSubject
+            .pipe(debounceTime(300), distinctUntilChanged())
+            .subscribe((query) => {
+            this.resetAndFetch(query);
+        });
+        this.resetAndFetch('');
+    }
+    onSearchChange(query) {
+        this.searchSubject.next(query);
+    }
+    async resetAndFetch(query) {
+        this.page = 1;
+        this.items = [];
+        this.hasMore = true;
+        await this.loadData(query, this.page, true);
+    }
+    async loadData(query, page, isReset) {
+        if (this.loading || !this.fetcher)
+            return;
+        this.loading = true;
+        try {
+            const res = await this.fetcher({ search: query, page });
+            this.items = isReset ? res.data : [...this.items, ...res.data];
+            this.hasMore = res.hasMore;
+        }
+        catch (err) {
+            console.error('Failed to load paginated data', err);
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    onScroll() {
+        if (!this.scrollContainer)
+            return;
+        const el = this.scrollContainer.nativeElement;
+        const isAtBottom = el.scrollHeight - el.scrollTop - el.clientHeight < 20;
+        if (isAtBottom && this.hasMore && !this.loading) {
+            this.page++;
+            this.loadData(this.searchQuery, this.page, false);
+        }
+    }
+    selectItem(item) {
+        this.selectionChange.emit(item);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PaginatedSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: PaginatedSelectComponent, isStandalone: true, selector: "lib-paginated-select", inputs: { fetcher: "fetcher", labelKey: "labelKey", placeholder: "placeholder" }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }], ngImport: i0, template: `
+    <div class="paginated-select">
+      <input 
+        type="text" 
+        [placeholder]="placeholder" 
+        [(ngModel)]="searchQuery" 
+        (ngModelChange)="onSearchChange($event)" 
+      />
+      
+      <div class="dropdown-list" #scrollContainer (scroll)="onScroll()">
+        <div 
+          *ngFor="let item of items" 
+          class="option-item" 
+          (click)="selectItem(item)"
+        >
+          {{ labelKey ? ($any(item)[labelKey]) : item }}
+        </div>
+
+        <div *ngIf="loading" class="loading-indicator">Loading...</div>
+        <div *ngIf="!loading && items.length === 0" class="no-data">No results found</div>
+      </div>
+    </div>
+  `, isInline: true, styles: [".paginated-select{position:relative;width:100%}.dropdown-list{max-height:200px;overflow-y:auto;border:1px solid #ccc}.option-item{padding:8px 12px;cursor:pointer}.option-item:hover{background-color:#f0f0f0}.loading-indicator,.no-data{padding:8px;text-align:center;color:#888}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PaginatedSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-paginated-select', standalone: true, imports: [CommonModule, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="paginated-select">
+      <input 
+        type="text" 
+        [placeholder]="placeholder" 
+        [(ngModel)]="searchQuery" 
+        (ngModelChange)="onSearchChange($event)" 
+      />
+      
+      <div class="dropdown-list" #scrollContainer (scroll)="onScroll()">
+        <div 
+          *ngFor="let item of items" 
+          class="option-item" 
+          (click)="selectItem(item)"
+        >
+          {{ labelKey ? ($any(item)[labelKey]) : item }}
+        </div>
+
+        <div *ngIf="loading" class="loading-indicator">Loading...</div>
+        <div *ngIf="!loading && items.length === 0" class="no-data">No results found</div>
+      </div>
+    </div>
+  `, styles: [".paginated-select{position:relative;width:100%}.dropdown-list{max-height:200px;overflow-y:auto;border:1px solid #ccc}.option-item{padding:8px 12px;cursor:pointer}.option-item:hover{background-color:#f0f0f0}.loading-indicator,.no-data{padding:8px;text-align:center;color:#888}\n"] }]
+        }], propDecorators: { fetcher: [{
+                type: Input
+            }], labelKey: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], selectionChange: [{
+                type: Output
+            }], scrollContainer: [{
+                type: ViewChild,
+                args: ['scrollContainer']
+            }] } });
+
+/*
+ * Public API Surface of ngx-paginated-select
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgxPaginatedSelectService, PaginatedSelectComponent };
+//# sourceMappingURL=ngx-paginated-select.mjs.map

package/fesm2022/ngx-paginated-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-paginated-select.mjs","sources":["../../../projects/ngx-paginated-select/src/lib/ngx-paginated-select.service.ts","../../../projects/ngx-paginated-select/src/lib/ngx-paginated-select.component.ts","../../../projects/ngx-paginated-select/src/public-api.ts","../../../projects/ngx-paginated-select/src/ngx-paginated-select.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class NgxPaginatedSelectService {\n\n  constructor() { }\n}\n","import { \n  Component, Input, Output, EventEmitter, \n  ElementRef, ViewChild, ChangeDetectionStrategy \n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { Subject, debounceTime, distinctUntilChanged } from 'rxjs';\n\nexport interface FetcherParams {\n  search: string;\n  page: number;\n}\n\nexport interface FetcherResponse<T> {\n  data: T[];\n  hasMore: boolean;\n}\n\n@Component({\n  selector: 'lib-paginated-select',\n  standalone: true,\n  imports: [CommonModule, FormsModule],\n changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"paginated-select\">\n      <input \n        type=\"text\" \n        [placeholder]=\"placeholder\" \n        [(ngModel)]=\"searchQuery\" \n        (ngModelChange)=\"onSearchChange($event)\" \n      />\n      \n      <div class=\"dropdown-list\" #scrollContainer (scroll)=\"onScroll()\">\n        <div \n          *ngFor=\"let item of items\" \n          class=\"option-item\" \n          (click)=\"selectItem(item)\"\n        >\n          {{ labelKey ? ($any(item)[labelKey]) : item }}\n        </div>\n\n        <div *ngIf=\"loading\" class=\"loading-indicator\">Loading...</div>\n        <div *ngIf=\"!loading && items.length === 0\" class=\"no-data\">No results found</div>\n      </div>\n    </div>\n  `,\n  styles: [`\n    .paginated-select { position: relative; width: 100%; }\n    .dropdown-list { max-height: 200px; overflow-y: auto; border: 1px solid #ccc; }\n    .option-item { padding: 8px 12px; cursor: pointer; }\n    .option-item:hover { background-color: #f0f0f0; }\n    .loading-indicator, .no-data { padding: 8px; text-align: center; color: #888; }\n  `]\n})\nexport class PaginatedSelectComponent<T = any> {\n  @Input() fetcher!: (params: FetcherParams) => Promise<FetcherResponse<T>>;\n  @Input() labelKey?: string;\n  @Input() placeholder: string = 'Select item...';\n  @Output() selectionChange = new EventEmitter<T>();\n\n  @ViewChild('scrollContainer') scrollContainer!: ElementRef<HTMLDivElement>;\n\n  items: T[] = [];\n  searchQuery: string = '';\n  page: number = 1;\n  hasMore: boolean = true;\n  loading: boolean = false;\n\n  private searchSubject = new Subject<string>();\n\n  ngOnInit() {\n    this.searchSubject\n      .pipe(debounceTime(300), distinctUntilChanged())\n      .subscribe((query) => {\n        this.resetAndFetch(query);\n      });\n\n    this.resetAndFetch('');\n  }\n\n  onSearchChange(query: string) {\n    this.searchSubject.next(query);\n  }\n\n  async resetAndFetch(query: string) {\n    this.page = 1;\n    this.items = [];\n    this.hasMore = true;\n    await this.loadData(query, this.page, true);\n  }\n\n  async loadData(query: string, page: number, isReset: boolean) {\n    if (this.loading || !this.fetcher) return;\n\n    this.loading = true;\n    try {\n      const res = await this.fetcher({ search: query, page });\n      this.items = isReset ? res.data : [...this.items, ...res.data];\n      this.hasMore = res.hasMore;\n    } catch (err) {\n      console.error('Failed to load paginated data', err);\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  onScroll() {\n    if (!this.scrollContainer) return;\n    const el = this.scrollContainer.nativeElement;\n    const isAtBottom = el.scrollHeight - el.scrollTop - el.clientHeight < 20;\n\n    if (isAtBottom && this.hasMore && !this.loading) {\n      this.page++;\n      this.loadData(this.searchQuery, this.page, false);\n    }\n  }\n\n  selectItem(item: T) {\n    this.selectionChange.emit(item);\n  }\n}","/*\n * Public API Surface of ngx-paginated-select\n */\n\nexport * from './lib/ngx-paginated-select.service';\nexport * from './lib/ngx-paginated-select.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="ngx-paginated-select" />
+export * from './public-api';

package/lib/ngx-paginated-select.component.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface FetcherParams {
+    search: string;
+    page: number;
+}
+export interface FetcherResponse<T> {
+    data: T[];
+    hasMore: boolean;
+}
+export declare class PaginatedSelectComponent<T = any> {
+    fetcher: (params: FetcherParams) => Promise<FetcherResponse<T>>;
+    labelKey?: string;
+    placeholder: string;
+    selectionChange: EventEmitter<T>;
+    scrollContainer: ElementRef<HTMLDivElement>;
+    items: T[];
+    searchQuery: string;
+    page: number;
+    hasMore: boolean;
+    loading: boolean;
+    private searchSubject;
+    ngOnInit(): void;
+    onSearchChange(query: string): void;
+    resetAndFetch(query: string): Promise<void>;
+    loadData(query: string, page: number, isReset: boolean): Promise<void>;
+    onScroll(): void;
+    selectItem(item: T): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginatedSelectComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginatedSelectComponent<any>, "lib-paginated-select", never, { "fetcher": { "alias": "fetcher"; "required": false; }; "labelKey": { "alias": "labelKey"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}

package/lib/ngx-paginated-select.service.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class NgxPaginatedSelectService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxPaginatedSelectService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgxPaginatedSelectService>;
+}

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "ngx-paginated-select",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^19.2.0",
+    "@angular/core": "^19.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/ngx-paginated-select.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/ngx-paginated-select.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/ngx-paginated-select.service';
+export * from './lib/ngx-paginated-select.component';