@egose/shadcn-theme-ng 0.0.26 → 0.0.28

package/tabs/fesm2022/tabs.mjs

@@ -1,137 +1,153 @@
 import * as i0 from '@angular/core';
-import { input, computed, ChangeDetectionStrategy, Component, Directive, contentChildren, viewChild, NgModule } from '@angular/core';
+import { input, Directive, contentChildren, viewChild, computed, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import * as i1 from '@spartan-ng/brain/tabs';
-import { BrnTabs, BrnTabsContent, BrnTabsList, BrnTabsPaginatedList, BrnTabsTrigger } from '@spartan-ng/brain/tabs';
-import { hlm } from '@egose/shadcn-theme-ng/utils';
+import { BrnTabs, BrnTabsContent, BrnTabsContentLazy, BrnTabsList, BrnTabsPaginatedList, BrnTabsTrigger } from '@spartan-ng/brain/tabs';
+import { classes, hlm } from '@egose/shadcn-theme-ng/utils';
 import { cva } from 'class-variance-authority';
 import { CdkObserveContent } from '@angular/cdk/observers';
 import { toObservable } from '@angular/core/rxjs-interop';
 import { NgIcon, provideIcons } from '@ng-icons/core';
 import { lucideChevronLeft, lucideChevronRight } from '@ng-icons/lucide';
 import { buttonVariants } from '@egose/shadcn-theme-ng/button';
-import { HlmIcon } from '@egose/shadcn-theme-ng/icon';
 
 class HlmTabs {
-    tab = input.required(...(ngDevMode ? [{ debugName: "tab" }] : []));
-    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
-    _computedClass = computed(() => hlm('flex flex-col gap-2', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmTabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.1", type: HlmTabs, isStandalone: true, selector: "hlm-tabs", inputs: { tab: { classPropertyName: "tab", publicName: "tab", isSignal: true, isRequired: true, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, hostDirectives: [{ directive: i1.BrnTabs, inputs: ["orientation", "orientation", "direction", "direction", "activationMode", "activationMode", "brnTabs", "tab"], outputs: ["tabActivated", "tabActivated"] }], ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    tab = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tab" }] : /* istanbul ignore next */ []));
+    constructor() {
+        classes(() => 'group/tabs flex gap-2 data-[orientation=horizontal]:flex-col');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTabs, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmTabs, isStandalone: true, selector: "[hlmTabs],hlm-tabs", inputs: { tab: { classPropertyName: "tab", publicName: "tab", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-slot": "tabs" } }, hostDirectives: [{ directive: i1.BrnTabs, inputs: ["orientation", "orientation", "activationMode", "activationMode", "brnTabs", "tab"], outputs: ["tabActivated", "tabActivated"] }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmTabs, decorators: [{
-            type: Component,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTabs, decorators: [{
+            type: Directive,
             args: [{
-                    selector: 'hlm-tabs',
+                    selector: '[hlmTabs],hlm-tabs',
                     hostDirectives: [
                         {
                             directive: BrnTabs,
-                            inputs: ['orientation', 'direction', 'activationMode', 'brnTabs: tab'],
+                            inputs: ['orientation', 'activationMode', 'brnTabs: tab'],
                             outputs: ['tabActivated'],
                         },
                     ],
-                    template: '<ng-content/>',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
-                        '[class]': '_computedClass()',
+                        'data-slot': 'tabs',
                     },
                 }]
-        }] });
+        }], ctorParameters: () => [], propDecorators: { tab: [{ type: i0.Input, args: [{ isSignal: true, alias: "tab", required: true }] }] } });
 
 class HlmTabsContent {
-    contentFor = input.required(...(ngDevMode ? [{ debugName: "contentFor", alias: 'hlmTabsContent' }] : [{ alias: 'hlmTabsContent' }]));
-    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
-    _computedClass = computed(() => hlm('ring-offset-background focus-visible:ring-ring mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmTabsContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.1", type: HlmTabsContent, isStandalone: true, selector: "[hlmTabsContent]", inputs: { contentFor: { classPropertyName: "contentFor", publicName: "hlmTabsContent", isSignal: true, isRequired: true, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, hostDirectives: [{ directive: i1.BrnTabsContent, inputs: ["brnTabsContent", "hlmTabsContent"] }], ngImport: i0 });
+    contentFor = input.required({ ...(ngDevMode ? { debugName: "contentFor" } : /* istanbul ignore next */ {}), alias: 'hlmTabsContent' });
+    constructor() {
+        classes(() => 'flex-1 text-sm outline-none');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTabsContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmTabsContent, isStandalone: true, selector: "[hlmTabsContent]", inputs: { contentFor: { classPropertyName: "contentFor", publicName: "hlmTabsContent", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-slot": "tabs-content" } }, hostDirectives: [{ directive: i1.BrnTabsContent, inputs: ["brnTabsContent", "hlmTabsContent"] }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmTabsContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTabsContent, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmTabsContent]',
                     hostDirectives: [{ directive: BrnTabsContent, inputs: ['brnTabsContent: hlmTabsContent'] }],
                     host: {
-                        '[class]': '_computedClass()',
+                        'data-slot': 'tabs-content',
                     },
                 }]
+        }], ctorParameters: () => [], propDecorators: { contentFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "hlmTabsContent", required: true }] }] } });
+
+class HlmTabsContentLazy {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTabsContentLazy, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmTabsContentLazy, isStandalone: true, selector: "ng-template[hlmTabsContentLazy]", hostDirectives: [{ directive: i1.BrnTabsContentLazy }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTabsContentLazy, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[hlmTabsContentLazy]',
+                    hostDirectives: [BrnTabsContentLazy],
+                }]
         }] });
 
