@spartan-ng/brain 0.0.1-alpha.598 → 0.0.1-alpha.600

package/hlm-tailwind-preset.css

@@ -3,6 +3,66 @@
 
 @custom-variant dark (&:is(.dark *));
 
+@custom-variant data-open {
+	&:where([data-state='open']),
+	&:where([data-open]:not([data-open='false'])) {
+		@slot;
+	}
+}
+
+@custom-variant data-closed {
+	&:where([data-state='closed']),
+	&:where([data-closed]:not([data-closed='false'])) {
+		@slot;
+	}
+}
+
+@custom-variant data-checked {
+	&:where([data-state='checked']),
+	&:where([data-checked]:not([data-checked='false'])) {
+		@slot;
+	}
+}
+
+@custom-variant data-unchecked {
+	&:where([data-state='unchecked']),
+	&:where([data-unchecked]:not([data-unchecked='false'])) {
+		@slot;
+	}
+}
+
+@custom-variant data-selected {
+	&:where([data-selected='true']) {
+		@slot;
+	}
+}
+
+@custom-variant data-disabled {
+	&:where([data-disabled='true']),
+	&:where([data-disabled]:not([data-disabled='false'])) {
+		@slot;
+	}
+}
+
+@custom-variant data-active {
+	&:where([data-state='active']),
+	&:where([data-active]:not([data-active='false'])) {
+		@slot;
+	}
+}
+
+@custom-variant data-horizontal {
+	&:where([data-orientation='horizontal']) {
+		@slot;
+	}
+}
+
+@custom-variant data-vertical {
+	&:where([data-orientation='vertical']) {
+		@slot;
+	}
+}
+
 @theme inline {
 	--color-background: var(--background);
 	--color-foreground: var(--foreground);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spartan-ng/brain",
-  "version": "0.0.1-alpha.598",
+  "version": "0.0.1-alpha.600",
   "sideEffects": false,
   "exports": {
     "./hlm-tailwind-preset": {
@@ -14,14 +14,14 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/spartan-ng-brain.mjs"
     },
-    "./alert-dialog": {
-      "types": "./alert-dialog/index.d.ts",
-      "default": "./fesm2022/spartan-ng-brain-alert-dialog.mjs"
-    },
     "./accordion": {
       "types": "./accordion/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-accordion.mjs"
     },
+    "./alert-dialog": {
+      "types": "./alert-dialog/index.d.ts",
+      "default": "./fesm2022/spartan-ng-brain-alert-dialog.mjs"
+    },
     "./autocomplete": {
       "types": "./autocomplete/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-autocomplete.mjs"

package/popover/index.d.ts

@@ -1,10 +1,20 @@
 import * as i0 from '@angular/core';
+import { ValueProvider } from '@angular/core';
 import { NumberInput } from '@angular/cdk/coercion';
 import { BrnDialogDefaultOptions, BrnDialog, BrnDialogContent, BrnDialogTrigger } from '@spartan-ng/brain/dialog';
 
-declare const BRN_POPOVER_DIALOG_DEFAULT_OPTIONS: Partial<BrnDialogDefaultOptions>;
 type BrnPopoverAlign = 'start' | 'center' | 'end';
+interface BrnPopoverConfig {
+    align: BrnPopoverAlign;
+    sideOffset: number;
+    offsetX: number;
+}
+declare function provideBrnPopoverConfig(config: Partial<BrnPopoverConfig>): ValueProvider;
+declare function injectBrnPopoverConfig(): BrnPopoverConfig;
+
+declare const BRN_POPOVER_DIALOG_DEFAULT_OPTIONS: Partial<BrnDialogDefaultOptions>;
 declare class BrnPopover extends BrnDialog {
+    private readonly _config;
     readonly align: i0.InputSignal<BrnPopoverAlign>;
     readonly sideOffset: i0.InputSignalWithTransform<number, NumberInput>;
     readonly offsetX: i0.InputSignalWithTransform<number, NumberInput>;
@@ -31,5 +41,5 @@ declare class BrnPopoverTrigger extends BrnDialogTrigger {
 
 declare const BrnPopoverImports: readonly [typeof BrnPopover, typeof BrnPopoverTrigger, typeof BrnPopoverContent];
 
-export { BRN_POPOVER_DIALOG_DEFAULT_OPTIONS, BrnPopover, BrnPopoverContent, BrnPopoverImports, BrnPopoverTrigger };
-export type { BrnPopoverAlign };
+export { BRN_POPOVER_DIALOG_DEFAULT_OPTIONS, BrnPopover, BrnPopoverContent, BrnPopoverImports, BrnPopoverTrigger, injectBrnPopoverConfig, provideBrnPopoverConfig };
+export type { BrnPopoverAlign, BrnPopoverConfig };

package/tabs/index.d.ts

@@ -1,9 +1,10 @@
+import * as _angular_cdk_bidi from '@angular/cdk/bidi';
+import { Direction } from '@angular/cdk/bidi';
 import * as _angular_core from '@angular/core';
 import { OnDestroy, ElementRef, AfterContentInit, AfterContentChecked, AfterViewInit, Signal, ChangeDetectorRef } from '@angular/core';
 import * as _spartan_ng_brain_tabs from '@spartan-ng/brain/tabs';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { FocusableOption } from '@angular/cdk/a11y';
-import { Direction } from '@angular/cdk/bidi';
 import { Observable, Subject } from 'rxjs';
 
 declare class BrnTabsContent implements OnDestroy {
@@ -47,12 +48,12 @@ type TabEntry = {
     content: BrnTabsContent;
 };
 declare class BrnTabs {
+    private readonly _dir;
     readonly orientation: _angular_core.InputSignal<BrnTabsOrientation>;
     /** internal **/
     $orientation: _angular_core.InputSignal<BrnTabsOrientation>;
-    readonly direction: _angular_core.InputSignal<BrnTabsDirection>;
     /** internal **/
-    $direction: _angular_core.InputSignal<BrnTabsDirection>;
+    readonly direction: _angular_core.WritableSignal<_angular_cdk_bidi.Direction>;
     readonly activeTab: _angular_core.ModelSignal<string | undefined>;
     /** internal **/
     $activeTab: _angular_core.Signal<string | undefined>;
@@ -72,7 +73,7 @@ declare class BrnTabs {
     emitTabActivated(key: string): void;
     setActiveTab(key: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnTabs, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnTabs, "[brnTabs]", ["brnTabs"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "activeTab": { "alias": "brnTabs"; "required": false; "isSignal": true; }; "activationMode": { "alias": "activationMode"; "required": false; "isSignal": true; }; }, { "activeTab": "brnTabsChange"; "tabActivated": "tabActivated"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnTabs, "[brnTabs]", ["brnTabs"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "activeTab": { "alias": "brnTabs"; "required": false; "isSignal": true; }; "activationMode": { "alias": "activationMode"; "required": false; "isSignal": true; }; }, { "activeTab": "brnTabsChange"; "tabActivated": "tabActivated"; }, never, never, true, never>;
 }
 
 declare class BrnTabsList implements AfterContentInit {