@ngbase/adk 0.1.0

package/fesm2022/ngbase-adk-network.mjs

@@ -0,0 +1,90 @@
+import { HTTP_INTERCEPTORS } from '@angular/common/http';
+import { catchError } from 'rxjs';
+import * as i0 from '@angular/core';
+import { signal, Injectable, inject } from '@angular/core';
+import { isClient, documentListener } from '@ngbase/adk/utils';
+
+class Network {
+    constructor() {
+        this.status = signal(true);
+        this.isOnline = this.status.asReadonly();
+        this.listeners = [];
+        this.initialized = false;
+        if (isClient()) {
+            this.status.set(navigator.onLine);
+            this.onlineListener = documentListener('online', () => this.updateOnlineStatus(true), {
+                element: window,
+                lazy: true,
+            });
+            this.offlineListener = documentListener('offline', () => this.updateOnlineStatus(false), {
+                element: window,
+                lazy: true,
+            });
+        }
+    }
+    on() {
+        if (this.initialized)
+            return;
+        // window.addEventListener('online', () => this.updateOnlineStatus(true));
+        // window.addEventListener('offline', () => this.updateOnlineStatus(false));
+        this.onlineListener.on();
+        this.offlineListener.on();
+        this.initialized = true;
+    }
+    off() {
+        // window.removeEventListener('online', () => this.updateOnlineStatus(true));
+        // window.removeEventListener('offline', () => this.updateOnlineStatus(false));
+        this.onlineListener.off();
+        this.offlineListener.off();
+        this.initialized = false;
+    }
+    updateOnlineStatus(status) {
+        this.status.set(status);
+        this.listeners.forEach(listener => listener(this.status()));
+    }
+    addListener(listener) {
+        this.listeners.push(listener);
+        listener(this.status()); // Immediately call with current status
+        this.on();
+    }
+    removeListener(listener) {
+        const index = this.listeners.indexOf(listener);
+        if (index > -1)
+            this.listeners.splice(index, 1);
+        if (this.listeners.length === 0)
+            this.off();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: Network, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: Network, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: Network, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+const injectNetwork = () => inject(Network);
+
+const networkInterceptor = (req, next) => {
+    const networkService = injectNetwork();
+    const isBrowser = isClient();
+    if (isBrowser && !networkService.isOnline()) {
+        throw 'No internet connection';
+    }
+    return next(req).pipe(catchError(error => {
+        if (isBrowser && !networkService.isOnline()) {
+            // You can implement custom error handling here
+        }
+        throw error;
+    }));
+};
+const provideNetworkInterceptor = () => ({
+    provide: HTTP_INTERCEPTORS,
+    useFactory: networkInterceptor,
+    multi: true,
+});
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Network, injectNetwork, provideNetworkInterceptor };
+//# sourceMappingURL=ngbase-adk-network.mjs.map

package/fesm2022/ngbase-adk-network.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-network.mjs","sources":["../../../projects/adk/network/network.service.ts","../../../projects/adk/network/network.interceptor.ts","../../../projects/adk/network/ngbase-adk-network.ts"],"sourcesContent":["import { inject, Injectable, signal } from '@angular/core';\nimport { isClient } from '@ngbase/adk/utils';\nimport { documentListener, ListenerOut } from '@ngbase/adk/utils';\n\n@Injectable({ providedIn: 'root' })\nexport class Network {\n  private status = signal(true);\n  readonly isOnline = this.status.asReadonly();\n  private listeners: ((status: boolean) => void)[] = [];\n  private initialized = false;\n  private onlineListener!: ListenerOut;\n  private offlineListener!: ListenerOut;\n\n  constructor() {\n    if (isClient()) {\n      this.status.set(navigator.onLine);\n      this.onlineListener = documentListener('online', () => this.updateOnlineStatus(true), {\n        element: window,\n        lazy: true,\n      });\n      this.offlineListener = documentListener('offline', () => this.updateOnlineStatus(false), {\n        element: window,\n        lazy: true,\n      });\n    }\n  }\n\n  private on(): void {\n    if (this.initialized) return;\n    // window.addEventListener('online', () => this.updateOnlineStatus(true));\n    // window.addEventListener('offline', () => this.updateOnlineStatus(false));\n    this.onlineListener.on();\n    this.offlineListener.on();\n    this.initialized = true;\n  }\n\n  private off(): void {\n    // window.removeEventListener('online', () => this.updateOnlineStatus(true));\n    // window.removeEventListener('offline', () => this.updateOnlineStatus(false));\n    this.onlineListener.off();\n    this.offlineListener.off();\n    this.initialized = false;\n  }\n\n  private updateOnlineStatus(status: boolean): void {\n    this.status.set(status);\n    this.listeners.forEach(listener => listener(this.status()));\n  }\n\n  public addListener(listener: (status: boolean) => void): void {\n    this.listeners.push(listener);\n    listener(this.status()); // Immediately call with current status\n    this.on();\n  }\n\n  public removeListener(listener: (status: boolean) => void): void {\n    const index = this.listeners.indexOf(listener);\n    if (index > -1) this.listeners.splice(index, 1);\n    if (this.listeners.length === 0) this.off();\n  }\n}\n\nexport const injectNetwork = () => inject(Network);\n","import { HTTP_INTERCEPTORS, HttpInterceptorFn } from '@angular/common/http';\nimport { catchError } from 'rxjs';\nimport { injectNetwork } from './network.service';\nimport { isClient } from '@ngbase/adk/utils';\n\nconst networkInterceptor: HttpInterceptorFn = (req, next) => {\n  const networkService = injectNetwork();\n  const isBrowser = isClient();\n\n  if (isBrowser && !networkService.isOnline()) {\n    throw 'No internet connection';\n  }\n\n  return next(req).pipe(\n    catchError(error => {\n      if (isBrowser && !networkService.isOnline()) {\n        // You can implement custom error handling here\n      }\n      throw error;\n    }),\n  );\n};\n\nexport const provideNetworkInterceptor = () => ({\n  provide: HTTP_INTERCEPTORS,\n  useFactory: networkInterceptor,\n  multi: true,\n});\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngbase-adk-pagination.mjs

@@ -0,0 +1,187 @@
+import * as i0 from '@angular/core';
+import { inject, input, numberAttribute, computed, Directive, model, output, Component } from '@angular/core';
+import { NgbSelect, NgbOption } from '@ngbase/adk/select';
+
+class NgbPaginationBtn {
+    constructor() {
+        this.pagination = inject(NgbPagination);
+        this.ngbPaginationBtn = input.required();
+        this.jump = input(undefined, { transform: numberAttribute });
+        this.disabled = computed(() => this.ngbPaginationBtn() === 'page'
+            ? false
+            : this.ngbPaginationBtn() === 'prev'
+                ? !this.pagination.prev()
+                : !this.pagination.next());
+        this.ariaLabel = computed(() => {
+            return this.ngbPaginationBtn() === 'page'
+                ? 'Go to page'
+                : this.ngbPaginationBtn() === 'prev'
+                    ? 'Go to previous page'
+                    : 'Go to next page';
+        });
+        this.ariaCurrent = computed(() => this.ngbPaginationBtn() === 'page' && this.pagination.active() === this.jump()
+            ? 'page'
+            : undefined);
+    }
+    clicked() {
+        if (this.ngbPaginationBtn() === 'page') {
+            this.pagination.goto(this.jump());
+        }
+        else if (this.ngbPaginationBtn() === 'prev') {
+            if (this.jump()) {
+                this.pagination.jump(-1);
+            }
+            else {
+                this.pagination.goto(0);
+            }
+        }
+        else {
+            if (this.jump()) {
+                this.pagination.jump(1);
+            }
+            else {
+                this.pagination.goto(this.pagination.total() - 1);
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbPaginationBtn, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NgbPaginationBtn, isStandalone: true, selector: "[ngbPaginationBtn]", inputs: { ngbPaginationBtn: { classPropertyName: "ngbPaginationBtn", publicName: "ngbPaginationBtn", isSignal: true, isRequired: true, transformFunction: null }, jump: { classPropertyName: "jump", publicName: "jump", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" }, listeners: { "click": "clicked()" }, properties: { "attr.aria-label": "ariaLabel()", "disabled": "disabled()", "attr.aria-current": "ariaCurrent()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbPaginationBtn, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbPaginationBtn]',
+                    host: {
+                        type: 'button',
+                        '[attr.aria-label]': 'ariaLabel()',
+                        '[disabled]': 'disabled()',
+                        '(click)': 'clicked()',
+                        '[attr.aria-current]': 'ariaCurrent()',
+                    },
+                }]
+        }] });
+class NgbPagination {
+    constructor() {
+        // Inputs
+        this.total = input.required();
+        this.size = model.required();
+        this.sizeOptions = input([10, 20, 50, 100]);
+        this.active = model.required();
+        this.valueChanged = output();
+        // State
+        this.totalSnaps = computed(() => Math.ceil(this.total() / this.size()));
+        this.snaps = computed(() => {
+            const activeIndex = this.active();
+            const total = this.totalSnaps();
+            const num = [];
+            let start = activeIndex - 2 > 1 ? activeIndex - 2 : 1;
+            let end = start + 4;
+            if (end > total) {
+                end = total;
+                start = total - 4 > 1 ? total - 4 : 1;
+            }
+            for (let i = start; i <= end; i++) {
+                num.push(i);
+            }
+            return num;
+        });
+        this.prev = computed(() => this.active() > 1);
+        this.next = computed(() => this.active() < this.totalSnaps());
+    }
+    goto(index) {
+        const total = this.totalSnaps();
+        this.active.update(e => {
+            e = index <= total ? index : total;
+            e = e >= 1 ? e : 1;
+            return e;
+        });
+        this.valueChanged.emit(this.active());
+    }
+    jump(by) {
+        const active = this.active();
+        this.goto(active + by);
+    }
+    sizeChanged(size) {
+        this.size.set(size);
+        this.active.set(1);
+        this.valueChanged.emit(this.active());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbPagination, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: NgbPagination, isStandalone: true, selector: "[ngbPagination]", inputs: { total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: true, transformFunction: null }, sizeOptions: { classPropertyName: "sizeOptions", publicName: "sizeOptions", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { size: "sizeChange", active: "activeChange", valueChanged: "valueChanged" }, host: { attributes: { "role": "pagination", "aria-label": "pagination" }, classAttribute: "flex items-center gap-b8 font-semibold" }, ngImport: i0, template: `
+    <div class="flex items-center gap-b2">
+      <div>Rows per page</div>
+      <div ngbSelect [value]="size()" (valueChange)="sizeChanged($event)" class="w-20 !py-b1.5">
+        @for (size of sizeOptions(); track size) {
+          <div ngbOption [value]="size">
+            {{ size }}
+          </div>
+        }
+      </div>
+    </div>
+    <div>Page {{ active() }} of {{ totalSnaps() }}</div>
+    <div class="flex items-center gap-b2">
+      <button ngbPaginationBtn="prev" class="h-b8 w-b8 !p-b2"><</button>
+      <button ngbPaginationBtn="prev" jump="-1" class="h-b8 w-b8 !p-b2"><</button>
+      @for (snap of snaps(); track snap) {
+        <button
+          ngbPaginationBtn="page"
+          [jump]="snap"
+          [class]="active() === snap ? 'bg-muted-background text-primary' : ''"
+          class="min-w-b9 !p-b2 ring-offset-background"
+        >
+          {{ snap }}
+        </button>
+      }
+      <button ngbPaginationBtn="next" jump="1" class="h-b8 w-b8 !p-b2">></button>
+      <button ngbPaginationBtn="next" class="h-b8 w-b8 !p-b2">></button>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "component", type: NgbSelect, selector: "[ngbSelect]", inputs: ["search"], outputs: ["searchChange"] }, { kind: "directive", type: NgbOption, selector: "[ngbOption]", inputs: ["value", "disabled", "ayId"], outputs: ["onSelectionChange"] }, { kind: "directive", type: NgbPaginationBtn, selector: "[ngbPaginationBtn]", inputs: ["ngbPaginationBtn", "jump"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbPagination, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[ngbPagination]',
+                    imports: [NgbSelect, NgbOption, NgbPaginationBtn],
+                    template: `
+    <div class="flex items-center gap-b2">
+      <div>Rows per page</div>
+      <div ngbSelect [value]="size()" (valueChange)="sizeChanged($event)" class="w-20 !py-b1.5">
+        @for (size of sizeOptions(); track size) {
+          <div ngbOption [value]="size">
+            {{ size }}
+          </div>
+        }
+      </div>
+    </div>
+    <div>Page {{ active() }} of {{ totalSnaps() }}</div>
+    <div class="flex items-center gap-b2">
+      <button ngbPaginationBtn="prev" class="h-b8 w-b8 !p-b2"><</button>
+      <button ngbPaginationBtn="prev" jump="-1" class="h-b8 w-b8 !p-b2"><</button>
+      @for (snap of snaps(); track snap) {
+        <button
+          ngbPaginationBtn="page"
+          [jump]="snap"
+          [class]="active() === snap ? 'bg-muted-background text-primary' : ''"
+          class="min-w-b9 !p-b2 ring-offset-background"
+        >
+          {{ snap }}
+        </button>
+      }
+      <button ngbPaginationBtn="next" jump="1" class="h-b8 w-b8 !p-b2">></button>
+      <button ngbPaginationBtn="next" class="h-b8 w-b8 !p-b2">></button>
+    </div>
+  `,
+                    host: {
+                        class: 'flex items-center gap-b8 font-semibold',
+                        role: 'pagination',
+                        'aria-label': 'pagination',
+                    },
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgbPagination, NgbPaginationBtn };
+//# sourceMappingURL=ngbase-adk-pagination.mjs.map

package/fesm2022/ngbase-adk-pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-pagination.mjs","sources":["../../../projects/adk/pagination/pagination.ts","../../../projects/adk/pagination/ngbase-adk-pagination.ts"],"sourcesContent":["import {\n  Component,\n  computed,\n  Directive,\n  inject,\n  input,\n  model,\n  numberAttribute,\n  output,\n} from '@angular/core';\nimport { NgbSelect, NgbOption } from '@ngbase/adk/select';\n\n@Directive({\n  selector: '[ngbPaginationBtn]',\n  host: {\n    type: 'button',\n    '[attr.aria-label]': 'ariaLabel()',\n    '[disabled]': 'disabled()',\n    '(click)': 'clicked()',\n    '[attr.aria-current]': 'ariaCurrent()',\n  },\n})\nexport class NgbPaginationBtn {\n  readonly pagination = inject(NgbPagination);\n\n  readonly ngbPaginationBtn = input.required<'next' | 'prev' | 'page'>();\n  readonly jump = input(undefined, { transform: numberAttribute });\n\n  readonly disabled = computed(() =>\n    this.ngbPaginationBtn() === 'page'\n      ? false\n      : this.ngbPaginationBtn() === 'prev'\n        ? !this.pagination.prev()\n        : !this.pagination.next(),\n  );\n  readonly ariaLabel = computed(() => {\n    return this.ngbPaginationBtn() === 'page'\n      ? 'Go to page'\n      : this.ngbPaginationBtn() === 'prev'\n        ? 'Go to previous page'\n        : 'Go to next page';\n  });\n\n  readonly ariaCurrent = computed(() =>\n    this.ngbPaginationBtn() === 'page' && this.pagination.active() === this.jump()\n      ? 'page'\n      : undefined,\n  );\n\n  clicked() {\n    if (this.ngbPaginationBtn() === 'page') {\n      this.pagination.goto(this.jump()!);\n    } else if (this.ngbPaginationBtn() === 'prev') {\n      if (this.jump()) {\n        this.pagination.jump(-1);\n      } else {\n        this.pagination.goto(0);\n      }\n    } else {\n      if (this.jump()) {\n        this.pagination.jump(1);\n      } else {\n        this.pagination.goto(this.pagination.total() - 1);\n      }\n    }\n  }\n}\n\n@Component({\n  selector: '[ngbPagination]',\n  imports: [NgbSelect, NgbOption, NgbPaginationBtn],\n  template: `\n    <div class=\"flex items-center gap-b2\">\n      <div>Rows per page</div>\n      <div ngbSelect [value]=\"size()\" (valueChange)=\"sizeChanged($event)\" class=\"w-20 !py-b1.5\">\n        @for (size of sizeOptions(); track size) {\n          <div ngbOption [value]=\"size\">\n            {{ size }}\n          </div>\n        }\n      </div>\n    </div>\n    <div>Page {{ active() }} of {{ totalSnaps() }}</div>\n    <div class=\"flex items-center gap-b2\">\n      <button ngbPaginationBtn=\"prev\" class=\"h-b8 w-b8 !p-b2\"><</button>\n      <button ngbPaginationBtn=\"prev\" jump=\"-1\" class=\"h-b8 w-b8 !p-b2\"><</button>\n      @for (snap of snaps(); track snap) {\n        <button\n          ngbPaginationBtn=\"page\"\n          [jump]=\"snap\"\n          [class]=\"active() === snap ? 'bg-muted-background text-primary' : ''\"\n          class=\"min-w-b9 !p-b2 ring-offset-background\"\n        >\n          {{ snap }}\n        </button>\n      }\n      <button ngbPaginationBtn=\"next\" jump=\"1\" class=\"h-b8 w-b8 !p-b2\">></button>\n      <button ngbPaginationBtn=\"next\" class=\"h-b8 w-b8 !p-b2\">></button>\n    </div>\n  `,\n  host: {\n    class: 'flex items-center gap-b8 font-semibold',\n    role: 'pagination',\n    'aria-label': 'pagination',\n  },\n})\nexport class NgbPagination {\n  // Inputs\n  readonly total = input.required<number>();\n  readonly size = model.required<number>();\n  readonly sizeOptions = input<number[]>([10, 20, 50, 100]);\n  readonly active = model.required<number>();\n  readonly valueChanged = output<number>();\n\n  // State\n  readonly totalSnaps = computed(() => Math.ceil(this.total() / this.size()));\n  readonly snaps = computed(() => {\n    const activeIndex = this.active();\n    const total = this.totalSnaps();\n\n    const num = [];\n    let start = activeIndex - 2 > 1 ? activeIndex - 2 : 1;\n    let end = start + 4;\n\n    if (end > total) {\n      end = total;\n      start = total - 4 > 1 ? total - 4 : 1;\n    }\n\n    for (let i = start; i <= end; i++) {\n      num.push(i);\n    }\n    return num;\n  });\n\n  readonly prev = computed(() => this.active() > 1);\n  readonly next = computed(() => this.active() < this.totalSnaps());\n\n  goto(index: number) {\n    const total = this.totalSnaps();\n    this.active.update(e => {\n      e = index <= total ? index : total;\n      e = e >= 1 ? e : 1;\n      return e;\n    });\n    this.valueChanged.emit(this.active());\n  }\n\n  jump(by: number) {\n    const active = this.active();\n    this.goto(active + by);\n  }\n\n  sizeChanged(size: number) {\n    this.size.set(size);\n    this.active.set(1);\n    this.valueChanged.emit(this.active());\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}