@snatuva/primitives 0.0.2

package/README.md

@@ -0,0 +1,120 @@
+# @snatuva/primitives
+
+Headless, directive-first Angular UI primitives focused on behavior, accessibility,
+and composability.
+
+This library currently includes:
+
+- Tabs primitives
+- Tooltip primitives
+
+## Philosophy
+
+- **Headless**: no styling is imposed by the library.
+- **Directive-first**: compose behavior into your own markup.
+- **Scoped state**: each primitive root creates an isolated state scope.
+- **Accessible by default**: ARIA semantics are wired into directives.
+
+## Installation
+
+```bash
+npm install @snatuva/primitives
+```
+
+## Exports
+
+```ts
+import {
+  TabsDirective,
+  TabListDirective,
+  TabTriggerDirective,
+  TabPanelDirective,
+  TabContentDirective,
+  TooltipDirective,
+  TooltipTriggerDirective,
+  TooltipContentDirective,
+} from '@snatuva/primitives';
+```
+
+## Tabs
+
+### Directives
+
+- `apTabs` — root tabs scope/state provider.
+- `apTabList` — list container for tab triggers.
+- `apTabTrigger` — interactive tab trigger.
+  - Required input: `tabId: string`
+  - Optional input: `disabled: boolean`
+- `apTabPanel` — panel region.
+  - Input: `id` (forwarded to ARIA tab panel primitive value)
+  - Optional input: `disabled: boolean`
+- `apTabContent` — structural directive to conditionally render active panel content.
+  - Required input: `tabId: string`
+
+### Minimal usage
+
+```html
+<div apTabs>
+  <div apTabList>
+    <button apTabTrigger tabId="overview">Overview</button>
+    <button apTabTrigger tabId="details">Details</button>
+  </div>
+
+  <section apTabPanel id="overview">
+    <ng-template apTabContent tabId="overview">
+      <p>Overview content</p>
+    </ng-template>
+  </section>
+
+  <section apTabPanel id="details">
+    <ng-template apTabContent tabId="details">
+      <p>Details content</p>
+    </ng-template>
+  </section>
+</div>
+```
+
+### Behavior notes
+
+- The first registered panel is selected by default.
+- Selecting a disabled tab is ignored.
+- When an active panel is removed, selection falls back to the next available panel.
+
+## Tooltip
+
+### Directives
+
+- `apTooltip` — root tooltip scope/state provider.
+- `apTooltipTrigger` — element that opens/closes tooltip on pointer/focus interactions.
+- `apTooltipContent` — template for tooltip content.
+
+### Minimal usage
+
+```html
+<div apTooltip>
+  <button apTooltipTrigger type="button">Hover or focus me</button>
+
+  <ng-template apTooltipContent>
+    <span>Helpful tooltip content</span>
+  </ng-template>
+</div>
+```
+
+### Behavior notes
+
+- Opens on `mouseenter` and `focus`.
+- Closes on `mouseleave`, `blur`, or <kbd>Escape</kbd>.
+
+## Development
+
+### Build library
+
+```bash
+ng build primitives
+```
+
+### Run tests
+
+```bash
+ng test
+```

package/fesm2022/snatuva-primitives.mjs

