@ngbase/adk 0.1.2 → 0.1.4

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

@@ -1 +1 @@
-{"version":3,"file":"ngbase-adk-utils.mjs","sources":["../../../projects/adk/utils/range.pipe.ts","../../../projects/adk/utils/disposals.ts","../../../projects/adk/utils/utils.ts","../../../projects/adk/utils/ssr.ts","../../../projects/adk/utils/animation.ts","../../../projects/adk/utils/number-only.ts","../../../projects/adk/utils/ngbase-adk-utils.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'range',\n})\nexport class RangePipe implements PipeTransform {\n  transform(value: number) {\n    return Array.from({ length: value }, (v, k) => k + 1);\n  }\n}\n","import { afterNextRender, DestroyRef, inject, Injector } from '@angular/core';\n\ntype Cleanup = () => void;\ntype CleanupRegisterFn = (fn: Cleanup) => void;\n\nexport function disposals() {\n  const injector = inject(Injector);\n  const destroyRef = inject(DestroyRef);\n  return {\n    afterNextRender: (fn: (cleanup: CleanupRegisterFn) => void) => {\n      const cleanup: Cleanup[] = [];\n      const register = (fn: Cleanup) => cleanup.push(fn);\n      const runCleanup = () => cleanup.forEach(c => c());\n      afterNextRender(\n        () => {\n          runCleanup();\n          fn(register);\n        },\n        { injector },\n      );\n      return destroyRef.onDestroy(() => runCleanup());\n    },\n  };\n}\n\nexport function cleanup(fn: () => void) {\n  inject(DestroyRef).onDestroy(fn);\n}\n","import { DOCUMENT } from '@angular/common';\nimport {\n  computed,\n  forwardRef,\n  inject,\n  Injector,\n  isSignal,\n  linkedSignal,\n  runInInjectionContext,\n  Signal,\n  signal,\n  Type,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { cleanup } from './disposals';\n\nexport function uniqueId(length: number = 7) {\n  return Array.from({ length }, () =>\n    String.fromCharCode(97 + Math.floor(Math.random() * 26)),\n  ).join('');\n}\n\nexport function provideValueAccessor<T>(valueAccessor: Type<T>) {\n  return {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => valueAccessor),\n    multi: true,\n  };\n}\n\nexport interface ListenerOut {\n  on: () => void;\n  off: () => void;\n}\n\nexport function documentListener<T extends Event>(\n  ev: string,\n  fn: (e: T) => void,\n  data: Partial<\n    AddEventListenerOptions & {\n      injector?: Injector;\n      lazy?: boolean;\n      skip?: number;\n      element?: HTMLElement | Document | Window;\n    }\n  > = {},\n): ListenerOut {\n  const { injector = inject(Injector), lazy = false, element, skip = 0, ...listenerOptions } = data;\n  let active = false;\n  const controller: ListenerOut = { on: () => {}, off: () => {} };\n\n  controller.on = () => {\n    if (active) return;\n    active = true;\n    runInInjectionContext(injector, () => {\n      const el = element || inject(DOCUMENT);\n      let eventCount = 0;\n      el.addEventListener(\n        ev,\n        e => {\n          eventCount++;\n          if (eventCount <= skip) return;\n          fn(e as T);\n        },\n        listenerOptions,\n      );\n\n      controller.off = () => {\n        active = false;\n        eventCount = 0;\n        el.removeEventListener(ev, fn as any);\n      };\n      cleanup(controller.off);\n    });\n  };\n\n  if (!lazy) controller.on();\n  return controller;\n}\n\nexport function filterFunction<T, V = T>(\n  data: Signal<T[]> | T[],\n  options: {\n    filter?: (v: V) => string;\n    key?: keyof T;\n    childrenFilter?: (v: T) => V[];\n    query?: (v: V, search: string) => boolean;\n  },\n) {\n  const search = signal('');\n  const list = linkedSignal(isSignal(data) ? data : signal(data || []));\n\n  const filteredList = computed(() => {\n    const text = search().toLowerCase();\n    const lists = list();\n\n    const query =\n      options.query ?? ((v: V, t: string) => options.filter!(v).toLowerCase().includes(t));\n    const vvv = lists.reduce((acc, item) => {\n      if (options.childrenFilter) {\n        const children = options.childrenFilter(item);\n        const filteredChildren = children.filter(child => query(child as unknown as V, text));\n        if (filteredChildren.length) {\n          acc.push({\n            ...item,\n            [(options.key as unknown as string) || 'children']: filteredChildren,\n          });\n        }\n      } else if (query(item as unknown as V, text)) {\n        acc.push(item);\n      }\n      return acc;\n    }, [] as T[]);\n    return vvv;\n  });\n  return { search, list, filteredList };\n}\n","import { isPlatformBrowser, isPlatformServer } from '@angular/common';\nimport { inject, PLATFORM_ID } from '@angular/core';\n\nexport function isServer() {\n  return isPlatformServer(inject(PLATFORM_ID));\n}\n\nexport function isClient() {\n  return isPlatformBrowser(inject(PLATFORM_ID));\n}\n","import {\n  animate,\n  animateChild,\n  AnimationTriggerMetadata,\n  group,\n  query,\n  state,\n  style,\n  transition,\n  trigger,\n} from '@angular/animations';\n\nexport const createHostAnimation = function dialogHostAnimation(animationNames: string[]) {\n  return trigger('parentAnimation', [\n    transition(':enter', [query(animationNames.join(', '), [animateChild()], { optional: true })]),\n    transition(':leave', [\n      group(animationNames.map(x => query(x, [animateChild()], { optional: true }))),\n    ]),\n  ]);\n};\n\n// fade in and out animation\nexport function fadeAnimation(time: string): AnimationTriggerMetadata {\n  return trigger('fadeAnimation', [\n    state('1', style({ opacity: 1 })),\n    state('void', style({ opacity: 0 })),\n    state('0', style({ opacity: 0 })),\n    transition('* => *', animate(`${time} ease`)),\n  ]);\n}\n","import { Directive, effect, ElementRef, inject, input, linkedSignal, model } from '@angular/core';\n\n@Directive({\n  selector: '[ngbNumberOnly]',\n  host: {\n    '(input)': 'value.set($event.target.value)',\n    '[value]': 'value()',\n  },\n})\nexport class NumberOnly {\n  readonly el = inject<ElementRef<HTMLInputElement>>(ElementRef);\n\n  readonly min = input<number | undefined>();\n  readonly max = input<number | undefined>();\n  readonly len = input<number | undefined>();\n\n  readonly value = model<string>('');\n\n  // Hacky way to set the min value\n  readonly _min = linkedSignal(this.min);\n  readonly _max = linkedSignal(this.max);\n  readonly _len = linkedSignal(this.len);\n\n  constructor() {\n    effect(cleanup => {\n      const el = this.el.nativeElement;\n      el.addEventListener('keydown', this.onKeyDown);\n      cleanup(() => el.removeEventListener('keydown', this.onKeyDown));\n    });\n  }\n\n  private readonly allowedKeys = new Set([\n    'Backspace',\n    'Delete',\n    'Tab',\n    'Escape',\n    'Enter',\n    'Home',\n    'End',\n    'ArrowLeft',\n    'ArrowRight',\n  ]);\n\n  onKeyDown = (e: KeyboardEvent) => {\n    if (this.allowedKeys.has(e.key) || this.isCtrlKey(e)) return;\n    if (e.key === 'v' && (e.ctrlKey || e.metaKey)) return e.preventDefault();\n\n    if (['ArrowUp', 'ArrowDown'].includes(e.key)) {\n      return this.handleArrowUpDown(e);\n    }\n\n    if (!/^\\d$/.test(e.key) || !this.validateValue(this.getNewValue(e))) {\n      e.preventDefault();\n    }\n  };\n\n  private isCtrlKey(e: KeyboardEvent): boolean {\n    return ['a', 'c', 'x'].includes(e.key) && (e.ctrlKey || e.metaKey);\n  }\n\n  private handleArrowUpDown(e: KeyboardEvent) {\n    e.preventDefault();\n    const currentValue = this.el.nativeElement.value;\n    const newValue = +currentValue + (e.key === 'ArrowUp' ? 1 : -1);\n    if (this.validateValue(newValue.toString())) {\n      this.value.set(newValue.toString().padStart(2, '0'));\n    }\n  }\n\n  private getNewValue(e: KeyboardEvent): string {\n    const { value, selectionStart, selectionEnd } = this.el.nativeElement;\n    const start = selectionStart ?? value.length;\n    const end = selectionEnd ?? value.length;\n    return value.slice(0, start) + e.key + value.slice(end);\n  }\n\n  private validateValue(rawValue: string): boolean {\n    const len = this._len();\n    const value = +rawValue;\n    const min = this._min();\n    const max = this._max();\n\n    if (len !== undefined && rawValue.length > len) return false;\n    if (max !== undefined && value > max) return false;\n\n    if (min !== undefined && value < min) {\n      const potentialMax = Number(rawValue + '9'.repeat(len ? len - rawValue.length : 1));\n      if (potentialMax < min) return false;\n    }\n\n    return true;\n  }\n}\n\nexport function padString(num: number | string): string {\n  return num.toString().padStart(2, '0');\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-utils.mjs","sources":["../../../projects/adk/utils/range.pipe.ts","../../../projects/adk/utils/disposals.ts","../../../projects/adk/utils/utils.ts","../../../projects/adk/utils/ssr.ts","../../../projects/adk/utils/animation.ts","../../../projects/adk/utils/number-only.ts","../../../projects/adk/utils/ngbase-adk-utils.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'range',\n})\nexport class RangePipe implements PipeTransform {\n  transform(value: number) {\n    return Array.from({ length: value }, (v, k) => k + 1);\n  }\n}\n","import { afterNextRender, DestroyRef, inject, Injector } from '@angular/core';\n\ntype Cleanup = () => void;\ntype CleanupRegisterFn = (fn: Cleanup) => void;\n\nexport function disposals() {\n  const injector = inject(Injector);\n  const destroyRef = inject(DestroyRef);\n  return {\n    afterNextRender: (fn: (cleanup: CleanupRegisterFn) => void) => {\n      const cleanup: Cleanup[] = [];\n      const register = (fn: Cleanup) => cleanup.push(fn);\n      const runCleanup = () => cleanup.forEach(c => c());\n      afterNextRender(\n        () => {\n          runCleanup();\n          fn(register);\n        },\n        { injector },\n      );\n      return destroyRef.onDestroy(() => runCleanup());\n    },\n  };\n}\n\nexport function cleanup(fn: () => void) {\n  inject(DestroyRef).onDestroy(fn);\n}\n","import { DOCUMENT } from '@angular/common';\nimport {\n  computed,\n  forwardRef,\n  inject,\n  Injector,\n  isSignal,\n  linkedSignal,\n  runInInjectionContext,\n  Signal,\n  signal,\n  Type,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { cleanup } from './disposals';\n\nexport function uniqueId(length: number = 7) {\n  return Array.from({ length }, () =>\n    String.fromCharCode(97 + Math.floor(Math.random() * 26)),\n  ).join('');\n}\n\nexport function provideValueAccessor<T>(valueAccessor: Type<T>) {\n  return {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => valueAccessor),\n    multi: true,\n  };\n}\n\nexport interface ListenerOut {\n  on: () => void;\n  off: () => void;\n}\n\nexport function documentListener<T extends Event>(\n  ev: string,\n  fn: (e: T) => void,\n  data: Partial<\n    AddEventListenerOptions & {\n      injector?: Injector;\n      lazy?: boolean;\n      skip?: number;\n      element?: HTMLElement | Document | Window;\n    }\n  > = {},\n): ListenerOut {\n  const { injector = inject(Injector), lazy = false, element, skip = 0, ...listenerOptions } = data;\n  let active = false;\n  const controller: ListenerOut = { on: () => {}, off: () => {} };\n\n  controller.on = () => {\n    if (active) return;\n    active = true;\n    runInInjectionContext(injector, () => {\n      const el = element || inject(DOCUMENT);\n      let eventCount = 0;\n      el.addEventListener(\n        ev,\n        e => {\n          eventCount++;\n          if (eventCount <= skip) return;\n          fn(e as T);\n        },\n        listenerOptions,\n      );\n\n      controller.off = () => {\n        active = false;\n        eventCount = 0;\n        el.removeEventListener(ev, fn as any);\n      };\n      cleanup(controller.off);\n    });\n  };\n\n  if (!lazy) controller.on();\n  return controller;\n}\n\nexport type FilterOptions<T, V = any> = {\n  filter: (v: V) => string;\n  query?: (query: string, option: V) => boolean;\n  key?: keyof T;\n  childrenFilter?: (v: T) => V[];\n};\n\nexport function filterFunction<T, V = T>(data: Signal<T[]> | T[], ops: () => FilterOptions<T, V>) {\n  const search = signal('');\n  const list = linkedSignal(isSignal(data) ? data : signal(data || []));\n\n  const filteredList = computed(() => {\n    const options = ops();\n    const text = search()?.trim().toLowerCase() || '';\n    const lists = list() || [];\n    const filter = options.filter ?? ((v: V) => v as string);\n\n    const query = options.query ?? ((t: string, v: V) => filter(v).toLowerCase().includes(t));\n    const vvv = lists.reduce((acc, item) => {\n      // Get children from key or childrenFilter\n      const children = options.key ? (item[options.key] as V[]) : options.childrenFilter?.(item);\n      if (children) {\n        const filteredChildren = children?.filter(child => query(text, child as V));\n        if (filteredChildren?.length) {\n          acc.push({\n            ...item,\n            [(options.key as unknown as string) || 'children']: filteredChildren,\n          });\n        }\n      } else if (query(text, item as unknown as V)) {\n        acc.push(item);\n      }\n      return acc;\n    }, [] as T[]);\n    return vvv;\n  });\n  return { search, list, filteredList };\n}\n","import { isPlatformBrowser, isPlatformServer } from '@angular/common';\nimport { inject, PLATFORM_ID } from '@angular/core';\n\nexport function isServer() {\n  return isPlatformServer(inject(PLATFORM_ID));\n}\n\nexport function isClient() {\n  return isPlatformBrowser(inject(PLATFORM_ID));\n}\n","import {\n  animate,\n  animateChild,\n  AnimationTriggerMetadata,\n  group,\n  query,\n  state,\n  style,\n  transition,\n  trigger,\n} from '@angular/animations';\n\nexport const createHostAnimation = function dialogHostAnimation(animationNames: string[]) {\n  return trigger('parentAnimation', [\n    transition(':enter', [query(animationNames.join(', '), [animateChild()], { optional: true })]),\n    transition(':leave', [\n      group(animationNames.map(x => query(x, [animateChild()], { optional: true }))),\n    ]),\n  ]);\n};\n\n// fade in and out animation\nexport function fadeAnimation(time: string): AnimationTriggerMetadata {\n  return trigger('fadeAnimation', [\n    state('1', style({ opacity: 1 })),\n    state('void', style({ opacity: 0 })),\n    state('0', style({ opacity: 0 })),\n    transition('* => *', animate(`${time} ease`)),\n  ]);\n}\n","import { Directive, effect, ElementRef, inject, input, linkedSignal, model } from '@angular/core';\n\n@Directive({\n  selector: '[ngbNumberOnly]',\n  host: {\n    '(input)': 'value.set($event.target.value)',\n    '[value]': 'value()',\n  },\n})\nexport class NumberOnly {\n  readonly el = inject<ElementRef<HTMLInputElement>>(ElementRef);\n\n  readonly min = input<number | undefined>();\n  readonly max = input<number | undefined>();\n  readonly len = input<number | undefined>();\n\n  readonly value = model<string>('');\n\n  // Hacky way to set the min value\n  readonly _min = linkedSignal(this.min);\n  readonly _max = linkedSignal(this.max);\n  readonly _len = linkedSignal(this.len);\n\n  constructor() {\n    effect(cleanup => {\n      const el = this.el.nativeElement;\n      el.addEventListener('keydown', this.onKeyDown);\n      cleanup(() => el.removeEventListener('keydown', this.onKeyDown));\n    });\n  }\n\n  private readonly allowedKeys = new Set([\n    'Backspace',\n    'Delete',\n    'Tab',\n    'Escape',\n    'Enter',\n    'Home',\n    'End',\n    'ArrowLeft',\n    'ArrowRight',\n  ]);\n\n  onKeyDown = (e: KeyboardEvent) => {\n    if (this.allowedKeys.has(e.key) || this.isCtrlKey(e)) return;\n    if (e.key === 'v' && (e.ctrlKey || e.metaKey)) return e.preventDefault();\n\n    if (['ArrowUp', 'ArrowDown'].includes(e.key)) {\n      return this.handleArrowUpDown(e);\n    }\n\n    if (!/^\\d$/.test(e.key) || !this.validateValue(this.getNewValue(e))) {\n      e.preventDefault();\n    }\n  };\n\n  private isCtrlKey(e: KeyboardEvent): boolean {\n    return ['a', 'c', 'x'].includes(e.key) && (e.ctrlKey || e.metaKey);\n  }\n\n  private handleArrowUpDown(e: KeyboardEvent) {\n    e.preventDefault();\n    const currentValue = this.el.nativeElement.value;\n    const newValue = +currentValue + (e.key === 'ArrowUp' ? 1 : -1);\n    if (this.validateValue(newValue.toString())) {\n      this.value.set(newValue.toString().padStart(2, '0'));\n    }\n  }\n\n  private getNewValue(e: KeyboardEvent): string {\n    const { value, selectionStart, selectionEnd } = this.el.nativeElement;\n    const start = selectionStart ?? value.length;\n    const end = selectionEnd ?? value.length;\n    return value.slice(0, start) + e.key + value.slice(end);\n  }\n\n  private validateValue(rawValue: string): boolean {\n    const len = this._len();\n    const value = +rawValue;\n    const min = this._min();\n    const max = this._max();\n\n    if (len !== undefined && rawValue.length > len) return false;\n    if (max !== undefined && value > max) return false;\n\n    if (min !== undefined && value < min) {\n      const potentialMax = Number(rawValue + '9'.repeat(len ? len - rawValue.length : 1));\n      if (potentialMax < min) return false;\n    }\n\n    return true;\n  }\n}\n\nexport function padString(num: number | string): string {\n  return num.toString().padStart(2, '0');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/mask/mask.d.ts

@@ -1,6 +1,5 @@
 import { NgControl } from '@angular/forms';
 import * as i0 from "@angular/core";
-import * as i1 from "@ngbase/adk/form-field";
 export declare class Mask {
     private readonly el;
     readonly control: NgControl | null;
@@ -20,6 +19,6 @@ export declare class Mask {
     private updateView;
     private unmask;
     static ɵfac: i0.ɵɵFactoryDeclaration<Mask, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Mask, "[ngbMask]", never, { "ngbMask": { "alias": "ngbMask"; "required": false; "isSignal": true; }; "showMaskType": { "alias": "showMaskType"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.InputBase; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Mask, "[ngbMask]", never, { "ngbMask": { "alias": "ngbMask"; "required": false; "isSignal": true; }; "showMaskType": { "alias": "showMaskType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare function maskTransform(value: string, mask: string, showMaskType?: boolean): string;

package/menu/menu-trigger.d.ts

@@ -27,7 +27,7 @@ export declare class NgbMenuTrigger {
     get rootParent(): NgbMenu | null;
     clickOpen(ev: MouseEvent): void;
     private open;
-    private closeMenu;
+    closeMenu(): void;
     openMenu(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbMenuTrigger, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgbMenuTrigger, "[ngbMenuTrigger]", ["ngbMenuTrigger"], { "ngbMenuTrigger": { "alias": "ngbMenuTrigger"; "required": true; "isSignal": true; }; "ngbMenuTriggerData": { "alias": "ngbMenuTriggerData"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/menu/menu.d.ts

@@ -16,6 +16,10 @@ export declare class NgpMenuGroup {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpMenuGroup, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgpMenuGroup, "[ngbMenuGroup]", never, {}, {}, never, never, true, [{ directive: typeof i1.AccessibleGroup; inputs: {}; outputs: {}; }]>;
 }
+export declare class NgpMenuContent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpMenuContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpMenuContent, "ng-template[ngbMenuContent]", never, {}, {}, never, never, true, never>;
+}
 export declare class NgbMenu implements OnDestroy {
     readonly dir: import("@ngbase/adk/bidi").Directionality;
     readonly popover: {
@@ -24,11 +28,13 @@ export declare class NgbMenu implements OnDestroy {
     };
     private readonly menuEl;
     readonly container: import("@angular/core").Signal<TemplateRef<any>>;
+    readonly content: import("@angular/core").Signal<readonly TemplateRef<any>[]>;
     readonly options: import("@angular/core").Signal<readonly NgbOption<any>[]>;
     readonly lists: import("@angular/core").Signal<readonly NgbList[]>;
     readonly manager: Keys;
     readonly selected: import("@angular/core").OutputEmitterRef<string>;
     readonly ayId: string;
+    readonly noAutoClose: import("@angular/core").InputSignal<boolean>;
     parentMenuTrigger?: NgbMenuTrigger;
     diaRef: DialogRef;
     readonly events: Subject<{
@@ -41,10 +47,10 @@ export declare class NgbMenu implements OnDestroy {
     open(options: PopoverOptions, subMenu?: boolean): void;
     opened(): void;
     get rootParent(): NgbMenu | undefined;
-    close: () => void;
+    close: (data?: any) => void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbMenu, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbMenu, "[ngbMenu]", ["ngbMenu"], {}, { "selected": "selected"; }, ["options", "lists"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbMenu, "[ngbMenu]", ["ngbMenu"], { "noAutoClose": { "alias": "noAutoClose"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, ["content", "options", "lists"], never, true, never>;
 }
 export declare const aliasMenu: (menu: typeof NgbMenu) => {
     provide: typeof NgbMenu;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngbase/adk",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "repository": {
     "type": "git",
     "url": "https://github.com/ng-base/ngbase.git"
@@ -44,13 +44,17 @@
       "types": "./autocomplete/index.d.ts",
       "default": "./fesm2022/ngbase-adk-autocomplete.mjs"
     },
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-avatar.mjs"
+    },
     "./bidi": {
       "types": "./bidi/index.d.ts",
       "default": "./fesm2022/ngbase-adk-bidi.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-avatar.mjs"
+    "./cache": {
+      "types": "./cache/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-cache.mjs"
     },
     "./breadcrumb": {
       "types": "./breadcrumb/index.d.ts",
@@ -60,10 +64,6 @@
       "types": "./carousel/index.d.ts",
       "default": "./fesm2022/ngbase-adk-carousel.mjs"
     },
-    "./cache": {
-      "types": "./cache/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-cache.mjs"
-    },
     "./checkbox": {
       "types": "./checkbox/index.d.ts",
       "default": "./fesm2022/ngbase-adk-checkbox.mjs"

package/pagination/pagination.d.ts

@@ -11,10 +11,10 @@ export declare class NgbPaginationBtn {
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgbPaginationBtn, "[ngbPaginationBtn]", never, { "ngbPaginationBtn": { "alias": "ngbPaginationBtn"; "required": true; "isSignal": true; }; "jump": { "alias": "jump"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class NgbPagination {
-    readonly total: import("@angular/core").InputSignal<number>;
     readonly size: import("@angular/core").ModelSignal<number>;
-    readonly sizeOptions: import("@angular/core").InputSignal<number[]>;
     readonly active: import("@angular/core").ModelSignal<number>;
+    readonly total: import("@angular/core").InputSignal<number>;
+    readonly sizeOptions: import("@angular/core").InputSignal<number[]>;
     readonly valueChanged: import("@angular/core").OutputEmitterRef<number>;
     readonly totalSnaps: import("@angular/core").Signal<number>;
     readonly snaps: import("@angular/core").Signal<number[]>;
@@ -24,7 +24,7 @@ export declare class NgbPagination {
     jump(by: number): void;
     sizeChanged(size: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbPagination, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbPagination, "[ngbPagination]", never, { "total": { "alias": "total"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": true; "isSignal": true; }; "sizeOptions": { "alias": "sizeOptions"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": true; "isSignal": true; }; }, { "size": "sizeChange"; "active": "activeChange"; "valueChanged": "valueChanged"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbPagination, "[ngbPagination]", never, { "size": { "alias": "size"; "required": true; "isSignal": true; }; "active": { "alias": "active"; "required": true; "isSignal": true; }; "total": { "alias": "total"; "required": true; "isSignal": true; }; "sizeOptions": { "alias": "sizeOptions"; "required": false; "isSignal": true; }; }, { "size": "sizeChange"; "active": "activeChange"; "valueChanged": "valueChanged"; }, never, never, true, never>;
 }
 export declare function aliasPagination(pagination: typeof NgbPagination): {
     provide: typeof NgbPagination;

package/popover/base-popover.service.d.ts

@@ -10,7 +10,7 @@ export declare function basePopoverPortal<T>(component: Type<T>): {
         }>;
         parent: T;
         replace: ((component: DialogInput<T_1>) => void) | undefined;
-        childSignal: import("@angular/core").WritableSignal<any>;
+        childSignal: import("@angular/core").WritableSignal<import("@angular/core").ComponentRef<any> | import("@angular/core").EmbeddedViewRef<any> | undefined>;
     };
     closeAll: () => void;
 };

package/popover/popover.d.ts

@@ -1,11 +1,10 @@
 import { ElementRef, ViewContainerRef } from '@angular/core';
 import { FocusTrap } from '@ngbase/adk/a11y';
-import { BaseDialog } from '@ngbase/adk/portal';
+import { BaseDialog, NgbPortalClose } from '@ngbase/adk/portal';
 import { Observable } from 'rxjs';
 import { PopoverOptions } from './popover.service';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngbase/adk/a11y";
-import * as i2 from "@ngbase/adk/portal";
 export declare class NgbPopoverBackdrop {
     readonly popover: NgbPopover;
     readonly focusTrap: FocusTrap;
@@ -42,9 +41,11 @@ export declare class NgbPopover extends BaseDialog {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbPopover, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgbPopover, "ngb-popover", never, {}, {}, never, never, true, never>;
 }
-export declare class NgbPopoverClose {
+export declare class NgbPopoverClose extends NgbPortalClose {
+    readonly ngbPopoverClose: import("@angular/core").InputSignal<unknown>;
+    close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbPopoverClose, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbPopoverClose, "[ngbPopoverClose]", never, {}, {}, never, never, true, [{ directive: typeof i2.NgbPortalClose; inputs: { "ngbPortalClose": "ngbPopoverClose"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbPopoverClose, "[ngbPopoverClose]", never, { "ngbPopoverClose": { "alias": "ngbPopoverClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare function aliasPopover(popover: typeof NgbPopover): ({
     provide: import("@angular/core").InjectionToken<{

package/portal/portal-base.service.d.ts

@@ -1,17 +1,17 @@
-import { ComponentRef, Type } from '@angular/core';
+import { ComponentRef, EmbeddedViewRef, Type } from '@angular/core';
 import { DialogInput, DialogOptions, DialogRef } from './dialog-ref';
 export declare function basePortal<U>(name: string, baseComponent: Type<U>): {
     open: <T>(component?: DialogInput<T>, callback?: (comp: ComponentRef<U>, opt: DialogOptions) => void, opt?: DialogOptions, animation?: boolean, parentComponent?: Type<U>) => {
         diaRef: DialogRef<any>;
         parent: ComponentRef<U>;
         instance: null;
-        childSignal: import("@angular/core").WritableSignal<any>;
+        childSignal: import("@angular/core").WritableSignal<ComponentRef<any> | EmbeddedViewRef<any> | undefined>;
         replace?: undefined;
     } | {
         diaRef: DialogRef<any>;
         parent: ComponentRef<U>;
         replace: (component: DialogInput<T>) => void;
-        childSignal: import("@angular/core").WritableSignal<any>;
+        childSignal: import("@angular/core").WritableSignal<ComponentRef<any> | EmbeddedViewRef<any> | undefined>;
         instance?: undefined;
     };
     closeAll: () => void;

package/portal/portal-close.directive.d.ts

@@ -1,8 +1,9 @@
+import { DialogRef } from './dialog-ref';
 import * as i0 from "@angular/core";
 export declare class NgbPortalClose {
-    private readonly dialogRef;
+    readonly dialogRef: DialogRef<any>;
     readonly ngbPortalClose: import("@angular/core").InputSignal<unknown>;
-    close(): void;
+    close(data?: unknown): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbPortalClose, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgbPortalClose, "[ngbPortalClose]", never, { "ngbPortalClose": { "alias": "ngbPortalClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/radio/radio.d.ts

@@ -5,7 +5,7 @@ import * as i1 from "@ngbase/adk/a11y";
 export declare class NgbRadioIndicator {
     readonly radio: NgbRadio;
     readonly allyItem: AccessibleItem<any>;
-    readonly disabled: import("@angular/core").WritableSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbRadioIndicator, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgbRadioIndicator, "[ngbRadioIndicator]", ["ngbRadioIndicator"], {}, {}, never, ["*"], true, [{ directive: typeof i1.AccessibleItem; inputs: {}; outputs: {}; }]>;
@@ -20,3 +20,7 @@ export declare class NgbRadio {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbRadio, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgbRadio, "[ngbRadio]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+export declare function aliasRadio(radio: typeof NgbRadio): {
+    provide: typeof NgbRadio;
+    useExisting: typeof NgbRadio;
+};

package/schematics/components/files/accordion/accordion.ts.template

@@ -14,7 +14,7 @@ import {
   hostDirectives: [{ directive: NgbAccordionGroup, inputs: ['multiple'] }],
   template: `<ng-content />`,
   host: {
-    class: 'block rounded-lg border bg-foreground',
+    class: 'block rounded-lg border bg-background',
   },
 })
 export class AccordionGroup {}
@@ -29,7 +29,7 @@ export class AccordionGroup {}
     <ng-content select="[<%= name %>AccordionHeader]" />
     @if (expanded()) {
       <div ngbAccordionContent [@slide] class="overflow-hidden">
-        <div class="px-3 pb-4 text-muted">
+        <div class="text-muted-foreground px-3 pb-4">
           <ng-content />
         </div>
       </div>

package/schematics/components/files/alert/alert.ts.template

@@ -45,7 +45,7 @@ export function alertPortal() {
   imports: [Button],
   template: `
     <h4 class="mb-2 text-base font-bold">{{ data?.title }}</h4>
-    <p class="text-muted-foreground pb-3">{{ data?.description }}</p>
+    <p class="pb-3 text-muted-foreground">{{ data?.description }}</p>
     <div class="flex justify-end gap-4 pt-1">
       @for (action of data?.actions; track action) {
         <button [<%= name %>Button]="action.type || 'primary'" (click)="action.handler(diaRef.close)">

package/schematics/components/files/autocomplete/autocomplete.ts.template

@@ -33,7 +33,7 @@ export class Autocomplete<T> extends NgbAutocomplete<T> {}
   hostDirectives: [
     {
       directive: NgbAutocompleteInput,
-      inputs: ['options', 'filterFn'],
+      inputs: ['isChip'],
       outputs: ['ngbAutocompleteInput: <%= name %>AutocompleteInput'],
     },
   ],

package/schematics/components/files/avatar/avatar.ts.template

@@ -25,7 +25,7 @@ export class AvatarGroup {}
   `,
   host: {
     class:
-      'inline-flex aspect-square rounded-full overflow-hidden border-2 border-foreground relative bg-background text-muted items-center justify-center',
+      'inline-flex aspect-square rounded-full overflow-hidden border-2 border-muted relative bg-background text-muted-foreground items-center justify-center',
   },
 })
 export class Avatar extends NgbAvatar {}

package/schematics/components/files/badge/badge.ts.template

@@ -5,7 +5,7 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `<ng-content />`,
   host: {
-    class: 'inline-block bg-muted-background rounded-full px-2 py-1 text-xs font-semibold',
+    class: 'inline-block bg-muted rounded-full px-2 py-1 text-xs font-semibold',
   },
 })
 export class Badge {}

package/schematics/components/files/breadcrumb/breadcrumb.ts.template

@@ -33,11 +33,15 @@ export class Breadcrumbs {}
       <ng-content />
     </a>
     @if (!active()) {
-      <<%= name %>-icon ngbBreadcrumbSeparatorAria name="lucideChevronRight" class="text-muted" />
+      <<%= name %>-icon
+        ngbBreadcrumbSeparatorAria
+        name="lucideChevronRight"
+        class="text-muted-foreground"
+      />
     }
   `,
   host: {
-    class: 'flex items-center gap-2 text-muted',
+    class: 'flex items-center gap-2 text-muted-foreground',
   },
 })
 export class Breadcrumb extends NgbBreadcrumb {}

package/schematics/components/files/button/button.ts.template

@@ -11,14 +11,14 @@ export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'outline' | 'ico
   host: {
     type: 'button',
     class:
-      'inline-flex items-center justify-center rounded-lg px-4 py-2 border disabled:text-muted disabled:cursor-not-allowed',
+      'inline-flex items-center justify-center rounded-lg px-4 py-2 border disabled:opacity-50 disabled:pointer-events-none',
     '[class]': `variant() === 'primary'
-          ? 'bg-primary text-foreground disabled:bg-background disabled:border-background border-primary'
+          ? 'bg-primary text-primary-foreground border-primary'
           : variant() === 'secondary'
-          ? 'bg-muted-background disabled:bg-muted-background border-muted-background'
+          ? 'bg-secondary text-secondary-foreground border-secondary hover:bg-secondary/80'
           : variant() === 'ghost' || variant() === 'icon'
-            ? '[&:not(:disabled)]:hover:bg-muted-background [&:not(:disabled)]:active:bg-muted-background/50 border-transparent'
-              : ' text-primary [&:not(:disabled)]:hover:bg-background [&:not(:disabled)]:active:bg-background/50'`,
+            ? 'hover:bg-accent hover:text-accent-foreground border-transparent'
+              : 'bg-background hover:bg-accent hover:text-accent-foreground'`,
   },
 })
 export class Button {

package/schematics/components/files/card/card.ts.template

@@ -5,7 +5,7 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `<ng-content />`,
   host: {
-    class: 'block rounded-lg border bg-foreground p-4',
+    class: 'block rounded-lg border bg-card text-card-foreground p-4',
   },
 })
 export class Card {}

package/schematics/components/files/checkbox/checkbox.ts.template

@@ -1,28 +1,24 @@
-import { ChangeDetectionStrategy, Component, computed, inject } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { FocusStyle } from './focus-style.directive';
-import { CheckboxButton, NgbCheckbox } from '@ngbase/adk/checkbox';
+import { CheckboxButton, NgbCheckbox, aliasCheckbox } from '@ngbase/adk/checkbox';
 
 @Component({
   selector: '<%= name %>-checkbox',
   changeDetection: ChangeDetectionStrategy.OnPush,
-  hostDirectives: [
-    {
-      directive: NgbCheckbox,
-      inputs: ['disabled', 'checked', 'indeterminate'],
-      outputs: ['checkedChange', 'change'],
-    },
-  ],
+  providers: [aliasCheckbox(Checkbox)],
   imports: [FormsModule, FocusStyle, CheckboxButton],
   template: `
     <button
       <%= name %>FocusStyle
       ngbCheckboxButton
       class="custom-checkbox relative flex h-4 w-4 flex-none items-center justify-center rounded border border-primary transition-colors"
-      [class]="checkbox.disabled() ? '!border-muted bg-muted' : path() ? 'bg-primary' : ''"
+      [class]="
+        disabled() ? '!border-muted-foreground bg-muted-foreground' : path() ? 'bg-primary' : ''
+      "
     >
       @if (path(); as d) {
-        <svg class="h-full w-full text-foreground" viewBox="0 0 24 24" aria-hidden="true">
+        <svg class="h-full w-full text-background" viewBox="0 0 24 24" aria-hidden="true">
           <path [attr.d]="d" stroke="currentColor" stroke-width="2" fill="none" />
         </svg>
       }
@@ -33,14 +29,8 @@ import { CheckboxButton, NgbCheckbox } from '@ngbase/adk/checkbox';
     class: 'inline-flex items-center gap-2 py-1 disabled:opacity-60 disabled:cursor-not-allowed',
   },
 })
-export class Checkbox {
-  readonly checkbox = inject(NgbCheckbox);
-
+export class Checkbox extends NgbCheckbox {
   readonly path = computed(() =>
-    this.checkbox.indeterminate()
-      ? 'M6 12L18 12'
-      : this.checkbox.checked()
-        ? 'M20 6L9 17L4 12'
-        : '',
+    this.indeterminate() ? 'M6 12L18 12' : this.checked() ? 'M20 6L9 17L4 12' : '',
   );
 }

package/schematics/components/files/checkbox/focus-style.directive.ts.template

@@ -4,7 +4,7 @@ import { booleanAttribute, Directive, input } from '@angular/core';
   selector: '[<%= name %>FocusStyle]',
   host: {
     class: 'outline-none',
-    '[class]': `!unfocus() ? 'focus-visible:ring-2 focus:ring-2 focus:ring-offset-2 ring-primary focus-visible:ring-offset-2 ring-offset-background data-[focus]:ring-2 data-[focus]:ring-offset-2 data-[focus]:ring-offset-background data-[focus]:ring-primary' : ''`,
+    '[class]': `!unfocus() ? 'focus-visible:ring-2 focus-within:ring-2 focus-within:ring-offset-2 ring-primary focus-visible:ring-offset-2 ring-offset-background data-[focus]:ring-2 data-[focus]:ring-offset-2 data-[focus]:ring-offset-background data-[focus]:ring-primary' : ''`,
   },
 })
 export class FocusStyle {

package/schematics/components/files/chip/chip.ts.template

@@ -9,6 +9,9 @@ import { lucideX } from '@ng-icons/lucide';
   selector: '<%= name %>-chip-group',
   hostDirectives: [NgbChipGroup],
   template: `<ng-content />`,
+  host: {
+    class: 'flex flex-wrap gap-2',
+  },
 })
 export class ChipGroup<T> {}
 
@@ -29,8 +32,7 @@ export class ChipGroup<T> {}
       </button>
     }`,
   host: {
-    class:
-      'inline-flex items-center bg-muted-background rounded-lg px-2 py-1 text-xs font-medium',
+    class: 'inline-flex items-center bg-muted rounded-lg px-2 py-1 text-xs font-medium',
   },
 })
 export class Chip<T = any> extends NgbChip<T> {}

package/schematics/components/files/color-picker/color-picker.ts.template

@@ -28,7 +28,7 @@ import { InputBase } from '@ngbase/adk/form-field';
   ],
   template: `
     <div class="flex w-full flex-col">
-      <div ngbColorSpectrum class="relative h-[160px] w-full overflow-hidden rounded-md">
+      <div ngbColorSpectrum class="relative h-[160px] w-full overflow-hidden rounded-md border-b">
         <button
           ngbColorSpectrumSelector
           class="pointer-events-none absolute -left-2 -top-2 h-4 w-4 cursor-pointer rounded-full border"

package/schematics/components/files/command/command.ts.template

@@ -27,7 +27,7 @@ export interface CommandItem {
         [(ngModel)]="filter.search"
         type="text"
         placeholder="Search for apps and commands"
-        class="sticky -top-4 w-full border-b bg-foreground p-4 outline-none"
+        class="sticky -top-4 w-full border-b bg-background p-4 outline-none"
       />
       @for (group of filter.filteredList(); track group.name) {
         <h4 class="mx-4 my-2 text-sm text-gray-500">{{ group.name }}</h4>

package/schematics/components/files/datepicker/calendar.ts.template

@@ -51,11 +51,11 @@ import { TimePicker } from './time';
             [ngbCalYearBtn]="year"
             #yearBtn="ngbCalYearBtn"
             class="items-center justify-center rounded-md py-2 h-9 w-[84px] {{
-              year.disabled ? 'cursor-default opacity-50' : 'hover:bg-muted-background'
+              year.disabled ? 'cursor-default opacity-50' : 'hover:bg-muted'
             }}"
             [ngClass]="{
-              'border bg-muted-background': yearBtn.selected(),
-              '!bg-primary text-foreground': yearBtn.active(),
+              'border bg-muted': yearBtn.selected(),
+              '!bg-primary text-background': yearBtn.active(),
             }"
           >
             {{ year.year }}
@@ -69,11 +69,11 @@ import { TimePicker } from './time';
             [ngbCalMonthBtn]="month"
             #monthBtn="ngbCalMonthBtn"
             class="items-center justify-center rounded-md py-2 h-9 w-[84px] {{
-              month.disabled ? 'cursor-default opacity-50' : 'hover:bg-muted-background'
+              month.disabled ? 'cursor-default opacity-50' : 'hover:bg-muted'
             }}"
             [ngClass]="{
-              'border bg-muted-background': monthBtn.selected(),
-              '!bg-primary text-foreground': monthBtn.active(),
+              'border bg-muted': monthBtn.selected(),
+              '!bg-primary text-background': monthBtn.active(),
             }"
           >
             {{ month.name }}
@@ -83,7 +83,7 @@ import { TimePicker } from './time';
     } @else {
       <div class="day-names grid grid-cols-7">
         @for (dayName of dayNames; track dayName) {
-          <div class="p-1 text-center text-muted">{{ dayName }}</div>
+          <div class="text-muted-foreground p-1 text-center">{{ dayName }}</div>
         }
       </div>
       <div class="grid grid-cols-7 gap-y-2">
@@ -92,12 +92,12 @@ import { TimePicker } from './time';
             #days="ngbCalDayBtn"
             [ngbCalDayBtn]="day"
             class="mx-auto flex h-9 w-9 items-center justify-center text-center {{
-              day.disabled ? 'cursor-default opacity-50' : 'hover:bg-muted-background'
+              day.disabled ? 'cursor-default opacity-50' : 'hover:bg-muted'
             }}"
             [ngClass]="{
-              'bg-muted-background': days.selected(),
+              'bg-muted': days.selected(),
               'opacity-40': days.dummy(),
-              '!bg-primary text-foreground': days.active(),
+              '!bg-primary text-background': days.active(),
             }"
           >
             {{ day.day }}