install

resources/views/vendor/filament-panels/components/page/sub-navigation/mobile-menu.blade.php

@@ -0,0 +1,72 @@
+@props([
+    'navigation',
+])
+
+<x-filament::dropdown
+    placement="bottom-start"
+    width="xs"
+    :attributes="
+        \Filament\Support\prepare_inherited_attributes($attributes)
+            ->class(['fi-page-sub-navigation-dropdown'])
+    "
+>
+    <x-slot name="trigger">
+        @php
+            $activeItem = null;
+
+            foreach ($navigation as $navigationGroup) {
+                foreach ($navigationGroup->getItems() as $navigationItem) {
+                    foreach ([$navigationItem, ...$navigationItem->getChildItems()] as $navigationItemChild) {
+                        if ($navigationItemChild->isActive()) {
+                            $activeItem = $navigationItemChild;
+
+                            break 3;
+                        }
+                    }
+                }
+            }
+        @endphp
+
+        <x-filament::button
+            color="gray"
+            :icon="\Filament\Support\Icons\Heroicon::ChevronDown"
+            :icon-alias="\Filament\View\PanelsIconAlias::SUB_NAVIGATION_MOBILE_MENU_BUTTON"
+            icon-position="after"
+        >
+            {{ $activeItem?->getLabel() }}
+        </x-filament::button>
+    </x-slot>
+
+    @foreach ($navigation as $navigationGroup)
+        @if (filled($navigationGroupLabel = $navigationGroup->getLabel()))
+            <x-filament::dropdown.header>
+                {{ $navigationGroupLabel }}
+            </x-filament::dropdown.header>
+        @endif
+
+        <x-filament::dropdown.list>
+            @foreach ($navigationGroup->getItems() as $navigationItem)
+                @foreach ([$navigationItem, ...$navigationItem->getChildItems()] as $navigationItemChild)
+                    @php
+                        $navigationItemBadge = $navigationItem->getBadge();
+                        $navigationItemBadgeColor = $navigationItem->getBadgeColor();
+                        $navigationItemIcon = $navigationItem->isActive() ? ($navigationItem->getActiveIcon() ?? $navigationItem->getIcon()) : $navigationItem->getIcon();
+                        $navigationItemUrl = $navigationItem->getUrl();
+                        $shouldNavigationItemOpenUrlInNewTab = $navigationItem->shouldOpenUrlInNewTab();
+                    @endphp
+
+                    <x-filament::dropdown.list.item
+                        :badge="$navigationItemBadge"
+                        :badge-color="$navigationItemBadgeColor"
+                        :href="$navigationItemUrl"
+                        :icon="$navigationItemIcon"
+                        tag="a"
+                        :target="$shouldNavigationItemOpenUrlInNewTab ? '_blank' : null"
+                    >
+                        {{ $navigationItemChild->getLabel() }}
+                    </x-filament::dropdown.list.item>
+                @endforeach
+            @endforeach
+        </x-filament::dropdown.list>
+    @endforeach
+</x-filament::dropdown>

resources/views/vendor/filament-panels/components/page/sub-navigation/sidebar.blade.php

@@ -0,0 +1,35 @@
+@props([
+    'navigation',
+])
+
+<div
+    {{ $attributes->class(['fi-page-sub-navigation-sidebar-ctn']) }}
+>
+    {{ \Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::PAGE_SUB_NAVIGATION_SIDEBAR_BEFORE, scopes: $this->getRenderHookScopes()) }}
+
+    <ul wire:ignore class="fi-page-sub-navigation-sidebar">
+        @foreach ($navigation as $navigationGroup)
+            @php
+                $isNavigationGroupActive = $navigationGroup->isActive();
+                $isNavigationGroupCollapsible = $navigationGroup->isCollapsible();
+                $navigationGroupIcon = $navigationGroup->getIcon();
+                $navigationGroupItems = $navigationGroup->getItems();
+                $navigationGroupLabel = $navigationGroup->getLabel();
+                $navigationGroupExtraSidebarAttributeBag = $navigationGroup->getExtraSidebarAttributeBag();
+            @endphp
+
+            <x-filament-panels::sidebar.group
+                :active="$isNavigationGroupActive"
+                :collapsible="$isNavigationGroupCollapsible"
+                :icon="$navigationGroupIcon"
+                :items="$navigationGroupItems"
+                :label="$navigationGroupLabel"
+                :sidebar-collapsible="false"
+                sub-navigation
+                :attributes="\Filament\Support\prepare_inherited_attributes($navigationGroupExtraSidebarAttributeBag)"
+            />
+        @endforeach
+    </ul>
+
+    {{ \Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::PAGE_SUB_NAVIGATION_SIDEBAR_AFTER, scopes: $this->getRenderHookScopes()) }}
+</div>