@@ -0,0 +1,426 @@
+import * as i0 from '@angular/core';
+import { signal, computed, Injectable, Directive, inject, Input, ElementRef, HostBinding, effect, TemplateRef, contentChild, contentChildren, ViewContainerRef, Injector, runInInjectionContext } from '@angular/core';
+import * as i1 from '@angular/aria/tabs';
+import { Tabs, TabPanel, Tab, TabList } from '@angular/aria/tabs';
+import { Overlay } from '@angular/cdk/overlay';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { Subject, fromEvent, filter, takeUntil } from 'rxjs';
+import { DOCUMENT } from '@angular/common';
+
+class TabsState {
+    _panels = signal([], ...(ngDevMode ? [{ debugName: "_panels" }] : []));
+    _activeId = signal(null, ...(ngDevMode ? [{ debugName: "_activeId" }] : []));
+    panels = this._panels.asReadonly();
+    activeId = this._activeId.asReadonly();
+    activePanel = computed(() => this._panels().find(p => p.id === this._activeId()), ...(ngDevMode ? [{ debugName: "activePanel" }] : []));
+    register(panel) {
+        this._panels.update(p => [...p, panel]);
+        if (!this._activeId()) {
+            this._activeId.set(panel.id);
+        }
+    }
+    unregister(id) {
+        this._panels.update(p => p.filter(x => x.id !== id));
+        if (this._activeId() === id) {
+            this._activeId.set(this._panels()[0]?.id ?? null);
+        }
+    }
+    select(id) {
+        const panel = this._panels().find(p => p.id === id && !p.disabled);
+        if (panel) {
+            this._activeId.set(id);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TabsState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TabsState });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TabsState, decorators: [{
+            type: Injectable
+        }] });
+
+class TabsDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TabsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: TabsDirective, isStandalone: true, selector: "[apTabs]", providers: [
+            TabsState
+        ], exportAs: ["apTabs"], hostDirectives: [{ directive: i1.Tabs }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TabsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[apTabs]',
+                    standalone: true,
+                    exportAs: 'apTabs',
+                    providers: [
+                        TabsState
+                    ],
+                    hostDirectives: [{
+                            directive: Tabs
+                        }]
+                }]
+        }] });
+
+class TabPanelDirective {
+    // 1. Inject the host directive instance
+    ariaPanel = inject(TabPanel);
+    disabled = false;
+    state = inject(TabsState);
+    ngOnInit() {
+        // 2. Use ariaPanel.value (which holds the 'id' passed by the user)
+        this.state.register({
+            id: this.ariaPanel.value(),
+            disabled: this.disabled
+        });
+    }
+    ngOnDestroy() {
+        this.state.unregister(this.ariaPanel.value());
+    }
+    isActive() {
+        // 3. Compare the active state against the primitive's value
+        return this.state.activeId() === this.ariaPanel.value();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TabPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: TabPanelDirective, isStandalone: true, selector: "[apTabPanel]", inputs: { disabled: "disabled" }, host: { attributes: { "role": "tabpanel" }, properties: { "attr.aria-labelledby": "`ap-tab-${ariaPanel.value}`", "style.display": "isActive() ? \"block\" : \"none\"", "attr.aria-hidden": "!isActive()" } }, exportAs: ["apTabPanel"], hostDirectives: [{ directive: i1.TabPanel, inputs: ["id", "id", "value", "value"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TabPanelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[apTabPanel]',
+                    standalone: true,
+                    exportAs: 'apTabPanel',
+                    host: {
+                        'role': 'tabpanel',
+                        // Use the ID from the injected ariaPanel
+                        '[attr.aria-labelledby]': '`ap-tab-${ariaPanel.value}`',
+                        '[style.display]': 'isActive() ? "block" : "none"',
+                        '[attr.aria-hidden]': '!isActive()'
+                    },
+                    hostDirectives: [{
+                            directive: TabPanel,
+                            // We map the public "id" attribute of your directive 
+                            // to the "value" property of the TabPanel primitive.
+                            inputs: ['id', 'value']
+                        }]
+                }]
+        }], propDecorators: { disabled: [{
+                type: Input
+            }] } });
+
+class TabTriggerDirective {
+    tabId = '';
+    disabled = false;
+    state = inject(TabsState);
+    el = inject((ElementRef));
+    // constructor(@Host() private tabs: TabsDirective) { }
+    activate() {
+        this.state.select(this.tabId);
+    }
+    focus() {
+        this.el.nativeElement.focus();
+    }
+    // @HostListener('keydown', ['$event'])
+    // onKeydown(event: KeyboardEvent) {
+    //     this.tabs.handleKeydown(event);
+    // }
+    tabindex = '-1';
+    get id() {
+        return `ap-tab-${this.tabId}`;
+    }
+    get controls() {
+        return `ap-panel-${this.tabId}`;
+    }
+    setActive(isActive) {
+        this.tabindex = isActive ? '0' : '-1';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TabTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: TabTriggerDirective, isStandalone: true, selector: "[apTabTrigger]", inputs: { tabId: "tabId", disabled: "disabled" }, host: { attributes: { "role": "tab" }, listeners: { "click": "activate()" }, properties: { "attr.aria-selected": "state.activeId() === tabId", "attr.aria-disabled": "disabled", "attr.tabindex": "this.tabindex", "attr.id": "this.id", "attr.aria-controls": "this.controls" } }, providers: [
+            { provide: Tab, useExisting: Tab }
+        ], hostDirectives: [{ directive: i1.Tab, inputs: ["value", "tabId"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TabTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[apTabTrigger]',
+                    standalone: true,
+                    host: {
+                        'role': 'tab',
+                        '[attr.aria-selected]': 'state.activeId() === tabId',
+                        '[attr.aria-disabled]': 'disabled',
+                        '(click)': 'activate()'
+                    },
+                    providers: [
+                        { provide: Tab, useExisting: Tab }
+                    ],
+                    hostDirectives: [{
+                            directive: Tab,
+                            inputs: ['value: tabId']
+                        }]
+                }]
+        }], propDecorators: { tabId: [{
+                type: Input,
+                args: [{ required: true }]
+            }], disabled: [{
+                type: Input
+            }], tabindex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], id: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }], controls: [{
+                type: HostBinding,
+                args: ['attr.aria-controls']
+            }] } });
+
+class TabContentDirective {
+    tabId;
+    state = inject(TabsState);
+    constructor(template, vcr) {
+        effect(() => {
+            vcr.clear();
+            if (this.state.activeId() === this.tabId) {
+                vcr.createEmbeddedView(template);
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TabContentDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: TabContentDirective, isStandalone: true, selector: "[apTabContent]", inputs: { tabId: "tabId" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TabContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[apTabContent]'
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }], propDecorators: { tabId: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+class TabListDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TabListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: TabListDirective, isStandalone: true, selector: "[apTabList]", hostDirectives: [{ directive: i1.TabList }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TabListDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[apTabList]',
+                    standalone: true,
+                    hostDirectives: [{
+                            directive: TabList
+                        }]
+                }]
+        }] });
+
+class TooltipState {
+    /** Whether tooltip is open */
+    open = signal(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    openTooltip() {
+        this.open.set(true);
+    }
+    closeTooltip() {
+        this.open.set(false);
+    }
+    toggle() {
+        this.open.update(v => !v);
+    }
+}
+
+class TooltipTriggerDirective {
+    state = inject(TooltipState);
+    element = inject((ElementRef));
+    onMouseEnter() {
+        this.state.openTooltip();
+    }
+    onMouseLeave() {
+        this.state.closeTooltip();
+    }
+    onFocus() {
+        this.state.openTooltip();
+    }
+    onBlur() {
+        this.state.closeTooltip();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TooltipTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: TooltipTriggerDirective, isStandalone: true, selector: "[apTooltipTrigger]", host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focus": "onFocus()", "blur": "onBlur()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TooltipTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[apTooltipTrigger]',
+                    standalone: true,
+                    host: {
+                        '(mouseenter)': 'onMouseEnter()',
+                        '(mouseleave)': 'onMouseLeave()',
+                        '(focus)': 'onFocus()',
+                        '(blur)': 'onBlur()',
+                    }
+                }]
+        }] });
+
+class TooltipContentDirective {
+    template = inject((TemplateRef));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TooltipContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: TooltipContentDirective, isStandalone: true, selector: "[apTooltipContent]", host: { attributes: { "role": "tooltip" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TooltipContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[apTooltipContent]',
+                    standalone: true,
+                    host: {
+                        'role': 'tooltip'
+                    }
+                }]
+        }] });
+
+class TooltipOverlay {
+    overlay;
+    vcr;
+    origin;
+    overlayRef;
+    constructor(overlay, vcr, origin) {
+        this.overlay = overlay;
+        this.vcr = vcr;
+        this.origin = origin;
+    }
+    attach(template) {
+        if (!this.overlayRef) {
+            this.overlayRef = this.createOverlay();
+        }
+        if (!this.overlayRef.hasAttached()) {
+            const portal = new TemplatePortal(template, this.vcr);
+            this.overlayRef.attach(portal);
+        }
+    }
+    detach() {
+        this.overlayRef?.detach();
+    }
+    destroy() {
+        this.overlayRef?.dispose();
+    }
+    keydownEvents() {
+        return this.overlayRef?.keydownEvents() ?? null;
+    }
+    createOverlay() {
+        const positionStrategy = this.overlay.position()
+            .flexibleConnectedTo(this.origin)
+            .withPositions([
+            {
+                originX: 'center',
+                originY: 'top',
+                overlayX: 'center',
+                overlayY: 'bottom',
+                offsetY: -8
+            },
+            {
+                originX: 'center',
+                originY: 'bottom',
+                overlayX: 'center',
+                overlayY: 'top',
+                offsetY: 8
+            }
+        ]);
+        return this.overlay.create({
+            positionStrategy,
+            scrollStrategy: this.overlay.scrollStrategies.reposition(),
+            hasBackdrop: false
+        });
+    }
+}
+
+class TooltipDirective {
+    destroy$ = new Subject();
+    state = inject(TooltipState);
+    content = contentChild(TooltipContentDirective, ...(ngDevMode ? [{ debugName: "content" }] : []));
+    triggers = contentChildren(TooltipTriggerDirective, ...(ngDevMode ? [{ debugName: "triggers" }] : []));
+    overlay = null;
+    overlayService = inject(Overlay);
+    vcr = inject(ViewContainerRef);
+    injector = inject(Injector);
+    document = inject(DOCUMENT);
+    constructor() {
+        runInInjectionContext(this.injector, () => {
+            effect(() => {
+                if (!this.state.open()) {
+                    return;
+                }
+                const sub = fromEvent(this.document, 'keydown')
+                    .pipe(filter(e => e.key === 'Escape'), takeUntil(this.destroy$))
+                    .subscribe(() => {
+                    this.state.closeTooltip();
+                });
+                // Cleanup when tooltip closes
+                return () => sub.unsubscribe();
+            });
+        });
+    }
+    ngAfterContentInit() {
+        runInInjectionContext(this.injector, () => {
+            effect(() => {
+                const content = this.content();
+                const triggers = this.triggers();
+                // Early return if required elements are missing
+                if (!content || triggers.length === 0) {
+                    return;
+                }
+                // Create overlay only once
+                if (!this.overlay) {
+                    const origin = triggers[0].element.nativeElement;
+                    this.overlay = new TooltipOverlay(this.overlayService, this.vcr, origin);
+                    this.overlay
+                        .keydownEvents()
+                        ?.pipe(filter(event => event.key === 'Escape'), takeUntil(this.destroy$))
+                        .subscribe(() => {
+                        this.state.closeTooltip();
+                    });
+                }
+                // Toggle tooltip visibility
+                if (this.state.open()) {
+                    this.showTooltip(content);
+                }
+                else {
+                    this.hideTooltip();
+                }
+            });
+        });
+    }
+    showTooltip(content) {
+        if (!this.overlay)
+            return;
+        // Clear any existing content
+        this.vcr.clear();
+        console.log('Showing tooltip');
+        // Create and attach the tooltip content
+        this.vcr.createEmbeddedView(content.template);
+        // this.overlay.attach(viewRef);
+    }
+    hideTooltip() {
+        this.vcr.clear();
+        this.overlay?.detach();
+    }
+    ngOnDestroy() {
+        this.vcr.clear();
+        this.overlay?.destroy();
+        this.overlay = null;
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.0.6", type: TooltipDirective, isStandalone: true, selector: "[apTooltip]", providers: [TooltipState], queries: [{ propertyName: "content", first: true, predicate: TooltipContentDirective, descendants: true, isSignal: true }, { propertyName: "triggers", predicate: TooltipTriggerDirective, isSignal: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[apTooltip]',
+                    standalone: true,
+                    providers: [TooltipState],
+                }]
+        }], ctorParameters: () => [], propDecorators: { content: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TooltipContentDirective), { isSignal: true }] }], triggers: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TooltipTriggerDirective), { isSignal: true }] }] } });
+
+// public-api.ts
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TabContentDirective, TabListDirective, TabPanelDirective, TabTriggerDirective, TabsDirective, TooltipContentDirective, TooltipDirective, TooltipState, TooltipTriggerDirective };
+//# sourceMappingURL=snatuva-primitives.mjs.map

