@ngbase/adk 0.1.0

package/fesm2022/ngbase-adk-tabs.mjs

@@ -0,0 +1,386 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Directive, contentChild, TemplateRef, input, booleanAttribute, signal, computed, Component, ChangeDetectionStrategy, inject, viewChild, ElementRef, viewChildren, contentChildren, model, output, effect, afterNextRender } from '@angular/core';
+import { uniqueId } from '@ngbase/adk/utils';
+import * as i1 from '@ngbase/adk/a11y';
+import { AccessibleGroup, AccessibleItem } from '@ngbase/adk/a11y';
+
+class NgbTabHeader {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTabHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: NgbTabHeader, isStandalone: true, selector: "[ngbTabHeader]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTabHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbTabHeader]',
+                }]
+        }] });
+class NgbTabLazy {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTabLazy, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: NgbTabLazy, isStandalone: true, selector: "[ngbTabLazy]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTabLazy, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbTabLazy]',
+                }]
+        }] });
+class NgbTab {
+    constructor() {
+        // Dependencies
+        this.header = contentChild(NgbTabHeader, { read: TemplateRef });
+        this.lazy = contentChild(NgbTabLazy, { read: TemplateRef });
+        // Inputs
+        this.label = input('Tab');
+        this.disabled = input(false, { transform: booleanAttribute });
+        this.mode = input();
+        this.value = input();
+        this.id = uniqueId();
+        this.index = signal(0);
+        this.tabId = computed(() => this.value() ?? this.index());
+        // State
+        this.active = signal(false);
+        this.activated = false;
+        this.activeMode = computed(() => {
+            this.activated ||= this.active();
+            return this.mode() ? this.activated : this.active();
+        });
+        this.lazyTemplate = computed(() => this.active() && this.lazy());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTab, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: NgbTab, isStandalone: true, selector: "ngb-tab", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tabpanel" }, properties: { "tabindex": "active() ? 0 : -1", "attr.aria-hidden": "!active()", "attr.aria-labelledby": "id" } }, queries: [{ propertyName: "header", first: true, predicate: NgbTabHeader, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "lazy", first: true, predicate: NgbTabLazy, descendants: true, read: TemplateRef, isSignal: true }], exportAs: ["ngbTab"], ngImport: i0, template: `
+    @if (lazyTemplate(); as template) {
+      <ng-container *ngTemplateOutlet="template" />
+    } @else if (activeMode()) {
+      <ng-content />
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTab, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngb-tab',
+                    exportAs: 'ngbTab',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [NgTemplateOutlet],
+                    template: `
+    @if (lazyTemplate(); as template) {
+      <ng-container *ngTemplateOutlet="template" />
+    } @else if (activeMode()) {
+      <ng-content />
+    }
+  `,
+                    host: {
+                        role: 'tabpanel',
+                        '[tabindex]': 'active() ? 0 : -1',
+                        '[attr.aria-hidden]': '!active()',
+                        '[attr.aria-labelledby]': 'id',
+                    },
+                }]
+        }] });
+function provideTab(tab) {
+    return {
+        provide: NgbTab,
+        useExisting: tab,
+    };
+}
+
+class TabButtonsGroup {
+    constructor() {
+        this.tabGroup = inject(NgbTabs);
+        this.accessibleGroup = inject(AccessibleGroup);
+        this.accessibleGroup.ayId.set(this.tabGroup.ayId);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TabButtonsGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: TabButtonsGroup, isStandalone: true, selector: "[ngbTabButtonsGroup]", host: { attributes: { "role": "tablist" }, styleAttribute: "scrollbar-width: none" }, hostDirectives: [{ directive: i1.AccessibleGroup }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TabButtonsGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbTabButtonsGroup]',
+                    hostDirectives: [{ directive: AccessibleGroup }],
+                    host: {
+                        role: 'tablist',
+                        style: 'scrollbar-width: none',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+class TabButton {
+    constructor() {
+        this.tabGroup = inject(NgbTabs);
+        this.accessibleItem = inject(AccessibleItem);
+        this.ngbTabButton = input.required();
+        this.accessibleItem._selected = computed(() => this.ngbTabButton().tabId() === this.tabGroup.selectedIndex());
+        this.accessibleItem._disabled = computed(() => this.ngbTabButton().disabled());
+        this.accessibleItem._ayId.set(this.tabGroup.ayId);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TabButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: TabButton, isStandalone: true, selector: "button[ngbTabButton]", inputs: { ngbTabButton: { classPropertyName: "ngbTabButton", publicName: "ngbTabButton", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "button", "role": "tab" }, listeners: { "click": "!ngbTabButton().disabled() && tabGroup.setActive(ngbTabButton())" }, properties: { "attr.id": "ngbTabButton().id" } }, hostDirectives: [{ directive: i1.AccessibleItem }], ngImport: i0, template: `
+    @if (ngbTabButton().header(); as template) {
+      <ng-container *ngTemplateOutlet="template" />
+    } @else {
+      {{ ngbTabButton().label() }}
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TabButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[ngbTabButton]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [{ directive: AccessibleItem }],
+                    imports: [NgTemplateOutlet],
+                    template: `
+    @if (ngbTabButton().header(); as template) {
+      <ng-container *ngTemplateOutlet="template" />
+    } @else {
+      {{ ngbTabButton().label() }}
+    }
+  `,
+                    host: {
+                        type: 'button',
+                        role: 'tab',
+                        '[attr.id]': 'ngbTabButton().id',
+                        '(click)': '!ngbTabButton().disabled() && tabGroup.setActive(ngbTabButton())',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+class TabScroll {
+    constructor() {
+        this.ngbTabScroll = input.required();
+        this.tabGroup = inject(NgbTabs);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TabScroll, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: TabScroll, isStandalone: true, selector: "button[ngbTabScroll]", inputs: { ngbTabScroll: { classPropertyName: "ngbTabScroll", publicName: "ngbTabScroll", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "button", "tabindex": "-1" }, listeners: { "click": "tabGroup.scroll(ngbTabScroll())" }, styleAttribute: "{display: none}" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TabScroll, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[ngbTabScroll]',
+                    host: {
+                        type: 'button',
+                        tabindex: '-1',
+                        style: '{display: none}',
+                        '(click)': 'tabGroup.scroll(ngbTabScroll())',
+                    },
+                }]
+        }] });
+class NgbTabs {
+    constructor() {
+        this.tabList = viewChild.required(TabButtonsGroup, {
+            read: ElementRef,
+        });
+        this.tabListContainer = viewChild.required('tabListContainer');
+        this.tabButtons = viewChildren(TabButton, {
+            read: ElementRef,
+        });
+        // readonly leftScroll = viewChild<ElementRef<HTMLElement>>('leftScroll');
+        // readonly rightScroll = viewChild<ElementRef<HTMLElement>>('rightScroll');
+        this.scrollButtons = viewChildren(TabScroll, {
+            read: ElementRef,
+        });
+        this.tabs = contentChildren(NgbTab);
+        this.selectedIndex = model(0);
+        this.selectedTabChange = output();
+        this.tabMap = new Map();
+        this.ayId = uniqueId();
+        effect(cleanup => {
+            const tabList = this.tabList().nativeElement;
+            const tabListContainer = this.tabListContainer().nativeElement;
+            if (typeof ResizeObserver !== 'undefined') {
+                const observer = new ResizeObserver(() => {
+                    this.updateScrollDisplay(tabList);
+                });
+                observer.observe(tabListContainer);
+                cleanup(() => observer.disconnect());
+            }
+        });
+        effect(() => {
+            const tabs = this.tabs();
+            tabs.forEach((tab, index) => tab.index.set(index));
+        });
+        effect(() => {
+            const tabs = this.tabs();
+            let activeIndex = this.selectedIndex();
+            if (activeIndex === undefined || activeIndex === null) {
+                this.setActive(tabs[0]);
+                return;
+            }
+            else if (activeIndex >= tabs.length) {
+                // if the index is out of bounds, set the last tab as active
+                this.setActive(tabs[tabs.length - 1]);
+                return;
+            }
+            if (this.selectedId !== undefined && activeIndex === this.selectedId) {
+                const id = this.tabMap.get(this.selectedId);
+                const tab = tabs.find(tab => tab.id === id);
+                if (tab && activeIndex !== tab.index()) {
+                    this.setActive(tab);
+                    this.selectedId = undefined;
+                    return;
+                }
+            }
+            // make sure the index is not a disabled tab
+            // if (tabs[activeIndex]?.disabled()) {
+            //   const nextIndex = tabs.findIndex((tab, index) => !tab.disabled() && index > activeIndex);
+            //   activeIndex = nextIndex === -1 ? tabs.length - 1 : nextIndex;
+            //   this.selectedIndex.set(activeIndex);
+            //   this.selectedId = activeIndex;
+            //   return;
+            // }
+            // tabMap is used to keep track of the tab headers
+            this.tabMap.clear();
+            let activeTab;
+            tabs.forEach((tab, index) => {
+                tab.active.set(activeIndex === tab.tabId());
+                if (activeIndex === tab.tabId()) {
+                    activeTab = tab;
+                }
+                this.tabMap.set(index, tab.id);
+            });
+            this.selectedId = activeIndex;
+            // scroll to the active tab
+            this.scrollToActive(activeTab.index());
+        });
+        afterNextRender(() => {
+            const el = this.tabList().nativeElement;
+            this.updateScrollDisplay(el);
+            el.addEventListener('scroll', () => {
+                requestAnimationFrame(() => {
+                    this.updateScrollDisplay(el);
+                });
+            });
+        });
+    }
+    updateScrollDisplay(el) {
+        const leftScroll = this.scrollButtons()[0].nativeElement;
+        const rightScroll = this.scrollButtons()[1].nativeElement;
+        leftScroll.style.display = el.scrollLeft > 0 ? 'grid' : 'none';
+        rightScroll.style.display = el.scrollLeft + el.clientWidth < el.scrollWidth ? 'grid' : 'none';
+    }
+    scroll(direction) {
+        const tabList = this.tabList().nativeElement;
+        const el = this.tabList().nativeElement;
+        const scroll = el.clientWidth * 0.8;
+        const isLeft = direction === 'left';
+        tabList.scrollTo({
+            left: tabList.scrollLeft + (isLeft ? -scroll : scroll),
+            behavior: 'smooth',
+        });
+    }
+    setActive(tab) {
+        // if the tab is not found, return
+        if (!tab)
+            return;
+        this.selectedIndex.set(tab.tabId());
+        this.scrollToActive(tab.index());
+        this.selectedTabChange.emit({ tab, index: tab.index() });
+    }
+    scrollToActive(index) {
+        const tabList = this.tabList().nativeElement;
+        const tabs = this.tabButtons().slice(0, index + 1);
+        // ssr does not support getBoundingClientRect
+        const totalWidth = tabs.reduce((a, c) => {
+            const width = c.nativeElement.getBoundingClientRect?.().width || 0;
+            return a + width;
+        }, 0);
+        const { width } = tabList.getBoundingClientRect?.() || { width: 0 };
+        const scrollLeft = tabList.scrollLeft;
+        const lastTab = tabs[tabs.length - 1]?.nativeElement;
+        const lastTabWidth = lastTab?.getBoundingClientRect?.().width || 0;
+        const withoutLastTabWidth = totalWidth - lastTabWidth;
+        const isLeftSide = scrollLeft + width / 2 > withoutLastTabWidth + lastTabWidth / 2;
+        const left = isLeftSide ? totalWidth - lastTabWidth : totalWidth - width;
+        if (withoutLastTabWidth < scrollLeft || totalWidth > scrollLeft + width) {
+            tabList.scrollTo({ left, behavior: 'smooth' });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTabs, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: NgbTabs, isStandalone: true, selector: "ngb-tabs", inputs: { selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange", selectedTabChange: "selectedTabChange" }, host: { classAttribute: "bg-foreground flex flex-col" }, queries: [{ propertyName: "tabs", predicate: NgbTab, isSignal: true }], viewQueries: [{ propertyName: "tabList", first: true, predicate: TabButtonsGroup, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "tabListContainer", first: true, predicate: ["tabListContainer"], descendants: true, isSignal: true }, { propertyName: "tabButtons", predicate: TabButton, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "scrollButtons", predicate: TabScroll, descendants: true, read: ElementRef, isSignal: true }], exportAs: ["ngbTabs"], ngImport: i0, template: `<div class="flex items-center border-b">
+      <ng-content select=".tab-start-header-content" />
+      <div class="relative flex overflow-hidden">
+        <button
+          ngbTabScroll="left"
+          class="absolute left-0 z-10 h-full place-items-center bg-foreground px-2"
+        >
+          <
+        </button>
+        <nav ngbTabButtonsGroup class="overflow-auto">
+          <div #tabListContainer class="flex h-full w-max">
+            @for (tab of tabs(); track tab.id) {
+              <button
+                [ngbTabButton]="tab"
+                class="whitespace-nowrap border-b-2 border-transparent aria-[disabled=true]:cursor-not-allowed aria-[selected=true]:!border-primary aria-[disabled=true]:text-muted aria-[selected=true]:!text-primary aria-[disabled=true]:opacity-50"
+              ></button>
+            }
+          </div>
+        </nav>
+        <button
+          ngbTabScroll="right"
+          class="absolute right-0 z-10 h-full place-items-center bg-foreground px-2"
+        >
+          >
+        </button>
+      </div>
+      <ng-content select=".tab-header-content" />
+    </div>
+    <ng-content /> `, isInline: true, dependencies: [{ kind: "component", type: TabButton, selector: "button[ngbTabButton]", inputs: ["ngbTabButton"] }, { kind: "directive", type: TabButtonsGroup, selector: "[ngbTabButtonsGroup]" }, { kind: "directive", type: TabScroll, selector: "button[ngbTabScroll]", inputs: ["ngbTabScroll"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTabs, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngb-tabs',
+                    exportAs: 'ngbTabs',
+                    imports: [TabButton, TabButtonsGroup, TabScroll],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<div class="flex items-center border-b">
+      <ng-content select=".tab-start-header-content" />
+      <div class="relative flex overflow-hidden">
+        <button
+          ngbTabScroll="left"
+          class="absolute left-0 z-10 h-full place-items-center bg-foreground px-2"
+        >
+          <
+        </button>
+        <nav ngbTabButtonsGroup class="overflow-auto">
+          <div #tabListContainer class="flex h-full w-max">
+            @for (tab of tabs(); track tab.id) {
+              <button
+                [ngbTabButton]="tab"
+                class="whitespace-nowrap border-b-2 border-transparent aria-[disabled=true]:cursor-not-allowed aria-[selected=true]:!border-primary aria-[disabled=true]:text-muted aria-[selected=true]:!text-primary aria-[disabled=true]:opacity-50"
+              ></button>
+            }
+          </div>
+        </nav>
+        <button
+          ngbTabScroll="right"
+          class="absolute right-0 z-10 h-full place-items-center bg-foreground px-2"
+        >
+          >
+        </button>
+      </div>
+      <ng-content select=".tab-header-content" />
+    </div>
+    <ng-content /> `,
+                    host: {
+                        class: 'bg-foreground flex flex-col',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+function provideTabs(tab) {
+    return {
+        provide: NgbTabs,
+        useExisting: tab,
+    };
+}
+
+/*
+ * Public API Surface of tab
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgbTab, NgbTabHeader, NgbTabLazy, NgbTabs, TabButton, TabButtonsGroup, TabScroll, provideTab, provideTabs };
+//# sourceMappingURL=ngbase-adk-tabs.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-tabs.mjs","sources":["../../../projects/adk/tabs/tab.ts","../../../projects/adk/tabs/tab-group.ts","../../../projects/adk/tabs/public-api.ts","../../../projects/adk/tabs/ngbase-adk-tabs.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  TemplateRef,\n  booleanAttribute,\n  computed,\n  contentChild,\n  input,\n  signal,\n} from '@angular/core';\nimport { uniqueId } from '@ngbase/adk/utils';\n\n@Directive({\n  selector: '[ngbTabHeader]',\n})\nexport class NgbTabHeader {}\n\n@Directive({\n  selector: '[ngbTabLazy]',\n})\nexport class NgbTabLazy {}\n\n@Component({\n  selector: 'ngb-tab',\n  exportAs: 'ngbTab',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgTemplateOutlet],\n  template: `\n    @if (lazyTemplate(); as template) {\n      <ng-container *ngTemplateOutlet=\"template\" />\n    } @else if (activeMode()) {\n      <ng-content />\n    }\n  `,\n  host: {\n    role: 'tabpanel',\n    '[tabindex]': 'active() ? 0 : -1',\n    '[attr.aria-hidden]': '!active()',\n    '[attr.aria-labelledby]': 'id',\n  },\n})\nexport class NgbTab {\n  // Dependencies\n  readonly header = contentChild(NgbTabHeader, { read: TemplateRef });\n  readonly lazy = contentChild(NgbTabLazy, { read: TemplateRef });\n\n  // Inputs\n  readonly label = input('Tab');\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly mode = input<'hidden' | 'lazy'>();\n  readonly value = input<string | number>();\n  readonly id = uniqueId();\n  readonly index = signal(0);\n  readonly tabId = computed(() => this.value() ?? this.index());\n\n  // State\n  readonly active = signal(false);\n\n  private activated = false;\n  readonly activeMode = computed(() => {\n    this.activated ||= this.active();\n    return this.mode() ? this.activated : this.active();\n  });\n  readonly lazyTemplate = computed(() => this.active() && this.lazy());\n}\n\nexport function provideTab(tab: typeof NgbTab) {\n  return {\n    provide: NgbTab,\n    useExisting: tab,\n  };\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  ElementRef,\n  afterNextRender,\n  booleanAttribute,\n  computed,\n  contentChildren,\n  effect,\n  inject,\n  input,\n  model,\n  output,\n  viewChild,\n  viewChildren,\n} from '@angular/core';\nimport { AccessibleGroup, AccessibleItem } from '@ngbase/adk/a11y';\nimport { uniqueId } from '@ngbase/adk/utils';\nimport { NgbTab } from './tab';\n\nexport interface TabChangeEvent {\n  tab: NgbTab;\n  index: number;\n}\n\n@Directive({\n  selector: '[ngbTabButtonsGroup]',\n  hostDirectives: [{ directive: AccessibleGroup }],\n  host: {\n    role: 'tablist',\n    style: 'scrollbar-width: none',\n  },\n})\nexport class TabButtonsGroup {\n  private readonly tabGroup = inject(NgbTabs);\n  private readonly accessibleGroup = inject(AccessibleGroup);\n\n  constructor() {\n    this.accessibleGroup.ayId.set(this.tabGroup.ayId);\n  }\n}\n\n@Component({\n  selector: 'button[ngbTabButton]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [{ directive: AccessibleItem }],\n  imports: [NgTemplateOutlet],\n  template: `\n    @if (ngbTabButton().header(); as template) {\n      <ng-container *ngTemplateOutlet=\"template\" />\n    } @else {\n      {{ ngbTabButton().label() }}\n    }\n  `,\n  host: {\n    type: 'button',\n    role: 'tab',\n    '[attr.id]': 'ngbTabButton().id',\n    '(click)': '!ngbTabButton().disabled() && tabGroup.setActive(ngbTabButton())',\n  },\n})\nexport class TabButton {\n  private readonly tabGroup = inject(NgbTabs);\n  private readonly accessibleItem = inject(AccessibleItem);\n\n  readonly ngbTabButton = input.required<NgbTab>();\n\n  constructor() {\n    this.accessibleItem._selected = computed(\n      () => this.ngbTabButton().tabId() === this.tabGroup.selectedIndex(),\n    );\n    this.accessibleItem._disabled = computed(() => this.ngbTabButton().disabled());\n    this.accessibleItem._ayId.set(this.tabGroup.ayId);\n  }\n}\n\n@Directive({\n  selector: 'button[ngbTabScroll]',\n  host: {\n    type: 'button',\n    tabindex: '-1',\n    style: '{display: none}',\n    '(click)': 'tabGroup.scroll(ngbTabScroll())',\n  },\n})\nexport class TabScroll {\n  readonly ngbTabScroll = input.required<'left' | 'right'>();\n  readonly tabGroup = inject(NgbTabs);\n}\n\n@Component({\n  selector: 'ngb-tabs',\n  exportAs: 'ngbTabs',\n  imports: [TabButton, TabButtonsGroup, TabScroll],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `<div class=\"flex items-center border-b\">\n      <ng-content select=\".tab-start-header-content\" />\n      <div class=\"relative flex overflow-hidden\">\n        <button\n          ngbTabScroll=\"left\"\n          class=\"absolute left-0 z-10 h-full place-items-center bg-foreground px-2\"\n        >\n          <\n        </button>\n        <nav ngbTabButtonsGroup class=\"overflow-auto\">\n          <div #tabListContainer class=\"flex h-full w-max\">\n            @for (tab of tabs(); track tab.id) {\n              <button\n                [ngbTabButton]=\"tab\"\n                class=\"whitespace-nowrap border-b-2 border-transparent aria-[disabled=true]:cursor-not-allowed aria-[selected=true]:!border-primary aria-[disabled=true]:text-muted aria-[selected=true]:!text-primary aria-[disabled=true]:opacity-50\"\n              ></button>\n            }\n          </div>\n        </nav>\n        <button\n          ngbTabScroll=\"right\"\n          class=\"absolute right-0 z-10 h-full place-items-center bg-foreground px-2\"\n        >\n          >\n        </button>\n      </div>\n      <ng-content select=\".tab-header-content\" />\n    </div>\n    <ng-content /> `,\n  host: {\n    class: 'bg-foreground flex flex-col',\n  },\n})\nexport class NgbTabs<T extends NgbTab = NgbTab> {\n  readonly tabList = viewChild.required<TabButtonsGroup, ElementRef<HTMLElement>>(TabButtonsGroup, {\n    read: ElementRef,\n  });\n  readonly tabListContainer = viewChild.required<ElementRef<HTMLElement>>('tabListContainer');\n  readonly tabButtons = viewChildren<TabButton, ElementRef<HTMLElement>>(TabButton, {\n    read: ElementRef,\n  });\n  // readonly leftScroll = viewChild<ElementRef<HTMLElement>>('leftScroll');\n  // readonly rightScroll = viewChild<ElementRef<HTMLElement>>('rightScroll');\n  readonly scrollButtons = viewChildren<TabScroll, ElementRef<HTMLElement>>(TabScroll, {\n    read: ElementRef,\n  });\n  readonly tabs = contentChildren<T>(NgbTab as any);\n\n  readonly selectedIndex = model<any>(0);\n  readonly selectedTabChange = output<TabChangeEvent>();\n\n  private selectedId?: number;\n  private readonly tabMap = new Map<number, string>();\n  readonly ayId = uniqueId();\n\n  constructor() {\n    effect(cleanup => {\n      const tabList = this.tabList().nativeElement;\n      const tabListContainer = this.tabListContainer().nativeElement;\n      if (typeof ResizeObserver !== 'undefined') {\n        const observer = new ResizeObserver(() => {\n          this.updateScrollDisplay(tabList);\n        });\n        observer.observe(tabListContainer);\n        cleanup(() => observer.disconnect());\n      }\n    });\n\n    effect(() => {\n      const tabs = this.tabs();\n      tabs.forEach((tab, index) => tab.index.set(index));\n    });\n\n    effect(() => {\n      const tabs = this.tabs();\n      let activeIndex = this.selectedIndex();\n      if (activeIndex === undefined || activeIndex === null) {\n        this.setActive(tabs[0]);\n        return;\n      } else if (activeIndex >= tabs.length) {\n        // if the index is out of bounds, set the last tab as active\n        this.setActive(tabs[tabs.length - 1]);\n        return;\n      }\n\n      if (this.selectedId !== undefined && activeIndex === this.selectedId) {\n        const id = this.tabMap.get(this.selectedId);\n        const tab = tabs.find(tab => tab.id === id);\n        if (tab && activeIndex !== tab.index()) {\n          this.setActive(tab);\n          this.selectedId = undefined;\n          return;\n        }\n      }\n\n      // make sure the index is not a disabled tab\n      // if (tabs[activeIndex]?.disabled()) {\n      //   const nextIndex = tabs.findIndex((tab, index) => !tab.disabled() && index > activeIndex);\n      //   activeIndex = nextIndex === -1 ? tabs.length - 1 : nextIndex;\n      //   this.selectedIndex.set(activeIndex);\n      //   this.selectedId = activeIndex;\n      //   return;\n      // }\n\n      // tabMap is used to keep track of the tab headers\n      this.tabMap.clear();\n      let activeTab: NgbTab;\n      tabs.forEach((tab, index) => {\n        tab.active.set(activeIndex === tab.tabId());\n        if (activeIndex === tab.tabId()) {\n          activeTab = tab;\n        }\n        this.tabMap.set(index, tab.id);\n      });\n\n      this.selectedId = activeIndex;\n\n      // scroll to the active tab\n      this.scrollToActive(activeTab!.index());\n    });\n\n    afterNextRender(() => {\n      const el = this.tabList().nativeElement;\n      this.updateScrollDisplay(el);\n      el.addEventListener('scroll', () => {\n        requestAnimationFrame(() => {\n          this.updateScrollDisplay(el);\n        });\n      });\n    });\n  }\n\n  private updateScrollDisplay(el: HTMLElement) {\n    const leftScroll = this.scrollButtons()[0]!.nativeElement;\n    const rightScroll = this.scrollButtons()[1]!.nativeElement;\n    leftScroll.style.display = el.scrollLeft > 0 ? 'grid' : 'none';\n    rightScroll.style.display = el.scrollLeft + el.clientWidth < el.scrollWidth ? 'grid' : 'none';\n  }\n\n  scroll(direction: 'left' | 'right') {\n    const tabList = this.tabList()!.nativeElement;\n    const el = this.tabList()!.nativeElement;\n    const scroll = el.clientWidth * 0.8;\n    const isLeft = direction === 'left';\n    tabList.scrollTo({\n      left: tabList.scrollLeft + (isLeft ? -scroll : scroll),\n      behavior: 'smooth',\n    });\n  }\n\n  setActive(tab: NgbTab) {\n    // if the tab is not found, return\n    if (!tab) return;\n\n    this.selectedIndex.set(tab.tabId());\n    this.scrollToActive(tab.index());\n    this.selectedTabChange.emit({ tab, index: tab.index() });\n  }\n\n  private scrollToActive(index: number) {\n    const tabList = this.tabList().nativeElement;\n    const tabs = this.tabButtons().slice(0, index + 1);\n    // ssr does not support getBoundingClientRect\n    const totalWidth = tabs.reduce((a, c) => {\n      const width = c.nativeElement.getBoundingClientRect?.().width || 0;\n      return a + width;\n    }, 0);\n\n    const { width } = tabList.getBoundingClientRect?.() || { width: 0 };\n    const scrollLeft = tabList.scrollLeft;\n    const lastTab = tabs[tabs.length - 1]?.nativeElement;\n    const lastTabWidth = lastTab?.getBoundingClientRect?.().width || 0;\n    const withoutLastTabWidth = totalWidth - lastTabWidth;\n\n    const isLeftSide = scrollLeft + width / 2 > withoutLastTabWidth + lastTabWidth / 2;\n    const left = isLeftSide ? totalWidth - lastTabWidth : totalWidth - width;\n\n    if (withoutLastTabWidth < scrollLeft || totalWidth > scrollLeft + width) {\n      tabList.scrollTo({ left, behavior: 'smooth' });\n    }\n  }\n}\n\nexport function provideTabs<T extends NgbTab>(tab: typeof NgbTabs<T>) {\n  return {\n    provide: NgbTabs,\n    useExisting: tab,\n  };\n}\n","/*\n * Public API Surface of tab\n */\n\nexport * from './tab';\nexport * from './tab-group';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}