resources/views/vendor/filament-panels/components/page/sub-navigation/tabs.blade.php

@@ -0,0 +1,90 @@
+@props([
+    'navigation',
+])
+
+<x-filament::tabs
+    wire:ignore
+    :attributes="
+        \Filament\Support\prepare_inherited_attributes($attributes)
+            ->class(['fi-page-sub-navigation-tabs'])
+    "
+>
+    @foreach ($navigation as $navigationGroup)
+        @php
+            $navigationGroupLabel = $navigationGroup->getLabel();
+            $isNavigationGroupActive = $navigationGroup->isActive();
+            $navigationGroupIcon = $navigationGroup->getIcon();
+        @endphp
+
+        @if ($navigationGroupLabel)
+            <x-filament::dropdown placement="bottom-start">
+                <x-slot name="trigger">
+                    <x-filament::tabs.item
+                        :active="$isNavigationGroupActive"
+                        :icon="$navigationGroupIcon"
+                    >
+                        {{ $navigationGroupLabel }}
+                    </x-filament::tabs.item>
+                </x-slot>
+
+                <x-filament::dropdown.list>
+                    @foreach ($navigationGroup->getItems() as $navigationItem)
+                        @php
+                            $navigationItemBadge = $navigationItem->getBadge();
+                            $navigationItemBadgeColor = $navigationItem->getBadgeColor();
+                            $navigationItemIcon = $navigationItem->isActive() ? ($navigationItem->getActiveIcon() ?? $navigationItem->getIcon()) : $navigationItem->getIcon();
+                            $navigationItemUrl = $navigationItem->getUrl();
+                            $shouldNavigationItemOpenUrlInNewTab = $navigationItem->shouldOpenUrlInNewTab();
+                        @endphp
+
+                        <x-filament::dropdown.list.item
+                            :badge="$navigationItemBadge"
+                            :badge-color="$navigationItemBadgeColor"
+                            :href="$navigationItemUrl"
+                            :icon="$navigationItemIcon"
+                            tag="a"
+                            :target="$shouldNavigationItemOpenUrlInNewTab ? '_blank' : null"
+                        >
+                            {{ $navigationItem->getLabel() }}
+
+                            @if ($navigationItemIcon instanceof \Illuminate\Contracts\Support\Htmlable)
+                                <x-slot name="icon">
+                                    {{ $navigationItemIcon }}
+                                </x-slot>
+                            @endif
+                        </x-filament::dropdown.list.item>
+                    @endforeach
+                </x-filament::dropdown.list>
+            </x-filament::dropdown>
+        @else
+            @foreach ($navigationGroup->getItems() as $navigationItem)
+                @php
+                    $isNavigationItemActive = $navigationItem->isActive();
+                    $navigationItemBadge = $navigationItem->getBadge();
+                    $navigationItemBadgeColor = $navigationItem->getBadgeColor();
+                    $navigationItemIcon = $navigationItem->isActive() ? ($navigationItem->getActiveIcon() ?? $navigationItem->getIcon()) : $navigationItem->getIcon();
+                    $navigationItemUrl = $navigationItem->getUrl();
+                    $shouldNavigationItemOpenUrlInNewTab = $navigationItem->shouldOpenUrlInNewTab();
+                @endphp
+
+                <x-filament::tabs.item
+                    :active="$isNavigationItemActive"
+                    :badge="$navigationItemBadge"
+                    :badge-color="$navigationItemBadgeColor"
+                    :href="$navigationItemUrl"
+                    :icon="$navigationItemIcon"
+                    tag="a"
+                    :target="$shouldNavigationItemOpenUrlInNewTab ? '_blank' : null"
+                >
+                    {{ $navigationItem->getLabel() }}
+
+                    @if ($navigationItemIcon instanceof \Illuminate\Contracts\Support\Htmlable)
+                        <x-slot name="icon">
+                            {{ $navigationItemIcon }}
+                        </x-slot>
+                    @endif
+                </x-filament::tabs.item>
+            @endforeach
+        @endif
+    @endforeach
+</x-filament::tabs>