@ngbase/adk 0.1.1 → 0.1.3

package/fesm2022/ngbase-adk-resizable.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, contentChildren, forwardRef, input, effect, untracked, Component, ChangeDetectionStrategy, linkedSignal, Directive, ViewContainerRef, viewChild, TemplateRef, computed, signal } from '@angular/core';
+import { inject, ElementRef, contentChildren, forwardRef, input, effect, untracked, Directive, linkedSignal, ViewContainerRef, viewChild, TemplateRef, computed, signal } from '@angular/core';
 import * as i1 from '@ngbase/adk/drag';
 import { Drag } from '@ngbase/adk/drag';
 import { DOCUMENT } from '@angular/common';
@@ -80,24 +80,20 @@ class NgbResizableGroup {
             panel.onEnd();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbResizableGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.0", type: NgbResizableGroup, isStandalone: true, selector: "[ngbResizableGroup]", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.flex-col": "direction() === 'vertical'", "attr.id": "id" }, classAttribute: "flex w-full" }, queries: [{ propertyName: "panels", predicate: i0.forwardRef(() => NgbResizable), isSignal: true }], exportAs: ["ngbResizableGroup"], ngImport: i0, template: `<ng-content select="[ngbResizable]" />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbResizableGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbResizableGroup, isStandalone: true, selector: "[ngbResizableGroup]", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id" } }, queries: [{ propertyName: "panels", predicate: i0.forwardRef(() => NgbResizable), isSignal: true }], exportAs: ["ngbResizableGroup"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbResizableGroup, decorators: [{
-            type: Component,
+            type: Directive,
             args: [{
                     selector: '[ngbResizableGroup]',
                     exportAs: 'ngbResizableGroup',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content select="[ngbResizable]" />`,
                     host: {
-                        class: 'flex w-full',
-                        '[class.flex-col]': "direction() === 'vertical'",
                         '[attr.id]': 'id',
                     },
                 }]
         }], ctorParameters: () => [] });
-function provideResizableGroup(resizableGroup) {
+function aliasResizableGroup(resizableGroup) {
     return { provide: NgbResizableGroup, useExisting: resizableGroup };
 }
 
@@ -312,46 +308,17 @@ class NgbResizable {
             this.el.nativeElement.style.height = this.str;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbResizable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: NgbResizable, isStandalone: true, selector: "[ngbResizable]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "dragElement", first: true, predicate: ["dragElement"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "drag", first: true, predicate: Drag, descendants: true, isSignal: true }], exportAs: ["ngbResizable"], ngImport: i0, template: `<ng-content />
-    <ng-template #dragElement>
-      @if (draggable()) {
-        <div
-          ngbGutter
-          class="{{
-            'dragElement relative flex cursor-ew-resize items-center justify-center after:absolute after:top-0 ' +
-              (resizable.direction() === 'vertical'
-                ? 'bottom-0 left-0 h-0 w-full cursor-ns-resize border-b after:-mt-1 after:h-2 after:w-full'
-                : 'right-0 top-0 w-0 cursor-ew-resize border-l after:h-full after:w-2')
-          }}"
-        ></div>
-      }
-    </ng-template>`, isInline: true, dependencies: [{ kind: "directive", type: NgbGutter, selector: "[ngbGutter]", exportAs: ["ngbGutter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbResizable, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbResizable, isStandalone: true, selector: "[ngbResizable]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "dragElement", first: true, predicate: ["dragElement"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "drag", first: true, predicate: Drag, descendants: true, isSignal: true }], exportAs: ["ngbResizable"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbResizable, decorators: [{
-            type: Component,
+            type: Directive,
             args: [{
                     selector: '[ngbResizable]',
                     exportAs: 'ngbResizable',
-                    imports: [Drag, NgbGutter],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content />
-    <ng-template #dragElement>
-      @if (draggable()) {
-        <div
-          ngbGutter
-          class="{{
-            'dragElement relative flex cursor-ew-resize items-center justify-center after:absolute after:top-0 ' +
-              (resizable.direction() === 'vertical'
-                ? 'bottom-0 left-0 h-0 w-full cursor-ns-resize border-b after:-mt-1 after:h-2 after:w-full'
-                : 'right-0 top-0 w-0 cursor-ew-resize border-l after:h-full after:w-2')
-          }}"
-        ></div>
-      }
-    </ng-template>`,
                 }]
         }], ctorParameters: () => [] });
