@ngbase/adk 0.1.1 → 0.1.2

package/fesm2022/ngbase-adk-otp.mjs

@@ -0,0 +1,164 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, Directive, computed, effect, viewChild, viewChildren, input, booleanAttribute, signal, afterRenderEffect, untracked } from '@angular/core';
+import { provideValueAccessor } from '@ngbase/adk/utils';
+
+class NgbOtpInput {
+    constructor() {
+        this.otp = inject(NgbInputOtp);
+        this.el = inject(ElementRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbOtpInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: NgbOtpInput, isStandalone: true, selector: "input[ngbOtpInput]", host: { properties: { "disabled": "otp.disabled() || undefined" }, styleAttribute: "position: absolute; inset: 0; border: none; background: transparent; caret-color: transparent; outline: none; color: transparent; letter-spacing: -0.5rem;" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbOtpInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[ngbOtpInput]',
+                    host: {
+                        '[disabled]': 'otp.disabled() || undefined',
+                        style: 'position: absolute; inset: 0; border: none; background: transparent; caret-color: transparent; outline: none; color: transparent; letter-spacing: -0.5rem;',
+                    },
+                }]
+        }] });
+class NgbOtpValue {
+    constructor() {
+        this.otp = inject(NgbInputOtp);
+        this.el = inject(ElementRef);
+        this.index = computed(() => this.otp._otpValues().findIndex(v => this.el === v.el));
+        this.value = computed(() => this.otp.values()[this.index()] || '');
+        this.focused = computed(() => {
+            return (this.otp.focused() && this.index() === Math.min(this.otp.values().length, this.otp.no() - 1));
+        });
+        effect(() => {
+            const value = this.value();
+            this.el.nativeElement.textContent = value && this.otp.masked() ? '•' : value;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbOtpValue, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: NgbOtpValue, isStandalone: true, selector: "[ngbOtpValue]", host: { attributes: { "aria-hidden": "true", "tabindex": "-1" }, properties: { "attr.data-focus": "focused() || undefined", "attr.data-disabled": "otp.disabled() || undefined" }, styleAttribute: "pointer-events: none" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbOtpValue, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbOtpValue]',
+                    host: {
+                        style: `pointer-events: none`,
+                        '[attr.data-focus]': 'focused() || undefined',
+                        '[attr.data-disabled]': 'otp.disabled() || undefined',
+                        'aria-hidden': 'true',
+                        tabindex: '-1',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+class NgbInputOtp {
+    constructor() {
+        this.inputs = viewChild.required(NgbOtpInput);
+        this._otpValues = viewChildren(NgbOtpValue);
+        // private readonly
+        this.size = input([4]);
+        this.masked = input(false, { transform: booleanAttribute });
+        this.disabled = input(false);
+        this.no = computed(() => this.size().reduce((a, b) => a + b, 0));
+        this.lastValue = '';
+        this.values = signal('');
+        this.focused = signal(false);
+        afterRenderEffect(cleanup => {
+            const inputEl = this.inputs().el.nativeElement;
+            const inputListener = () => {
+                const value = inputEl.value;
+                this.updateValue(value);
+            };
+            const keydownListener = (e) => {
+                const value = inputEl.value.length === this.no();
+                // const isPaste = (e.ctrlKey || e.metaKey) && e.key === 'v';
+                // if (isPaste || ['Tab', 'Enter'].includes(e.key)) {
+                //   // prevent default behavior for tab key
+                //   return;
+                // } else
+                if (value && !['Tab', 'Enter', 'Backspace'].includes(e.key)) {
+                    // prevent default behavior for non-numeric characters
+                    e.preventDefault();
+                }
+            };
+            const pasteListener = (e) => {
+                e.preventDefault();
+                const pastedText = e.clipboardData?.getData('text') || '';
+                const numbers = pastedText.replace(/\D/g, '');
+                // Only process if we have valid numbers
+                if (numbers.length === 0)
+                    return;
+                this.updateNewValue(numbers.slice(0, this.no()));
+                this.updateValue(inputEl.value);
+            };
+            const blurListener = () => {
+                // We have to use untracked because the blur is triggered by the input element when we make it disabled
+                // so we are getting cannot update signal inside computed error
+                untracked(() => this.focused.set(false));
+            };
+            const focusListener = () => {
+                this.focused.set(true);
+                // set the cursor to the end of the input
+                inputEl.selectionStart = inputEl.selectionEnd = inputEl.value.length;
+            };
+            inputEl.addEventListener('input', inputListener);
+            inputEl.addEventListener('focus', focusListener);
+            inputEl.addEventListener('blur', blurListener);
+            inputEl.addEventListener('keydown', keydownListener);
+            inputEl.addEventListener('paste', pasteListener);
+            cleanup(() => {
+                inputEl.removeEventListener('input', inputListener);
+                inputEl.removeEventListener('focus', focusListener);
+                inputEl.removeEventListener('blur', blurListener);
+                inputEl.removeEventListener('keydown', keydownListener);
+                inputEl.removeEventListener('paste', pasteListener);
+            });
+        });
+    }
+    updateNewValue(value) {
+        this.values.set(value);
+        this.inputs().el.nativeElement.value = value;
+    }
+    writeValue(value) {
+        const values = value || '';
+        this.lastValue = value;
+        this.updateNewValue(values);
+    }
+    updateValue(values) {
+        this.values.set(values);
+        // const value = values.length === this.no() ? values : '';
+        // if (this.lastValue === value) {
+        //   return;
+        // }
+        this.lastValue = values;
+        this.onChange?.(values);
+        this.onTouched?.();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbInputOtp, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbInputOtp, isStandalone: true, selector: "[ngbInputOtp]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, masked: { classPropertyName: "masked", publicName: "masked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, providers: [_provide(NgbInputOtp)], viewQueries: [{ propertyName: "inputs", first: true, predicate: NgbOtpInput, descendants: true, isSignal: true }, { propertyName: "_otpValues", predicate: NgbOtpValue, descendants: true, isSignal: true }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbInputOtp, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbInputOtp]',
+                    providers: [_provide(NgbInputOtp)],
+                }]
+        }], ctorParameters: () => [] });
+function _provide(otp) {
+    return [provideValueAccessor(otp)];
+}
+function aliasInputOtp(otp) {
+    return [_provide(otp), { provide: NgbInputOtp, useExisting: otp }];
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgbInputOtp, NgbOtpInput, NgbOtpValue, aliasInputOtp };
+//# sourceMappingURL=ngbase-adk-otp.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-otp.mjs","sources":["../../../projects/adk/otp/otp.ts","../../../projects/adk/otp/ngbase-adk-otp.ts"],"sourcesContent":["import {\n  afterRenderEffect,\n  booleanAttribute,\n  computed,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  signal,\n  untracked,\n  viewChild,\n  viewChildren,\n} from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { provideValueAccessor } from '@ngbase/adk/utils';\n\n@Directive({\n  selector: 'input[ngbOtpInput]',\n  host: {\n    '[disabled]': 'otp.disabled() || undefined',\n    style:\n      'position: absolute; inset: 0; border: none; background: transparent; caret-color: transparent; outline: none; color: transparent; letter-spacing: -0.5rem;',\n  },\n})\nexport class NgbOtpInput {\n  readonly otp = inject(NgbInputOtp);\n  readonly el = inject<ElementRef<HTMLInputElement>>(ElementRef);\n}\n\n@Directive({\n  selector: '[ngbOtpValue]',\n  host: {\n    style: `pointer-events: none`,\n    '[attr.data-focus]': 'focused() || undefined',\n    '[attr.data-disabled]': 'otp.disabled() || undefined',\n    'aria-hidden': 'true',\n    tabindex: '-1',\n  },\n})\nexport class NgbOtpValue {\n  readonly otp = inject(NgbInputOtp);\n  readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  readonly index = computed(() => this.otp._otpValues().findIndex(v => this.el === v.el));\n  readonly value = computed(() => this.otp.values()[this.index()] || '');\n\n  readonly focused = computed(() => {\n    return (\n      this.otp.focused() && this.index() === Math.min(this.otp.values().length, this.otp.no() - 1)\n    );\n  });\n\n  constructor() {\n    effect(() => {\n      const value = this.value();\n      this.el.nativeElement.textContent = value && this.otp.masked() ? '•' : value;\n    });\n  }\n}\n\n@Directive({\n  selector: '[ngbInputOtp]',\n  providers: [_provide(NgbInputOtp)],\n})\nexport class NgbInputOtp implements ControlValueAccessor {\n  private readonly inputs = viewChild.required<NgbOtpInput>(NgbOtpInput);\n  readonly _otpValues = viewChildren<NgbOtpValue>(NgbOtpValue);\n  // private readonly\n\n  readonly size = input<number[]>([4]);\n  readonly masked = input(false, { transform: booleanAttribute });\n  readonly disabled = input<boolean>(false);\n\n  readonly no = computed(() => this.size().reduce((a, b) => a + b, 0));\n  private onChange?: (value: string) => void;\n  private onTouched?: () => void;\n  private lastValue = '';\n  readonly values = signal<string>('');\n  readonly focused = signal<boolean>(false);\n\n  constructor() {\n    afterRenderEffect(cleanup => {\n      const inputEl = this.inputs().el.nativeElement;\n\n      const inputListener = () => {\n        const value = inputEl.value;\n        this.updateValue(value);\n      };\n\n      const keydownListener = (e: KeyboardEvent) => {\n        const value = inputEl.value.length === this.no();\n        // const isPaste = (e.ctrlKey || e.metaKey) && e.key === 'v';\n        // if (isPaste || ['Tab', 'Enter'].includes(e.key)) {\n        //   // prevent default behavior for tab key\n        //   return;\n        // } else\n        if (value && !['Tab', 'Enter', 'Backspace'].includes(e.key)) {\n          // prevent default behavior for non-numeric characters\n          e.preventDefault();\n        }\n      };\n\n      const pasteListener = (e: ClipboardEvent) => {\n        e.preventDefault();\n\n        const pastedText = e.clipboardData?.getData('text') || '';\n        const numbers = pastedText.replace(/\\D/g, '');\n\n        // Only process if we have valid numbers\n        if (numbers.length === 0) return;\n\n        this.updateNewValue(numbers.slice(0, this.no()));\n        this.updateValue(inputEl.value);\n      };\n\n      const blurListener = () => {\n        // We have to use untracked because the blur is triggered by the input element when we make it disabled\n        // so we are getting cannot update signal inside computed error\n        untracked(() => this.focused.set(false));\n      };\n\n      const focusListener = () => {\n        this.focused.set(true);\n        // set the cursor to the end of the input\n        inputEl.selectionStart = inputEl.selectionEnd = inputEl.value.length;\n      };\n\n      inputEl.addEventListener('input', inputListener);\n      inputEl.addEventListener('focus', focusListener);\n      inputEl.addEventListener('blur', blurListener);\n      inputEl.addEventListener('keydown', keydownListener);\n      inputEl.addEventListener('paste', pasteListener);\n\n      cleanup(() => {\n        inputEl.removeEventListener('input', inputListener);\n        inputEl.removeEventListener('focus', focusListener);\n        inputEl.removeEventListener('blur', blurListener);\n        inputEl.removeEventListener('keydown', keydownListener);\n        inputEl.removeEventListener('paste', pasteListener);\n      });\n    });\n  }\n\n  private updateNewValue(value: string) {\n    this.values.set(value);\n    this.inputs().el.nativeElement.value = value;\n  }\n\n  writeValue(value: string) {\n    const values = value || '';\n    this.lastValue = value;\n    this.updateNewValue(values);\n  }\n\n  updateValue(values: string) {\n    this.values.set(values);\n    // const value = values.length === this.no() ? values : '';\n    // if (this.lastValue === value) {\n    //   return;\n    // }\n    this.lastValue = values;\n    this.onChange?.(values);\n    this.onTouched?.();\n  }\n\n  registerOnChange(fn: any) {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n}\n\nfunction _provide(otp: typeof NgbInputOtp) {\n  return [provideValueAccessor(otp)];\n}\n\nexport function aliasInputOtp(otp: typeof NgbInputOtp) {\n  return [_provide(otp), { provide: NgbInputOtp, useExisting: otp }];\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

@@ -1,6 +1,5 @@
 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';
+import { inject, input, numberAttribute, computed, Directive, model, output } from '@angular/core';
 
 class NgbPaginationBtn {
     constructor() {
@@ -106,82 +105,26 @@ class NgbPagination {
         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-8 font-semibold" }, ngImport: i0, template: `
-    <div class="flex items-center gap-2">
-      <div>Rows per page</div>
-      <div ngbSelect [value]="size()" (valueChange)="sizeChanged($event)" class="w-20 !py-1.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-2">
-      <button ngbPaginationBtn="prev" class="h-8 w-8 !p-2"><</button>
-      <button ngbPaginationBtn="prev" jump="-1" class="h-8 w-8 !p-2"><</button>
-      @for (snap of snaps(); track snap) {
-        <button
-          ngbPaginationBtn="page"
-          [jump]="snap"
-          [class]="active() === snap ? 'bg-muted-background text-primary' : ''"
-          class="min-w-9 !p-2 ring-offset-background"
-        >
-          {{ snap }}
-        </button>
-      }
-      <button ngbPaginationBtn="next" jump="1" class="h-8 w-8 !p-2">></button>
-      <button ngbPaginationBtn="next" class="h-8 w-8 !p-2">></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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbPagination, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.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" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbPagination, decorators: [{
-            type: Component,
+            type: Directive,
             args: [{
                     selector: '[ngbPagination]',
-                    imports: [NgbSelect, NgbOption, NgbPaginationBtn],
-                    template: `
-    <div class="flex items-center gap-2">
-      <div>Rows per page</div>
-      <div ngbSelect [value]="size()" (valueChange)="sizeChanged($event)" class="w-20 !py-1.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-2">
-      <button ngbPaginationBtn="prev" class="h-8 w-8 !p-2"><</button>
-      <button ngbPaginationBtn="prev" jump="-1" class="h-8 w-8 !p-2"><</button>
-      @for (snap of snaps(); track snap) {
-        <button
-          ngbPaginationBtn="page"
-          [jump]="snap"
-          [class]="active() === snap ? 'bg-muted-background text-primary' : ''"
-          class="min-w-9 !p-2 ring-offset-background"
-        >
-          {{ snap }}
-        </button>
-      }
-      <button ngbPaginationBtn="next" jump="1" class="h-8 w-8 !p-2">></button>
-      <button ngbPaginationBtn="next" class="h-8 w-8 !p-2">></button>
-    </div>
-  `,
                     host: {
-                        class: 'flex items-center gap-8 font-semibold',
                         role: 'pagination',
                         'aria-label': 'pagination',
                     },
                 }]
         }] });
