@ngbase/adk 0.1.16 → 0.1.18

package/fesm2022/ngbase-adk-scroll-area.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngbase-adk-scroll-area.mjs","sources":["../../../projects/adk/scroll-area/scroll-area.ts","../../../projects/adk/scroll-area/ngbase-adk-scroll-area.ts"],"sourcesContent":["import {\n  Component,\n  ElementRef,\n  computed,\n  signal,\n  ChangeDetectionStrategy,\n  viewChild,\n  effect,\n  Directive,\n  input,\n  inject,\n  contentChildren,\n} from '@angular/core';\nimport { Drag, DragData } from '@ngbase/adk/drag';\nimport { isClient } from '@ngbase/adk/utils';\n\nexport type ScrollBarOrientation = 'vertical' | 'horizontal' | 'both';\n\n@Directive({\n  selector: '[ngbScrollBar]',\n  hostDirectives: [Drag],\n  host: {\n    style: `position: absolute; cursor: pointer; z-index: 100;`,\n    '[style]': 'size()',\n    '[attr.data-visible]': 'visible()',\n    '[attr.data-active]': 'scrollArea.isDragging()',\n    '[hidden]': '!show()',\n  },\n})\nexport class NgbScrollBar {\n  readonly el = inject<ElementRef<HTMLDivElement>>(ElementRef);\n  readonly scrollArea = inject(NgbScrollArea);\n  readonly drag = inject(Drag);\n  readonly ngbScrollBar = input.required<'vertical' | 'horizontal'>();\n\n  readonly visible = computed(() => {\n    return this.ngbScrollBar() === 'vertical'\n      ? this.scrollArea.showVerticalScroll()\n      : this.scrollArea.showHorizontalScroll();\n  });\n\n  readonly show = computed(() => {\n    return this.ngbScrollBar() === 'vertical'\n      ? this.scrollArea.showVerticalBar()\n      : this.scrollArea.showHorizontalBar();\n  });\n\n  readonly size = computed(() => {\n    let sty =\n      this.ngbScrollBar() === 'vertical'\n        ? `height: ${this.scrollArea.scrollbarHeight()}%;`\n        : `width: ${this.scrollArea.scrollbarWidth()}%;`;\n    sty +=\n      this.ngbScrollBar() === 'vertical'\n        ? 'width: 8px; top: 0; right: 0;'\n        : 'height: 8px; bottom: 0; left: 0;';\n    return sty;\n  });\n\n  constructor() {\n    this.drag.events.subscribe(data => {\n      if (this.ngbScrollBar() === 'vertical') {\n        this.scrollArea.startDraggingVertical(data);\n      } else {\n        this.scrollArea.startDraggingHorizontal(data);\n      }\n    });\n  }\n}\n\n@Component({\n  selector: '[ngbScrollArea]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"scroll-area-viewport hide-scrollbar\" #scrollAreaViewport>\n      <div class=\"scroll-area-content\" style=\"height: 100%;\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n\n    <ng-content select=\"[ngbScrollBar]\"></ng-content>\n\n    <!-- Corner piece when both scrollbars are visible -->\n    @if (hasVertical() && hasHorizontal() && orientation() === 'both') {\n      <ng-content select=\".scroll-area-corner\"></ng-content>\n    }\n  `,\n  styles: [\n    `\n      :host {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        min-height: 0;\n      }\n\n      .scroll-area-viewport {\n        width: 100%;\n        height: 100%;\n        overflow: auto;\n        flex: 1;\n        min-height: 0;\n      }\n\n      .scroll-area-viewport.hide-scrollbar {\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n      }\n\n      .scroll-area-viewport.hide-scrollbar::-webkit-scrollbar {\n        display: none;\n      }\n\n      .scroll-area-content {\n        min-height: 0;\n        min-width: fit-content;\n      }\n\n      .scroll-area-corner {\n        position: absolute;\n        right: 0;\n        bottom: 0;\n        width: 8px;\n        height: 8px;\n        background: rgba(0, 0, 0, 0.3);\n        border-radius: 4px;\n      }\n    `,\n  ],\n})\nexport class NgbScrollArea {\n  readonly scrollAreaViewport =\n    viewChild.required<ElementRef<HTMLDivElement>>('scrollAreaViewport');\n  readonly scrollbars = contentChildren(NgbScrollBar);\n  readonly scrollbarVertical = computed(() => {\n    const scrollbars = this.scrollbars();\n    return scrollbars.find(scrollbar => scrollbar.ngbScrollBar() === 'vertical');\n  });\n  readonly scrollbarHorizontal = computed(() => {\n    const scrollbars = this.scrollbars();\n    return scrollbars.find(scrollbar => scrollbar.ngbScrollBar() === 'horizontal');\n  });\n\n  readonly orientation = input<ScrollBarOrientation>('both');\n  readonly hideDelay = input(1000); // Time in ms to hide scrollbar after scroll\n  readonly alwaysShow = input(false); // Whether to always show the scrollbar\n\n  private viewportHeight = signal(0);\n  private viewportWidth = signal(0);\n  private contentHeight = signal(0);\n  private contentWidth = signal(0);\n  private isScrolling = signal(false);\n  private hideTimeout: any;\n  readonly isDragging = signal(false);\n  private startY = 0;\n  private startX = 0;\n  private startScrollTop = 0;\n  private startScrollLeft = 0;\n  private client = isClient();\n\n  protected readonly showScrollbar = computed(() => {\n    return this.alwaysShow() || this.isScrolling() || this.isDragging();\n  });\n\n  protected readonly hasVertical = computed(() => this.contentHeight() > this.viewportHeight());\n  protected readonly hasHorizontal = computed(() => this.contentWidth() > this.viewportWidth());\n\n  readonly showVerticalBar = computed(\n    () => this.hasVertical() && this.orientation() !== 'horizontal',\n  );\n  readonly showHorizontalBar = computed(\n    () => this.hasHorizontal() && this.orientation() !== 'vertical',\n  );\n\n  readonly showVerticalScroll = computed(() => this.showVerticalBar() && this.showScrollbar());\n  readonly showHorizontalScroll = computed(() => this.showHorizontalBar() && this.showScrollbar());\n\n  readonly scrollbarHeight = computed(() => {\n    const viewportToContentRatio = this.viewportHeight() / this.contentHeight();\n    return Math.max(viewportToContentRatio * 100, 10); // Minimum 10% height\n  });\n\n  readonly scrollbarWidth = computed(() => {\n    const viewportToContentRatio = this.viewportWidth() / this.contentWidth();\n    return Math.max(viewportToContentRatio * 100, 10); // Minimum 10% width\n  });\n\n  constructor() {\n    effect(cleanup => {\n      this.updateDimensions();\n      const viewport = this.scrollAreaViewport().nativeElement;\n\n      if (this.client) {\n        viewport.addEventListener('scroll', this.handleScroll);\n        // Set up resize observer\n        const resizeObserver = new ResizeObserver(() => {\n          this.updateDimensions();\n        });\n\n        resizeObserver.observe(viewport);\n        resizeObserver.observe(viewport.firstElementChild as Element);\n\n        cleanup(() => {\n          viewport.removeEventListener('scroll', this.handleScroll);\n          resizeObserver.disconnect();\n        });\n      }\n    });\n  }\n\n  private updateDimensions() {\n    const viewport = this.scrollAreaViewport().nativeElement;\n    this.viewportHeight.set(viewport.clientHeight);\n    this.viewportWidth.set(viewport.clientWidth);\n    this.contentHeight.set(viewport.scrollHeight);\n    this.contentWidth.set(viewport.scrollWidth);\n  }\n\n  private handleScroll = (event: Event) => {\n    const target = event.target as HTMLElement;\n    this.isScrolling.set(true);\n\n    this.scrollbarVerticalTransform(target.scrollTop);\n    this.scrollbarHorizontalTransform(target.scrollLeft);\n    // Clear existing timeout\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n    }\n\n    // Set new timeout to hide scrollbar\n    this.hideTimeout = setTimeout(() => {\n      this.isScrolling.set(false);\n    }, this.hideDelay());\n  };\n\n  private scrollbarVerticalTransform(scrollTop: number) {\n    const scrollbar = this.scrollbarVertical()?.el.nativeElement;\n    if (!scrollbar) return;\n    const scrollRatio = scrollTop / (this.contentHeight() - this.viewportHeight());\n    const maxTranslate =\n      this.viewportHeight() - (this.viewportHeight() * this.scrollbarHeight()) / 100;\n    const translateY = scrollRatio * maxTranslate;\n    scrollbar.style.transform = `translateY(${translateY}px)`;\n  }\n\n  private scrollbarHorizontalTransform(scrollLeft: number) {\n    const scrollbar = this.scrollbarHorizontal()?.el.nativeElement;\n    if (!scrollbar) return;\n    const scrollRatio = scrollLeft / (this.contentWidth() - this.viewportWidth());\n    const maxTranslate =\n      this.viewportWidth() - (this.viewportWidth() * this.scrollbarWidth()) / 100;\n    const translateX = scrollRatio * maxTranslate;\n    scrollbar.style.transform = `translateX(${translateX}px)`;\n  }\n\n  startDraggingVertical(data: DragData) {\n    data.event?.preventDefault();\n    if (data.type === 'start') {\n      this.startScrollTop = this.scrollAreaViewport().nativeElement.scrollTop;\n      this.isDragging.set(true);\n      this.startY = data.clientY!;\n    } else if (data.type === 'end') {\n      this.isDragging.set(false);\n    }\n\n    const delta = data.clientY! - this.startY;\n    const scrollRatio =\n      delta / (this.viewportHeight() - (this.viewportHeight() * this.scrollbarHeight()) / 100);\n    const balance = this.contentHeight() - this.viewportHeight();\n    const newScrollTop = this.startScrollTop + scrollRatio * balance;\n\n    const value = Math.max(0, Math.min(newScrollTop, balance));\n\n    this.scrollAreaViewport().nativeElement.scrollTop = value;\n  }\n\n  startDraggingHorizontal(data: DragData) {\n    data.event?.preventDefault();\n    if (data.type === 'start') {\n      this.startScrollLeft = this.scrollAreaViewport().nativeElement.scrollLeft;\n      this.isDragging.set(true);\n      this.startX = data.clientX!;\n    } else if (data.type === 'end') {\n      this.isDragging.set(false);\n    }\n\n    const delta = data.clientX! - this.startX;\n    const scrollRatio =\n      delta / (this.viewportWidth() - (this.viewportWidth() * this.scrollbarWidth()) / 100);\n    const balance = this.contentWidth() - this.viewportWidth();\n    const newScrollLeft = this.startScrollLeft + scrollRatio * balance;\n\n    const value = Math.max(0, Math.min(newScrollLeft, balance));\n\n    this.scrollAreaViewport().nativeElement.scrollLeft = value;\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-scroll-area.mjs","sources":["../../../projects/adk/scroll-area/scroll-area.ts","../../../projects/adk/scroll-area/ngbase-adk-scroll-area.ts"],"sourcesContent":["import {\n  Component,\n  ElementRef,\n  computed,\n  signal,\n  ChangeDetectionStrategy,\n  viewChild,\n  effect,\n  Directive,\n  input,\n  inject,\n  contentChildren,\n} from '@angular/core';\nimport { Drag, DragData } from '@ngbase/adk/drag';\nimport { isClient } from '@ngbase/adk/utils';\n\nexport type ScrollBarOrientation = 'vertical' | 'horizontal' | 'both';\n\n@Directive({\n  selector: '[ngbScrollBar]',\n  hostDirectives: [Drag],\n  host: {\n    style: `position: absolute; cursor: pointer; z-index: 100;`,\n    '[style]': 'size()',\n    '[attr.data-visible]': 'visible()',\n    '[attr.data-active]': 'scrollArea.isDragging()',\n    '[hidden]': '!show()',\n  },\n})\nexport class NgbScrollBar {\n  readonly el = inject<ElementRef<HTMLDivElement>>(ElementRef);\n  readonly scrollArea = inject(NgbScrollArea);\n  readonly drag = inject(Drag);\n  readonly ngbScrollBar = input.required<'vertical' | 'horizontal'>();\n\n  readonly visible = computed(() => {\n    return this.ngbScrollBar() === 'vertical'\n      ? this.scrollArea.showVerticalScroll()\n      : this.scrollArea.showHorizontalScroll();\n  });\n\n  readonly show = computed(() => {\n    return this.ngbScrollBar() === 'vertical'\n      ? this.scrollArea.showVerticalBar()\n      : this.scrollArea.showHorizontalBar();\n  });\n\n  readonly size = computed(() => {\n    let sty =\n      this.ngbScrollBar() === 'vertical'\n        ? `height: ${this.scrollArea.scrollbarHeight()}%;`\n        : `width: ${this.scrollArea.scrollbarWidth()}%;`;\n    sty +=\n      this.ngbScrollBar() === 'vertical'\n        ? 'width: 8px; top: 0; right: 0;'\n        : 'height: 8px; bottom: 0; left: 0;';\n    return sty;\n  });\n\n  constructor() {\n    this.drag.events.subscribe(data => {\n      if (this.ngbScrollBar() === 'vertical') {\n        this.scrollArea.startDraggingVertical(data);\n      } else {\n        this.scrollArea.startDraggingHorizontal(data);\n      }\n    });\n  }\n}\n\n@Component({\n  selector: '[ngbScrollArea]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"scroll-area-viewport hide-scrollbar\" #scrollAreaViewport>\n      <div class=\"scroll-area-content\" style=\"height: 100%;\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n\n    <ng-content select=\"[ngbScrollBar]\"></ng-content>\n\n    <!-- Corner piece when both scrollbars are visible -->\n    @if (hasVertical() && hasHorizontal() && orientation() === 'both') {\n      <ng-content select=\".scroll-area-corner\"></ng-content>\n    }\n  `,\n  styles: [\n    `\n      :host {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        min-height: 0;\n      }\n\n      .scroll-area-viewport {\n        width: 100%;\n        height: 100%;\n        overflow: auto;\n        flex: 1;\n        min-height: 0;\n      }\n\n      .scroll-area-viewport.hide-scrollbar {\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n      }\n\n      .scroll-area-viewport.hide-scrollbar::-webkit-scrollbar {\n        display: none;\n      }\n\n      .scroll-area-content {\n        min-height: 0;\n        min-width: fit-content;\n      }\n\n      .scroll-area-corner {\n        position: absolute;\n        right: 0;\n        bottom: 0;\n        width: 8px;\n        height: 8px;\n        background: rgba(0, 0, 0, 0.3);\n        border-radius: 4px;\n      }\n    `,\n  ],\n})\nexport class NgbScrollArea {\n  readonly scrollAreaViewport =\n    viewChild.required<ElementRef<HTMLDivElement>>('scrollAreaViewport');\n  readonly scrollbars = contentChildren(NgbScrollBar);\n  readonly scrollbarVertical = computed(() => {\n    const scrollbars = this.scrollbars();\n    return scrollbars.find(scrollbar => scrollbar.ngbScrollBar() === 'vertical');\n  });\n  readonly scrollbarHorizontal = computed(() => {\n    const scrollbars = this.scrollbars();\n    return scrollbars.find(scrollbar => scrollbar.ngbScrollBar() === 'horizontal');\n  });\n\n  readonly orientation = input<ScrollBarOrientation>('both');\n  readonly hideDelay = input(1000); // Time in ms to hide scrollbar after scroll\n  readonly alwaysShow = input(false); // Whether to always show the scrollbar\n\n  private viewportHeight = signal(0);\n  private viewportWidth = signal(0);\n  private contentHeight = signal(0);\n  private contentWidth = signal(0);\n  private isScrolling = signal(false);\n  private hideTimeout: any;\n  readonly isDragging = signal(false);\n  private startY = 0;\n  private startX = 0;\n  private startScrollTop = 0;\n  private startScrollLeft = 0;\n  private client = isClient();\n\n  protected readonly showScrollbar = computed(() => {\n    return this.alwaysShow() || this.isScrolling() || this.isDragging();\n  });\n\n  protected readonly hasVertical = computed(() => this.contentHeight() > this.viewportHeight());\n  protected readonly hasHorizontal = computed(() => this.contentWidth() > this.viewportWidth());\n\n  readonly showVerticalBar = computed(\n    () => this.hasVertical() && this.orientation() !== 'horizontal',\n  );\n  readonly showHorizontalBar = computed(\n    () => this.hasHorizontal() && this.orientation() !== 'vertical',\n  );\n\n  readonly showVerticalScroll = computed(() => this.showVerticalBar() && this.showScrollbar());\n  readonly showHorizontalScroll = computed(() => this.showHorizontalBar() && this.showScrollbar());\n\n  readonly scrollbarHeight = computed(() => {\n    const viewportToContentRatio = this.viewportHeight() / this.contentHeight();\n    return Math.max(viewportToContentRatio * 100, 10); // Minimum 10% height\n  });\n\n  readonly scrollbarWidth = computed(() => {\n    const viewportToContentRatio = this.viewportWidth() / this.contentWidth();\n    return Math.max(viewportToContentRatio * 100, 10); // Minimum 10% width\n  });\n\n  constructor() {\n    effect(cleanup => {\n      this.updateDimensions();\n      const viewport = this.scrollAreaViewport().nativeElement;\n\n      if (this.client) {\n        viewport.addEventListener('scroll', this.handleScroll);\n        // Set up resize observer\n        const resizeObserver = new ResizeObserver(() => {\n          this.updateDimensions();\n        });\n\n        resizeObserver.observe(viewport);\n        const el = viewport.firstElementChild as Element;\n        if (el) resizeObserver.observe(el);\n        if (el.firstElementChild) resizeObserver.observe(el.firstElementChild as Element);\n\n        cleanup(() => {\n          viewport.removeEventListener('scroll', this.handleScroll);\n          resizeObserver.disconnect();\n        });\n      }\n    });\n  }\n\n  private updateDimensions() {\n    const viewport = this.scrollAreaViewport().nativeElement;\n    this.viewportHeight.set(viewport.clientHeight);\n    this.viewportWidth.set(viewport.clientWidth);\n    this.contentHeight.set(viewport.scrollHeight);\n    this.contentWidth.set(viewport.scrollWidth);\n    this._updateScroll(viewport);\n  }\n\n  private handleScroll = (event: Event) => {\n    const target = event.target as HTMLElement;\n    this.isScrolling.set(true);\n    this._updateScroll(target);\n  };\n\n  private _updateScroll(target: HTMLElement) {\n    this.scrollbarVerticalTransform(target.scrollTop);\n    this.scrollbarHorizontalTransform(target.scrollLeft);\n    // Clear existing timeout\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n    }\n\n    // Set new timeout to hide scrollbar\n    this.hideTimeout = setTimeout(() => {\n      this.isScrolling.set(false);\n    }, this.hideDelay());\n  }\n\n  private scrollbarVerticalTransform(scrollTop: number) {\n    const scrollbar = this.scrollbarVertical()?.el.nativeElement;\n    if (!scrollbar) return;\n    const scrollRatio = scrollTop / (this.contentHeight() - this.viewportHeight());\n    const maxTranslate =\n      this.viewportHeight() - (this.viewportHeight() * this.scrollbarHeight()) / 100;\n    const translateY = scrollRatio * maxTranslate;\n    scrollbar.style.transform = `translateY(${translateY}px)`;\n  }\n\n  private scrollbarHorizontalTransform(scrollLeft: number) {\n    const scrollbar = this.scrollbarHorizontal()?.el.nativeElement;\n    if (!scrollbar) return;\n    const scrollRatio = scrollLeft / (this.contentWidth() - this.viewportWidth());\n    const maxTranslate =\n      this.viewportWidth() - (this.viewportWidth() * this.scrollbarWidth()) / 100;\n    const translateX = scrollRatio * maxTranslate;\n    scrollbar.style.transform = `translateX(${translateX}px)`;\n  }\n\n  startDraggingVertical(data: DragData) {\n    data.event?.preventDefault();\n    if (data.type === 'start') {\n      this.startScrollTop = this.scrollAreaViewport().nativeElement.scrollTop;\n      this.isDragging.set(true);\n      this.startY = data.clientY!;\n    } else if (data.type === 'end') {\n      this.isDragging.set(false);\n    }\n\n    const delta = data.clientY! - this.startY;\n    const scrollRatio =\n      delta / (this.viewportHeight() - (this.viewportHeight() * this.scrollbarHeight()) / 100);\n    const balance = this.contentHeight() - this.viewportHeight();\n    const newScrollTop = this.startScrollTop + scrollRatio * balance;\n\n    const value = Math.max(0, Math.min(newScrollTop, balance));\n\n    this.scrollAreaViewport().nativeElement.scrollTop = value;\n  }\n\n  startDraggingHorizontal(data: DragData) {\n    data.event?.preventDefault();\n    if (data.type === 'start') {\n      this.startScrollLeft = this.scrollAreaViewport().nativeElement.scrollLeft;\n      this.isDragging.set(true);\n      this.startX = data.clientX!;\n    } else if (data.type === 'end') {\n      this.isDragging.set(false);\n    }\n\n    const delta = data.clientX! - this.startX;\n    const scrollRatio =\n      delta / (this.viewportWidth() - (this.viewportWidth() * this.scrollbarWidth()) / 100);\n    const balance = this.contentWidth() - this.viewportWidth();\n    const newScrollLeft = this.startScrollLeft + scrollRatio * balance;\n\n    const value = Math.max(0, Math.min(newScrollLeft, balance));\n\n    this.scrollAreaViewport().nativeElement.scrollLeft = value;\n  }\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-select.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { inject, ElementRef, input, booleanAttribute, output, signal, linkedSignal, Directive, contentChildren, viewChild, TemplateRef, model, computed, effect, untracked, contentChild } from '@angular/core';
 import * as i1 from '@ngbase/adk/a11y';
 import { AccessibleItem, AccessibleGroup, Autofocus } from '@ngbase/adk/a11y';
-import { uniqueId, filterFunction, provideValueAccessor } from '@ngbase/adk/utils';
+import { uniqueId, filterFunction } from '@ngbase/adk/utils';
 import { Directionality } from '@ngbase/adk/bidi';
 import { ngbPopoverPortal } from '@ngbase/adk/popover';
 import { Subject } from 'rxjs';
@@ -15,14 +15,14 @@ class NgbOption {
         this.el = inject(ElementRef);
         // inputs
         this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
         this.ayId = input(...(ngDevMode ? [undefined, { debugName: "ayId" }] : []));
         // outputs
         this.onSelectionChange = output();
         this.multiple = signal(false, ...(ngDevMode ? [{ debugName: "multiple" }] : []));
         this.checked = signal(false, ...(ngDevMode ? [{ debugName: "checked" }] : []));
         this.active = signal(false, ...(ngDevMode ? [{ debugName: "active" }] : []));
-        this._ayId = linkedSignal({ source: this.ayId, computation: id => id || '' });
+        this._ayId = linkedSignal({ ...(ngDevMode ? { debugName: "_ayId" } : {}), source: this.ayId, computation: id => id || '' });
         this.allyItem._ayId = this._ayId;
         this.allyItem._disabled = this.disabled;
     }
@@ -46,10 +46,10 @@ class NgbOption {
         }
         return this.value();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbOption, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: NgbOption, isStandalone: true, selector: "[ngbOption]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ayId: { classPropertyName: "ayId", publicName: "ayId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectionChange: "onSelectionChange" }, host: { attributes: { "role": "option", "tabindex": "-1" }, listeners: { "click": "selectOption()" } }, hostDirectives: [{ directive: i1.AccessibleItem }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbOption, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: NgbOption, isStandalone: true, selector: "[ngbOption]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ayId: { classPropertyName: "ayId", publicName: "ayId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectionChange: "onSelectionChange" }, host: { attributes: { "role": "option", "tabindex": "-1" }, listeners: { "click": "selectOption()" } }, hostDirectives: [{ directive: i1.AccessibleItem }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbOption, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbOption, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbOption]',
@@ -60,16 +60,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImpor
                         '(click)': 'selectOption()',
                     },
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], ayId: [{ type: i0.Input, args: [{ isSignal: true, alias: "ayId", required: false }] }], onSelectionChange: [{ type: i0.Output, args: ["onSelectionChange"] }] } });
 
 class NgbSelectTarget {
     constructor() {
         this.target = signal(null, ...(ngDevMode ? [{ debugName: "target" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSelectTarget, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: NgbSelectTarget, isStandalone: true, selector: "[ngbSelectTarget]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSelectTarget, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NgbSelectTarget, isStandalone: true, selector: "[ngbSelectTarget]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSelectTarget, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSelectTarget, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbSelectTarget]',
@@ -82,16 +82,17 @@ class SelectBase {
         this.el = inject(ElementRef);
         this.dir = inject(Directionality);
         this.target = inject(NgbSelectTarget, { optional: true });
-        this.list = contentChildren(NgbOption, ...(ngDevMode ? [{ debugName: "list", descendants: true }] : [{ descendants: true }]));
+        this.list = contentChildren(NgbOption, { ...(ngDevMode ? { debugName: "list" } : {}), descendants: true });
         this.popover = ngbPopoverPortal();
-        this.optionsTemplate = viewChild('optionsTemplate', ...(ngDevMode ? [{ debugName: "optionsTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
-        this.container = viewChild('container', ...(ngDevMode ? [{ debugName: "container", read: ElementRef }] : [{ read: ElementRef }]));
-        this.optionsGroup = viewChild('optionsGroup', ...(ngDevMode ? [{ debugName: "optionsGroup", read: ElementRef }] : [{ read: ElementRef }]));
+        this.optionsTemplate = viewChild('optionsTemplate', { ...(ngDevMode ? { debugName: "optionsTemplate" } : {}), read: TemplateRef });
+        this.container = viewChild('container', { ...(ngDevMode ? { debugName: "container" } : {}), read: ElementRef });
+        this.optionsGroup = viewChild('optionsGroup', { ...(ngDevMode ? { debugName: "optionsGroup" } : {}), read: ElementRef });
         // inputs
         this.value = model('', ...(ngDevMode ? [{ debugName: "value" }] : []));
-        this.disabled = model(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-        this.multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-        this.noAutoClose = input(false, ...(ngDevMode ? [{ debugName: "noAutoClose", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : []));
+        this.multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : {}), transform: booleanAttribute });
+        this.noAutoClose = input(false, { ...(ngDevMode ? { debugName: "noAutoClose" } : {}), transform: booleanAttribute });
         this.options = input([], ...(ngDevMode ? [{ debugName: "options" }] : []));
         this.placeholder = input(' ', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
         this.size = input('free', ...(ngDevMode ? [{ debugName: "size" }] : []));
@@ -170,14 +171,12 @@ class SelectBase {
         effect(() => {
             const values = this.values();
             const options = this.list();
-            // console.log('values', this.values());
             options.forEach(option => {
                 option.checked.set(values.includes(option.getValue()));
             });
         });
-        // valueRef is required to destroy the effect when formControl is registered
-        // so that it does not override the form value
-        this.valueRef = effect(() => this.updateValues(this.value()), ...(ngDevMode ? [{ debugName: "valueRef" }] : []));
+        // Sync value model to internal values array
+        effect(() => this.updateValues(this.value()));
     }
     open() {
         // if the status is opened, return
@@ -271,56 +270,36 @@ class SelectBase {
             if (!this.noAutoClose())
                 this.close();
         }
-        // console.log('setValue', localValue, this.values());
         this.values.set(localValue);
         if (!skip) {
-            this.onChange?.(setValue);
-            this.onTouched?.();
             this.value.set(setValue);
+            this.touched.set(true);
         }
     }
     removeValue(value) {
-        // let values = this.values();
-        // const index = values.indexOf(value);
-        // if (index > -1) {
-        //   values = values.filter((_, i) => i === index);
         this.setValue([value]);
-        // }
-    }
-    writeValue(value) {
-        this.updateValues(value);
     }
     updateValues(value) {
         this.values.set(Array.isArray(value) ? value : [value]);
     }
-    registerOnChange(fn) {
-        this.onChange = fn;
-        this.valueRef.destroy();
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled.set(isDisabled);
-    }
     ngOnDestroy() {
         this.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: SelectBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.2.0", type: SelectBase, isStandalone: true, inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, noAutoClose: { classPropertyName: "noAutoClose", publicName: "noAutoClose", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", disabled: "disabledChange", opened: "opened", closed: "closed" }, queries: [{ propertyName: "list", predicate: NgbOption, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "optionsTemplate", first: true, predicate: ["optionsTemplate"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "optionsGroup", first: true, predicate: ["optionsGroup"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SelectBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.0", type: SelectBase, isStandalone: true, inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, noAutoClose: { classPropertyName: "noAutoClose", publicName: "noAutoClose", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange", opened: "opened", closed: "closed" }, queries: [{ propertyName: "list", predicate: NgbOption, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "optionsTemplate", first: true, predicate: ["optionsTemplate"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "optionsGroup", first: true, predicate: ["optionsGroup"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: SelectBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SelectBase, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: undefined }] });
+        }], ctorParameters: () => [{ type: undefined }], propDecorators: { list: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NgbOption), { ...{ descendants: true }, isSignal: true }] }], optionsTemplate: [{ type: i0.ViewChild, args: ['optionsTemplate', { ...{ read: TemplateRef }, isSignal: true }] }], container: [{ type: i0.ViewChild, args: ['container', { ...{ read: ElementRef }, isSignal: true }] }], optionsGroup: [{ type: i0.ViewChild, args: ['optionsGroup', { ...{ read: ElementRef }, isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], noAutoClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "noAutoClose", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
 
 class NgbSelectOption {
     constructor() {
         this.template = inject((TemplateRef));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSelectOption, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: NgbSelectOption, isStandalone: true, selector: "[ngbSelectOption]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSelectOption, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NgbSelectOption, isStandalone: true, selector: "[ngbSelectOption]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSelectOption, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSelectOption, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbSelectOption]',
@@ -330,10 +309,10 @@ class SelectValue {
     constructor() {
         this.select = inject((NgbSelect));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: SelectValue, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: SelectValue, isStandalone: true, selector: "button[ngbSelectValue]", host: { attributes: { "type": "button", "role": "combobox", "tabindex": "-1" }, properties: { "disabled": "select.disabled()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SelectValue, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: SelectValue, isStandalone: true, selector: "button[ngbSelectValue]", host: { attributes: { "type": "button", "role": "combobox", "tabindex": "-1" }, properties: { "disabled": "select.disabled()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: SelectValue, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SelectValue, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[ngbSelectValue]',
@@ -353,10 +332,10 @@ class NgbSelectOptionGroup {
         this.group._loop.set(false);
         this.group._ayId.set(this.select.ayId);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSelectOptionGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: NgbSelectOptionGroup, isStandalone: true, selector: "[ngbSelectOptionGroup]", hostDirectives: [{ directive: i1.AccessibleGroup }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSelectOptionGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NgbSelectOptionGroup, isStandalone: true, selector: "[ngbSelectOptionGroup]", hostDirectives: [{ directive: i1.AccessibleGroup }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSelectOptionGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSelectOptionGroup, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbSelectOptionGroup]',
@@ -372,18 +351,19 @@ class NgbSelect extends SelectBase {
         this.filterOptions = input(...(ngDevMode ? [undefined, { debugName: "filterOptions" }] : []));
         this.optionsFilter = filterFunction(this.options, computed(() => this.filterOptions() ?? { filter: this.filterFn() }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.2.0", type: NgbSelect, isStandalone: true, selector: "[ngbSelect]", inputs: { search: { classPropertyName: "search", publicName: "search", isSignal: true, isRequired: false, transformFunction: null }, filterFn: { classPropertyName: "filterFn", publicName: "filterFn", isSignal: true, isRequired: false, transformFunction: null }, filterOptions: { classPropertyName: "filterOptions", publicName: "filterOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { search: "searchChange" }, host: { attributes: { "role": "listbox", "type": "button" }, listeners: { "click": "open()", "keydown.arrowdown": "$event.preventDefault(); open()", "keydown.arrowup": "$event.preventDefault(); open()", "keydown.enter": "$event.preventDefault(); open()", "keydown.space": "$event.preventDefault(); open()" }, properties: { "tabindex": "disabled() ? -1 : 0" } }, providers: [_provide(NgbSelect)], queries: [{ propertyName: "optionTemplate", first: true, predicate: (NgbSelectOption), descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.0", type: NgbSelect, isStandalone: true, selector: "[ngbSelect]", inputs: { search: { classPropertyName: "search", publicName: "search", isSignal: true, isRequired: false, transformFunction: null }, filterFn: { classPropertyName: "filterFn", publicName: "filterFn", isSignal: true, isRequired: false, transformFunction: null }, filterOptions: { classPropertyName: "filterOptions", publicName: "filterOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { search: "searchChange" }, host: { attributes: { "role": "listbox", "type": "button" }, listeners: { "click": "open()", "blur": "touched.set(true)", "keydown.arrowdown": "$event.preventDefault(); open()", "keydown.arrowup": "$event.preventDefault(); open()", "keydown.enter": "$event.preventDefault(); open()", "keydown.space": "$event.preventDefault(); open()" }, properties: { "tabindex": "disabled() ? -1 : 0" } }, providers: [{ provide: SelectBase, useExisting: NgbSelect }], queries: [{ propertyName: "optionTemplate", first: true, predicate: (NgbSelectOption), descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSelect, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbSelect]',
-                    providers: [_provide(NgbSelect)],
+                    providers: [{ provide: SelectBase, useExisting: NgbSelect }],
                     host: {
                         role: 'listbox',
                         type: 'button',
                         '(click)': 'open()',
+                        '(blur)': 'touched.set(true)',
                         '(keydown.arrowdown)': '$event.preventDefault(); open()',
                         '(keydown.arrowup)': '$event.preventDefault(); open()',
                         '(keydown.enter)': '$event.preventDefault(); open()',
@@ -391,13 +371,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImpor
                         '[tabindex]': 'disabled() ? -1 : 0',
                     },
                 }]
-        }], ctorParameters: () => [] });
-function _provide(select) {
-    return [{ provide: SelectBase, useExisting: select }, provideValueAccessor(select)];
-}
+        }], ctorParameters: () => [], propDecorators: { optionTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgbSelectOption), { isSignal: true }] }], search: [{ type: i0.Input, args: [{ isSignal: true, alias: "search", required: false }] }, { type: i0.Output, args: ["searchChange"] }], filterFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterFn", required: false }] }], filterOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterOptions", required: false }] }] } });
 function aliasSelect(select) {
-    const deps = [_provide(select), { provide: NgbSelect, useExisting: select }];
-    return deps;
+    return [
+        { provide: SelectBase, useExisting: select },
+        { provide: NgbSelect, useExisting: select },
+    ];
 }
 
 class NgbOptionGroup {
@@ -405,15 +384,15 @@ class NgbOptionGroup {
         this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
         this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbOptionGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: NgbOptionGroup, isStandalone: true, selector: "[ngbOptionGroup]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbOptionGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: NgbOptionGroup, isStandalone: true, selector: "[ngbOptionGroup]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbOptionGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbOptionGroup, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbOptionGroup]',
                 }]
-        }] });
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 
 class NgbSelectInput {
     constructor() {
@@ -443,10 +422,10 @@ class NgbSelectInput {
     updateSearch(value) {
         this.inputBase.value.set(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSelectInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: NgbSelectInput, isStandalone: true, selector: "input[ngbSelectInput]", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, filterFn: { classPropertyName: "filterFn", publicName: "filterFn", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "placeholder": "placeholder()", "tabindex": "0" } }, exportAs: ["ngbSelectInput"], hostDirectives: [{ directive: i1.Autofocus }, { directive: i2.InputBase, inputs: ["value", "value"], outputs: ["valueChange", "valueChange"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSelectInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: NgbSelectInput, isStandalone: true, selector: "input[ngbSelectInput]", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, filterFn: { classPropertyName: "filterFn", publicName: "filterFn", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "placeholder": "placeholder()", "tabindex": "0" } }, exportAs: ["ngbSelectInput"], hostDirectives: [{ directive: i1.Autofocus }, { directive: i2.InputBase, inputs: ["value", "value"], outputs: ["valueChange", "valueChange"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSelectInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSelectInput, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[ngbSelectInput]',
@@ -460,12 +439,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImpor
                         '[tabindex]': '0',
                     },
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], filterFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterFn", required: false }] }] } });
 class NgbSelectTrigger {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSelectTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: NgbSelectTrigger, isStandalone: true, selector: "[ngbSelectTrigger]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSelectTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NgbSelectTrigger, isStandalone: true, selector: "[ngbSelectTrigger]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbSelectTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbSelectTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbSelectTrigger]',
@@ -476,14 +455,13 @@ class ListSelection extends SelectBase {
     constructor() {
         super(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ListSelection, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: ListSelection, isStandalone: true, selector: "[ngbListSelection]", providers: [provideValueAccessor(ListSelection)], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ListSelection, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: ListSelection, isStandalone: true, selector: "[ngbListSelection]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ListSelection, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ListSelection, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbListSelection]',
-                    providers: [provideValueAccessor(ListSelection)],
                 }]
         }], ctorParameters: () => [] });