-function provideResizable(resizable) {
+function aliasResizable(resizable) {
     return { provide: NgbResizable, useExisting: resizable };
 }
 
@@ -363,5 +330,5 @@ function provideResizable(resizable) {
  * Generated bundle index. Do not edit.
  */
 
-export { NgbGutter, NgbResizable, NgbResizableGroup, provideResizable, provideResizableGroup };
+export { NgbGutter, NgbResizable, NgbResizableGroup, aliasResizable, aliasResizableGroup };
 //# sourceMappingURL=ngbase-adk-resizable.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ngbase-adk-resizable.mjs","sources":["../../../projects/adk/resizable/resizable-group.ts","../../../projects/adk/resizable/resizable.ts","../../../projects/adk/resizable/public-api.ts","../../../projects/adk/resizable/ngbase-adk-resizable.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  contentChildren,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  untracked,\n} from '@angular/core';\nimport { uniqueId } from '@ngbase/adk/utils';\nimport { NgbResizable } from './resizable';\n\n@Component({\n  selector: '[ngbResizableGroup]',\n  exportAs: 'ngbResizableGroup',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `<ng-content select=\"[ngbResizable]\" />`,\n  host: {\n    class: 'flex w-full',\n    '[class.flex-col]': \"direction() === 'vertical'\",\n    '[attr.id]': 'id',\n  },\n})\nexport class NgbResizableGroup {\n  readonly document = inject(DOCUMENT);\n  readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  readonly panels = contentChildren(forwardRef(() => NgbResizable));\n  readonly direction = input<'horizontal' | 'vertical'>('horizontal');\n  readonly id = uniqueId();\n\n  private overlayDiv?: HTMLDivElement;\n\n  constructor() {\n    effect(() => {\n      const panels = this.panels();\n\n      untracked(() => {\n        // set the index of each panel first before initializing the drag\n        panels.forEach((panel, index) => {\n          panel.index = index;\n        });\n        panels.forEach((panel, index) => {\n          // hide the last panel's drag handle\n          panel.draggable.set(index !== panels.length - 1);\n          if (panel.size() !== 'auto') {\n            panel.handleDrag();\n          }\n        });\n        // we need to called setAuto after all panels have been initialized\n        // because the number of panels could have changed\n        this.setAuto();\n      });\n    });\n  }\n\n  get w() {\n    return this.el.nativeElement.clientWidth;\n  }\n\n  get h() {\n    return this.el.nativeElement.clientHeight;\n  }\n\n  setAuto() {\n    const panels = this.panels();\n    let str = 'calc(100%';\n    const autos = [];\n    for (const panel of panels) {\n      if (panel.size() !== 'auto') {\n        str += panel.str ? ` - ${panel.str}` : '';\n      } else {\n        autos.push(panel);\n      }\n    }\n    str += ')';\n    if (autos.length > 1) {\n      str = `calc(${str} / ${autos.length})`;\n    }\n    for (const auto of autos) {\n      auto.lSize.set(str);\n      auto.handleDrag();\n    }\n  }\n\n  start() {\n    const div = this.document.createElement('div');\n    div.style.position = 'absolute';\n    div.style.top = '0';\n    div.style.left = '0';\n    div.style.width = '100%';\n    div.style.height = '100%';\n    div.style.zIndex = '9999';\n    div.style.cursor = 'ew-resize';\n    this.document.body.appendChild(div);\n    this.overlayDiv = div;\n\n    this.panels().forEach(panel => {\n      panel.onStart();\n    });\n  }\n\n  end() {\n    this.overlayDiv?.remove();\n    this.panels().forEach(panel => {\n      panel.onEnd();\n    });\n  }\n}\n\nexport function provideResizableGroup(resizableGroup: typeof NgbResizableGroup) {\n  return { provide: NgbResizableGroup, useExisting: resizableGroup };\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  ElementRef,\n  TemplateRef,\n  ViewContainerRef,\n  computed,\n  effect,\n  inject,\n  input,\n  linkedSignal,\n  signal,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport { Drag, DragData } from '@ngbase/adk/drag';\nimport { NgbResizableGroup } from './resizable-group';\n\n@Directive({\n  selector: '[ngbGutter]',\n  exportAs: 'ngbGutter',\n  hostDirectives: [Drag],\n  host: {\n    role: 'separator',\n    '[attr.aria-valuemin]': 'resizable.min()',\n    '[attr.aria-valuemax]': 'resizable.max()',\n  },\n})\nexport class NgbGutter {\n  readonly resizable = inject(NgbResizable);\n  readonly drag = inject(Drag);\n\n  constructor() {\n    this.drag._lockAxis = linkedSignal(this.resizable.lockAxis);\n    this.drag._dragBoundary = linkedSignal(() => `#${this.resizable.id}`);\n  }\n}\n\n@Component({\n  selector: '[ngbResizable]',\n  exportAs: 'ngbResizable',\n  imports: [Drag, NgbGutter],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `<ng-content />\n    <ng-template #dragElement>\n      @if (draggable()) {\n        <div\n          ngbGutter\n          class=\"{{\n            'dragElement relative flex cursor-ew-resize items-center justify-center after:absolute after:top-0 ' +\n              (resizable.direction() === 'vertical'\n                ? 'bottom-0 left-0 h-0 w-full cursor-ns-resize border-b after:-mt-1 after:h-2 after:w-full'\n                : 'right-0 top-0 w-0 cursor-ew-resize border-l after:h-full after:w-2')\n          }}\"\n        ></div>\n      }\n    </ng-template>`,\n})\nexport class NgbResizable {\n  // Dependencies\n  readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  readonly resizable = inject(NgbResizableGroup);\n  readonly containerRef = inject(ViewContainerRef);\n  readonly dragElement = viewChild('dragElement', { read: TemplateRef });\n  readonly drag = viewChild(Drag);\n  readonly id = this.resizable.id;\n  readonly lockAxis = computed(() => (this.resizable.direction() === 'horizontal' ? 'x' : 'y'));\n\n  // inputs\n  readonly size = input<number | string>('auto');\n  readonly min = input<number | string>(0);\n  readonly max = input<number | string>();\n\n  // State\n  readonly lSize = linkedSignal({\n    source: this.size,\n    computation: size => (size !== 'auto' ? size : ''),\n  });\n  readonly draggable = signal(false);\n  private reducedSize = 0;\n  private localMinSize = Infinity;\n  private localMaxSize = -Infinity;\n  private lastReducedSize = 0;\n  index = 0;\n  str = '';\n\n  constructor() {\n    effect(() => {\n      const size = this.size();\n      untracked(() => {\n        if (size !== 'auto') this.handleDrag();\n\n        this.resizable.setAuto();\n      });\n    });\n\n    // This effect is responsible for creating the gutter element\n    effect(() => {\n      const cf = this.containerRef;\n      if (this.draggable() && this.size()) {\n        if (cf.length === 0) {\n          untracked(() => cf.createEmbeddedView(this.dragElement()!));\n        }\n      } else {\n        cf.clear();\n      }\n    });\n\n    // This effect is responsible for handling the drag events\n    effect(cleanup => {\n      const drag = this.drag();\n\n      if (!drag) return;\n\n      untracked(() => {\n        const sub = drag.events.subscribe((data: DragData) => {\n          data.event?.preventDefault();\n\n          requestAnimationFrame(() => this.onDrag(data));\n        });\n        cleanup(() => sub.unsubscribe());\n      });\n    });\n  }\n\n  // get w() {\n  //   return this.el.nativeElement.clientWidth;\n  // }\n\n  // get h() {\n  //   return this.el.nativeElement.clientHeight;\n  // }\n\n  cSize() {\n    return this.resizable.direction() === 'horizontal'\n      ? this.el.nativeElement.offsetWidth\n      : this.el.nativeElement.offsetHeight;\n  }\n\n  onStart() {\n    const cSize = this.cSize();\n    const minSize = this.getSize(this.min());\n    this.localMinSize = cSize + this.reducedSize - minSize;\n    if (this.max()) {\n      const maxSize = this.getSize(this.max());\n      this.localMaxSize = cSize + this.reducedSize - maxSize;\n    }\n    // console.log(`onStart ${this.index}`, this.min(), this.localMinSize, this.localMaxSize);\n  }\n\n  onEnd() {\n    this.localMinSize = Infinity;\n    this.localMaxSize = -Infinity;\n    this.lastReducedSize = this.reducedSize;\n  }\n\n  private getSize(size?: number | string): number {\n    if (!size) return 0;\n\n    const minValue = size;\n    if (typeof minValue === 'number') {\n      // If number, treat as percentage\n      return (\n        (this.resizable.direction() === 'horizontal' ? this.resizable.w : this.resizable.h) *\n        (minValue / 100)\n      );\n    }\n\n    // Handle pixel values\n    const pixelMatch = minValue?.toString().match(/(\\d+)px/);\n    if (pixelMatch) {\n      return parseInt(pixelMatch[1], 10);\n    }\n\n    // Handle percentage values provided as string\n    const percentMatch = minValue?.toString().match(/(\\d+)%/);\n    if (percentMatch) {\n      return (\n        (this.resizable.direction() === 'horizontal' ? this.resizable.w : this.resizable.h) *\n        (parseInt(percentMatch[1], 10) / 100)\n      );\n    }\n\n    return 0;\n  }\n\n  onDrag(data: DragData): void {\n    if (data.type === 'start') {\n      this.resizable.start();\n    }\n\n    // We have to call end method without calling handleDrag to avoid layout thrashing\n    if (data.type === 'end') {\n      this.resizable.end();\n    } else {\n      this.handleDrag(data);\n    }\n  }\n\n  handleDrag(event = { x: 0, y: 0 } as DragData) {\n    const isHorizontal = this.resizable.direction() === 'horizontal';\n\n    let delta = isHorizontal ? event.x : event.y;\n    delta -= this.lastReducedSize;\n\n    const panels = this.resizable.panels();\n\n    let remaining = -delta;\n    for (let i = this.index; i >= 0; i--) {\n      const panel = panels[i];\n      remaining = panel.getUpdatedSize(remaining).remaining;\n      if (remaining === 0) {\n        break;\n      }\n    }\n    delta = delta + remaining;\n    remaining = delta;\n    for (let i = this.index + 1; i < panels.length; i++) {\n      const panel = panels[i];\n      remaining = panel.getUpdatedSize(remaining).remaining;\n      if (remaining === 0) {\n        break;\n      }\n    }\n    delta = delta - remaining;\n\n    const current = panels[this.index];\n    current.updateSize(delta, 'both');\n  }\n\n  private getUpdatedSize(px: number): { remaining: number; value: number } {\n    const v = Math.max(Math.min(px, this.localMinSize), this.localMaxSize);\n    return { remaining: px - v, value: v };\n  }\n\n  updateSize(px: number, direct: 'both' | 'prev' | 'next') {\n    const prevSize = -px;\n    const { remaining, value } = this.getUpdatedSize(prevSize);\n    this.reducedSize = value;\n\n    this.updateFlex();\n    const isSame = prevSize !== this.reducedSize;\n\n    const v = direct === 'both' ? px : remaining;\n\n    if ((isSame && direct === 'next') || direct === 'both') {\n      // console.log(`updateSize ${this.index}`, this.reducedSize, px, value, v);\n      const next = this.resizable.panels()[this.index + 1];\n      next?.updateSize(-v, 'next');\n    }\n    if (isSame && (direct === 'prev' || direct === 'both')) {\n      const prev = this.resizable.panels()[this.index - 1];\n      prev?.updateSize(v, 'prev');\n    }\n  }\n\n  private calculateSize(): string {\n    const size = this.lSize();\n\n    const baseSize = typeof size === 'number' ? `${size}%` : size;\n\n    if (this.reducedSize === 0) {\n      return baseSize;\n    }\n\n    return `calc(${baseSize} - ${this.reducedSize}px)`;\n  }\n\n  private updateFlex() {\n    const size = this.calculateSize();\n    this.updateElementSize(size || '0px');\n  }\n\n  updateElementSize(str: string) {\n    this.str = str;\n    if (this.resizable.direction() === 'horizontal') {\n      this.el.nativeElement.style.width = this.str;\n    } else {\n      this.el.nativeElement.style.height = this.str;\n    }\n  }\n}\n\nexport function provideResizable(resizable: typeof NgbResizable) {\n  return { provide: NgbResizable, useExisting: resizable };\n}\n","/*\n * Public API Surface of resizable\n */\n\nexport * from './resizable';\nexport * from './resizable-group';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MA0Ba,iBAAiB,CAAA;AAS5B,IAAA,WAAA,GAAA;AARS,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC3B,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAA0B,UAAU,CAAC;QAChD,IAAM,CAAA,MAAA,GAAG,eAAe,CAAC,UAAU,CAAC,MAAM,YAAY,CAAC,CAAC;AACxD,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAA4B,YAAY,CAAC;QAC1D,IAAE,CAAA,EAAA,GAAG,QAAQ,EAAE;QAKtB,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;YAE5B,SAAS,CAAC,MAAK;;gBAEb,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,KAAI;AAC9B,oBAAA,KAAK,CAAC,KAAK,GAAG,KAAK;AACrB,iBAAC,CAAC;gBACF,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,KAAI;;AAE9B,oBAAA,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;AAChD,oBAAA,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,MAAM,EAAE;wBAC3B,KAAK,CAAC,UAAU,EAAE;;AAEtB,iBAAC,CAAC;;;gBAGF,IAAI,CAAC,OAAO,EAAE;AAChB,aAAC,CAAC;AACJ,SAAC,CAAC;;AAGJ,IAAA,IAAI,CAAC,GAAA;AACH,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,WAAW;;AAG1C,IAAA,IAAI,CAAC,GAAA;AACH,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,YAAY;;IAG3C,OAAO,GAAA;AACL,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;QAC5B,IAAI,GAAG,GAAG,WAAW;QACrB,MAAM,KAAK,GAAG,EAAE;AAChB,QAAA,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE;AAC1B,YAAA,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,MAAM,EAAE;AAC3B,gBAAA,GAAG,IAAI,KAAK,CAAC,GAAG,GAAG,CAAA,GAAA,EAAM,KAAK,CAAC,GAAG,CAAE,CAAA,GAAG,EAAE;;iBACpC;AACL,gBAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;;;QAGrB,GAAG,IAAI,GAAG;AACV,QAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACpB,GAAG,GAAG,QAAQ,GAAG,CAAA,GAAA,EAAM,KAAK,CAAC,MAAM,GAAG;;AAExC,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACxB,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;YACnB,IAAI,CAAC,UAAU,EAAE;;;IAIrB,KAAK,GAAA;QACH,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC9C,QAAA,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU;AAC/B,QAAA,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG;AACnB,QAAA,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG;AACpB,QAAA,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;AACxB,QAAA,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;AACzB,QAAA,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;AACzB,QAAA,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW;QAC9B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;AACnC,QAAA,IAAI,CAAC,UAAU,GAAG,GAAG;QAErB,IAAI,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,KAAK,IAAG;YAC5B,KAAK,CAAC,OAAO,EAAE;AACjB,SAAC,CAAC;;IAGJ,GAAG,GAAA;AACD,QAAA,IAAI,CAAC,UAAU,EAAE,MAAM,EAAE;QACzB,IAAI,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,KAAK,IAAG;YAC5B,KAAK,CAAC,KAAK,EAAE;AACf,SAAC,CAAC;;8GAlFO,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,4BAAA,EAAA,SAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAGuB,YAAY,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAVrD,CAAwC,sCAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAOvC,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAX7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,QAAQ,EAAE,mBAAmB;oBAC7B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE,CAAwC,sCAAA,CAAA;AAClD,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,aAAa;AACpB,wBAAA,kBAAkB,EAAE,4BAA4B;AAChD,wBAAA,WAAW,EAAE,IAAI;AAClB,qBAAA;AACF,iBAAA;;AAuFK,SAAU,qBAAqB,CAAC,cAAwC,EAAA;IAC5E,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,cAAc,EAAE;AACpE;;MCrFa,SAAS,CAAA;AAIpB,IAAA,WAAA,GAAA;AAHS,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC;AAChC,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;AAG1B,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;AAC3D,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC,MAAM,CAAA,CAAA,EAAI,IAAI,CAAC,SAAS,CAAC,EAAE,CAAA,CAAE,CAAC;;8GAN5D,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,WAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAT,SAAS,EAAA,UAAA,EAAA,CAAA;kBAVrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAE,WAAW;oBACrB,cAAc,EAAE,CAAC,IAAI,CAAC;AACtB,oBAAA,IAAI,EAAE;AACJ,wBAAA,IAAI,EAAE,WAAW;AACjB,wBAAA,sBAAsB,EAAE,iBAAiB;AACzC,wBAAA,sBAAsB,EAAE,iBAAiB;AAC1C,qBAAA;AACF,iBAAA;;MA+BY,YAAY,CAAA;AA4BvB,IAAA,WAAA,GAAA;;AA1BS,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAA0B,UAAU,CAAC;AAChD,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,iBAAiB,CAAC;AACrC,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,gBAAgB,CAAC;QACvC,IAAW,CAAA,WAAA,GAAG,SAAS,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;AAC7D,QAAA,IAAA,CAAA,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC;AACtB,QAAA,IAAA,CAAA,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE;QACtB,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,YAAY,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;;AAGpF,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAkB,MAAM,CAAC;AACrC,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAkB,CAAC,CAAC;QAC/B,IAAG,CAAA,GAAA,GAAG,KAAK,EAAmB;;QAG9B,IAAK,CAAA,KAAA,GAAG,YAAY,CAAC;YAC5B,MAAM,EAAE,IAAI,CAAC,IAAI;AACjB,YAAA,WAAW,EAAE,IAAI,KAAK,IAAI,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;AACnD,SAAA,CAAC;AACO,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;QAC1B,IAAW,CAAA,WAAA,GAAG,CAAC;QACf,IAAY,CAAA,YAAA,GAAG,QAAQ;QACvB,IAAY,CAAA,YAAA,GAAG,CAAC,QAAQ;QACxB,IAAe,CAAA,eAAA,GAAG,CAAC;QAC3B,IAAK,CAAA,KAAA,GAAG,CAAC;QACT,IAAG,CAAA,GAAA,GAAG,EAAE;QAGN,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;YACxB,SAAS,CAAC,MAAK;gBACb,IAAI,IAAI,KAAK,MAAM;oBAAE,IAAI,CAAC,UAAU,EAAE;AAEtC,gBAAA,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;AAC1B,aAAC,CAAC;AACJ,SAAC,CAAC;;QAGF,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY;YAC5B,IAAI,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE;AACnC,gBAAA,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE;AACnB,oBAAA,SAAS,CAAC,MAAM,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,EAAG,CAAC,CAAC;;;iBAExD;gBACL,EAAE,CAAC,KAAK,EAAE;;AAEd,SAAC,CAAC;;QAGF,MAAM,CAAC,OAAO,IAAG;AACf,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AAExB,YAAA,IAAI,CAAC,IAAI;gBAAE;YAEX,SAAS,CAAC,MAAK;gBACb,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAc,KAAI;AACnD,oBAAA,IAAI,CAAC,KAAK,EAAE,cAAc,EAAE;oBAE5B,qBAAqB,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAChD,iBAAC,CAAC;gBACF,OAAO,CAAC,MAAM,GAAG,CAAC,WAAW,EAAE,CAAC;AAClC,aAAC,CAAC;AACJ,SAAC,CAAC;;;;;;;;IAWJ,KAAK,GAAA;AACH,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK;AACpC,cAAE,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;cACtB,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,YAAY;;IAGxC,OAAO,GAAA;AACL,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;QAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;QACxC,IAAI,CAAC,YAAY,GAAG,KAAK,GAAG,IAAI,CAAC,WAAW,GAAG,OAAO;AACtD,QAAA,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE;YACd,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;YACxC,IAAI,CAAC,YAAY,GAAG,KAAK,GAAG,IAAI,CAAC,WAAW,GAAG,OAAO;;;;IAK1D,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,YAAY,GAAG,QAAQ;AAC5B,QAAA,IAAI,CAAC,YAAY,GAAG,CAAC,QAAQ;AAC7B,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,WAAW;;AAGjC,IAAA,OAAO,CAAC,IAAsB,EAAA;AACpC,QAAA,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,CAAC;QAEnB,MAAM,QAAQ,GAAG,IAAI;AACrB,QAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;;YAEhC,QACE,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;AAClF,iBAAC,QAAQ,GAAG,GAAG,CAAC;;;QAKpB,MAAM,UAAU,GAAG,QAAQ,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC;QACxD,IAAI,UAAU,EAAE;YACd,OAAO,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;;;QAIpC,MAAM,YAAY,GAAG,QAAQ,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC;QACzD,IAAI,YAAY,EAAE;YAChB,QACE,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;AAClF,iBAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC;;AAIzC,QAAA,OAAO,CAAC;;AAGV,IAAA,MAAM,CAAC,IAAc,EAAA;AACnB,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;AACzB,YAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;;;AAIxB,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;AACvB,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE;;aACf;AACL,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;;;IAIzB,UAAU,CAAC,KAAQ,GAAA,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAc,EAAA;QAC3C,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,YAAY;AAEhE,QAAA,IAAI,KAAK,GAAG,YAAY,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;AAC5C,QAAA,KAAK,IAAI,IAAI,CAAC,eAAe;QAE7B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE;AAEtC,QAAA,IAAI,SAAS,GAAG,CAAC,KAAK;AACtB,QAAA,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;AACpC,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC;YACvB,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,SAAS;AACrD,YAAA,IAAI,SAAS,KAAK,CAAC,EAAE;gBACnB;;;AAGJ,QAAA,KAAK,GAAG,KAAK,GAAG,SAAS;QACzB,SAAS,GAAG,KAAK;AACjB,QAAA,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACnD,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC;YACvB,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,SAAS;AACrD,YAAA,IAAI,SAAS,KAAK,CAAC,EAAE;gBACnB;;;AAGJ,QAAA,KAAK,GAAG,KAAK,GAAG,SAAS;QAEzB,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;AAClC,QAAA,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC;;AAG3B,IAAA,cAAc,CAAC,EAAU,EAAA;QAC/B,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC;QACtE,OAAO,EAAE,SAAS,EAAE,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;;IAGxC,UAAU,CAAC,EAAU,EAAE,MAAgC,EAAA;AACrD,QAAA,MAAM,QAAQ,GAAG,CAAC,EAAE;AACpB,QAAA,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC;AAC1D,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;QAExB,IAAI,CAAC,UAAU,EAAE;AACjB,QAAA,MAAM,MAAM,GAAG,QAAQ,KAAK,IAAI,CAAC,WAAW;AAE5C,QAAA,MAAM,CAAC,GAAG,MAAM,KAAK,MAAM,GAAG,EAAE,GAAG,SAAS;AAE5C,QAAA,IAAI,CAAC,MAAM,IAAI,MAAM,KAAK,MAAM,KAAK,MAAM,KAAK,MAAM,EAAE;;AAEtD,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;YACpD,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC;;AAE9B,QAAA,IAAI,MAAM,KAAK,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,MAAM,CAAC,EAAE;AACtD,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;AACpD,YAAA,IAAI,EAAE,UAAU,CAAC,CAAC,EAAE,MAAM,CAAC;;;IAIvB,aAAa,GAAA;AACnB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE;AAEzB,QAAA,MAAM,QAAQ,GAAG,OAAO,IAAI,KAAK,QAAQ,GAAG,CAAA,EAAG,IAAI,CAAG,CAAA,CAAA,GAAG,IAAI;AAE7D,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,EAAE;AAC1B,YAAA,OAAO,QAAQ;;AAGjB,QAAA,OAAO,QAAQ,QAAQ,CAAA,GAAA,EAAM,IAAI,CAAC,WAAW,KAAK;;IAG5C,UAAU,GAAA;AAChB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE;AACjC,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,KAAK,CAAC;;AAGvC,IAAA,iBAAiB,CAAC,GAAW,EAAA;AAC3B,QAAA,IAAI,CAAC,GAAG,GAAG,GAAG;QACd,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,YAAY,EAAE;AAC/C,YAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG;;aACvC;AACL,YAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG;;;8GA5NtC,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,EAKiC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,aAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAAA,WAAW,EACzC,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,IAAI,EArBpB,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;AAaO,kBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EA5BN,SAAS,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FA8BT,YAAY,EAAA,UAAA,EAAA,CAAA;kBApBxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC;oBAC1B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;AAaO,kBAAA,CAAA;AAClB,iBAAA;;AAkOK,SAAU,gBAAgB,CAAC,SAA8B,EAAA;IAC7D,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE;AAC1D;;AC9RA;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"ngbase-adk-resizable.mjs","sources":["../../../projects/adk/resizable/resizable-group.ts","../../../projects/adk/resizable/resizable.ts","../../../projects/adk/resizable/public-api.ts","../../../projects/adk/resizable/ngbase-adk-resizable.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport {\n  Directive,\n  ElementRef,\n  contentChildren,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  untracked,\n} from '@angular/core';\nimport { uniqueId } from '@ngbase/adk/utils';\nimport { NgbResizable } from './resizable';\n\n@Directive({\n  selector: '[ngbResizableGroup]',\n  exportAs: 'ngbResizableGroup',\n  host: {\n    '[attr.id]': 'id',\n  },\n})\nexport class NgbResizableGroup {\n  readonly document = inject(DOCUMENT);\n  readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  readonly panels = contentChildren(forwardRef(() => NgbResizable));\n\n  readonly direction = input<'horizontal' | 'vertical'>('horizontal');\n\n  readonly id = uniqueId();\n\n  private overlayDiv?: HTMLDivElement;\n\n  constructor() {\n    effect(() => {\n      const panels = this.panels();\n\n      untracked(() => {\n        // set the index of each panel first before initializing the drag\n        panels.forEach((panel, index) => {\n          panel.index = index;\n        });\n        panels.forEach((panel, index) => {\n          // hide the last panel's drag handle\n          panel.draggable.set(index !== panels.length - 1);\n          if (panel.size() !== 'auto') {\n            panel.handleDrag();\n          }\n        });\n        // we need to called setAuto after all panels have been initialized\n        // because the number of panels could have changed\n        this.setAuto();\n      });\n    });\n  }\n\n  get w() {\n    return this.el.nativeElement.clientWidth;\n  }\n\n  get h() {\n    return this.el.nativeElement.clientHeight;\n  }\n\n  setAuto() {\n    const panels = this.panels();\n    let str = 'calc(100%';\n    const autos = [];\n    for (const panel of panels) {\n      if (panel.size() !== 'auto') {\n        str += panel.str ? ` - ${panel.str}` : '';\n      } else {\n        autos.push(panel);\n      }\n    }\n    str += ')';\n    if (autos.length > 1) {\n      str = `calc(${str} / ${autos.length})`;\n    }\n    for (const auto of autos) {\n      auto.lSize.set(str);\n      auto.handleDrag();\n    }\n  }\n\n  start() {\n    const div = this.document.createElement('div');\n    div.style.position = 'absolute';\n    div.style.top = '0';\n    div.style.left = '0';\n    div.style.width = '100%';\n    div.style.height = '100%';\n    div.style.zIndex = '9999';\n    div.style.cursor = 'ew-resize';\n    this.document.body.appendChild(div);\n    this.overlayDiv = div;\n\n    this.panels().forEach(panel => {\n      panel.onStart();\n    });\n  }\n\n  end() {\n    this.overlayDiv?.remove();\n    this.panels().forEach(panel => {\n      panel.onEnd();\n    });\n  }\n}\n\nexport function aliasResizableGroup(resizableGroup: typeof NgbResizableGroup) {\n  return { provide: NgbResizableGroup, useExisting: resizableGroup };\n}\n","import {\n  Directive,\n  ElementRef,\n  TemplateRef,\n  ViewContainerRef,\n  computed,\n  effect,\n  inject,\n  input,\n  linkedSignal,\n  signal,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport { Drag, DragData } from '@ngbase/adk/drag';\nimport { NgbResizableGroup } from './resizable-group';\n\n@Directive({\n  selector: '[ngbGutter]',\n  exportAs: 'ngbGutter',\n  hostDirectives: [Drag],\n  host: {\n    role: 'separator',\n    '[attr.aria-valuemin]': 'resizable.min()',\n    '[attr.aria-valuemax]': 'resizable.max()',\n  },\n})\nexport class NgbGutter {\n  readonly resizable = inject(NgbResizable);\n  readonly drag = inject(Drag);\n\n  constructor() {\n    this.drag._lockAxis = linkedSignal(this.resizable.lockAxis);\n    this.drag._dragBoundary = linkedSignal(() => `#${this.resizable.id}`);\n  }\n}\n\n@Directive({\n  selector: '[ngbResizable]',\n  exportAs: 'ngbResizable',\n})\nexport class NgbResizable {\n  // Dependencies\n  readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  readonly resizable = inject(NgbResizableGroup);\n  readonly containerRef = inject(ViewContainerRef);\n  readonly dragElement = viewChild('dragElement', { read: TemplateRef });\n  readonly drag = viewChild(Drag);\n  readonly id = this.resizable.id;\n  readonly lockAxis = computed(() => (this.resizable.direction() === 'horizontal' ? 'x' : 'y'));\n\n  // inputs\n  readonly size = input<number | string>('auto');\n  readonly min = input<number | string>(0);\n  readonly max = input<number | string>();\n\n  // State\n  readonly lSize = linkedSignal({\n    source: this.size,\n    computation: size => (size !== 'auto' ? size : ''),\n  });\n  readonly draggable = signal(false);\n  private reducedSize = 0;\n  private localMinSize = Infinity;\n  private localMaxSize = -Infinity;\n  private lastReducedSize = 0;\n  index = 0;\n  str = '';\n\n  constructor() {\n    effect(() => {\n      const size = this.size();\n      untracked(() => {\n        if (size !== 'auto') this.handleDrag();\n\n        this.resizable.setAuto();\n      });\n    });\n\n    // This effect is responsible for creating the gutter element\n    effect(() => {\n      const cf = this.containerRef;\n      if (this.draggable() && this.size()) {\n        if (cf.length === 0) {\n          untracked(() => cf.createEmbeddedView(this.dragElement()!));\n        }\n      } else {\n        cf.clear();\n      }\n    });\n\n    // This effect is responsible for handling the drag events\n    effect(cleanup => {\n      const drag = this.drag();\n\n      if (!drag) return;\n\n      untracked(() => {\n        const sub = drag.events.subscribe((data: DragData) => {\n          data.event?.preventDefault();\n\n          requestAnimationFrame(() => this.onDrag(data));\n        });\n        cleanup(() => sub.unsubscribe());\n      });\n    });\n  }\n\n  // get w() {\n  //   return this.el.nativeElement.clientWidth;\n  // }\n\n  // get h() {\n  //   return this.el.nativeElement.clientHeight;\n  // }\n\n  cSize() {\n    return this.resizable.direction() === 'horizontal'\n      ? this.el.nativeElement.offsetWidth\n      : this.el.nativeElement.offsetHeight;\n  }\n\n  onStart() {\n    const cSize = this.cSize();\n    const minSize = this.getSize(this.min());\n    this.localMinSize = cSize + this.reducedSize - minSize;\n    if (this.max()) {\n      const maxSize = this.getSize(this.max());\n      this.localMaxSize = cSize + this.reducedSize - maxSize;\n    }\n    // console.log(`onStart ${this.index}`, this.min(), this.localMinSize, this.localMaxSize);\n  }\n\n  onEnd() {\n    this.localMinSize = Infinity;\n    this.localMaxSize = -Infinity;\n    this.lastReducedSize = this.reducedSize;\n  }\n\n  private getSize(size?: number | string): number {\n    if (!size) return 0;\n\n    const minValue = size;\n    if (typeof minValue === 'number') {\n      // If number, treat as percentage\n      return (\n        (this.resizable.direction() === 'horizontal' ? this.resizable.w : this.resizable.h) *\n        (minValue / 100)\n      );\n    }\n\n    // Handle pixel values\n    const pixelMatch = minValue?.toString().match(/(\\d+)px/);\n    if (pixelMatch) {\n      return parseInt(pixelMatch[1], 10);\n    }\n\n    // Handle percentage values provided as string\n    const percentMatch = minValue?.toString().match(/(\\d+)%/);\n    if (percentMatch) {\n      return (\n        (this.resizable.direction() === 'horizontal' ? this.resizable.w : this.resizable.h) *\n        (parseInt(percentMatch[1], 10) / 100)\n      );\n    }\n\n    return 0;\n  }\n\n  onDrag(data: DragData): void {\n    if (data.type === 'start') {\n      this.resizable.start();\n    }\n\n    // We have to call end method without calling handleDrag to avoid layout thrashing\n    if (data.type === 'end') {\n      this.resizable.end();\n    } else {\n      this.handleDrag(data);\n    }\n  }\n\n  handleDrag(event = { x: 0, y: 0 } as DragData) {\n    const isHorizontal = this.resizable.direction() === 'horizontal';\n\n    let delta = isHorizontal ? event.x : event.y;\n    delta -= this.lastReducedSize;\n\n    const panels = this.resizable.panels();\n\n    let remaining = -delta;\n    for (let i = this.index; i >= 0; i--) {\n      const panel = panels[i];\n      remaining = panel.getUpdatedSize(remaining).remaining;\n      if (remaining === 0) {\n        break;\n      }\n    }\n    delta = delta + remaining;\n    remaining = delta;\n    for (let i = this.index + 1; i < panels.length; i++) {\n      const panel = panels[i];\n      remaining = panel.getUpdatedSize(remaining).remaining;\n      if (remaining === 0) {\n        break;\n      }\n    }\n    delta = delta - remaining;\n\n    const current = panels[this.index];\n    current.updateSize(delta, 'both');\n  }\n\n  private getUpdatedSize(px: number): { remaining: number; value: number } {\n    const v = Math.max(Math.min(px, this.localMinSize), this.localMaxSize);\n    return { remaining: px - v, value: v };\n  }\n\n  updateSize(px: number, direct: 'both' | 'prev' | 'next') {\n    const prevSize = -px;\n    const { remaining, value } = this.getUpdatedSize(prevSize);\n    this.reducedSize = value;\n\n    this.updateFlex();\n    const isSame = prevSize !== this.reducedSize;\n\n    const v = direct === 'both' ? px : remaining;\n\n    if ((isSame && direct === 'next') || direct === 'both') {\n      // console.log(`updateSize ${this.index}`, this.reducedSize, px, value, v);\n      const next = this.resizable.panels()[this.index + 1];\n      next?.updateSize(-v, 'next');\n    }\n    if (isSame && (direct === 'prev' || direct === 'both')) {\n      const prev = this.resizable.panels()[this.index - 1];\n      prev?.updateSize(v, 'prev');\n    }\n  }\n\n  private calculateSize(): string {\n    const size = this.lSize();\n\n    const baseSize = typeof size === 'number' ? `${size}%` : size;\n\n    if (this.reducedSize === 0) {\n      return baseSize;\n    }\n\n    return `calc(${baseSize} - ${this.reducedSize}px)`;\n  }\n\n  private updateFlex() {\n    const size = this.calculateSize();\n    this.updateElementSize(size || '0px');\n  }\n\n  updateElementSize(str: string) {\n    this.str = str;\n    if (this.resizable.direction() === 'horizontal') {\n      this.el.nativeElement.style.width = this.str;\n    } else {\n      this.el.nativeElement.style.height = this.str;\n    }\n  }\n}\n\nexport function aliasResizable(resizable: typeof NgbResizable) {\n  return { provide: NgbResizable, useExisting: resizable };\n}\n","/*\n * Public API Surface of resizable\n */\n\nexport * from './resizable';\nexport * from './resizable-group';\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

@@ -1,9 +1,7 @@
-import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, input, booleanAttribute, output, signal, linkedSignal, Directive, contentChildren, viewChild, TemplateRef, model, computed, effect, untracked, contentChild, Component, ChangeDetectionStrategy, forwardRef } from '@angular/core';
-import { FormsModule } from '@angular/forms';
+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, Autofocus, AccessibleGroup } from '@ngbase/adk/a11y';
+import { AccessibleItem, AccessibleGroup, Autofocus } from '@ngbase/adk/a11y';
 import { uniqueId, filterFunction, provideValueAccessor } from '@ngbase/adk/utils';
 import { Directionality } from '@ngbase/adk/bidi';
 import { ngbPopoverPortal } from '@ngbase/adk/popover';