package/fesm2022/snatuva-primitives.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"snatuva-primitives.mjs","sources":["../../../projects/primitives/src/lib/tabs/tabs.state.ts","../../../projects/primitives/src/lib/tabs/tabs.directive.ts","../../../projects/primitives/src/lib/tabs/tab-panel.directive.ts","../../../projects/primitives/src/lib/tabs/tab-trigger.directive.ts","../../../projects/primitives/src/lib/tabs/tab-content.directive.ts","../../../projects/primitives/src/lib/tabs/tabs-list.directive.ts","../../../projects/primitives/src/lib/tooltip/tooltip.state.ts","../../../projects/primitives/src/lib/tooltip/tooltip-trigger.directive.ts","../../../projects/primitives/src/lib/tooltip/tooltip-content.directive.ts","../../../projects/primitives/src/lib/tooltip/tooltip.overlay.ts","../../../projects/primitives/src/lib/tooltip/tooltip.directive.ts","../../../projects/primitives/src/public-api.ts","../../../projects/primitives/src/snatuva-primitives.ts"],"sourcesContent":["import { signal, computed, Inject, Injectable } from '@angular/core';\n\nexport interface TabPanel {\n    id: string;\n    disabled: boolean;\n}\n\n@Injectable()\nexport class TabsState {\n    private readonly _panels = signal<TabPanel[]>([]);\n    private readonly _activeId = signal<string | null>(null);\n\n    readonly panels = this._panels.asReadonly();\n    readonly activeId = this._activeId.asReadonly();\n\n    readonly activePanel = computed(() =>\n        this._panels().find(p => p.id === this._activeId())\n    );\n\n    register(panel: TabPanel): void {\n        this._panels.update(p => [...p, panel]);\n\n        if (!this._activeId()) {\n            this._activeId.set(panel.id);\n        }\n    }\n\n    unregister(id: string): void {\n        this._panels.update(p => p.filter(x => x.id !== id));\n\n        if (this._activeId() === id) {\n            this._activeId.set(this._panels()[0]?.id ?? null);\n        }\n    }\n\n    select(id: string): void {\n        const panel = this._panels().find(p => p.id === id && !p.disabled);\n        if (panel) {\n            this._activeId.set(id);\n        }\n    }\n}\n","import { AfterContentInit, ContentChildren, Directive, effect, HostListener, inject, Injector, QueryList, runInInjectionContext } from '@angular/core';\nimport { TabsState } from './tabs.state';\nimport { TabTriggerDirective } from './tab-trigger.directive';\n// import { TabsKeyboardController } from './tabs.keyboard';\nimport { Tabs } from '@angular/aria/tabs';\n\n@Directive({\n    selector: '[apTabs]',\n    standalone: true,\n    exportAs: 'apTabs',\n    providers: [\n        TabsState\n    ],\n    hostDirectives: [{\n        directive: Tabs\n    }]\n})\nexport class TabsDirective {\n    // state = inject(TabsState);\n    // public activeTab = this.state.activeId;\n    // @ContentChildren(TabTriggerDirective, { descendants: true })\n    // private readonly triggers!: QueryList<TabTriggerDirective>;\n\n    // // private readonly keyboard = new TabsKeyboardController();\n    // private readonly injector = inject(Injector);\n    // constructor(public readonly state: TabsState) {\n    // }\n\n    // ngAfterContentInit(): void {\n    //     // const triggers = this.triggers.toArray();\n\n    //     // this.keyboard.init(triggers);\n\n    //     // runInInjectionContext(this.injector, () => {\n    //     //     effect(() => {\n    //     //         const id = this.state.activeId();\n\n    //     //         triggers.forEach(trigger =>\n    //     //             trigger.setActive(trigger.tabId === id)\n    //     //         );\n\n    //     //         if (id) {\n    //     //             this.keyboard.setActiveById(id);\n    //     //         }\n    //     //     });\n    //     // });\n    // }\n\n    // // onKeydown(event: KeyboardEvent) {\n    // //     this.keyboard.handleKeydown(event);\n    // // }\n\n\n\n}\n","import { Directive, OnInit, OnDestroy, inject, Input } from '@angular/core';\nimport { TabsState } from './tabs.state';\nimport { TabPanel } from '@angular/aria/tabs';\n\n@Directive({\n    selector: '[apTabPanel]',\n    standalone: true,\n    exportAs: 'apTabPanel',\n    host: {\n        'role': 'tabpanel',\n        // Use the ID from the injected ariaPanel\n        '[attr.aria-labelledby]': '`ap-tab-${ariaPanel.value}`',\n        '[style.display]': 'isActive() ? \"block\" : \"none\"',\n        '[attr.aria-hidden]': '!isActive()'\n    },\n    hostDirectives: [{\n        directive: TabPanel,\n        // We map the public \"id\" attribute of your directive \n        // to the \"value\" property of the TabPanel primitive.\n        inputs: ['id', 'value']\n    }]\n})\nexport class TabPanelDirective implements OnInit, OnDestroy {\n    // 1. Inject the host directive instance\n    protected ariaPanel = inject(TabPanel);\n\n    @Input() disabled = false;\n    private state = inject(TabsState);\n\n    ngOnInit(): void {\n        // 2. Use ariaPanel.value (which holds the 'id' passed by the user)\n        this.state.register({\n            id: this.ariaPanel.value() as string,\n            disabled: this.disabled\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.state.unregister(this.ariaPanel.value() as string);\n    }\n\n    isActive(): boolean {\n        // 3. Compare the active state against the primitive's value\n        return this.state.activeId() === this.ariaPanel.value();\n    }\n}","import { Directive, ElementRef, Host, HostBinding, HostListener, inject, Input, input } from '@angular/core';\nimport { FocusableOption } from '@angular/cdk/a11y';\nimport { TabsState } from './tabs.state';\nimport { Tab } from '@angular/aria/tabs';\n\n@Directive({\n    selector: '[apTabTrigger]',\n    standalone: true,\n    host: {\n        'role': 'tab',\n        '[attr.aria-selected]': 'state.activeId() === tabId',\n        '[attr.aria-disabled]': 'disabled',\n        '(click)': 'activate()'\n    },\n    providers: [\n        { provide: Tab, useExisting: Tab }\n    ],\n    hostDirectives: [{\n        directive: Tab,\n        inputs: ['value: tabId']\n    }]\n})\nexport class TabTriggerDirective implements FocusableOption {\n    @Input({ required: true }) tabId: string = '';\n    @Input() disabled = false;\n    state = inject(TabsState);\n    el = inject(ElementRef<HTMLElement>);\n    // constructor(@Host() private tabs: TabsDirective) { }\n    activate(): void {\n        this.state.select(this.tabId);\n    }\n\n    focus(): void {\n        this.el.nativeElement.focus();\n    }\n\n    // @HostListener('keydown', ['$event'])\n    // onKeydown(event: KeyboardEvent) {\n    //     this.tabs.handleKeydown(event);\n    // }\n\n    @HostBinding('attr.tabindex')\n    tabindex = '-1';\n\n    @HostBinding('attr.id')\n    get id() {\n        return `ap-tab-${this.tabId}`;\n    }\n\n    @HostBinding('attr.aria-controls')\n    get controls() {\n        return `ap-panel-${this.tabId}`;\n    }\n\n\n    setActive(isActive: boolean): void {\n        this.tabindex = isActive ? '0' : '-1';\n    }\n}\n","import { Directive, Input, TemplateRef, ViewContainerRef, effect, inject, input } from '@angular/core';\nimport { TabsState } from './tabs.state';\n\n@Directive({\n    selector: '[apTabContent]'\n})\nexport class TabContentDirective {\n    @Input({ required: true }) tabId!: string;\n    private state = inject(TabsState);\n    constructor(\n        template: TemplateRef<unknown>,\n        vcr: ViewContainerRef\n    ) {\n        effect(() => {\n            vcr.clear();\n\n            if (this.state.activeId() === this.tabId) {\n                vcr.createEmbeddedView(template);\n            }\n        });\n    }\n}\n","import { Directive } from '@angular/core';\nimport { TabList } from '@angular/aria/tabs';\n\n@Directive({\n    selector: '[apTabList]',\n    standalone: true,\n    hostDirectives: [{\n        directive: TabList\n    }]\n})\nexport class TabListDirective { }","import { signal } from '@angular/core';\n\nexport class TooltipState {\n    /** Whether tooltip is open */\n    readonly open = signal(false);\n\n    openTooltip() {\n        this.open.set(true);\n    }\n\n    closeTooltip() {\n        this.open.set(false);\n    }\n\n    toggle() {\n        this.open.update(v => !v);\n    }\n}\n","import {\n    Directive,\n    ElementRef,\n    HostListener,\n    inject,\n} from '@angular/core';\nimport { TooltipState } from './tooltip.state';\n\n@Directive({\n    selector: '[apTooltipTrigger]',\n    standalone: true,\n    host: {\n        '(mouseenter)': 'onMouseEnter()',\n        '(mouseleave)': 'onMouseLeave()',\n        '(focus)': 'onFocus()',\n        '(blur)': 'onBlur()',\n    }\n})\nexport class TooltipTriggerDirective {\n    private readonly state = inject(TooltipState);\n    readonly element = inject(ElementRef<HTMLElement>);\n\n    onMouseEnter() {\n        this.state.openTooltip();\n    }\n\n    onMouseLeave() {\n        this.state.closeTooltip();\n    }\n\n    onFocus() {\n        this.state.openTooltip();\n    }\n\n    onBlur() {\n        this.state.closeTooltip();\n    }\n}\n\n","import {\n    Directive,\n    TemplateRef,\n    inject,\n} from '@angular/core';\n\n@Directive({\n    selector: '[apTooltipContent]',\n    standalone: true,\n    host: {\n        'role': 'tooltip'\n    }\n})\nexport class TooltipContentDirective {\n    readonly template = inject(TemplateRef<void>);\n}\n","import {\n    Overlay,\n    OverlayRef\n} from '@angular/cdk/overlay';\nimport { TemplateRef, ViewContainerRef } from '@angular/core';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { Observable } from 'rxjs';\n\nexport class TooltipOverlay {\n    private overlayRef?: OverlayRef;\n\n    constructor(\n        private readonly overlay: Overlay,\n        private readonly vcr: ViewContainerRef,\n        private readonly origin: HTMLElement\n    ) { }\n\n    attach(template: TemplateRef<unknown>): void {\n        if (!this.overlayRef) {\n            this.overlayRef = this.createOverlay();\n        }\n\n        if (!this.overlayRef.hasAttached()) {\n            const portal = new TemplatePortal(template, this.vcr);\n            this.overlayRef.attach(portal);\n        }\n    }\n\n    detach(): void {\n        this.overlayRef?.detach();\n    }\n\n    destroy(): void {\n        this.overlayRef?.dispose();\n    }\n\n    keydownEvents(): Observable<KeyboardEvent> | null {\n        return this.overlayRef?.keydownEvents() ?? null;\n    }\n\n    private createOverlay(): OverlayRef {\n        const positionStrategy =\n            this.overlay.position()\n                .flexibleConnectedTo(this.origin)\n                .withPositions([\n                    {\n                        originX: 'center',\n                        originY: 'top',\n                        overlayX: 'center',\n                        overlayY: 'bottom',\n                        offsetY: -8\n                    },\n                    {\n                        originX: 'center',\n                        originY: 'bottom',\n                        overlayX: 'center',\n                        overlayY: 'top',\n                        offsetY: 8\n                    }\n                ]);\n\n        return this.overlay.create({\n            positionStrategy,\n            scrollStrategy: this.overlay.scrollStrategies.reposition(),\n            hasBackdrop: false\n        });\n    }\n}\n","import {\n    AfterContentInit,\n    contentChild,\n    contentChildren,\n    Directive,\n    effect,\n    inject,\n    Injector,\n    OnDestroy,\n    runInInjectionContext,\n    ViewContainerRef,\n} from '@angular/core';\nimport { TooltipState } from './tooltip.state';\nimport { TooltipContentDirective } from './tooltip-content.directive';\nimport { TooltipTriggerDirective } from './tooltip-trigger.directive';\nimport { Overlay } from '@angular/cdk/overlay';\nimport { TooltipOverlay } from './tooltip.overlay';\nimport { filter, fromEvent, Subject, takeUntil } from 'rxjs';\nimport { DOCUMENT } from '@angular/common';\n\n@Directive({\n    selector: '[apTooltip]',\n    standalone: true,\n    providers: [TooltipState],\n})\nexport class TooltipDirective implements AfterContentInit, OnDestroy {\n\n    private readonly destroy$ = new Subject<void>();\n    state = inject(TooltipState);\n\n    content = contentChild(TooltipContentDirective);\n    triggers = contentChildren(TooltipTriggerDirective);\n\n    private overlay: TooltipOverlay | null = null;\n\n    private readonly overlayService = inject(Overlay);\n    private readonly vcr = inject(ViewContainerRef);\n    private readonly injector = inject(Injector);\n    private readonly document = inject(DOCUMENT);\n\n    constructor() {\n        runInInjectionContext(this.injector, () => {\n            effect(() => {\n                if (!this.state.open()) {\n                    return;\n                }\n\n                const sub = fromEvent<KeyboardEvent>(\n                    this.document,\n                    'keydown'\n                )\n                    .pipe(\n                        filter(e => e.key === 'Escape'),\n                        takeUntil(this.destroy$)\n                    )\n                    .subscribe(() => {\n                        this.state.closeTooltip();\n                    });\n\n                // Cleanup when tooltip closes\n                return () => sub.unsubscribe();\n            });\n        });\n    }\n\n    ngAfterContentInit(): void {\n        runInInjectionContext(this.injector, () => {\n            effect(() => {\n                const content = this.content();\n                const triggers = this.triggers();\n\n                // Early return if required elements are missing\n                if (!content || triggers.length === 0) {\n                    return;\n                }\n\n                // Create overlay only once\n                if (!this.overlay) {\n                    const origin = triggers[0].element.nativeElement;\n                    this.overlay = new TooltipOverlay(\n                        this.overlayService,\n                        this.vcr,\n                        origin\n                    );\n\n                    this.overlay\n                        .keydownEvents()\n                        ?.pipe(\n                            filter(event => event.key === 'Escape'),\n                            takeUntil(this.destroy$)\n                        )\n                        .subscribe(() => {\n                            this.state.closeTooltip();\n                        });\n                }\n\n                // Toggle tooltip visibility\n                if (this.state.open()) {\n                    this.showTooltip(content);\n                } else {\n                    this.hideTooltip();\n                }\n            });\n        });\n    }\n\n    private showTooltip(content: TooltipContentDirective): void {\n        if (!this.overlay) return;\n\n        // Clear any existing content\n        this.vcr.clear();\n        console.log('Showing tooltip');\n        // Create and attach the tooltip content\n        this.vcr.createEmbeddedView(content.template);\n        // this.overlay.attach(viewRef);\n    }\n\n    private hideTooltip(): void {\n        this.vcr.clear();\n        this.overlay?.detach();\n    }\n\n    ngOnDestroy(): void {\n        this.vcr.clear();\n        this.overlay?.destroy();\n        this.overlay = null;\n\n        this.destroy$.next();\n        this.destroy$.complete();\n    }\n}","// public-api.ts\n\nexport * from './lib/tabs';\nexport * from './lib/tooltip';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@snatuva/primitives",
+  "version": "0.0.2",
+  "peerDependencies": {
+    "@angular/common": "^21.0.2",
+    "@angular/core": "^21.0.2",
+    "@angular/cdk": "^21.0.2",
+    "@angular/aria": "^21.0.5"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/snatuva-primitives.mjs",
+  "typings": "types/snatuva-primitives.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/snatuva-primitives.d.ts",
+      "default": "./fesm2022/snatuva-primitives.mjs"
+    }
+  }
+}