+function aliasPagination(pagination) {
+    return { provide: NgbPagination, useExisting: pagination };
+}
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NgbPagination, NgbPaginationBtn };
+export { NgbPagination, NgbPaginationBtn, aliasPagination };
 //# sourceMappingURL=ngbase-adk-pagination.mjs.map

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

@@ -1 +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-2\">\n      <div>Rows per page</div>\n      <div ngbSelect [value]=\"size()\" (valueChange)=\"sizeChanged($event)\" class=\"w-20 !py-1.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-2\">\n      <button ngbPaginationBtn=\"prev\" class=\"h-8 w-8 !p-2\"><</button>\n      <button ngbPaginationBtn=\"prev\" jump=\"-1\" class=\"h-8 w-8 !p-2\"><</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-9 !p-2 ring-offset-background\"\n        >\n          {{ snap }}\n        </button>\n      }\n      <button ngbPaginationBtn=\"next\" jump=\"1\" class=\"h-8 w-8 !p-2\">></button>\n      <button ngbPaginationBtn=\"next\" class=\"h-8 w-8 !p-2\">></button>\n    </div>\n  `,\n  host: {\n    class: 'flex items-center gap-8 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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"}
+{"version":3,"file":"ngbase-adk-pagination.mjs","sources":["../../../projects/adk/pagination/pagination.ts","../../../projects/adk/pagination/ngbase-adk-pagination.ts"],"sourcesContent":["import { computed, Directive, inject, input, model, numberAttribute, output } from '@angular/core';\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@Directive({\n  selector: '[ngbPagination]',\n  host: {\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\nexport function aliasPagination(pagination: typeof NgbPagination) {\n  return { provide: NgbPagination, useExisting: pagination };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAYa,gBAAgB,CAAA;AAV7B,IAAA,WAAA,GAAA;AAWW,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC;AAElC,QAAA,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAC,QAAQ,EAA4B;QAC7D,IAAI,CAAA,IAAA,GAAG,KAAK,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;QAEvD,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC,MAC3B,IAAI,CAAC,gBAAgB,EAAE,KAAK;AAC1B,cAAE;AACF,cAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK;AAC5B,kBAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI;kBACrB,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAC9B;AACQ,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AACjC,YAAA,OAAO,IAAI,CAAC,gBAAgB,EAAE,KAAK;AACjC,kBAAE;AACF,kBAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK;AAC5B,sBAAE;sBACA,iBAAiB;AACzB,SAAC,CAAC;QAEO,IAAW,CAAA,WAAA,GAAG,QAAQ,CAAC,MAC9B,IAAI,CAAC,gBAAgB,EAAE,KAAK,MAAM,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,IAAI,CAAC,IAAI;AAC1E,cAAE;cACA,SAAS,CACd;AAmBF;IAjBC,OAAO,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE,KAAK,MAAM,EAAE;YACtC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAG,CAAC;;AAC7B,aAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE,KAAK,MAAM,EAAE;AAC7C,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE;gBACf,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;;iBACnB;AACL,gBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;;;aAEpB;AACL,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE;AACf,gBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;;iBAClB;AACL,gBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;;;;8GAxC5C,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAV5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,IAAI,EAAE;AACJ,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,mBAAmB,EAAE,aAAa;AAClC,wBAAA,YAAY,EAAE,YAAY;AAC1B,wBAAA,SAAS,EAAE,WAAW;AACtB,wBAAA,qBAAqB,EAAE,eAAe;AACvC,qBAAA;AACF,iBAAA;;MAsDY,aAAa,CAAA;AAP1B,IAAA,WAAA,GAAA;;AASW,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAU;AAChC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,EAAU;AAC/B,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAW,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AAChD,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAU;QACjC,IAAY,CAAA,YAAA,GAAG,MAAM,EAAU;;QAG/B,IAAU,CAAA,UAAA,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;AAClE,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;AAC7B,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,EAAE;AACjC,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE;YAE/B,MAAM,GAAG,GAAG,EAAE;AACd,YAAA,IAAI,KAAK,GAAG,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,WAAW,GAAG,CAAC,GAAG,CAAC;AACrD,YAAA,IAAI,GAAG,GAAG,KAAK,GAAG,CAAC;AAEnB,YAAA,IAAI,GAAG,GAAG,KAAK,EAAE;gBACf,GAAG,GAAG,KAAK;AACX,gBAAA,KAAK,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC;;AAGvC,YAAA,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE,EAAE;AACjC,gBAAA,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;;AAEb,YAAA,OAAO,GAAG;AACZ,SAAC,CAAC;AAEO,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AACxC,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;AAsBlE;AApBC,IAAA,IAAI,CAAC,KAAa,EAAA;AAChB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE;AAC/B,QAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAG;AACrB,YAAA,CAAC,GAAG,KAAK,IAAI,KAAK,GAAG,KAAK,GAAG,KAAK;AAClC,YAAA,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AAClB,YAAA,OAAO,CAAC;AACV,SAAC,CAAC;QACF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;;AAGvC,IAAA,IAAI,CAAC,EAAU,EAAA;AACb,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;AAC5B,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;;AAGxB,IAAA,WAAW,CAAC,IAAY,EAAA;AACtB,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;AACnB,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QAClB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;;8GAlD5B,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,YAAA,EAAA,MAAA,EAAA,cAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAPzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,IAAI,EAAE;AACJ,wBAAA,IAAI,EAAE,YAAY;AAClB,wBAAA,YAAY,EAAE,YAAY;AAC3B,qBAAA;AACF,iBAAA;;AAuDK,SAAU,eAAe,CAAC,UAAgC,EAAA;IAC9D,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE;AAC5D;;ACzHA;;AAEG;;;;"}