@@ -37,13 +35,16 @@ class NgbOption {
     }
     focus() {
         this.el.nativeElement.scrollIntoView({ block: 'nearest' });
-        this.el.nativeElement.classList.add('bg-muted-background');
+        this.el.nativeElement.classList.add('bg-muted');
     }
     unselect() {
-        this.el.nativeElement.classList.remove('bg-muted-background');
+        this.el.nativeElement.classList.remove('bg-muted');
     }
     getValue() {
-        return this.value() || this.label();
+        if (this.value() === undefined) {
+            return this.label();
+        }
+        return this.value();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbOption, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.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 }); }
@@ -87,16 +88,17 @@ class SelectBase {
         this.container = viewChild('container', { read: ElementRef });
         this.optionsGroup = viewChild('optionsGroup', { read: ElementRef });
         // inputs
-        this.options = input([]);
         this.value = model('');
+        this.disabled = model(false);
         this.multiple = input(false, { transform: booleanAttribute });
+        this.noAutoClose = input(false, { transform: booleanAttribute });
+        this.options = input([]);
         this.placeholder = input(' ');
-        this.disabled = model(false);
         this.size = input('free');
         this.opened = output();
         this.closed = output();
         // state
-        this.sideOffset = 0;
+        this.defaultOptions = {};
         this.panelOpen = signal(false);
         this.values = signal([]);
         this.status = signal('closed');
@@ -153,7 +155,7 @@ class SelectBase {
                         this.setValue([option.getValue()]);
                         option.checked.set(!option.checked());
                         option.onSelectionChange.emit(option.getValue());
-                        if (!this.multiple()) {
+                        if (!this.multiple() && !this.noAutoClose()) {
                             this.close();
                         }
                     });
@@ -188,6 +190,7 @@ class SelectBase {
         }
         const el = this.target?.target() || this.container()?.nativeElement || this.el.nativeElement;
         const { diaRef, events } = this.popover.open(this.optionsTemplate(), {
+            ...this.defaultOptions,
             target: el,
             position: this.dir.isRtl() ? 'br' : 'bl',
             backdrop: this.isSelect,
@@ -195,7 +198,6 @@ class SelectBase {
             maxHeight: '400px',
             ayId: this.ayId,
             focusTrap: false,
-            sideOffset: this.sideOffset,
             afterFocusEl: this.container()?.nativeElement || this.el.nativeElement,
         });
         this.withInPopup = false;
@@ -266,7 +268,8 @@ class SelectBase {
         else {
             localValue = values;
             setValue = values[0];
-            this.close();
+            if (!this.noAutoClose())
+                this.close();
         }
         // console.log('setValue', localValue, this.values());
         this.values.set(localValue);
@@ -304,69 +307,12 @@ class SelectBase {
         this.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SelectBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: SelectBase, isStandalone: true, inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", 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.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: SelectBase, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: undefined }] });
 
-class NgbSelectInput {
-    constructor() {
-        // Dependencies
-        this.el = inject(ElementRef);
-        this.select = inject(NgbSelect, { optional: true });
-        this.inputBase = inject(InputBase);
-        // Inputs
-        this.placeholder = input('Search here');
-        this.options = input([]);
-        this.filterFn = input();
-        // State
-        this.filteredOptions = computed(() => {
-            const fn = this.filterFn();
-            const options = this.options();
-            const search = this.inputBase.value();
-            const values = search ? options.filter(v => fn(search, v, options)) : options;
-            return values;
-        });
-        this.select?.events.subscribe(event => {
-            if (event === 'open') {
-                this.inputBase.value.set('');
-                this.el.nativeElement.focus();
-            }
-        });
-    }
-    updateSearch(value) {
-        this.inputBase.value.set(value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSelectInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NgbSelectInput, isStandalone: true, selector: "[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: "19.0.0", ngImport: i0, type: NgbSelectInput, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ngbSelectInput]',
-                    exportAs: 'ngbSelectInput',
-                    hostDirectives: [
-                        Autofocus,
-                        { directive: InputBase, inputs: ['value'], outputs: ['valueChange'] },
-                    ],
-                    host: {
-                        '[placeholder]': 'placeholder()',
-                        '[tabindex]': '0',
-                    },
-                }]
-        }], ctorParameters: () => [] });
-class NgbSelectTrigger {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSelectTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: NgbSelectTrigger, isStandalone: true, selector: "[ngbSelectTrigger]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSelectTrigger, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ngbSelectTrigger]',
-                }]
-        }] });
-
 class NgbSelectOption {
     constructor() {
         this.template = inject((TemplateRef));
@@ -422,72 +368,20 @@ class NgbSelect extends SelectBase {
         super(true);
         this.search = model('');
         this.optionTemplate = contentChild((NgbSelectOption));
-        this.defaultFilter = (option) => option;
-        this.optionsFilter = filterFunction(this.options, { filter: this.defaultFilter });
+        this.filterFn = input((option) => option);
+        this.queryFn = input();
+        this.filterOptions = input();
+        this.optionsFilter = filterFunction(this.options, computed(() => this.filterOptions() ??
+            { filter: this.filterFn(), query: this.queryFn() }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSelect, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: NgbSelect, isStandalone: true, selector: "[ngbSelect]", inputs: { search: { classPropertyName: "search", publicName: "search", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { search: "searchChange" }, host: { attributes: { "role": "listbox", "type": "button" }, listeners: { "click": "open()", "keydown.arrowdown": "open()", "keydown.arrowup": "open()", "keydown.enter": "open()", "keydown.space": "open()" }, properties: { "tabindex": "disabled() ? -1 : 0" } }, providers: [_provide(NgbSelect)], queries: [{ propertyName: "optionTemplate", first: true, predicate: (NgbSelectOption), descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
-    <button
-      ngbSelectValue
-      class="flex min-h-5 w-full items-center justify-between gap-1 whitespace-nowrap outline-none"
-      [class.opacity-50]="disabled()"
-    >
-      <!-- Prefix template -->
-      <ng-content select=".select-prefix" />
-
-      <span class="truncate" [class.text-muted]="!cValue()">
-        <ng-content select="[ngbSelectTrigger]">
-          {{ cValue() || placeholder() }}
-        </ng-content>
-      </span>
-    </button>
-
-    <!-- Options template -->
-    <ng-template #optionsTemplate>
-      <div class="flex flex-col overflow-hidden">
-        <ng-content select="[ngbSelectInput]">
-          @if (options().length) {
-            <input ngbSelectInput placeholder="Search options" [(value)]="optionsFilter.search" />
-          }
-        </ng-content>
-        <div #optionsGroup ngbSelectOptionGroup class="overflow-auto p-1">
-          <div class="h-full" role="listbox" aria-label="Suggestions">
-            <ng-content>
-              @for (option of optionsFilter.filteredList(); track option; let i = $index) {
-                <div ngbOption [value]="option" [ayId]="ayId">
-                  @if (optionTemplate(); as ot) {
-                    <ng-template
-                      [ngTemplateOutlet]="ot.template"
-                      [ngTemplateOutletContext]="{ $implicit: option, index: i }"
-                    />
-                  } @else {
-                    {{ option }}
-                  }
-                </div>
-              }
-            </ng-content>
-          </div>
-        </div>
-      </div>
-    </ng-template>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => FormsModule) }, { kind: "directive", type: i0.forwardRef(() => NgbSelectInput), selector: "[ngbSelectInput]", inputs: ["placeholder", "options", "filterFn"], exportAs: ["ngbSelectInput"] }, { kind: "directive", type: i0.forwardRef(() => NgbOption), selector: "[ngbOption]", inputs: ["value", "disabled", "ayId"], outputs: ["onSelectionChange"] }, { kind: "directive", type: i0.forwardRef(() => NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(() => SelectValue), selector: "[ngbSelectValue]" }, { kind: "directive", type: i0.forwardRef(() => NgbSelectOptionGroup), selector: "[ngbSelectOptionGroup]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.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 }, queryFn: { classPropertyName: "queryFn", publicName: "queryFn", 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": "open()", "keydown.arrowup": "open()", "keydown.enter": "open()", "keydown.space": "open()" }, properties: { "tabindex": "disabled() ? -1 : 0" } }, providers: [_provide(NgbSelect)], queries: [{ propertyName: "optionTemplate", first: true, predicate: (NgbSelectOption), descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSelect, decorators: [{
-            type: Component,
+            type: Directive,
             args: [{
                     selector: '[ngbSelect]',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [_provide(NgbSelect)],
-                    imports: [
-                        AccessibleGroup,
-                        FormsModule,
-                        AccessibleItem,
-                        forwardRef(() => NgbSelectInput),
-                        NgbOption,
-                        NgTemplateOutlet,
-                        SelectValue,
-                        NgbSelectOptionGroup,
-                    ],
                     host: {
                         role: 'listbox',
                         type: 'button',
@@ -498,57 +392,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
                         '(keydown.space)': 'open()',
                         '[tabindex]': 'disabled() ? -1 : 0',
                     },
-                    template: `
-    <button
-      ngbSelectValue
-      class="flex min-h-5 w-full items-center justify-between gap-1 whitespace-nowrap outline-none"
-      [class.opacity-50]="disabled()"
-    >
-      <!-- Prefix template -->
-      <ng-content select=".select-prefix" />
-
-      <span class="truncate" [class.text-muted]="!cValue()">
-        <ng-content select="[ngbSelectTrigger]">
-          {{ cValue() || placeholder() }}
-        </ng-content>
-      </span>
-    </button>
-
-    <!-- Options template -->
-    <ng-template #optionsTemplate>
-      <div class="flex flex-col overflow-hidden">
-        <ng-content select="[ngbSelectInput]">
-          @if (options().length) {
-            <input ngbSelectInput placeholder="Search options" [(value)]="optionsFilter.search" />
-          }
-        </ng-content>
-        <div #optionsGroup ngbSelectOptionGroup class="overflow-auto p-1">
-          <div class="h-full" role="listbox" aria-label="Suggestions">
-            <ng-content>
-              @for (option of optionsFilter.filteredList(); track option; let i = $index) {
-                <div ngbOption [value]="option" [ayId]="ayId">
-                  @if (optionTemplate(); as ot) {
-                    <ng-template
-                      [ngTemplateOutlet]="ot.template"
-                      [ngTemplateOutletContext]="{ $implicit: option, index: i }"
-                    />
-                  } @else {
-                    {{ option }}
-                  }
-                </div>
-              }
-            </ng-content>
-          </div>
-        </div>
-      </div>
-    </ng-template>
-  `,
                 }]
         }], ctorParameters: () => [] });
 function _provide(select) {
     return [{ provide: SelectBase, useExisting: select }, provideValueAccessor(select)];
 }
-function provideSelect(select) {
+function aliasSelect(select) {
     const deps = [_provide(select), { provide: NgbSelect, useExisting: select }];
     return deps;
 }
@@ -558,17 +407,70 @@ class NgbOptionGroup {
         this.label = input.required();
         this.disabled = input(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbOptionGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.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, template: `<div>{{ label() }}</div>
-    <ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbOptionGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.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: "19.0.0", ngImport: i0, type: NgbOptionGroup, decorators: [{
-            type: Component,
+            type: Directive,
             args: [{
                     selector: '[ngbOptionGroup]',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<div>{{ label() }}</div>
-    <ng-content />`,
+                }]
+        }] });
+
+class NgbSelectInput {
+    constructor() {
+        // Dependencies
+        this.el = inject(ElementRef);
+        this.select = inject(NgbSelect, { optional: true });
+        this.inputBase = inject(InputBase);
+        // Inputs
+        this.placeholder = input('Search here');
+        this.options = input([]);
+        this.filterFn = input();
+        // State
+        this.filteredOptions = computed(() => {
+            const fn = this.filterFn();
+            const options = this.options();
+            const search = this.inputBase.value();
+            const values = search ? options.filter(v => fn(search, v, options)) : options;
+            return values;
+        });
+        this.select?.events.subscribe(event => {
+            if (event === 'open') {
+                this.inputBase.value.set('');
+                this.el.nativeElement.focus();
+            }
+        });
+    }
+    updateSearch(value) {
+        this.inputBase.value.set(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSelectInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NgbSelectInput, isStandalone: true, selector: "[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: "19.0.0", ngImport: i0, type: NgbSelectInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbSelectInput]',
+                    exportAs: 'ngbSelectInput',
+                    hostDirectives: [
+                        Autofocus,
+                        { directive: InputBase, inputs: ['value'], outputs: ['valueChange'] },
+                    ],
+                    host: {
+                        '[placeholder]': 'placeholder()',
+                        '[tabindex]': '0',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+class NgbSelectTrigger {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSelectTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: NgbSelectTrigger, isStandalone: true, selector: "[ngbSelectTrigger]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbSelectTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbSelectTrigger]',
                 }]
         }] });
 
@@ -595,5 +497,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ListSelection, NgbOption, NgbOptionGroup, NgbSelect, NgbSelectInput, NgbSelectOption, NgbSelectOptionGroup, NgbSelectTarget, NgbSelectTrigger, SelectBase, SelectValue, provideSelect };
+export { ListSelection, NgbOption, NgbOptionGroup, NgbSelect, NgbSelectInput, NgbSelectOption, NgbSelectOptionGroup, NgbSelectTarget, NgbSelectTrigger, SelectBase, SelectValue, aliasSelect };
 //# sourceMappingURL=ngbase-adk-select.mjs.map