-const listVariants = cva('bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]', {
+const listVariants = cva('rounded-lg p-[3px] group-data-horizontal/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col', {
     variants: {
-        orientation: {
-            horizontal: 'h-10 space-x-1',
-            vertical: 'mt-2 h-fit flex-col space-y-1',
+        variant: {
+            default: 'bg-muted',
+            line: 'gap-1 bg-transparent',
         },
     },
     defaultVariants: {
-        orientation: 'horizontal',
+        variant: 'default',
     },
 });
 class HlmTabsList {
-    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
-    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
-    _computedClass = computed(() => hlm(listVariants({ orientation: this.orientation() }), this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmTabsList, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.1", type: HlmTabsList, isStandalone: true, selector: "hlm-tabs-list", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, hostDirectives: [{ directive: i1.BrnTabsList }], ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    variant = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    constructor() {
+        classes(() => listVariants({ variant: this.variant() }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTabsList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmTabsList, isStandalone: true, selector: "[hlmTabsList],hlm-tabs-list", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "tabs-list" }, properties: { "attr.data-variant": "variant()" } }, hostDirectives: [{ directive: i1.BrnTabsList }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmTabsList, decorators: [{
-            type: Component,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTabsList, decorators: [{
+            type: Directive,
             args: [{
-                    selector: 'hlm-tabs-list',
+                    selector: '[hlmTabsList],hlm-tabs-list',
                     hostDirectives: [BrnTabsList],
-                    template: '<ng-content/>',
                     host: {
-                        '[class]': '_computedClass()',
+                        'data-slot': 'tabs-list',
+                        '[attr.data-variant]': 'variant()',
                     },
-                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }] });
+        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
 
 class HlmTabsPaginatedList extends BrnTabsPaginatedList {
-    items = contentChildren(BrnTabsTrigger, ...(ngDevMode ? [{ debugName: "items", descendants: false }] : [{ descendants: false }]));
+    constructor() {
+        super();
+        classes(() => 'relative flex flex-shrink-0 items-center gap-1 overflow-hidden');
+    }
+    items = contentChildren(BrnTabsTrigger, { ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), descendants: false });
     /** Explicitly annotating type to avoid non-portable inferred type */
     itemsChanges = toObservable(this.items);
-    tabListContainer = viewChild.required('tabListContainer');
-    tabList = viewChild.required('tabList');
-    tabListInner = viewChild.required('tabListInner');
-    nextPaginator = viewChild.required('nextPaginator');
-    previousPaginator = viewChild.required('previousPaginator');
-    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
-    _computedClass = computed(() => hlm('relative flex flex-shrink-0 gap-1 overflow-hidden', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
-    tabListClass = input('', ...(ngDevMode ? [{ debugName: "tabListClass", alias: 'tabListClass' }] : [{ alias: 'tabListClass' }]));
-    _tabListClass = computed(() => hlm(listVariants(), this.tabListClass()), ...(ngDevMode ? [{ debugName: "_tabListClass" }] : []));
-    paginationButtonClass = input('', ...(ngDevMode ? [{ debugName: "paginationButtonClass", alias: 'paginationButtonClass' }] : [{ alias: 'paginationButtonClass' }]));
-    _paginationButtonClass = computed(() => hlm('relative z-[2] select-none disabled:cursor-default', buttonVariants({ variant: 'ghost', size: 'icon' }), this.paginationButtonClass()), ...(ngDevMode ? [{ debugName: "_paginationButtonClass" }] : []));
+    tabListContainer = viewChild.required('tabListContainer', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tabListContainer" }] : /* istanbul ignore next */ []));
+    tabList = viewChild.required('tabList', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tabList" }] : /* istanbul ignore next */ []));
+    tabListInner = viewChild.required('tabListInner', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tabListInner" }] : /* istanbul ignore next */ []));
+    nextPaginator = viewChild.required('nextPaginator', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nextPaginator" }] : /* istanbul ignore next */ []));
+    previousPaginator = viewChild.required('previousPaginator', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "previousPaginator" }] : /* istanbul ignore next */ []));
+    tabListClass = input('', { ...(ngDevMode ? { debugName: "tabListClass" } : /* istanbul ignore next */ {}), alias: 'tabListClass' });
+    _tabListClass = computed(() => hlm(listVariants(), this.tabListClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_tabListClass" }] : /* istanbul ignore next */ []));
+    paginationButtonClass = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "paginationButtonClass" }] : /* istanbul ignore next */ []));
+    _paginationButtonClass = computed(() => hlm('relative z-[2] select-none disabled:cursor-default', buttonVariants({ variant: 'ghost', size: 'icon-sm' }), this.paginationButtonClass(), this.showPaginationControls() ? 'inline-flex' : 'hidden'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_paginationButtonClass" }] : /* istanbul ignore next */ []));
     _itemSelected(event) {
         event.preventDefault();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmTabsPaginatedList, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.1", type: HlmTabsPaginatedList, isStandalone: true, selector: "hlm-paginated-tabs-list", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, tabListClass: { classPropertyName: "tabListClass", publicName: "tabListClass", isSignal: true, isRequired: false, transformFunction: null }, paginationButtonClass: { classPropertyName: "paginationButtonClass", publicName: "paginationButtonClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, providers: [provideIcons({ lucideChevronRight, lucideChevronLeft })], queries: [{ propertyName: "items", predicate: BrnTabsTrigger, isSignal: true }], viewQueries: [{ propertyName: "tabListContainer", first: true, predicate: ["tabListContainer"], descendants: true, isSignal: true }, { propertyName: "tabList", first: true, predicate: ["tabList"], descendants: true, isSignal: true }, { propertyName: "tabListInner", first: true, predicate: ["tabListInner"], descendants: true, isSignal: true }, { propertyName: "nextPaginator", first: true, predicate: ["nextPaginator"], descendants: true, isSignal: true }, { propertyName: "previousPaginator", first: true, predicate: ["previousPaginator"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTabsPaginatedList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.7", type: HlmTabsPaginatedList, isStandalone: true, selector: "hlm-paginated-tabs-list", inputs: { tabListClass: { classPropertyName: "tabListClass", publicName: "tabListClass", isSignal: true, isRequired: false, transformFunction: null }, paginationButtonClass: { classPropertyName: "paginationButtonClass", publicName: "paginationButtonClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "tabs-paginated-list" } }, providers: [provideIcons({ lucideChevronRight, lucideChevronLeft })], queries: [{ propertyName: "items", predicate: BrnTabsTrigger, isSignal: true }], viewQueries: [{ propertyName: "tabListContainer", first: true, predicate: ["tabListContainer"], descendants: true, isSignal: true }, { propertyName: "tabList", first: true, predicate: ["tabList"], descendants: true, isSignal: true }, { propertyName: "tabListInner", first: true, predicate: ["tabListInner"], descendants: true, isSignal: true }, { propertyName: "nextPaginator", first: true, predicate: ["nextPaginator"], descendants: true, isSignal: true }, { propertyName: "previousPaginator", first: true, predicate: ["previousPaginator"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <button
       #previousPaginator
       data-pagination="previous"
       type="button"
       aria-hidden="true"
       tabindex="-1"
-      [class.flex]="showPaginationControls()"
-      [class.hidden]="!showPaginationControls()"
       [class]="_paginationButtonClass()"
       [disabled]="disableScrollBefore || null"
       (click)="_handlePaginatorClick('before')"
       (mousedown)="_handlePaginatorPress('before', $event)"
       (touchend)="_stopInterval()"
     >
-      <ng-icon hlm size="base" name="lucideChevronLeft" />
+      <ng-icon name="lucideChevronLeft" />
     </button>
 
     <div #tabListContainer class="z-[1] flex grow overflow-hidden" (keydown)="_handleKeydown($event)">
-      <div
-        class="relative grow transition-transform"
-        #tabList
-        role="tablist"
-        (cdkObserveContent)="_onContentChanges()"
-      >
+      <div class="relative grow transition-transform" #tabList role="tablist" (cdkObserveContent)="_onContentChanges()">
         <div #tabListInner [class]="_tabListClass()">
-          <ng-content></ng-content>
+          <ng-content />
         </div>
       </div>
     </div>
@@ -142,24 +158,26 @@ class HlmTabsPaginatedList extends BrnTabsPaginatedList {
       type="button"
       aria-hidden="true"
       tabindex="-1"
-      [class.flex]="showPaginationControls()"
-      [class.hidden]="!showPaginationControls()"
       [class]="_paginationButtonClass()"
       [disabled]="disableScrollAfter || null"
       (click)="_handlePaginatorClick('after')"
       (mousedown)="_handlePaginatorPress('after', $event)"
       (touchend)="_stopInterval()"
     >
-      <ng-icon hlm size="base" name="lucideChevronRight" />
+      <ng-icon name="lucideChevronRight" />
     </button>
-  `, isInline: true, dependencies: [{ kind: "directive", type: CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: HlmIcon, selector: "ng-icon[hlm]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "directive", type: CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmTabsPaginatedList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTabsPaginatedList, decorators: [{
             type: Component,
             args: [{
                     selector: 'hlm-paginated-tabs-list',
-                    imports: [CdkObserveContent, NgIcon, HlmIcon],
+                    imports: [CdkObserveContent, NgIcon],
                     providers: [provideIcons({ lucideChevronRight, lucideChevronLeft })],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        'data-slot': 'tabs-paginated-list',
+                    },
                     template: `
     <button
       #previousPaginator
@@ -167,26 +185,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
       type="button"
       aria-hidden="true"
       tabindex="-1"
-      [class.flex]="showPaginationControls()"
-      [class.hidden]="!showPaginationControls()"
       [class]="_paginationButtonClass()"
       [disabled]="disableScrollBefore || null"
       (click)="_handlePaginatorClick('before')"
       (mousedown)="_handlePaginatorPress('before', $event)"
       (touchend)="_stopInterval()"
     >
-      <ng-icon hlm size="base" name="lucideChevronLeft" />
+      <ng-icon name="lucideChevronLeft" />
     </button>
 
     <div #tabListContainer class="z-[1] flex grow overflow-hidden" (keydown)="_handleKeydown($event)">
-      <div
-        class="relative grow transition-transform"
-        #tabList
-        role="tablist"
-        (cdkObserveContent)="_onContentChanges()"
-      >
+      <div class="relative grow transition-transform" #tabList role="tablist" (cdkObserveContent)="_onContentChanges()">
         <div #tabListInner [class]="_tabListClass()">
-          <ng-content></ng-content>
+          <ng-content />
         </div>
       </div>
     </div>
@@ -197,52 +208,69 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
       type="button"
       aria-hidden="true"
       tabindex="-1"
-      [class.flex]="showPaginationControls()"
-      [class.hidden]="!showPaginationControls()"
       [class]="_paginationButtonClass()"
       [disabled]="disableScrollAfter || null"
       (click)="_handlePaginatorClick('after')"
       (mousedown)="_handlePaginatorPress('after', $event)"
       (touchend)="_stopInterval()"
     >
-      <ng-icon hlm size="base" name="lucideChevronRight" />
+      <ng-icon name="lucideChevronRight" />
     </button>
   `,
-                    host: {
-                        '[class]': '_computedClass()',
-                    },
-                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }] });
+        }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => BrnTabsTrigger), { ...{ descendants: false }, isSignal: true }] }], tabListContainer: [{ type: i0.ViewChild, args: ['tabListContainer', { isSignal: true }] }], tabList: [{ type: i0.ViewChild, args: ['tabList', { isSignal: true }] }], tabListInner: [{ type: i0.ViewChild, args: ['tabListInner', { isSignal: true }] }], nextPaginator: [{ type: i0.ViewChild, args: ['nextPaginator', { isSignal: true }] }], previousPaginator: [{ type: i0.ViewChild, args: ['previousPaginator', { isSignal: true }] }], tabListClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabListClass", required: false }] }], paginationButtonClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginationButtonClass", required: false }] }] } });
 
 class HlmTabsTrigger {
-    triggerFor = input.required(...(ngDevMode ? [{ debugName: "triggerFor", alias: 'hlmTabsTrigger' }] : [{ alias: 'hlmTabsTrigger' }]));
-    userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
-    _computedClass = computed(() => hlm('data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/10 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-md border border-transparent px-2 py-1 text-sm font-medium transition-[color,box-shadow] focus-visible:outline-1 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0 [&_ng-icon]:text-base', this.userClass()), ...(ngDevMode ? [{ debugName: "_computedClass" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmTabsTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.1", type: HlmTabsTrigger, isStandalone: true, selector: "[hlmTabsTrigger]", inputs: { triggerFor: { classPropertyName: "triggerFor", publicName: "hlmTabsTrigger", isSignal: true, isRequired: true, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "_computedClass()" } }, hostDirectives: [{ directive: i1.BrnTabsTrigger, inputs: ["brnTabsTrigger", "hlmTabsTrigger", "disabled", "disabled"] }], ngImport: i0 });
+    triggerFor = input.required({ ...(ngDevMode ? { debugName: "triggerFor" } : /* istanbul ignore next */ {}), alias: 'hlmTabsTrigger' });
+    constructor() {
+        classes(() => [
+            `gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0`,
+            'group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent',
+            'data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground',
+            'after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100',
+        ]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTabsTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmTabsTrigger, isStandalone: true, selector: "[hlmTabsTrigger]", inputs: { triggerFor: { classPropertyName: "triggerFor", publicName: "hlmTabsTrigger", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-slot": "tabs-trigger" } }, hostDirectives: [{ directive: i1.BrnTabsTrigger, inputs: ["brnTabsTrigger", "hlmTabsTrigger", "disabled", "disabled"] }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmTabsTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTabsTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmTabsTrigger]',
                     hostDirectives: [{ directive: BrnTabsTrigger, inputs: ['brnTabsTrigger: hlmTabsTrigger', 'disabled'] }],
                     host: {
-                        '[class]': '_computedClass()',
+                        'data-slot': 'tabs-trigger',
                     },
                 }]
-        }] });
+        }], ctorParameters: () => [], propDecorators: { triggerFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "hlmTabsTrigger", required: true }] }] } });
 
 /*
  * Public API Surface of tabs
  */
-const HlmTabsImports = [HlmTabs, HlmTabsList, HlmTabsTrigger, HlmTabsContent, HlmTabsPaginatedList];
+const HlmTabsImports = [
+    HlmTabs,
+    HlmTabsList,
+    HlmTabsTrigger,
+    HlmTabsContent,
+    HlmTabsContentLazy,
+    HlmTabsPaginatedList,
+];
 class HlmTabsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.1", ngImport: i0, type: HlmTabsModule, imports: [HlmTabs, HlmTabsList, HlmTabsTrigger, HlmTabsContent, HlmTabsPaginatedList], exports: [HlmTabs, HlmTabsList, HlmTabsTrigger, HlmTabsContent, HlmTabsPaginatedList] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmTabsModule, imports: [HlmTabsPaginatedList] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmTabsModule, imports: [HlmTabs,
+            HlmTabsList,
+            HlmTabsTrigger,
+            HlmTabsContent,
+            HlmTabsContentLazy,
+            HlmTabsPaginatedList], exports: [HlmTabs,
+            HlmTabsList,
+            HlmTabsTrigger,
+            HlmTabsContent,
+            HlmTabsContentLazy,
+            HlmTabsPaginatedList] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTabsModule, imports: [HlmTabsPaginatedList] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: HlmTabsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmTabsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...HlmTabsImports],
@@ -254,5 +282,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { HlmTabs, HlmTabsContent, HlmTabsImports, HlmTabsList, HlmTabsModule, HlmTabsPaginatedList, HlmTabsTrigger, listVariants };
+export { HlmTabs, HlmTabsContent, HlmTabsContentLazy, HlmTabsImports, HlmTabsList, HlmTabsModule, HlmTabsPaginatedList, HlmTabsTrigger, listVariants };
 //# sourceMappingURL=tabs.mjs.map

package/tabs/fesm2022/tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.mjs","sources":["../../../projects/tabs/src/lib/tabs.ts","../../../projects/tabs/src/lib/tabs-content.ts","../../../projects/tabs/src/lib/tabs-list.ts","../../../projects/tabs/src/lib/tabs-paginated-list.ts","../../../projects/tabs/src/lib/tabs-trigger.ts","../../../projects/tabs/src/public-api.ts","../../../projects/tabs/src/tabs.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { BrnTabs } from '@spartan-ng/brain/tabs';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport { ClassValue } from 'clsx';\n\n@Component({\n  selector: 'hlm-tabs',\n  hostDirectives: [\n    {\n      directive: BrnTabs,\n      inputs: ['orientation', 'direction', 'activationMode', 'brnTabs: tab'],\n      outputs: ['tabActivated'],\n    },\n  ],\n  template: '<ng-content/>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': '_computedClass()',\n  },\n})\nexport class HlmTabs {\n  public readonly tab = input.required<string>();\n\n  public readonly userClass = input<ClassValue>('', { alias: 'class' });\n  protected readonly _computedClass = computed(() => hlm('tw:flex tw:flex-col tw:gap-2', this.userClass()));\n}\n","import { Directive, computed, input } from '@angular/core';\nimport { BrnTabsContent } from '@spartan-ng/brain/tabs';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport type { ClassValue } from 'clsx';\n\n@Directive({\n  selector: '[hlmTabsContent]',\n  hostDirectives: [{ directive: BrnTabsContent, inputs: ['brnTabsContent: hlmTabsContent'] }],\n  host: {\n    '[class]': '_computedClass()',\n  },\n})\nexport class HlmTabsContent {\n  public readonly contentFor = input.required<string>({ alias: 'hlmTabsContent' });\n\n  public readonly userClass = input<ClassValue>('', { alias: 'class' });\n  protected readonly _computedClass = computed(() =>\n    hlm(\n      'tw:ring-offset-background tw:focus-visible:ring-ring tw:mt-2 tw:focus-visible:outline-none tw:focus-visible:ring-2 tw:focus-visible:ring-offset-2',\n      this.userClass(),\n    ),\n  );\n}\n","import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { BrnTabsList } from '@spartan-ng/brain/tabs';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport type { ClassValue } from 'clsx';\n\nexport const listVariants = cva(\n  'tw:bg-muted tw:text-muted-foreground tw:inline-flex tw:h-9 tw:w-fit tw:items-center tw:justify-center tw:rounded-lg tw:p-[3px]',\n  {\n    variants: {\n      orientation: {\n        horizontal: 'tw:h-10 tw:space-x-1',\n        vertical: 'tw:mt-2 tw:h-fit tw:flex-col tw:space-y-1',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  },\n);\ntype ListVariants = VariantProps<typeof listVariants>;\n\n@Component({\n  selector: 'hlm-tabs-list',\n  hostDirectives: [BrnTabsList],\n  template: '<ng-content/>',\n  host: {\n    '[class]': '_computedClass()',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HlmTabsList {\n  public readonly orientation = input<ListVariants['orientation']>('horizontal');\n\n  public readonly userClass = input<ClassValue>('', { alias: 'class' });\n  protected readonly _computedClass = computed(() =>\n    hlm(listVariants({ orientation: this.orientation() }), this.userClass()),\n  );\n}\n","import { CdkObserveContent } from '@angular/cdk/observers';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  type ElementRef,\n  computed,\n  contentChildren,\n  input,\n  viewChild,\n} from '@angular/core';\nimport { toObservable } from '@angular/core/rxjs-interop';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideChevronLeft, lucideChevronRight } from '@ng-icons/lucide';\nimport { type BrnPaginatedTabHeaderItem, BrnTabsPaginatedList, BrnTabsTrigger } from '@spartan-ng/brain/tabs';\nimport { buttonVariants } from '@egose/shadcn-theme-ng/button';\nimport { HlmIcon } from '@egose/shadcn-theme-ng/icon';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport type { ClassValue } from 'clsx';\nimport type { Observable } from 'rxjs';\nimport { listVariants } from './tabs-list';\n\n@Component({\n  selector: 'hlm-paginated-tabs-list',\n  imports: [CdkObserveContent, NgIcon, HlmIcon],\n  providers: [provideIcons({ lucideChevronRight, lucideChevronLeft })],\n  template: `\n    <button\n      #previousPaginator\n      data-pagination=\"previous\"\n      type=\"button\"\n      aria-hidden=\"true\"\n      tabindex=\"-1\"\n      [class.flex]=\"showPaginationControls()\"\n      [class.hidden]=\"!showPaginationControls()\"\n      [class]=\"_paginationButtonClass()\"\n      [disabled]=\"disableScrollBefore || null\"\n      (click)=\"_handlePaginatorClick('before')\"\n      (mousedown)=\"_handlePaginatorPress('before', $event)\"\n      (touchend)=\"_stopInterval()\"\n    >\n      <ng-icon hlm size=\"base\" name=\"lucideChevronLeft\" />\n    </button>\n\n    <div #tabListContainer class=\"tw:z-[1] tw:flex tw:grow tw:overflow-hidden\" (keydown)=\"_handleKeydown($event)\">\n      <div\n        class=\"tw:relative tw:grow tw:transition-transform\"\n        #tabList\n        role=\"tablist\"\n        (cdkObserveContent)=\"_onContentChanges()\"\n      >\n        <div #tabListInner [class]=\"_tabListClass()\">\n          <ng-content></ng-content>\n        </div>\n      </div>\n    </div>\n\n    <button\n      #nextPaginator\n      data-pagination=\"next\"\n      type=\"button\"\n      aria-hidden=\"true\"\n      tabindex=\"-1\"\n      [class.flex]=\"showPaginationControls()\"\n      [class.hidden]=\"!showPaginationControls()\"\n      [class]=\"_paginationButtonClass()\"\n      [disabled]=\"disableScrollAfter || null\"\n      (click)=\"_handlePaginatorClick('after')\"\n      (mousedown)=\"_handlePaginatorPress('after', $event)\"\n      (touchend)=\"_stopInterval()\"\n    >\n      <ng-icon hlm size=\"base\" name=\"lucideChevronRight\" />\n    </button>\n  `,\n  host: {\n    '[class]': '_computedClass()',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HlmTabsPaginatedList extends BrnTabsPaginatedList {\n  public readonly items = contentChildren(BrnTabsTrigger, { descendants: false });\n  /** Explicitly annotating type to avoid non-portable inferred type */\n  public readonly itemsChanges: Observable<ReadonlyArray<BrnPaginatedTabHeaderItem>> = toObservable(this.items);\n\n  public readonly tabListContainer = viewChild.required<ElementRef<HTMLElement>>('tabListContainer');\n  public readonly tabList = viewChild.required<ElementRef<HTMLElement>>('tabList');\n  public readonly tabListInner = viewChild.required<ElementRef<HTMLElement>>('tabListInner');\n  public readonly nextPaginator = viewChild.required<ElementRef<HTMLElement>>('nextPaginator');\n  public readonly previousPaginator = viewChild.required<ElementRef<HTMLElement>>('previousPaginator');\n\n  public readonly userClass = input<ClassValue>('', { alias: 'class' });\n  protected readonly _computedClass = computed(() =>\n    hlm('tw:relative tw:flex tw:flex-shrink-0 tw:gap-1 tw:overflow-hidden', this.userClass()),\n  );\n\n  public readonly tabListClass = input<ClassValue>('', { alias: 'tabListClass' });\n  protected readonly _tabListClass = computed(() => hlm(listVariants(), this.tabListClass()));\n\n  public readonly paginationButtonClass = input<ClassValue>('', { alias: 'paginationButtonClass' });\n  protected readonly _paginationButtonClass = computed(() =>\n    hlm(\n      'tw:relative tw:z-[2] tw:select-none tw:disabled:cursor-default',\n      buttonVariants({ variant: 'ghost', size: 'icon' }),\n      this.paginationButtonClass(),\n    ),\n  );\n\n  protected _itemSelected(event: KeyboardEvent) {\n    event.preventDefault();\n  }\n}\n","import { Directive, computed, input } from '@angular/core';\nimport { BrnTabsTrigger } from '@spartan-ng/brain/tabs';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport type { ClassValue } from 'clsx';\n\n@Directive({\n  selector: '[hlmTabsTrigger]',\n  hostDirectives: [{ directive: BrnTabsTrigger, inputs: ['brnTabsTrigger: hlmTabsTrigger', 'disabled'] }],\n  host: {\n    '[class]': '_computedClass()',\n  },\n})\nexport class HlmTabsTrigger {\n  public readonly triggerFor = input.required<string>({ alias: 'hlmTabsTrigger' });\n  public readonly userClass = input<ClassValue>('', { alias: 'class' });\n  protected readonly _computedClass = computed(() =>\n    hlm(\n      'tw:data-[state=active]:bg-background tw:dark:data-[state=active]:text-foreground tw:focus-visible:border-ring tw:focus-visible:ring-ring/50 tw:focus-visible:outline-ring tw:dark:data-[state=active]:border-input tw:dark:data-[state=active]:bg-input/10 tw:text-foreground tw:dark:text-muted-foreground tw:inline-flex tw:h-[calc(100%-1px)] tw:flex-1 tw:items-center tw:justify-center tw:gap-1.5 tw:whitespace-nowrap tw:rounded-md tw:border tw:border-transparent tw:px-2 tw:py-1 tw:text-sm tw:font-medium tw:transition-[color,box-shadow] tw:focus-visible:outline-1 tw:focus-visible:ring-[3px] tw:disabled:pointer-events-none tw:disabled:opacity-50 tw:data-[state=active]:shadow-sm tw:[&_ng-icon]:pointer-events-none tw:[&_ng-icon]:shrink-0 tw:[&_ng-icon]:text-base',\n      this.userClass(),\n    ),\n  );\n}\n","/*\n * Public API Surface of tabs\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { HlmTabs } from './lib/tabs';\nimport { HlmTabsContent } from './lib/tabs-content';\nimport { HlmTabsList } from './lib/tabs-list';\nimport { HlmTabsPaginatedList } from './lib/tabs-paginated-list';\nimport { HlmTabsTrigger } from './lib/tabs-trigger';\n\nexport * from './lib/tabs';\nexport * from './lib/tabs-content';\nexport * from './lib/tabs-list';\nexport * from './lib/tabs-paginated-list';\nexport * from './lib/tabs-trigger';\n\nexport const HlmTabsImports = [HlmTabs, HlmTabsList, HlmTabsTrigger, HlmTabsContent, HlmTabsPaginatedList] as const;\n\n@NgModule({\n  imports: [...HlmTabsImports],\n  exports: [...HlmTabsImports],\n})\nexport class HlmTabsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tabs.mjs","sources":["../../../projects/tabs/src/lib/hlm-tabs.ts","../../../projects/tabs/src/lib/hlm-tabs-content.ts","../../../projects/tabs/src/lib/hlm-tabs-content-lazy.ts","../../../projects/tabs/src/lib/hlm-tabs-list.ts","../../../projects/tabs/src/lib/hlm-tabs-paginated-list.ts","../../../projects/tabs/src/lib/hlm-tabs-trigger.ts","../../../projects/tabs/src/public-api.ts","../../../projects/tabs/src/tabs.ts"],"sourcesContent":["import { Directive, input } from '@angular/core';\nimport { BrnTabs } from '@spartan-ng/brain/tabs';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n  selector: '[hlmTabs],hlm-tabs',\n  hostDirectives: [\n    {\n      directive: BrnTabs,\n      inputs: ['orientation', 'activationMode', 'brnTabs: tab'],\n      outputs: ['tabActivated'],\n    },\n  ],\n  host: {\n    'data-slot': 'tabs',\n  },\n})\nexport class HlmTabs {\n  public readonly tab = input.required<string>();\n\n  constructor() {\n    classes(() => 'group/tabs flex gap-2 data-[orientation=horizontal]:flex-col');\n  }\n}\n","import { Directive, input } from '@angular/core';\nimport { BrnTabsContent } from '@spartan-ng/brain/tabs';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n  selector: '[hlmTabsContent]',\n  hostDirectives: [{ directive: BrnTabsContent, inputs: ['brnTabsContent: hlmTabsContent'] }],\n  host: {\n    'data-slot': 'tabs-content',\n  },\n})\nexport class HlmTabsContent {\n  public readonly contentFor = input.required<string>({ alias: 'hlmTabsContent' });\n\n  constructor() {\n    classes(() => 'flex-1 text-sm outline-none');\n  }\n}\n","import { Directive } from '@angular/core';\nimport { BrnTabsContentLazy } from '@spartan-ng/brain/tabs';\n\n@Directive({\n  selector: 'ng-template[hlmTabsContentLazy]',\n  hostDirectives: [BrnTabsContentLazy],\n})\nexport class HlmTabsContentLazy {}\n","import { Directive, input } from '@angular/core';\nimport { BrnTabsList } from '@spartan-ng/brain/tabs';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\nimport { type VariantProps, cva } from 'class-variance-authority';\n\nexport const listVariants = cva(\n  'rounded-lg p-[3px] group-data-horizontal/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col',\n  {\n    variants: {\n      variant: {\n        default: 'bg-muted',\n        line: 'gap-1 bg-transparent',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\ntype ListVariants = VariantProps<typeof listVariants>;\n\n@Directive({\n  selector: '[hlmTabsList],hlm-tabs-list',\n  hostDirectives: [BrnTabsList],\n  host: {\n    'data-slot': 'tabs-list',\n    '[attr.data-variant]': 'variant()',\n  },\n})\nexport class HlmTabsList {\n  public readonly variant = input<ListVariants['variant']>('default');\n\n  constructor() {\n    classes(() => listVariants({ variant: this.variant() }));\n  }\n}\n","import { CdkObserveContent } from '@angular/cdk/observers';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  type ElementRef,\n  input,\n  viewChild,\n} from '@angular/core';\nimport { toObservable } from '@angular/core/rxjs-interop';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { lucideChevronLeft, lucideChevronRight } from '@ng-icons/lucide';\nimport { type BrnPaginatedTabHeaderItem, BrnTabsPaginatedList, BrnTabsTrigger } from '@spartan-ng/brain/tabs';\nimport { buttonVariants } from '@egose/shadcn-theme-ng/button';\nimport { classes, hlm } from '@egose/shadcn-theme-ng/utils';\nimport type { ClassValue } from 'clsx';\nimport type { Observable } from 'rxjs';\nimport { listVariants } from './hlm-tabs-list';\n\n@Component({\n  selector: 'hlm-paginated-tabs-list',\n  imports: [CdkObserveContent, NgIcon],\n  providers: [provideIcons({ lucideChevronRight, lucideChevronLeft })],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'data-slot': 'tabs-paginated-list',\n  },\n  template: `\n    <button\n      #previousPaginator\n      data-pagination=\"previous\"\n      type=\"button\"\n      aria-hidden=\"true\"\n      tabindex=\"-1\"\n      [class]=\"_paginationButtonClass()\"\n      [disabled]=\"disableScrollBefore || null\"\n      (click)=\"_handlePaginatorClick('before')\"\n      (mousedown)=\"_handlePaginatorPress('before', $event)\"\n      (touchend)=\"_stopInterval()\"\n    >\n      <ng-icon name=\"lucideChevronLeft\" />\n    </button>\n\n    <div #tabListContainer class=\"z-[1] flex grow overflow-hidden\" (keydown)=\"_handleKeydown($event)\">\n      <div class=\"relative grow transition-transform\" #tabList role=\"tablist\" (cdkObserveContent)=\"_onContentChanges()\">\n        <div #tabListInner [class]=\"_tabListClass()\">\n          <ng-content />\n        </div>\n      </div>\n    </div>\n\n    <button\n      #nextPaginator\n      data-pagination=\"next\"\n      type=\"button\"\n      aria-hidden=\"true\"\n      tabindex=\"-1\"\n      [class]=\"_paginationButtonClass()\"\n      [disabled]=\"disableScrollAfter || null\"\n      (click)=\"_handlePaginatorClick('after')\"\n      (mousedown)=\"_handlePaginatorPress('after', $event)\"\n      (touchend)=\"_stopInterval()\"\n    >\n      <ng-icon name=\"lucideChevronRight\" />\n    </button>\n  `,\n})\nexport class HlmTabsPaginatedList extends BrnTabsPaginatedList {\n  constructor() {\n    super();\n    classes(() => 'relative flex flex-shrink-0 items-center gap-1 overflow-hidden');\n  }\n\n  public readonly items = contentChildren(BrnTabsTrigger, { descendants: false });\n  /** Explicitly annotating type to avoid non-portable inferred type */\n  public readonly itemsChanges: Observable<ReadonlyArray<BrnPaginatedTabHeaderItem>> = toObservable(this.items);\n\n  public readonly tabListContainer = viewChild.required<ElementRef<HTMLElement>>('tabListContainer');\n  public readonly tabList = viewChild.required<ElementRef<HTMLElement>>('tabList');\n  public readonly tabListInner = viewChild.required<ElementRef<HTMLElement>>('tabListInner');\n  public readonly nextPaginator = viewChild.required<ElementRef<HTMLElement>>('nextPaginator');\n  public readonly previousPaginator = viewChild.required<ElementRef<HTMLElement>>('previousPaginator');\n\n  public readonly tabListClass = input<ClassValue>('', { alias: 'tabListClass' });\n  protected readonly _tabListClass = computed(() => hlm(listVariants(), this.tabListClass()));\n\n  public readonly paginationButtonClass = input<ClassValue>('');\n  protected readonly _paginationButtonClass = computed(() =>\n    hlm(\n      'relative z-[2] select-none disabled:cursor-default',\n      buttonVariants({ variant: 'ghost', size: 'icon-sm' }),\n      this.paginationButtonClass(),\n      this.showPaginationControls() ? 'inline-flex' : 'hidden',\n    ),\n  );\n\n  protected _itemSelected(event: KeyboardEvent) {\n    event.preventDefault();\n  }\n}\n","import { Directive, input } from '@angular/core';\nimport { BrnTabsTrigger } from '@spartan-ng/brain/tabs';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n  selector: '[hlmTabsTrigger]',\n  hostDirectives: [{ directive: BrnTabsTrigger, inputs: ['brnTabsTrigger: hlmTabsTrigger', 'disabled'] }],\n  host: {\n    'data-slot': 'tabs-trigger',\n  },\n})\nexport class HlmTabsTrigger {\n  public readonly triggerFor = input.required<string>({ alias: 'hlmTabsTrigger' });\n  constructor() {\n    classes(() => [\n      `gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0`,\n      'group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent',\n      'data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground',\n      'after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100',\n    ]);\n  }\n}\n","/*\n * Public API Surface of tabs\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { HlmTabs } from './lib/hlm-tabs';\nimport { HlmTabsContent } from './lib/hlm-tabs-content';\nimport { HlmTabsContentLazy } from './lib/hlm-tabs-content-lazy';\nimport { HlmTabsList } from './lib/hlm-tabs-list';\nimport { HlmTabsPaginatedList } from './lib/hlm-tabs-paginated-list';\nimport { HlmTabsTrigger } from './lib/hlm-tabs-trigger';\n\nexport * from './lib/hlm-tabs';\nexport * from './lib/hlm-tabs-content';\nexport * from './lib/hlm-tabs-content-lazy';\nexport * from './lib/hlm-tabs-list';\nexport * from './lib/hlm-tabs-paginated-list';\nexport * from './lib/hlm-tabs-trigger';\n\nexport const HlmTabsImports = [\n  HlmTabs,\n  HlmTabsList,\n  HlmTabsTrigger,\n  HlmTabsContent,\n  HlmTabsContentLazy,\n  HlmTabsPaginatedList,\n] as const;\n\n@NgModule({\n  imports: [...HlmTabsImports],\n  exports: [...HlmTabsImports],\n})\nexport class HlmTabsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/tabs/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "tabs",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^20.2.0 || ^22.0.0",
+    "@angular/core": "^20.2.0 || ^22.0.0",
+    "@spartan-ng/brain": "^0.0.1-alpha.512"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/tabs.mjs",
+  "typings": "types/tabs.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/tabs.d.ts",
+      "default": "./fesm2022/tabs.mjs"
+    }
+  },
+  "type": "module"
+}

package/tabs/types/tabs.d.ts

@@ -0,0 +1,71 @@
+import * as i0 from '@angular/core';
+import { ElementRef } from '@angular/core';
+import * as i1 from '@spartan-ng/brain/tabs';
+import { BrnTabsPaginatedList, BrnTabsTrigger, BrnPaginatedTabHeaderItem } from '@spartan-ng/brain/tabs';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
+import { Observable } from 'rxjs';
+
+declare class HlmTabs {
+    readonly tab: i0.InputSignal<string>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmTabs, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmTabs, "[hlmTabs],hlm-tabs", never, { "tab": { "alias": "tab"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BrnTabs; inputs: { "orientation": "orientation"; "activationMode": "activationMode"; "brnTabs": "tab"; }; outputs: { "tabActivated": "tabActivated"; }; }]>;
+}
+
+declare class HlmTabsContent {
+    readonly contentFor: i0.InputSignal<string>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmTabsContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmTabsContent, "[hlmTabsContent]", never, { "contentFor": { "alias": "hlmTabsContent"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BrnTabsContent; inputs: { "brnTabsContent": "hlmTabsContent"; }; outputs: {}; }]>;
+}
+
+declare class HlmTabsContentLazy {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmTabsContentLazy, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmTabsContentLazy, "ng-template[hlmTabsContentLazy]", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnTabsContentLazy; inputs: {}; outputs: {}; }]>;
+}
+
+declare const listVariants: (props?: ({
+    variant?: "default" | "line" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare class HlmTabsList {
+    readonly variant: i0.InputSignal<"default" | "line" | null | undefined>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmTabsList, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmTabsList, "[hlmTabsList],hlm-tabs-list", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BrnTabsList; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HlmTabsPaginatedList extends BrnTabsPaginatedList {
+    constructor();
+    readonly items: i0.Signal<readonly BrnTabsTrigger[]>;
+    /** Explicitly annotating type to avoid non-portable inferred type */
+    readonly itemsChanges: Observable<ReadonlyArray<BrnPaginatedTabHeaderItem>>;
+    readonly tabListContainer: i0.Signal<ElementRef<HTMLElement>>;
+    readonly tabList: i0.Signal<ElementRef<HTMLElement>>;
+    readonly tabListInner: i0.Signal<ElementRef<HTMLElement>>;
+    readonly nextPaginator: i0.Signal<ElementRef<HTMLElement>>;
+    readonly previousPaginator: i0.Signal<ElementRef<HTMLElement>>;
+    readonly tabListClass: i0.InputSignal<ClassValue>;
+    protected readonly _tabListClass: i0.Signal<string>;
+    readonly paginationButtonClass: i0.InputSignal<ClassValue>;
+    protected readonly _paginationButtonClass: i0.Signal<string>;
+    protected _itemSelected(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmTabsPaginatedList, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmTabsPaginatedList, "hlm-paginated-tabs-list", never, { "tabListClass": { "alias": "tabListClass"; "required": false; "isSignal": true; }; "paginationButtonClass": { "alias": "paginationButtonClass"; "required": false; "isSignal": true; }; }, {}, ["items"], ["*"], true, never>;
+}
+
+declare class HlmTabsTrigger {
+    readonly triggerFor: i0.InputSignal<string>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmTabsTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmTabsTrigger, "[hlmTabsTrigger]", never, { "triggerFor": { "alias": "hlmTabsTrigger"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.BrnTabsTrigger; inputs: { "brnTabsTrigger": "hlmTabsTrigger"; "disabled": "disabled"; }; outputs: {}; }]>;
+}
+
+declare const HlmTabsImports: readonly [typeof HlmTabs, typeof HlmTabsList, typeof HlmTabsTrigger, typeof HlmTabsContent, typeof HlmTabsContentLazy, typeof HlmTabsPaginatedList];
+declare class HlmTabsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmTabsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmTabsModule, never, [typeof HlmTabs, typeof HlmTabsList, typeof HlmTabsTrigger, typeof HlmTabsContent, typeof HlmTabsContentLazy, typeof HlmTabsPaginatedList], [typeof HlmTabs, typeof HlmTabsList, typeof HlmTabsTrigger, typeof HlmTabsContent, typeof HlmTabsContentLazy, typeof HlmTabsPaginatedList]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmTabsModule>;
+}
+
+export { HlmTabs, HlmTabsContent, HlmTabsContentLazy, HlmTabsImports, HlmTabsList, HlmTabsModule, HlmTabsPaginatedList, HlmTabsTrigger, listVariants };