package/types/snatuva-primitives.d.ts

@@ -0,0 +1,112 @@
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, ElementRef, TemplateRef, ViewContainerRef, AfterContentInit } from '@angular/core';
+import * as i1 from '@angular/aria/tabs';
+import { TabPanel as TabPanel$1 } from '@angular/aria/tabs';
+import { FocusableOption } from '@angular/cdk/a11y';
+
+declare class TabsDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabsDirective, "[apTabs]", ["apTabs"], {}, {}, never, never, true, [{ directive: typeof i1.Tabs; inputs: {}; outputs: {}; }]>;
+}
+
+declare class TabPanelDirective implements OnInit, OnDestroy {
+    protected ariaPanel: TabPanel$1;
+    disabled: boolean;
+    private state;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    isActive(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabPanelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabPanelDirective, "[apTabPanel]", ["apTabPanel"], { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TabPanel; inputs: { "id": "id"; "value": "value"; }; outputs: {}; }]>;
+}
+
+interface TabPanel {
+    id: string;
+    disabled: boolean;
+}
+declare class TabsState {
+    private readonly _panels;
+    private readonly _activeId;
+    readonly panels: i0.Signal<TabPanel[]>;
+    readonly activeId: i0.Signal<string | null>;
+    readonly activePanel: i0.Signal<TabPanel | undefined>;
+    register(panel: TabPanel): void;
+    unregister(id: string): void;
+    select(id: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsState, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TabsState>;
+}
+
+declare class TabTriggerDirective implements FocusableOption {
+    tabId: string;
+    disabled: boolean;
+    state: TabsState;
+    el: ElementRef<any>;
+    activate(): void;
+    focus(): void;
+    tabindex: string;
+    get id(): string;
+    get controls(): string;
+    setActive(isActive: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabTriggerDirective, "[apTabTrigger]", never, { "tabId": { "alias": "tabId"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.Tab; inputs: { "value": "tabId"; }; outputs: {}; }]>;
+}
+
+declare class TabContentDirective {
+    tabId: string;
+    private state;
+    constructor(template: TemplateRef<unknown>, vcr: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabContentDirective, "[apTabContent]", never, { "tabId": { "alias": "tabId"; "required": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TabListDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabListDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabListDirective, "[apTabList]", never, {}, {}, never, never, true, [{ directive: typeof i1.TabList; inputs: {}; outputs: {}; }]>;
+}
+
+declare class TooltipTriggerDirective {
+    private readonly state;
+    readonly element: ElementRef<any>;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onFocus(): void;
+    onBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipTriggerDirective, "[apTooltipTrigger]", never, {}, {}, never, never, true, never>;
+}
+
+declare class TooltipContentDirective {
+    readonly template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipContentDirective, "[apTooltipContent]", never, {}, {}, never, never, true, never>;
+}
+
+declare class TooltipState {
+    /** Whether tooltip is open */
+    readonly open: i0.WritableSignal<boolean>;
+    openTooltip(): void;
+    closeTooltip(): void;
+    toggle(): void;
+}
+
+declare class TooltipDirective implements AfterContentInit, OnDestroy {
+    private readonly destroy$;
+    state: TooltipState;
+    content: i0.Signal<TooltipContentDirective | undefined>;
+    triggers: i0.Signal<readonly TooltipTriggerDirective[]>;
+    private overlay;
+    private readonly overlayService;
+    private readonly vcr;
+    private readonly injector;
+    private readonly document;
+    constructor();
+    ngAfterContentInit(): void;
+    private showTooltip;
+    private hideTooltip;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[apTooltip]", never, {}, {}, ["content", "triggers"], never, true, never>;
+}
+
+export { TabContentDirective, TabListDirective, TabPanelDirective, TabTriggerDirective, TabsDirective, TooltipContentDirective, TooltipDirective, TooltipState, TooltipTriggerDirective };