@spartan-ng/brain 0.0.1-alpha.602 → 0.0.1-alpha.603

package/fesm2022/spartan-ng-brain-navigation-menu.mjs

@@ -295,7 +295,7 @@ function areArraysSameByElRef(arr1, arr2) {
     return arr1.every((item, index) => item === arr2[index]);
 }
 class BrnNavigationMenu {
-    _directionality = inject(Directionality);
+    _dir = inject(Directionality);
     _zone = inject(NgZone);
     _destroy$ = new Subject();
     el = inject(ElementRef);
@@ -312,10 +312,8 @@ class BrnNavigationMenu {
      * How much time a user has to enter another trigger without incurring a delay again.
      */
     skipDelayDuration = input(300);
-    /**
-     * The reading direction of the menu when applicable.
-     */
-    dir = input();
+    /** internal **/
+    direction = this._dir.valueSignal;
     /**
      * The orientation of the menu.
      */
@@ -332,7 +330,7 @@ class BrnNavigationMenu {
     _linkMenuItems = computed(() => this.menuItems().filter((i) => i.focusable() instanceof BrnNavigationMenuLink));
     _keyManager = computed(() => {
         return new FocusKeyManager(this._triggersAndLinks())
-            .withHorizontalOrientation(this._dir())
+            .withHorizontalOrientation(this.direction())
             .withHomeAndEnd()
             .withPageUpDown()
             .withWrap()
@@ -342,17 +340,7 @@ class BrnNavigationMenu {
     _hovered$ = merge(createHoverObservable(this.el.nativeElement, this._zone, this._destroy$).pipe(map((e) => e.hover)), this._reset$).pipe(startWith(undefined));
     _contentHovered$ = merge(toObservable(this._navAndSubnavMenuItems).pipe(switchMap((menuItems) => merge(...menuItems.map((mi) => mi.contentHovered$)))), this._reset$).pipe(startWith(undefined));
     previousValue = computedPrevious(this.value);
-    _dir$ = toObservable(this.dir);
-    /**
-     * The reading direction of the menu when applicable.
-     * If input is not passed, inherits globally from Directionality or assumes LTR (left-to-right) reading mode.
-     */
-    _dir = toSignal(combineLatest([
-        this._dir$.pipe(startWith(undefined)),
-        this._directionality.change.pipe(startWith(undefined)),
-        of('ltr'),
-    ]).pipe(map(([dir, dirChange, fallback]) => dir ?? dirChange ?? fallback)), { requireSync: true });
-    context = computed(() => ({ orientation: this.orientation(), dir: this._dir() }));
+    context = computed(() => ({ orientation: this.orientation(), dir: this.direction() }));
     constructor() {
         effect(() => {
             const isOpen = this.value() !== undefined;
@@ -392,7 +380,7 @@ class BrnNavigationMenu {
         clearTimeout(this._skipDelayTimerRef);
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnNavigationMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.0.7", type: BrnNavigationMenu, isStandalone: true, selector: "nav[brnNavigationMenu]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, delayDuration: { classPropertyName: "delayDuration", publicName: "delayDuration", isSignal: true, isRequired: false, transformFunction: null }, skipDelayDuration: { classPropertyName: "skipDelayDuration", publicName: "skipDelayDuration", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "aria-label": "Main", "data-slot": "navigation-menu" }, listeners: { "keydown": "handleKeydown($event)" }, properties: { "attr.data-orientation": "orientation()", "attr.dir": "_dir()" } }, providers: [provideBrnNavigationMenu(BrnNavigationMenu)], queries: [{ propertyName: "_navAndSubnavMenuItems", predicate: BrnNavigationMenuItem, descendants: true, isSignal: true }], ngImport: i0 });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.0.7", type: BrnNavigationMenu, isStandalone: true, selector: "nav[brnNavigationMenu]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, delayDuration: { classPropertyName: "delayDuration", publicName: "delayDuration", isSignal: true, isRequired: false, transformFunction: null }, skipDelayDuration: { classPropertyName: "skipDelayDuration", publicName: "skipDelayDuration", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "aria-label": "Main", "data-slot": "navigation-menu" }, listeners: { "keydown": "handleKeydown($event)" }, properties: { "attr.data-orientation": "orientation()", "attr.dir": "direction()" } }, providers: [provideBrnNavigationMenu(BrnNavigationMenu)], queries: [{ propertyName: "_navAndSubnavMenuItems", predicate: BrnNavigationMenuItem, descendants: true, isSignal: true }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: BrnNavigationMenu, decorators: [{
             type: Directive,
@@ -402,7 +390,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
                     host: {
                         '(keydown)': 'handleKeydown($event)',
                         '[attr.data-orientation]': 'orientation()',
-                        '[attr.dir]': '_dir()',
+                        '[attr.dir]': 'direction()',
                         'aria-label': 'Main',
                         'data-slot': 'navigation-menu',
                     },