├── resources
    ├── views
    │   ├── hidden-action.blade.php
    │   ├── card-divider.blade.php
    │   ├── navigation-builder.blade.php
    │   └── components
    │   │   └── nav-item.blade.php
    ├── css
    │   └── plugin.css
    ├── dist
    │   ├── plugin.js.LICENSE.txt
    │   ├── plugin.css
    │   └── plugin.js
    ├── js
    │   └── plugin.js
    └── lang
    │   ├── en
    │       └── filament-navigation.php
    │   ├── ar
    │       └── filament-navigation.php
    │   ├── es
    │       └── filament-navigation.php
    │   ├── cs
    │       └── filament-navigation.php
    │   ├── de
    │       └── filament-navigation.php
    │   ├── nl
    │       └── filament-navigation.php
    │   ├── ru
    │       └── filament-navigation.php
    │   ├── fr
    │       └── filament-navigation.php
    │   ├── pt_BR
    │       └── filament-navigation.php
    │   ├── it
    │       └── filament-navigation.php
    │   └── pt_PT
    │       └── filament-navigation.php
├── mix-manifest.json
├── webpack.mix.js
├── config
    └── filament-navigation.php
├── tailwind.config.js
├── package.json
├── database
    ├── factories
    │   └── ModelFactory.php
    └── migrations
    │   ├── 2022_04_21_203420_make_items_longtext_on_navigations_table.php
    │   └── 2022_04_18_132920_create_navigations_table.php
├── canvas.yaml
├── src
    ├── Filament
    │   ├── Resources
    │   │   ├── NavigationResource
    │   │   │   └── Pages
    │   │   │   │   ├── EditNavigation.php
    │   │   │   │   ├── CreateNavigation.php
    │   │   │   │   ├── ListNavigations.php
    │   │   │   │   └── Concerns
    │   │   │   │       └── HandlesNavigationBuilder.php
    │   │   └── NavigationResource.php
    │   └── Fields
    │   │   └── NavigationSelect.php
    ├── Models
    │   └── Navigation.php
    ├── FilamentNavigationServiceProvider.php
    └── FilamentNavigation.php
├── bootstrap
    └── app.php
├── LICENSE.md
├── UPGRADE.md
├── composer.json
├── README.md
└── CHANGELOG.md


/resources/views/hidden-action.blade.php:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/resources/css/plugin.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 | 
5 | .sortable-container-maybe-active {
6 | 
7 | }
8 | 


--------------------------------------------------------------------------------
/resources/views/card-divider.blade.php:
--------------------------------------------------------------------------------
1 | <div class="filament-navigation">
2 |     <hr class="-mx-6 border-gray-300 dark:border-gray-600">
3 | </div>
4 | 


--------------------------------------------------------------------------------
/mix-manifest.json:
--------------------------------------------------------------------------------
1 | {
2 |     "/resources/dist/plugin.js": "/resources/dist/plugin.js",
3 |     "/resources/dist/plugin.css": "/resources/dist/plugin.css"
4 | }
5 | 


--------------------------------------------------------------------------------
/resources/dist/plugin.js.LICENSE.txt:
--------------------------------------------------------------------------------
1 | /**!
2 |  * Sortable 1.15.0
3 |  * @author	RubaXa   <trash@rubaxa.org>
4 |  * @author	owenm    <owen23355@gmail.com>
5 |  * @license MIT
6 |  */
7 | 


--------------------------------------------------------------------------------
/webpack.mix.js:
--------------------------------------------------------------------------------
1 | const mix = require('laravel-mix')
2 | 
3 | mix
4 |     .postCss('resources/css/plugin.css', 'resources/dist/plugin.css', [
5 |         require('tailwindcss')
6 |     ])
7 |     .js('resources/js/plugin.js', 'resources/dist/plugin.js');
8 | 


--------------------------------------------------------------------------------
/config/filament-navigation.php:
--------------------------------------------------------------------------------
1 | <?php
2 | // config for RyanChandler/FilamentNavigation
3 | return [
4 | 
5 |     'navigation_model' => \RyanChandler\FilamentNavigation\Models\Navigation::class,
6 | 
7 |     'navigation_resource' => \RyanChandler\FilamentNavigation\Filament\Resources\NavigationResource::class,
8 | ];
9 | 


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |     content: ["./resources/views/**/*.blade.php"],
 3 |     darkMode: "class",
 4 |     important: ".filament-navigation",
 5 |     theme: {
 6 |         extend: {},
 7 |     },
 8 |     plugins: [],
 9 |     corePlugins: {
10 |         preflight: false,
11 |     },
12 | };
13 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "private": true,
 3 |     "devDependencies": {
 4 |         "laravel-mix": "^6.0.49",
 5 |         "sortablejs": "^1.15.0",
 6 |         "tailwindcss": "^3.0.24"
 7 |     },
 8 |     "scripts": {
 9 |         "dev": "mix",
10 |         "watch": "mix watch",
11 |         "prod": "mix --production"
12 |     }
13 | }
14 | 


--------------------------------------------------------------------------------
/database/factories/ModelFactory.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace RyanChandler\FilamentNavigation\Database\Factories;
 4 | 
 5 | use Illuminate\Database\Eloquent\Factories\Factory;
 6 | 
 7 | /*
 8 | class ModelFactory extends Factory
 9 | {
10 |     protected $model = YourModel::class;
11 | 
12 |     public function definition()
13 |     {
14 |         return [
15 | 
16 |         ];
17 |     }
18 | }
19 | */
20 | 


--------------------------------------------------------------------------------
/canvas.yaml:
--------------------------------------------------------------------------------
 1 | preset: package
 2 | 
 3 | namespace: RyanChandler\FilamentNavigation
 4 | user-auth-provider: App\User
 5 | 
 6 | paths:
 7 |   src: src
 8 |   resource: resources
 9 | 
10 | factory:
11 |   path: database/factories
12 | 
13 | migration:
14 |   path: database/migrations
15 |   prefix: ''
16 | 
17 | console:
18 |   namespace: RyanChandler\FilamentNavigation\Console
19 | 
20 | model:
21 |   namespace: RyanChandler\FilamentNavigation
22 | 
23 | provider:
24 |   namespace: RyanChandler\FilamentNavigation\Providers
25 | 
26 | testing:
27 |   namespace: RyanChandler\FilamentNavigation\Tests
28 | 


--------------------------------------------------------------------------------
/src/Filament/Resources/NavigationResource/Pages/EditNavigation.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace RyanChandler\FilamentNavigation\Filament\Resources\NavigationResource\Pages;
 4 | 
 5 | use Filament\Resources\Pages\EditRecord;
 6 | use RyanChandler\FilamentNavigation\Filament\Resources\NavigationResource\Pages\Concerns\HandlesNavigationBuilder;
 7 | use RyanChandler\FilamentNavigation\FilamentNavigation;
 8 | 
 9 | class EditNavigation extends EditRecord
10 | {
11 |     use HandlesNavigationBuilder;
12 | 
13 |     public static function getResource(): string
14 |     {
15 |         return FilamentNavigation::get()->getResource();
16 |     }
17 | }
18 | 


--------------------------------------------------------------------------------
/src/Filament/Resources/NavigationResource/Pages/CreateNavigation.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace RyanChandler\FilamentNavigation\Filament\Resources\NavigationResource\Pages;
 4 | 
 5 | use Filament\Resources\Pages\CreateRecord;
 6 | use RyanChandler\FilamentNavigation\Filament\Resources\NavigationResource\Pages\Concerns\HandlesNavigationBuilder;
 7 | use RyanChandler\FilamentNavigation\FilamentNavigation;
 8 | 
 9 | class CreateNavigation extends CreateRecord
10 | {
11 |     use HandlesNavigationBuilder;
12 | 
13 |     public static function getResource(): string
14 |     {
15 |         return FilamentNavigation::get()->getResource();
16 |     }
17 | }
18 | 


--------------------------------------------------------------------------------
/src/Filament/Resources/NavigationResource/Pages/ListNavigations.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace RyanChandler\FilamentNavigation\Filament\Resources\NavigationResource\Pages;
 4 | 
 5 | use Filament\Actions\CreateAction;
 6 | use Filament\Resources\Pages\ListRecords;
 7 | use RyanChandler\FilamentNavigation\FilamentNavigation;
 8 | 
 9 | class ListNavigations extends ListRecords
10 | {
11 |     public static function getResource(): string
12 |     {
13 |         return FilamentNavigation::get()->getResource();
14 |     }
15 | 
16 |     protected function getActions(): array
17 |     {
18 |         return [
19 |             CreateAction::make('create'),
20 |         ];
21 |     }
22 | }
23 | 


--------------------------------------------------------------------------------
/src/Models/Navigation.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace RyanChandler\FilamentNavigation\Models;
 4 | 
 5 | use Illuminate\Database\Eloquent\Factories\HasFactory;
 6 | use Illuminate\Database\Eloquent\Model;
 7 | 
 8 | /**
 9 |  * @property string $handle
10 |  * @property array $items
11 |  * @property \Carbon\Carbon $created_at
12 |  * @property \Carbon\Carbon $updated_at
13 |  */
14 | class Navigation extends Model
15 | {
16 |     use HasFactory;
17 | 
18 |     protected $guarded = [];
19 | 
20 |     protected $casts = [
21 |         'items' => 'json',
22 |     ];
23 | 
24 |     public static function fromHandle(string $handle): ?static
25 |     {
26 |         return static::query()->firstWhere('handle', $handle);
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/src/Filament/Fields/NavigationSelect.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace RyanChandler\FilamentNavigation\Filament\Fields;
 4 | 
 5 | use Filament\Forms\Components\Select;
 6 | use RyanChandler\FilamentNavigation\Models\Navigation;
 7 | 
 8 | class NavigationSelect extends Select
 9 | {
10 |     protected string $optionValueProperty = 'id';
11 | 
12 |     protected function setUp(): void
13 |     {
14 |         parent::setUp();
15 | 
16 |         $this->options(function (NavigationSelect $component) {
17 |             return Navigation::pluck('name', $component->getOptionValueProperty());
18 |         });
19 |     }
20 | 
21 |     public function getOptionValueProperty(): string
22 |     {
23 |         return $this->optionValueProperty;
24 |     }
25 | }
26 | 


--------------------------------------------------------------------------------
/database/migrations/2022_04_21_203420_make_items_longtext_on_navigations_table.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Illuminate\Database\Migrations\Migration;
 4 | use Illuminate\Database\Schema\Blueprint;
 5 | use Illuminate\Support\Facades\Schema;
 6 | 
 7 | return new class extends Migration
 8 | {
 9 |     /**
10 |      * Run the migrations.
11 |      *
12 |      * @return void
13 |      */
14 |     public function up()
15 |     {
16 |         Schema::table('navigations', function (Blueprint $table) {
17 |             $table->longText('items')->change();
18 |         });
19 |     }
20 | 
21 |     /**
22 |      * Reverse the migrations.
23 |      *
24 |      * @return void
25 |      */
26 |     public function down()
27 |     {
28 |         Schema::dropIfExists('navigations');
29 |     }
30 | };
31 | 


--------------------------------------------------------------------------------
/bootstrap/app.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Filament\FilamentServiceProvider;
 4 | use Filament\Forms\FormsServiceProvider;
 5 | use Filament\Tables\TablesServiceProvider;
 6 | use Livewire\LivewireServiceProvider;
 7 | use Orchestra\Testbench\Concerns\CreatesApplication;
 8 | use Orchestra\Testbench\Foundation\Application;
 9 | 
10 | $basePathLocator = new class() {
11 |     use CreatesApplication;
12 | };
13 | 
14 | $app = (new Application($basePathLocator::applicationBasePath()))
15 |     ->configure([
16 |         'enables_package_discoveries' => true,
17 |     ])
18 |     ->createApplication();
19 | 
20 | $app->register(LivewireServiceProvider::class);
21 | $app->register(FormsServiceProvider::class);
22 | $app->register(TablesServiceProvider::class);
23 | $app->register(FilamentServiceProvider::class);
24 | 
25 | return $app;
26 | 


--------------------------------------------------------------------------------
/resources/js/plugin.js:
--------------------------------------------------------------------------------
 1 | import Sortable from 'sortablejs'
 2 | 
 3 | document.addEventListener('alpine:initializing', () => {
 4 |     window.Alpine.data('navigationSortableContainer', ({ statePath }) => ({
 5 |         statePath,
 6 |         sortable: null,
 7 |         init() {
 8 |             this.sortable = new Sortable(this.$el, {
 9 |                 group: 'nested',
10 |                 animation: 150,
11 |                 fallbackOnBody: true,
12 |                 swapThreshold: 0.50,
13 |                 draggable: '[data-sortable-item]',
14 |                 handle: '[data-sortable-handle]',
15 |                 onSort: () => {
16 |                     this.sorted()
17 |                 }
18 |             })
19 |         },
20 |         sorted() {
21 |             this.$wire.sortNavigation(this.statePath, this.sortable.toArray())
22 |         }
23 |     }))
24 | })
25 | 
26 | 


--------------------------------------------------------------------------------
/database/migrations/2022_04_18_132920_create_navigations_table.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Illuminate\Database\Migrations\Migration;
 4 | use Illuminate\Database\Schema\Blueprint;
 5 | use Illuminate\Support\Facades\Schema;
 6 | 
 7 | return new class extends Migration
 8 | {
 9 |     /**
10 |      * Run the migrations.
11 |      *
12 |      * @return void
13 |      */
14 |     public function up()
15 |     {
16 |         Schema::create('navigations', function (Blueprint $table) {
17 |             $table->id();
18 |             $table->string('name');
19 |             $table->string('handle')->unique();
20 |             $table->json('items')->nullable();
21 |             $table->timestamps();
22 |         });
23 |     }
24 | 
25 |     /**
26 |      * Reverse the migrations.
27 |      *
28 |      * @return void
29 |      */
30 |     public function down()
31 |     {
32 |         Schema::dropIfExists('navigations');
33 |     }
34 | };
35 | 


--------------------------------------------------------------------------------
/src/FilamentNavigationServiceProvider.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace RyanChandler\FilamentNavigation;
 4 | 
 5 | use Filament\Support\Assets\Css;
 6 | use Filament\Support\Assets\Js;
 7 | use Filament\Support\Facades\FilamentAsset;
 8 | use Illuminate\Support\ServiceProvider;
 9 | 
10 | class FilamentNavigationServiceProvider extends ServiceProvider
11 | {
12 |     public function boot()
13 |     {
14 |         $this->loadMigrationsFrom([
15 |             __DIR__ . '/../database/migrations',
16 |         ]);
17 | 
18 |         $this->loadViewsFrom([
19 |             __DIR__ . '/../resources/views',
20 |         ], 'filament-navigation');
21 | 
22 |         $this->loadTranslationsFrom(__DIR__ . '/../resources/lang', 'filament-navigation');
23 | 
24 |         FilamentAsset::register([
25 |             Css::make('filament-navigation-styles', __DIR__ . '/../resources/dist/plugin.css'),
26 |             Js::make('filament-navigation-scripts', __DIR__ . '/../resources/dist/plugin.js'),
27 |         ], 'filament-navigation');
28 |     }
29 | }
30 | 


--------------------------------------------------------------------------------
/resources/lang/en/filament-navigation.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 |     'attributes' => [
 5 |         'external-link' => 'External link',
 6 |         'url' => 'URL',
 7 |         'target' => 'Target',
 8 |         'name' => 'Name',
 9 |         'items' => 'Items',
10 |         'handle' => 'Handle',
11 |         'created_at' => 'Created at',
12 |         'updated_at' => 'Updated at',
13 | 
14 |      ],
15 | 
16 |     'select-options' => [
17 |         'same-tab' => 'Same tab',
18 |         'new-tab' => 'New tab'
19 |     ],
20 | 
21 |     'items' => [
22 |         'empty' => 'No items.',
23 |         'add-item' => 'Add item',
24 |         'add-child' => 'Add child',
25 |         'move-up' => 'Move up',
26 |         'move-down' => 'Move down',
27 |         'indent' => 'Indent',
28 |         'dedent' => 'Dedent',
29 |         'remove' => 'Remove'
30 |     ],
31 | 
32 |     'items-modal' => [
33 |         'title' => 'Item',
34 |         'label' => 'Label',
35 |         'type' => 'Type',
36 |         'btn' => 'Save',
37 |     ],
38 | ];
39 | 


--------------------------------------------------------------------------------
/resources/lang/ar/filament-navigation.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 |     'attributes' => [
 5 |         'external-link' => 'رابط خارجي',
 6 |         'url' => 'الرابط',
 7 |         'target' => 'الهدف',
 8 |         'name' => 'الاسم',
 9 |         'items' => 'العناصر',
10 |         'handle' => 'المقبض',
11 |         'created_at' => 'تم الإنشاء في',
12 |         'updated_at' => 'تم التحديث في',
13 |     ],
14 | 
15 |     'select-options' => [
16 |         'same-tab' => 'نفس علامة التبويب',
17 |         'new-tab' => 'علامة تبويب جديدة'
18 |     ],
19 | 
20 |     'items' => [
21 |         'empty' => 'لا يوجد عناصر.',
22 |         'add-item' => 'إضافة عنصر',
23 |         'add-child' => 'إضافة فرع',
24 |         'move-up' => 'تحريك للأعلى',
25 |         'move-down' => 'تحريك للأسفل',
26 |         'indent' => 'إزاحة للداخل',
27 |         'dedent' => 'إزاحة للخارج',
28 |         'remove' => 'إزالة'
29 |     ],
30 | 
31 |     'items-modal' => [
32 |         'title' => 'العنوان',
33 |         'label' => 'التسمية',
34 |         'type' => 'النوع',
35 |         'btn' => 'الزر',
36 |     ],
37 | ];
38 | 


--------------------------------------------------------------------------------
/resources/lang/es/filament-navigation.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 |     'attributes' => [
 5 |         'external-link' => 'Vínculo externo',
 6 |         'url' => 'URL',
 7 |         'target' => 'Destino',
 8 |         'name' => 'Nombre',
 9 |         'items' => 'Ítems',
10 |         'handle' => 'Referencia',
11 |         'created_at' => 'Creado',
12 |         'updated_at' => 'Actualizado',
13 | 
14 |      ],
15 | 
16 |     'select-options' => [
17 |         'same-tab' => 'Misma pestaña',
18 |         'new-tab' => 'Nueva pestaña'
19 |     ],
20 | 
21 |     'items' => [
22 |         'empty' => 'No hay ítems.',
23 |         'add-item' => 'Agregar ítem',
24 |         'add-child' => 'Agregar hijo',
25 |         'move-up' => 'Mover arriba',
26 |         'move-down' => 'Mover abajo',
27 |         'indent' => 'Indentar',
28 |         'dedent' => 'Desindentar',
29 |         'remove' => 'Remover'
30 |     ],
31 | 
32 |     'items-modal' => [
33 |         'title' => 'Ítem',
34 |         'label' => 'Etiqueta',
35 |         'type' => 'Tipo',
36 |         'btn' => 'Guardar',
37 |     ],
38 | ];
39 | 


--------------------------------------------------------------------------------
/resources/lang/cs/filament-navigation.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 |     'attributes' => [
 5 |         'external-link' => 'Odkaz',
 6 |         'url' => 'URL/Adresa',
 7 |         'target' => 'Cíl',
 8 |         'name' => 'Název',
 9 |         'items' => 'Položky',
10 |         'handle' => 'Identifikátor',
11 |         'created_at' => 'Vytvořeno',
12 |         'updated_at' => 'Upraveno',
13 |      ],
14 | 
15 |     'select-options' => [
16 |         'same-tab' => 'Ve stejném okně',
17 |         'new-tab' => 'V novém okně'
18 |     ],
19 | 
20 |     'items' => [
21 |         'empty' => 'Žádné položky',
22 |         'add-item' => 'Přidat položku',
23 |         'add-child' => 'Přidat pod-položku',
24 |         'move-up' => 'Posunout nahoru',
25 |         'move-down' => 'Posunout dolu',
26 |         'indent' => 'Přidružit',
27 |         'dedent' => 'Oddělit',
28 |         'remove' => 'Odstranit'
29 |     ],
30 | 
31 |     'items-modal' => [
32 |         'title' => 'Nová položka',
33 |         'label' => 'Název',
34 |         'type' => 'Typ',
35 |         'btn' => 'Uložit',
36 |     ],
37 | ];
38 | 


--------------------------------------------------------------------------------
/resources/lang/de/filament-navigation.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 |     'attributes' => [
 5 |         'external-link' => 'Externer Link',
 6 |         'url' => 'URL',
 7 |         'target' => 'Ziel',
 8 |         'name' => 'Name',
 9 |         'items' => 'Einträge',
10 |         'handle' => 'Handle',
11 |         'created_at' => 'Erstellt',
12 |         'updated_at' => 'Geändert',
13 | 
14 |      ],
15 | 
16 |     'select-options' => [
17 |         'same-tab' => 'Gleicher Tab',
18 |         'new-tab' => 'Neuer Tab'
19 |     ],
20 | 
21 |     'items' => [
22 |         'empty' => 'Keine Einträge.',
23 |         'add-item' => 'Einträge hinzufügen',
24 |         'add-child' => 'Kind hinzufügen',
25 |         'move-up' => 'Nach oben verschieben',
26 |         'move-down' => 'Nach unten verschieben',
27 |         'indent' => 'Einziehen',
28 |         'dedent' => 'Ausziehen',
29 |         'remove' => 'Entfernen'
30 |     ],
31 | 
32 |     'items-modal' => [
33 |         'title' => 'Eintrag',
34 |         'label' => 'Name',
35 |         'type' => 'Typ',
36 |         'btn' => 'Speichern',
37 |     ],
38 | ];
39 | 


--------------------------------------------------------------------------------
/resources/lang/nl/filament-navigation.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 |     'attributes' => [
 5 |         'external-link' => 'Externe link',
 6 |         'url' => 'URL',
 7 |         'target' => 'Doel',
 8 |         'name' => 'Naam',
 9 |         'items' => 'Elementen',
10 |         'handle' => 'Sleutel',
11 |         'created_at' => 'Aangemaakt op',
12 |         'updated_at' => 'Aangepast op',
13 | 
14 |      ],
15 | 
16 |     'select-options' => [
17 |         'same-tab' => 'Dezelfde tab',
18 |         'new-tab' => 'Nieuwe tab'
19 |     ],
20 | 
21 |     'items' => [
22 |         'empty' => 'Geen elementen.',
23 |         'add-item' => 'Nieuw element',
24 |         'add-child' => 'Voeg kind toe',
25 |         'move-up' => 'Verplaats omhoog',
26 |         'move-down' => 'Verplaats omlaag',
27 |         'indent' => 'Inspringen',
28 |         'dedent' => 'Terugspringen',
29 |         'remove' => 'Verwijderen'
30 |     ],
31 | 
32 |     'items-modal' => [
33 |         'title' => 'Element',
34 |         'label' => 'Label',
35 |         'type' => 'Type',
36 |         'btn' => 'Bewaar',
37 |     ],
38 | ];
39 | 


--------------------------------------------------------------------------------
/resources/lang/ru/filament-navigation.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 |     'attributes' => [
 5 |         'external-link' => 'Внешняя ссылка',
 6 |         'url' => 'URL',
 7 |         'target' => 'Открыть в',
 8 |         'name' => 'Название',
 9 |         'items' => 'Элементы',
10 |         'handle' => 'Идентификатор',
11 |         'created_at' => 'Создано в',
12 |         'updated_at' => 'Изменено в',
13 |     ],
14 | 
15 |     'select-options' => [
16 |         'same-tab' => 'Этой вкладке',
17 |         'new-tab' => 'Новой вкладке'
18 |     ],
19 | 
20 |     'items' => [
21 |         'empty' => 'Нет элементов',
22 |         'add-item' => 'Добавить элемент',
23 |         'add-child' => 'Добавить дочерний',
24 |         'move-up' => 'Переместить выше',
25 |         'move-down' => 'Переместить ниже',
26 |         'indent' => 'Indent',
27 |         'dedent' => 'Dedent',
28 |         'remove' => 'Удалить'
29 |     ],
30 | 
31 |     'items-modal' => [
32 |         'title' => 'Элемент',
33 |         'label' => 'Название',
34 |         'type' => 'Тип',
35 |         'btn' => 'Сохранить',
36 |     ],
37 | ];
38 | 


--------------------------------------------------------------------------------
/resources/lang/fr/filament-navigation.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 |     'attributes' => [
 5 |         'external-link' => 'Lien externe',
 6 |         'url' => 'URL',
 7 |         'target' => 'Cible',
 8 |         'name' => 'Nom',
 9 |         'items' => 'Éléments',
10 |         'handle' => 'Clé',
11 |         'created_at' => 'Créé le',
12 |         'updated_at' => 'Màj le',
13 | 
14 |      ],
15 | 
16 |     'select-options' => [
17 |         'same-tab' => 'Même fenêtre',
18 |         'new-tab' => 'Nouvelle fenêtre'
19 |     ],
20 | 
21 |     'items' => [
22 |         'empty' => 'pas d\'élément',
23 |         'add-item' => 'Ajouter un élément',
24 |         'add-child' => 'Ajouter un enfant',
25 |         'move-up' => 'Déplacer vers le haut',
26 |         'move-down' => 'Déplacer vers le bas',
27 |         'indent' => 'Indenter',
28 |         'dedent' => 'Désindenter',
29 |         'remove' => 'Supprimer'
30 |     ],
31 | 
32 |     'items-modal' => [
33 |         'title' => 'Élément',
34 |         'label' => 'Label',
35 |         'type' => 'Type',
36 |         'btn' => 'Enregistrer',
37 |     ],
38 | ];
39 | 


--------------------------------------------------------------------------------
/resources/lang/pt_BR/filament-navigation.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 |     'attributes' => [
 5 |         'external-link' => 'Link externo',
 6 |         'url'           => 'URL',
 7 |         'target'        => 'Abrir em',
 8 |         'name'          => 'Nome',
 9 |         'items'         => 'Itens',
10 |         'handle'        => 'Referência',
11 |         'created_at'    => 'Criado em',
12 |         'updated_at'    => 'Editado em',
13 | 
14 |     ],
15 | 
16 |     'select-options' => [
17 |         'same-tab' => 'Mesma tab',
18 |         'new-tab'  => 'Nova tab',
19 |     ],
20 | 
21 |     'items' => [
22 |         'empty'     => 'Nenhum item',
23 |         'add-item'  => 'Adicionar item',
24 |         'add-child' => 'Adicionar subitem',
25 |         'move-up'   => 'Mover para cima',
26 |         'move-down' => 'Mover para baixo',
27 |         'indent'    => 'Avançar',
28 |         'dedent'    => 'Recuar',
29 |         'remove'    => 'Remover',
30 |     ],
31 | 
32 |     'items-modal' => [
33 |         'title' => 'Item',
34 |         'label' => 'Nome',
35 |         'type'  => 'Tipo',
36 |         'btn'   => 'Salvar',
37 |     ],
38 | ];
39 | 


--------------------------------------------------------------------------------
/resources/lang/it/filament-navigation.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 |     'attributes' => [
 5 |         'external-link' => 'Link esterno',
 6 |         'url' => 'URL',
 7 |         'target' => 'Apri in',
 8 |         'name' => 'Nome',
 9 |         'items' => 'Voci di menù',
10 |         'handle' => 'Riferimento',
11 |         'created_at' => 'Data di creazione',
12 |         'updated_at' => 'Data di aggiornamento',
13 | 
14 |     ],
15 | 
16 |     'select-options' => [
17 |         'same-tab' => 'Stessa scheda',
18 |         'new-tab' => 'Nuova scheda'
19 |     ],
20 | 
21 |     'items' => [
22 |         'empty' => 'Nessuna voce di menù.',
23 |         'add-item' => 'Aggiungi voce di menù',
24 |         'add-child' => 'Aggiungi sotto-voce di menù',
25 |         'move-up' => 'Sposta su',
26 |         'move-down' => 'Sposta giù',
27 |         'indent' => 'Aumenta rientro',
28 |         'dedent' => 'Riduci rientro',
29 |         'remove' => 'Rimuovi'
30 |     ],
31 | 
32 |     'items-modal' => [
33 |         'title' => 'Voce di menù',
34 |         'label' => 'Etichetta',
35 |         'type' => 'Tipo',
36 |         'btn' => 'Salva',
37 |     ],
38 | ];
39 | 


--------------------------------------------------------------------------------
/resources/lang/pt_PT/filament-navigation.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 |     'attributes' => [
 5 |         'external-link' => 'Link externo',
 6 |         'url'           => 'URL',
 7 |         'target'        => 'Abrir em',
 8 |         'name'          => 'Nome',
 9 |         'items'         => 'Itens',
10 |         'handle'        => 'Referência',
11 |         'created_at'    => 'Criado em',
12 |         'updated_at'    => 'Editado em',
13 | 
14 |     ],
15 | 
16 |     'select-options' => [
17 |         'same-tab' => 'Mesmo separador',
18 |         'new-tab'  => 'Novo separador',
19 |     ],
20 | 
21 |     'items' => [
22 |         'empty'     => 'Nenhum item',
23 |         'add-item'  => 'Adicionar item',
24 |         'add-child' => 'Adicionar subitem',
25 |         'move-up'   => 'Mover para cima',
26 |         'move-down' => 'Mover para baixo',
27 |         'indent'    => 'Avançar',
28 |         'dedent'    => 'Recuar',
29 |         'remove'    => 'Remover',
30 |     ],
31 | 
32 |     'items-modal' => [
33 |         'title' => 'Item',
34 |         'label' => 'Nome',
35 |         'type'  => 'Tipo',
36 |         'btn'   => 'Guardar',
37 |     ],
38 | ];
39 | 


--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) ryangjchandler <support@ryangjchandler.co.uk>
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/resources/views/navigation-builder.blade.php:
--------------------------------------------------------------------------------
 1 | <x-filament-forms::field-wrapper
 2 |     :id="$getId()"
 3 |     :label="$getLabel()"
 4 |     :label-sr-only="$isLabelHidden()"
 5 |     :helper-text="$getHelperText()"
 6 |     :hint="$getHint()"
 7 |     :hint-icon="$getHintIcon()"
 8 |     :required="$isRequired()"
 9 |     :state-path="$getStatePath()"
10 |     class="filament-navigation"
11 | >
12 |     <div wire:key="navigation-items-wrapper">
13 |         <div
14 |             class="space-y-2"
15 |             x-data="navigationSortableContainer({
16 |                 statePath: @js($getStatePath())
17 |             })"
18 |             data-sortable-container
19 |         >
20 |             @forelse($getState() as $uuid => $item)
21 |                 <x-filament-navigation::nav-item :statePath="$getStatePath() . '.' . $uuid" :item="$item" />
22 |             @empty
23 |                 <div @class([
24 |                     'w-full bg-white rounded-lg border border-gray-300 px-3 py-2 text-left',
25 |                     'dark:bg-gray-700 dark:border-gray-600',
26 |                 ])>
27 |                     {{__('filament-navigation::filament-navigation.items.empty')}}
28 |                 </div>
29 |             @endforelse
30 |         </div>
31 |     </div>
32 | 
33 |     <div class="flex justify-end">
34 |         <x-filament::button wire:click="createItem" type="button" size="sm">
35 |             {{__('filament-navigation::filament-navigation.items.add-item')}}
36 |         </x-filament::button>
37 |     </div>
38 | </x-filament-forms::field-wrapper>
39 | 


--------------------------------------------------------------------------------
/UPGRADE.md:
--------------------------------------------------------------------------------
 1 | # Upgrade Guide
 2 | 
 3 | ## Upgrading from v0.x to v1.0
 4 | 
 5 | Starting with version v1.0, this package now only supports Filament v3.x.
 6 | 
 7 | Follow these steps to update the package for Filament v3.x.
 8 | 
 9 | 1. Update the package version in your `composer.json`.
10 | 2. Run `composer update`.
11 | 3. Register the plugin inside of your project's `PanelProvider`.
12 | 
13 | ```php
14 | use RyanChandler\FilamentNavigation\FilamentNavigation;
15 | 
16 | public function panel(Panel $panel): Panel
17 | {
18 |     return $panel
19 |         ->plugin(FilamentNavigation::make())
20 |         // ...
21 | }
22 | ```
23 | 
24 | 4. Publish the plugin assets.
25 | 
26 | ```sh
27 | php artisan filament:assets
28 | ```
29 | 
30 | 5. Open your panel and check that the resource has been registered and existing navigation menus are showing.
31 | 
32 | If you have registered custom navigation item types, the `addItemType()` method no longer exists.
33 | 
34 | Instead, register the item types on the `FilamentNavigation` plugin object directly.
35 | 
36 | ```php
37 | return $panel
38 |     ->plugin(
39 |         FilamentNavigation::make()
40 |             ->itemType('post', [
41 |                 Select::make('post_id')
42 |                     ->//...
43 |             ])
44 |     )
45 |     // ...
46 | ```
47 | 
48 | If you previously used the configuration file to change the `navigation_model` or `navigation_resource` values, those no longer exist and need to be updated to method calls on the plugin object.
49 | 
50 | ```php
51 | return $panel
52 |     ->plugin(
53 |         FilamentNavigation::make()
54 |             ->usingResource(MyNavigationResource::class)
55 |             ->usingModel(MyNavigationModel::class)
56 |     )
57 |     // ...
58 | ```
59 | 
60 | If you have any issues with the upgrade, please open an issue and provide details. Reproduction repositories are much appreciated.
61 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "ryangjchandler/filament-navigation",
 3 |     "description": "Build structured navigation menus in Filament.",
 4 |     "keywords": [
 5 |         "ryangjchandler",
 6 |         "laravel",
 7 |         "filament-navigation"
 8 |     ],
 9 |     "homepage": "https://github.com/ryangjchandler/filament-navigation",
10 |     "license": "MIT",
11 |     "authors": [
12 |         {
13 |             "name": "Ryan Chandler",
14 |             "email": "support@ryangjchandler.co.uk",
15 |             "role": "Developer"
16 |         }
17 |     ],
18 |     "require": {
19 |         "php": "^8.1",
20 |         "doctrine/dbal": "^3.5.1",
21 |         "illuminate/contracts": "^10.0|^11.0",
22 |         "filament/filament": "^3.0",
23 |         "spatie/laravel-package-tools": "^1.9.2"
24 |     },
25 |     "require-dev": {
26 |         "friendsofphp/php-cs-fixer": "^3.8",
27 |         "nunomaduro/collision": "^7.0|^8.0",
28 |         "nunomaduro/larastan": "^2.0.1",
29 |         "orchestra/canvas": "^8.0",
30 |         "orchestra/testbench": "^8.0|^9.0",
31 |         "pestphp/pest": "^2.0",
32 |         "pestphp/pest-plugin-laravel": "^2.0",
33 |         "phpstan/extension-installer": "^1.1",
34 |         "phpstan/phpstan-deprecation-rules": "^1.0",
35 |         "phpstan/phpstan-phpunit": "^1.0",
36 |         "phpunit/phpunit": "^9.5|^10.0",
37 |         "spatie/laravel-ray": "^1.26"
38 |     },
39 |     "autoload": {
40 |         "psr-4": {
41 |             "RyanChandler\\FilamentNavigation\\": "src",
42 |             "RyanChandler\\FilamentNavigation\\Database\\Factories\\": "database/factories"
43 |         }
44 |     },
45 |     "autoload-dev": {
46 |         "psr-4": {
47 |             "RyanChandler\\FilamentNavigation\\Tests\\": "tests"
48 |         }
49 |     },
50 |     "scripts": {
51 |         "analyse": "vendor/bin/phpstan analyse",
52 |         "test": "vendor/bin/pest",
53 |         "test-coverage": "vendor/bin/pest coverage",
54 |         "format": "vendor/bin/php-cs-fixer fix --config=.php_cs.dist.php --allow-risky=yes"
55 |     },
56 |     "config": {
57 |         "sort-packages": true,
58 |         "allow-plugins": {
59 |             "pestphp/pest-plugin": true,
60 |             "phpstan/extension-installer": true
61 |         }
62 |     },
63 |     "extra": {
64 |         "laravel": {
65 |             "providers": [
66 |                 "RyanChandler\\FilamentNavigation\\FilamentNavigationServiceProvider"
67 |             ]
68 |         }
69 |     },
70 |     "minimum-stability": "dev",
71 |     "prefer-stable": true
72 | }
73 | 


--------------------------------------------------------------------------------
/src/FilamentNavigation.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace RyanChandler\FilamentNavigation;
  4 | 
  5 | use Closure;
  6 | use Filament\Contracts\Plugin;
  7 | use Filament\Forms\Components\Select;
  8 | use Filament\Forms\Components\TextInput;
  9 | use Filament\Panel;
 10 | use Illuminate\Support\Str;
 11 | use RyanChandler\FilamentNavigation\Filament\Resources\NavigationResource;
 12 | use RyanChandler\FilamentNavigation\Models\Navigation;
 13 | 
 14 | class FilamentNavigation implements Plugin
 15 | {
 16 |     protected string $model = Navigation::class;
 17 | 
 18 |     protected string $resource = NavigationResource::class;
 19 | 
 20 |     protected array $itemTypes = [];
 21 | 
 22 |     protected array | Closure $extraFields = [];
 23 | 
 24 |     public function getId(): string
 25 |     {
 26 |         return 'navigation';
 27 |     }
 28 | 
 29 |     /** @param class-string<\Filament\Resources\Resource> $resource */
 30 |     public function usingResource(string $resource): static
 31 |     {
 32 |         $this->resource = $resource;
 33 | 
 34 |         return $this;
 35 |     }
 36 | 
 37 |     /** @param class-string<\Illuminate\Database\Eloquent\Model> $model */
 38 |     public function usingModel(string $model): static
 39 |     {
 40 |         $this->model = $model;
 41 | 
 42 |         return $this;
 43 |     }
 44 | 
 45 |     public function itemType(string $name, array | Closure $fields, ?string $slug = null): static
 46 |     {
 47 |         $this->itemTypes[$slug ?? Str::slug($name)] = [
 48 |             'name' => $name,
 49 |             'fields' => $fields,
 50 |         ];
 51 | 
 52 |         return $this;
 53 |     }
 54 | 
 55 |     public function withExtraFields(array | Closure $schema): static
 56 |     {
 57 |         $this->extraFields = $schema;
 58 | 
 59 |         return $this;
 60 |     }
 61 | 
 62 |     public function register(Panel $panel): void
 63 |     {
 64 |         $panel
 65 |             ->resources([$this->getResource()]);
 66 |     }
 67 | 
 68 |     public function boot(Panel $panel): void
 69 |     {
 70 |         //
 71 |     }
 72 | 
 73 |     public static function make(): static
 74 |     {
 75 |         return new static();
 76 |     }
 77 | 
 78 |     public static function get(): static
 79 |     {
 80 |         return filament('navigation');
 81 |     }
 82 | 
 83 |     public function getModel(): string
 84 |     {
 85 |         return $this->model;
 86 |     }
 87 | 
 88 |     public function getResource(): string
 89 |     {
 90 |         return $this->resource;
 91 |     }
 92 | 
 93 |     public function getExtraFields(): array | Closure
 94 |     {
 95 |         return $this->extraFields;
 96 |     }
 97 | 
 98 |     public function getItemTypes(): array
 99 |     {
100 |         return array_merge(
101 |             [
102 |                 'external-link' => [
103 |                     'name' => __('filament-navigation::filament-navigation.attributes.external-link'),
104 |                     'fields' => [
105 |                         TextInput::make('url')
106 |                             ->label(__('filament-navigation::filament-navigation.attributes.url'))
107 |                             ->required(),
108 |                         Select::make('target')
109 |                             ->label(__('filament-navigation::filament-navigation.attributes.target'))
110 |                             ->options([
111 |                                 '' => __('filament-navigation::filament-navigation.select-options.same-tab'),
112 |                                 '_blank' => __('filament-navigation::filament-navigation.select-options.new-tab'),
113 |                             ])
114 |                             ->default('')
115 |                             ->selectablePlaceholder(false),
116 |                     ],
117 |                 ],
118 |             ],
119 |             $this->itemTypes
120 |         );
121 |     }
122 | }
123 | 


--------------------------------------------------------------------------------
/resources/views/components/nav-item.blade.php:
--------------------------------------------------------------------------------
 1 | @props(['item', 'statePath'])
 2 | 
 3 | <div
 4 |     x-data="{ open: $persist(true) }"
 5 |     wire:key="{{ $statePath }}"
 6 |     data-id="{{ $statePath }}"
 7 |     class="space-y-2"
 8 |     data-sortable-item
 9 | >
10 |     <div class="relative group">
11 |         <div @class([
12 |             'bg-white rounded-lg border border-gray-300 w-full flex',
13 |             'dark:bg-gray-700 dark:border-gray-600',
14 |         ])>
15 |             <button type="button" @class([
16 |                 'flex items-center bg-gray-50 rounded-l-lg border-r border-gray-300 px-px',
17 |                 'dark:bg-gray-800 dark:border-gray-600',
18 |             ]) data-sortable-handle>
19 |                 @svg('heroicon-o-ellipsis-vertical', 'text-gray-400 w-4 h-4 -mr-2')
20 |                 @svg('heroicon-o-ellipsis-vertical', 'text-gray-400 w-4 h-4')
21 |             </button>
22 | 
23 |             <button
24 |                 type="button"
25 |                 wire:click="editItem('{{ $statePath }}')"
26 |                 class="appearance-none px-3 py-2 text-left"
27 |             >
28 |                 <span>{{ $item['label'] }}</span>
29 |             </button>
30 | 
31 |             @if(count($item['children']) > 0)
32 |                 <button type="button" x-on:click="open = !open" title="Toggle children" class="appearance-none text-gray-500">
33 |                     <svg class="w-3.5 h-3.5 transition ease-in-out duration-200" x-bind:class="{
34 |                         '-rotate-90': !open,
35 |                     }" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
36 |                 </button>
37 |             @endif
38 |         </div>
39 | 
40 |         <div @class([
41 |             'absolute top-0 right-0 h-6 divide-x rounded-bl-lg rounded-tr-lg border-gray-300 border-b border-l overflow-hidden rtl:border-l-0 rtl:border-r rtl:right-auto rtl:left-0 rtl:rounded-bl-none rtl:rounded-br-lg rtl:rounded-tr-none rtl:rounded-tl-lg hidden opacity-0 group-hover:opacity-100 group-hover:flex transition ease-in-out duration-250',
42 |             'dark:border-gray-600 dark:divide-gray-600',
43 |         ])>
44 |             <button
45 |                 x-init
46 |                 x-tooltip.raw.duration.0="{{__('filament-navigation::filament-navigation.items.add-child')}}"
47 |                 type="button"
48 |                 wire:click="addChild('{{ $statePath }}')"
49 |                 class="p-1"
50 |                 title="{{__('filament-navigation::filament-navigation.items.add-child')}}"
51 |             >
52 |                 @svg('heroicon-o-plus', 'w-3 h-3 text-gray-500 hover:text-gray-900')
53 |             </button>
54 | 
55 |             <button
56 |                 x-init
57 |                 x-tooltip.raw.duration.0="{{__('filament-navigation::filament-navigation.items.remove')}}"
58 |                 type="button"
59 |                 wire:click="removeItem('{{ $statePath }}')"
60 |                 class="p-1"
61 |                 title="{{__('filament-navigation::filament-navigation.items.remove')}}"
62 |             >
63 |                 @svg('heroicon-o-trash', 'w-3 h-3 text-danger-500 hover:text-danger-900')
64 |             </button>
65 |         </div>
66 |     </div>
67 | 
68 |     <div x-show="open" x-collapse class="ml-6">
69 |         <div
70 |             class="space-y-2"
71 |             wire:key="{{ $statePath }}-children"
72 |             x-data="navigationSortableContainer({
73 |                 statePath: @js($statePath . '.children')
74 |             })"
75 |         >
76 |             @foreach ($item['children'] as $uuid => $child)
77 |                 <x-filament-navigation::nav-item :statePath="$statePath . '.children.' . $uuid" :item="$child" />
78 |             @endforeach
79 |         </div>
80 |     </div>
81 | </div>
82 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # Build structured navigation menus in Filament.
  2 | 
  3 | > [!WARNING]
  4 | > This package is no longer maintained. Please feel free to fork the package and update accordingly and re-release.
  5 | 
  6 | This plugin for Filament provides a `Navigation` resource that lets you build structural navigation menus with a clean drag-and-drop UI.
  7 | 
  8 | ## Installation
  9 | 
 10 | Begin by installing this package via Composer:
 11 | 
 12 | ```sh
 13 | composer require ryangjchandler/filament-navigation
 14 | ```
 15 | 
 16 | Run migrations.
 17 | 
 18 | ```sh
 19 | php artisan migrate
 20 | ```
 21 | 
 22 | Publish the package's assets:
 23 | 
 24 | ```sh
 25 | php artisan filament:assets
 26 | ```
 27 | 
 28 | ## Usage
 29 | 
 30 | You first need to register the plugin with Filament. This can be done inside of your `PanelProvider`, e.g. `AdminPanelProvider`.
 31 | 
 32 | ```php
 33 | use RyanChandler\FilamentNavigation\FilamentNavigation;
 34 | 
 35 | return $panel
 36 |     ->plugin(FilamentNavigation::make());
 37 | ```
 38 | 
 39 | If you wish to customise the navigation group, sort or icon, you can use the `NavigationResource::navigationGroup()`, `NavigationResource::navigationSort()` and `NavigationResource::navigationIcon()` methods.
 40 | 
 41 | ### Data structure
 42 | 
 43 | Each navigation menu is required to have a `name` and `handle`. The `handle` should be unique and used to retrieve the menu.
 44 | 
 45 | Items are stored inside of a JSON column called `items`. This is a recursive data structure that looks like:
 46 | 
 47 | ```json
 48 | [
 49 |     {
 50 |         "label": "Home",
 51 |         "type": "external-link",
 52 |         "data": {
 53 |             "url": "/",
 54 |             "target": "_blank",
 55 |         },
 56 |         "children": [
 57 |             // ...
 58 |         ],
 59 |     }
 60 | ]
 61 | ```
 62 | 
 63 | The recursive structure makes it really simple to render nested menus / dropdowns:
 64 | 
 65 | ```blade
 66 | <ul>
 67 |     @foreach($menu->items as $item)
 68 |         <li>
 69 |             {{ $item['label'] }}
 70 | 
 71 |             @if($item['children'])
 72 |                 <ul>
 73 |                     {{-- Render the item's children here... --}}
 74 |                 </ul>
 75 |             @endif
 76 |         </li>
 77 |     @endforeach
 78 | </ul>
 79 | ```
 80 | 
 81 | ### Retrieving a navigation object
 82 | 
 83 | To retrieve a navigation object, provide the handle to the `RyanChandler\FilamentNavigation\Models\Navigation::fromHandle()` method.
 84 | 
 85 | ```php
 86 | use RyanChandler\FilamentNavigation\Models\Navigation;
 87 | 
 88 | $menu = Navigation::fromHandle('main-menu');
 89 | ```
 90 | 
 91 | ### Custom item types
 92 | 
 93 | Out of the box, this plugin comes with a single "item type" called "External link". This item type expects a URL to be provided and an optional "target" (same tab or new tab).
 94 | 
 95 | It's possible to extend the plugin with custom item types. Custom item types have a name and an array of Filament field objects (or a `Closure` that produces an array) that will be displayed inside of the "Item" modal.
 96 | 
 97 | This API allows you to deeply integrate navigation menus with your application's own entities and models.
 98 | 
 99 | ```php
100 | return $panel
101 |     ->plugin(
102 |         FilamentNavigation::make()
103 |             ->itemType('post', [
104 |                 Select::make('post_id')
105 |                     ->//...
106 |             ])
107 |     );
108 | ```
109 | 
110 | All custom fields for the item type can be found inside of the `data` property on the item.
111 | 
112 | ### Global custom fields
113 | 
114 | There might be cases where you want all item types to have an additional set of fields. This is useful for classes, custom IDs and more.
115 | 
116 | To register global custom fields, use the `withExtraFields()` method on the plugin object.
117 | 
118 | ```php
119 | return $panel
120 |     ->plugin(
121 |         FilamentNavigation::make()
122 |             ->withExtraFields([
123 |                 TextInput::make('classes'),
124 |             ]),
125 |     );
126 | ```
127 | 
128 | ### The `Navigation` field type
129 | 
130 | This plugin also provides a custom Filament field that can be used to search and select a navigation menu inside other forms and resources.
131 | 
132 | ```php
133 | use RyanChandler\FilamentNavigation\Filament\Fields\NavigationSelect;
134 | 
135 | ->schema([
136 |     NavigationSelect::make('navigation_id'),
137 | ])
138 | ```
139 | 
140 | By default, this field will not be searchable and the value for each option will be the menu `id`.
141 | 
142 | To make the field searchable, call the `->searchable()` method.
143 | 
144 | ```php
145 | ->schema([
146 |     NavigationSelect::make('navigation_id')
147 |         ->searchable(),
148 | ])
149 | ```
150 | 
151 | If you wish to change the value for each option, call the `->optionValue()` method.
152 | 
153 | ```php
154 | ->schema([
155 |     NavigationSelect::make('navigation_id')
156 |         ->optionValue('handle'),
157 | ])
158 | ```
159 | 
160 | ## Testing
161 | 
162 | ```bash
163 | composer test
164 | ```
165 | 
166 | ## Changelog
167 | 
168 | Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.
169 | 
170 | ## Contributing
171 | 
172 | Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details.
173 | 
174 | ## Security Vulnerabilities
175 | 
176 | Please review [our security policy](../../security/policy) on how to report security vulnerabilities.
177 | 
178 | ## Credits
179 | 
180 | - [Ryan Chandler](https://github.com/ryangjchandler)
181 | - [All Contributors](../../contributors)
182 | 
183 | ## License
184 | 
185 | The MIT License (MIT). Please see [License File](LICENSE.md) for more information.
186 | 


--------------------------------------------------------------------------------
/resources/dist/plugin.css:
--------------------------------------------------------------------------------
1 | *,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.filament-navigation .absolute{position:absolute}.filament-navigation .relative{position:relative}.filament-navigation .top-0{top:0}.filament-navigation .right-0{right:0}.filament-navigation .-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.filament-navigation .-mr-2{margin-right:-.5rem}.filament-navigation .ml-6{margin-left:1.5rem}.filament-navigation .flex{display:flex}.filament-navigation .hidden{display:none}.filament-navigation .h-4{height:1rem}.filament-navigation .h-3\.5{height:.875rem}.filament-navigation .h-3{height:.75rem}.filament-navigation .h-6{height:1.5rem}.filament-navigation .w-full{width:100%}.filament-navigation .w-4{width:1rem}.filament-navigation .w-3\.5{width:.875rem}.filament-navigation .w-3{width:.75rem}.filament-navigation .-rotate-90{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filament-navigation .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.filament-navigation .items-center{align-items:center}.filament-navigation .justify-end{justify-content:flex-end}.filament-navigation .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.filament-navigation .divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.filament-navigation .overflow-hidden{overflow:hidden}.filament-navigation .rounded-lg{border-radius:.5rem}.filament-navigation .rounded-l-lg{border-top-left-radius:.5rem}.filament-navigation .rounded-bl-lg,.filament-navigation .rounded-l-lg{border-bottom-left-radius:.5rem}.filament-navigation .rounded-tr-lg{border-top-right-radius:.5rem}.filament-navigation .border{border-width:1px}.filament-navigation .border-r{border-right-width:1px}.filament-navigation .border-b{border-bottom-width:1px}.filament-navigation .border-l{border-left-width:1px}.filament-navigation .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.filament-navigation .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.filament-navigation .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.filament-navigation .p-1{padding:.25rem}.filament-navigation .px-3{padding-left:.75rem;padding-right:.75rem}.filament-navigation .py-2{padding-bottom:.5rem;padding-top:.5rem}.filament-navigation .px-px{padding-left:1px;padding-right:1px}.filament-navigation .text-left{text-align:left}.filament-navigation .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.filament-navigation .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.filament-navigation .opacity-0{opacity:0}.filament-navigation .transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.filament-navigation .duration-200{transition-duration:.2s}.filament-navigation .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.filament-navigation .hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.filament-navigation .group:hover .group-hover\:flex{display:flex}.filament-navigation .group:hover .group-hover\:opacity-100{opacity:1}.filament-navigation [dir=rtl] .rtl\:right-auto{right:auto}.filament-navigation [dir=rtl] .rtl\:left-0{left:0}.filament-navigation [dir=rtl] .rtl\:rounded-bl-none{border-bottom-left-radius:0}.filament-navigation [dir=rtl] .rtl\:rounded-br-lg{border-bottom-right-radius:.5rem}.filament-navigation [dir=rtl] .rtl\:rounded-tr-none{border-top-right-radius:0}.filament-navigation [dir=rtl] .rtl\:rounded-tl-lg{border-top-left-radius:.5rem}.filament-navigation [dir=rtl] .rtl\:border-l-0{border-left-width:0}.filament-navigation [dir=rtl] .rtl\:border-r{border-right-width:1px}.filament-navigation .dark .dark\:divide-gray-600>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(75 85 99/var(--tw-divide-opacity))}.filament-navigation .dark .dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.filament-navigation .dark .dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.filament-navigation .dark .dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}
2 | 


--------------------------------------------------------------------------------
/src/Filament/Resources/NavigationResource/Pages/Concerns/HandlesNavigationBuilder.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace RyanChandler\FilamentNavigation\Filament\Resources\NavigationResource\Pages\Concerns;
  4 | 
  5 | use Filament\Actions\Action;
  6 | use Filament\Forms\ComponentContainer;
  7 | use Filament\Forms\Components\Component;
  8 | use Filament\Forms\Components\Group;
  9 | use Filament\Forms\Components\Select;
 10 | use Filament\Forms\Components\TextInput;
 11 | use Filament\Forms\Get;
 12 | use Illuminate\Support\Arr;
 13 | use Illuminate\Support\Str;
 14 | use RyanChandler\FilamentNavigation\FilamentNavigation;
 15 | 
 16 | trait HandlesNavigationBuilder
 17 | {
 18 |     public $mountedItem;
 19 | 
 20 |     public $mountedItemData = [];
 21 | 
 22 |     public $mountedChildTarget;
 23 | 
 24 |     public function sortNavigation(string $targetStatePath, array $targetItemsStatePaths)
 25 |     {
 26 |         $items = [];
 27 | 
 28 |         foreach ($targetItemsStatePaths as $targetItemStatePath) {
 29 |             $item = data_get($this, $targetItemStatePath);
 30 |             $uuid = Str::afterLast($targetItemStatePath, '.');
 31 | 
 32 |             $items[$uuid] = $item;
 33 |         }
 34 | 
 35 |         data_set($this, $targetStatePath, $items);
 36 |     }
 37 | 
 38 |     public function addChild(string $statePath)
 39 |     {
 40 |         $this->mountedChildTarget = $statePath;
 41 | 
 42 |         $this->mountAction('item');
 43 |     }
 44 | 
 45 |     public function removeItem(string $statePath)
 46 |     {
 47 |         $uuid = Str::afterLast($statePath, '.');
 48 | 
 49 |         $parentPath = Str::beforeLast($statePath, '.');
 50 |         $parent = data_get($this, $parentPath);
 51 | 
 52 |         data_set($this, $parentPath, Arr::except($parent, $uuid));
 53 |     }
 54 | 
 55 |     public function editItem(string $statePath)
 56 |     {
 57 |         $this->mountedItem = $statePath;
 58 |         $this->mountedItemData = Arr::except(data_get($this, $statePath), 'children');
 59 | 
 60 |         $this->mountAction('item');
 61 |     }
 62 | 
 63 |     public function createItem()
 64 |     {
 65 |         $this->mountedItem = null;
 66 |         $this->mountedItemData = [];
 67 |         $this->mountedActionData = [];
 68 | 
 69 |         $this->mountAction('item');
 70 |     }
 71 | 
 72 |     protected function getActions(): array
 73 |     {
 74 |         return [
 75 |             Action::make('item')
 76 |                 ->mountUsing(function (ComponentContainer $form) {
 77 |                     if (! $this->mountedItem) {
 78 |                         return;
 79 |                     }
 80 | 
 81 |                     $form->fill($this->mountedItemData);
 82 |                 })
 83 |                 ->view('filament-navigation::hidden-action')
 84 |                 ->form([
 85 |                     TextInput::make('label')
 86 |                         ->label(__('filament-navigation::filament-navigation.items-modal.label'))
 87 |                         ->required(),
 88 |                     Select::make('type')
 89 |                         ->label(__('filament-navigation::filament-navigation.items-modal.type'))
 90 |                         ->options(function () {
 91 |                             $types = FilamentNavigation::get()->getItemTypes();
 92 | 
 93 |                             return array_combine(array_keys($types), Arr::pluck($types, 'name'));
 94 |                         })
 95 |                         ->afterStateUpdated(function ($state, Select $component): void {
 96 |                             if (! $state) {
 97 |                                 return;
 98 |                             }
 99 | 
100 |                             // NOTE: This chunk of code is a workaround for Livewire not letting
101 |                             //       you entangle to non-existent array keys, which wire:model
102 |                             //       would normally let you do.
103 |                             $component
104 |                                 ->getContainer()
105 |                                 ->getComponent(fn (Component $component) => $component instanceof Group)
106 |                                 ->getChildComponentContainer()
107 |                                 ->fill();
108 |                         })
109 |                         ->reactive(),
110 |                     Group::make()
111 |                         ->statePath('data')
112 |                         ->whenTruthy('type')
113 |                         ->schema(function (Get $get) {
114 |                             $type = $get('type');
115 | 
116 |                             return FilamentNavigation::get()->getItemTypes()[$type]['fields'] ?? [];
117 |                         }),
118 |                     Group::make()
119 |                         ->statePath('data')
120 |                         ->visible(fn (Component $component) => $component->evaluate(FilamentNavigation::get()->getExtraFields()) !== [])
121 |                         ->schema(function (Component $component) {
122 |                             return FilamentNavigation::get()->getExtraFields();
123 |                         }),
124 |                 ])
125 |                 ->modalWidth('md')
126 |                 ->action(function (array $data) {
127 |                     if ($this->mountedItem) {
128 |                         data_set($this, $this->mountedItem, array_merge(data_get($this, $this->mountedItem), $data));
129 | 
130 |                         $this->mountedItem = null;
131 |                         $this->mountedItemData = [];
132 |                     } elseif ($this->mountedChildTarget) {
133 |                         $children = data_get($this, $this->mountedChildTarget . '.children', []);
134 | 
135 |                         $children[(string) Str::uuid()] = [
136 |                             ...$data,
137 |                             ...['children' => []],
138 |                         ];
139 | 
140 |                         data_set($this, $this->mountedChildTarget . '.children', $children);
141 | 
142 |                         $this->mountedChildTarget = null;
143 |                     } else {
144 |                         $this->data['items'][(string) Str::uuid()] = [
145 |                             ...$data,
146 |                             ...['children' => []],
147 |                         ];
148 |                     }
149 | 
150 |                     $this->mountedActionData = [];
151 |                 })
152 |                 ->modalButton(__('filament-navigation::filament-navigation.items-modal.btn'))
153 |                 ->label(__('filament-navigation::filament-navigation.items-modal.title')),
154 |         ];
155 |     }
156 | }
157 | 


--------------------------------------------------------------------------------
/src/Filament/Resources/NavigationResource.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace RyanChandler\FilamentNavigation\Filament\Resources;
  4 | 
  5 | use Filament\Forms\Components\Group;
  6 | use Filament\Forms\Components\Placeholder;
  7 | use Filament\Forms\Components\Section;
  8 | use Filament\Forms\Components\TextInput;
  9 | use Filament\Forms\Components\View;
 10 | use Filament\Forms\Components\ViewField;
 11 | use Filament\Forms\Form;
 12 | use Filament\Forms\Set;
 13 | use Filament\Resources\Resource;
 14 | use Filament\Tables\Actions\DeleteAction;
 15 | use Filament\Tables\Actions\EditAction;
 16 | use Filament\Tables\Columns\TextColumn;
 17 | use Filament\Tables\Table;
 18 | use Illuminate\Support\HtmlString;
 19 | use Illuminate\Support\Str;
 20 | use RyanChandler\FilamentNavigation\FilamentNavigation;
 21 | use RyanChandler\FilamentNavigation\Models\Navigation;
 22 | 
 23 | class NavigationResource extends Resource
 24 | {
 25 |     protected static ?string $navigationIcon = 'heroicon-o-bars-3';
 26 | 
 27 |     protected static bool $showTimestamps = true;
 28 | 
 29 |     private static ?string $workNavigationLabel = null;
 30 | 
 31 |     private static ?string $workPluralLabel = null;
 32 | 
 33 |     private static ?string $workLabel = null;
 34 | 
 35 |     public static function disableTimestamps(bool $condition = true): void
 36 |     {
 37 |         static::$showTimestamps = ! $condition;
 38 |     }
 39 | 
 40 |     public static function form(Form $form): Form
 41 |     {
 42 |         return $form
 43 |             ->schema([
 44 |                 Section::make('')->schema([
 45 |                     TextInput::make('name')
 46 |                         ->label(__('filament-navigation::filament-navigation.attributes.name'))
 47 |                         ->reactive()
 48 |                         ->debounce()
 49 |                         ->afterStateUpdated(function (?string $state, Set $set, string $context) {
 50 |                             if (! $state) {
 51 |                                 return;
 52 |                             }
 53 | 
 54 |                             if ($context === 'create') {
 55 |                                 $set('handle', Str::slug($state));
 56 |                             }
 57 |                         })
 58 |                         ->required(),
 59 |                     ViewField::make('items')
 60 |                         ->label(__('filament-navigation::filament-navigation.attributes.items'))
 61 |                         ->default([])
 62 |                         ->view('filament-navigation::navigation-builder'),
 63 |                 ])
 64 |                     ->columnSpan([
 65 |                         12,
 66 |                         'lg' => 8,
 67 |                     ]),
 68 |                 Group::make([
 69 |                     Section::make('')->schema([
 70 |                         TextInput::make('handle')
 71 |                             ->label(__('filament-navigation::filament-navigation.attributes.handle'))
 72 |                             ->required()
 73 |                             ->unique(column: 'handle', ignoreRecord: true),
 74 |                         View::make('filament-navigation::card-divider')
 75 |                             ->visible(static::$showTimestamps),
 76 |                         Placeholder::make('created_at')
 77 |                             ->label(__('filament-navigation::filament-navigation.attributes.created_at'))
 78 |                             ->visible(static::$showTimestamps)
 79 |                             ->content(fn (?Navigation $record) => $record ? $record->created_at->translatedFormat(Table::$defaultDateTimeDisplayFormat) : new HtmlString('&mdash;')),
 80 |                         Placeholder::make('updated_at')
 81 |                             ->label(__('filament-navigation::filament-navigation.attributes.updated_at'))
 82 |                             ->visible(static::$showTimestamps)
 83 |                             ->content(fn (?Navigation $record) => $record ? $record->updated_at->translatedFormat(Table::$defaultDateTimeDisplayFormat) : new HtmlString('&mdash;')),
 84 |                     ]),
 85 |                 ])
 86 |                     ->columnSpan([
 87 |                         12,
 88 |                         'lg' => 4,
 89 |                     ]),
 90 |             ])
 91 |             ->columns(12);
 92 |     }
 93 | 
 94 |     public static function navigationLabel(?string $string): void
 95 |     {
 96 |         self::$workNavigationLabel = $string;
 97 |     }
 98 | 
 99 |     public static function pluralLabel(?string $string): void
100 |     {
101 |         self::$workPluralLabel = $string;
102 |     }
103 | 
104 |     public static function label(?string $string): void
105 |     {
106 |         self::$workLabel = $string;
107 |     }
108 | 
109 |     public static function getNavigationLabel(): string
110 |     {
111 |         return self::$workNavigationLabel ?? parent::getNavigationLabel();
112 |     }
113 | 
114 |     public static function getModelLabel(): string
115 |     {
116 |         return self::$workLabel ?? parent::getModelLabel();
117 |     }
118 | 
119 |     public static function getPluralModelLabel(): string
120 |     {
121 |         return self::$workPluralLabel ?? parent::getPluralModelLabel();
122 |     }
123 | 
124 |     public static function table(Table $table): Table
125 |     {
126 |         return $table
127 |             ->columns([
128 |                 TextColumn::make('name')
129 |                     ->label(__('filament-navigation::filament-navigation.attributes.name'))
130 |                     ->searchable(),
131 |                 TextColumn::make('handle')
132 |                     ->label(__('filament-navigation::filament-navigation.attributes.handle'))
133 |                     ->searchable(),
134 |                 TextColumn::make('created_at')
135 |                     ->label(__('filament-navigation::filament-navigation.attributes.created_at'))
136 |                     ->dateTime()
137 |                     ->sortable(),
138 |                 TextColumn::make('updated_at')
139 |                     ->label(__('filament-navigation::filament-navigation.attributes.updated_at'))
140 |                     ->dateTime()
141 |                     ->sortable(),
142 |             ])
143 |             ->actions([
144 |                 EditAction::make()
145 |                     ->icon(null),
146 |                 DeleteAction::make()
147 |                     ->icon(null),
148 |             ])
149 |             ->filters([
150 | 
151 |             ]);
152 |     }
153 | 
154 |     public static function getPages(): array
155 |     {
156 |         return [
157 |             'index' => NavigationResource\Pages\ListNavigations::route('/'),
158 |             'create' => NavigationResource\Pages\CreateNavigation::route('/create'),
159 |             'edit' => NavigationResource\Pages\EditNavigation::route('/{record}'),
160 |         ];
161 |     }
162 | 
163 |     public static function getModel(): string
164 |     {
165 |         return FilamentNavigation::get()->getModel();
166 |     }
167 | }
168 | 


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
  1 | # Changelog
  2 | 
  3 | All notable changes to `filament-navigation` will be documented in this file.
  4 | 
  5 | ## v1.0.0-beta6 - 2025-02-24
  6 | 
  7 | ### What's Changed
  8 | 
  9 | * Stop name overriding handle on edit page by @ralphmorris in https://github.com/ryangjchandler/filament-navigation/pull/108
 10 | 
 11 | ### New Contributors
 12 | 
 13 | * @ralphmorris made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/108
 14 | 
 15 | **Full Changelog**: https://github.com/ryangjchandler/filament-navigation/compare/v1.0.0-beta5...v1.0.0-beta6
 16 | 
 17 | ## v1.0.0-beta5 - 2024-03-13
 18 | 
 19 | * Add support for Laravel 11.x
 20 | 
 21 | ## v1.0.0-beta4 - 2023-09-01
 22 | 
 23 | ### What's Changed
 24 | 
 25 | - Spanish translation by @neurotools in https://github.com/ryangjchandler/filament-navigation/pull/92
 26 | 
 27 | ### New Contributors
 28 | 
 29 | - @neurotools made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/92
 30 | 
 31 | **Full Changelog**: https://github.com/ryangjchandler/filament-navigation/compare/v1.0.0-beta3...v1.0.0-beta4
 32 | 
 33 | ## v1.0.0-beta3 - 2023-08-07
 34 | 
 35 | ### What's Changed
 36 | 
 37 | - Replace redundant config with filament plugin method by @howdu in https://github.com/ryangjchandler/filament-navigation/pull/86
 38 | - fix: remove conditions on dark-mode classes by @mrfade in https://github.com/ryangjchandler/filament-navigation/pull/85
 39 | 
 40 | ### New Contributors
 41 | 
 42 | - @mrfade made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/85
 43 | 
 44 | **Full Changelog**: https://github.com/ryangjchandler/filament-navigation/compare/v1.0.0-beta2...v1.0.0-beta3
 45 | 
 46 | ## v1.0.0-beta2 - 2023-08-04
 47 | 
 48 | ### What's Changed
 49 | 
 50 | - switch icon component to svg by @atmonshi in https://github.com/ryangjchandler/filament-navigation/pull/84
 51 | 
 52 | ### New Contributors
 53 | 
 54 | - @atmonshi made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/84
 55 | 
 56 | **Full Changelog**: https://github.com/ryangjchandler/filament-navigation/compare/v1.0.0-beta1...v1.0.0-beta2
 57 | 
 58 | ## v1.0.0-beta1 - 2023-08-04
 59 | 
 60 | This release marks the start of the `v1.0.0` series of releases.
 61 | 
 62 | It introduces support for Filament v3.x and removes support for v2.x.
 63 | 
 64 | To upgrade your application and this package, please consult the [`UPGRADE`](UPGRADE.md) guide.
 65 | 
 66 | **Full Changelog**: https://github.com/ryangjchandler/filament-navigation/compare/v0.5.0...v1.0.0-beta1
 67 | 
 68 | ## v0.5.0 - 2023-02-15
 69 | 
 70 | ### What's Changed
 71 | 
 72 | - Bump dependabot/fetch-metadata from 1.3.5 to 1.3.6 by @dependabot in https://github.com/ryangjchandler/filament-navigation/pull/61
 73 | - Laravel 10 compatibility by @howdu in https://github.com/ryangjchandler/filament-navigation/pull/64
 74 | 
 75 | ### New Contributors
 76 | 
 77 | - @howdu made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/64
 78 | 
 79 | **Full Changelog**: https://github.com/ryangjchandler/filament-navigation/compare/v0.4.2...v0.5.0
 80 | 
 81 | ## v0.4.2 - 2022-12-08
 82 | 
 83 | ### What's Changed
 84 | 
 85 | - Fixed navigation model class handling. by @danielbehrendt in https://github.com/ryangjchandler/filament-navigation/pull/56
 86 | 
 87 | **Full Changelog**: https://github.com/ryangjchandler/filament-navigation/compare/v0.4.1...v0.4.2
 88 | 
 89 | ## v0.4.1 - 2022-11-29
 90 | 
 91 | ### What's Changed
 92 | 
 93 | - Fix typo in it translation by @digitall-it in https://github.com/ryangjchandler/filament-navigation/pull/55
 94 | 
 95 | ### New Contributors
 96 | 
 97 | - @digitall-it made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/55
 98 | 
 99 | **Full Changelog**: https://github.com/ryangjchandler/filament-navigation/compare/v0.4.0...v0.4.1
100 | 
101 | ## v0.4.0 - 2022-11-17
102 | 
103 | ### What's Changed
104 | 
105 | - Bump dependabot/fetch-metadata from 1.3.4 to 1.3.5 by @dependabot in https://github.com/ryangjchandler/filament-navigation/pull/49
106 | - Fix actions by @Kristories in https://github.com/ryangjchandler/filament-navigation/pull/48
107 | - feature: drag & drop navigation by @ryangjchandler in https://github.com/ryangjchandler/filament-navigation/pull/51
108 | - Enabled model and resource class configuration. by @danielbehrendt in https://github.com/ryangjchandler/filament-navigation/pull/53
109 | 
110 | ### New Contributors
111 | 
112 | - @Kristories made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/48
113 | - @danielbehrendt made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/53
114 | 
115 | **Full Changelog**: https://github.com/ryangjchandler/filament-navigation/compare/v0.3.2...v0.4.0
116 | 
117 | ## v0.3.2 - 2022-10-27
118 | 
119 | ### What's Changed
120 | 
121 | - Add german translations by @bumbummen99 in https://github.com/ryangjchandler/filament-navigation/pull/35
122 | - Bump dependabot/fetch-metadata from 1.3.3 to 1.3.4 by @dependabot in https://github.com/ryangjchandler/filament-navigation/pull/42
123 | - Added French translations by @FDT2k in https://github.com/ryangjchandler/filament-navigation/pull/47
124 | - Italian tranlation; fixed label 'Type' in modal by @mynamespace in https://github.com/ryangjchandler/filament-navigation/pull/46
125 | 
126 | ### New Contributors
127 | 
128 | - @FDT2k made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/47
129 | - @mynamespace made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/46
130 | 
131 | **Full Changelog**: https://github.com/ryangjchandler/filament-navigation/compare/v0.3.1...v0.3.2
132 | 
133 | ## v0.3.1 - 2022-09-11
134 | 
135 | ### What's Changed
136 | 
137 | - [Fix] Load support ServiceProvider by @bumbummen99 in https://github.com/ryangjchandler/filament-navigation/pull/20
138 | - Fix typo in README by @happytodev in https://github.com/ryangjchandler/filament-navigation/pull/28
139 | - Bump dependabot/fetch-metadata from 1.3.1 to 1.3.3 by @dependabot in https://github.com/ryangjchandler/filament-navigation/pull/30
140 | - A Minor updated on the README to reflect need to Run Migration by @blackmunk in https://github.com/ryangjchandler/filament-navigation/pull/32
141 | - Created translations for plugin by @koupisbean in https://github.com/ryangjchandler/filament-navigation/pull/25
142 | - [feat] Add pt_BR and pt_PT translations by @devmatheus in https://github.com/ryangjchandler/filament-navigation/pull/36
143 | 
144 | ### New Contributors
145 | 
146 | - @bumbummen99 made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/20
147 | - @happytodev made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/28
148 | - @blackmunk made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/32
149 | - @koupisbean made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/25
150 | - @devmatheus made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/36
151 | 
152 | **Full Changelog**: https://github.com/ryangjchandler/filament-navigation/compare/v0.3.0...v0.3.1
153 | 
154 | ## v0.3.0 - 2022-06-16
155 | 
156 | ### What's Changed
157 | 
158 | - fix: entangle-based components not working in item modal by @ryangjchandler in https://github.com/ryangjchandler/filament-navigation/pull/18
159 | 
160 | **Full Changelog**: https://github.com/ryangjchandler/filament-navigation/compare/v0.2.4...v0.3.0
161 | 
162 | ## v0.2.4 - 2022-06-13
163 | 
164 | ### What's Changed
165 | 
166 | - Add type hint for  property by @flxsource in https://github.com/ryangjchandler/filament-navigation/pull/16
167 | 
168 | ### New Contributors
169 | 
170 | - @flxsource made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/16
171 | 
172 | **Full Changelog**: https://github.com/ryangjchandler/filament-navigation/compare/v0.2.3...v0.2.4
173 | 
174 | ## v0.2.3 - 2022-05-05
175 | 
176 | ## What's Changed
177 | 
178 | - Avoid overlapping of tooltips by @justRau in https://github.com/ryangjchandler/filament-navigation/pull/11
179 | 
180 | ## New Contributors
181 | 
182 | - @justRau made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/11
183 | 
184 | **Full Changelog**: https://github.com/ryangjchandler/filament-navigation/compare/v0.2.2...v0.2.3
185 | 
186 | ## v0.2.2 - 2022-04-25
187 | 
188 | ## What's Changed
189 | 
190 | - Bump dependabot/fetch-metadata from 1.3.0 to 1.3.1 by @dependabot in https://github.com/ryangjchandler/filament-navigation/pull/10
191 | - [FIX] showing the navigation_type name by @lordjoo in https://github.com/ryangjchandler/filament-navigation/pull/6
192 | 
193 | ## New Contributors
194 | 
195 | - @dependabot made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/10
196 | - @lordjoo made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/6
197 | 
198 | **Full Changelog**: https://github.com/ryangjchandler/filament-navigation/compare/v0.2.1...v0.2.2
199 | 
200 | ## v0.2.1 - 2022-04-21
201 | 
202 | ## What's Changed
203 | 
204 | - Fixes Tailwind config to use class based dark mode. by @awcodes in https://github.com/ryangjchandler/filament-navigation/pull/5
205 | 
206 | **Full Changelog**: https://github.com/ryangjchandler/filament-navigation/compare/v0.2.0...v0.2.1
207 | 
208 | ## v0.2.0 - 2022-04-21
209 | 
210 | ## What's Changed
211 | 
212 | - fix: use longText instead of json column for MySQL 5.7 by @ryangjchandler in https://github.com/ryangjchandler/filament-navigation/pull/4
213 | - Fixes item input styling for dark mode. by @awcodes in https://github.com/ryangjchandler/filament-navigation/pull/2
214 | 
215 | ## Upgrade
216 | 
217 | When upgrading to this version, please run the following commands:
218 | 
219 | ```sh
220 | composer update
221 | php artisan view:clear
222 | php artisan vendor:publish --tag="filament-navigation-assets"
223 | php artisan migrate
224 | 
225 | 
226 | 
227 | 
228 | 
229 | 
230 | 
231 | 
232 | 
233 | 
234 | 
235 | 
236 | 
237 | 
238 | 
239 | 
240 | 
241 | 
242 | ```
243 | ## New Contributors
244 | 
245 | - @ryangjchandler made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/4
246 | - @awcodes made their first contribution in https://github.com/ryangjchandler/filament-navigation/pull/2
247 | 
248 | **Full Changelog**: https://github.com/ryangjchandler/filament-navigation/compare/v0.1.0...v0.2.0
249 | 
250 | ## v0.1.0 - 2022-04-19
251 | 
252 | **Full Changelog**: https://github.com/ryangjchandler/filament-navigation/commits/v0.1.0
253 | 
254 | ## 1.0.0 - 202X-XX-XX
255 | 
256 | - initial release
257 | 


--------------------------------------------------------------------------------
/resources/dist/plugin.js:
--------------------------------------------------------------------------------
1 | /*! For license information please see plugin.js.LICENSE.txt */
2 | (()=>{"use strict";var t,e={512:()=>{function t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function e(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?t(Object(i),!0).forEach((function(t){o(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):t(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function o(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function i(){return i=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},i.apply(this,arguments)}function r(t,e){if(null==t)return{};var n,o,i=function(t,e){if(null==t)return{};var n,o,i={},r=Object.keys(t);for(o=0;o<r.length;o++)n=r[o],e.indexOf(n)>=0||(i[n]=t[n]);return i}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(o=0;o<r.length;o++)n=r[o],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(i[n]=t[n])}return i}function a(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}var l=a(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),s=a(/Edge/i),c=a(/firefox/i),u=a(/safari/i)&&!a(/chrome/i)&&!a(/android/i),d=a(/iP(ad|od|hone)/i),h=a(/chrome/i)&&a(/android/i),f={capture:!1,passive:!1};function p(t,e,n){t.addEventListener(e,n,!l&&f)}function g(t,e,n){t.removeEventListener(e,n,!l&&f)}function v(t,e){if(e){if(">"===e[0]&&(e=e.substring(1)),t)try{if(t.matches)return t.matches(e);if(t.msMatchesSelector)return t.msMatchesSelector(e);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(e)}catch(t){return!1}return!1}}function m(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function b(t,e,n,o){if(t){n=n||document;do{if(null!=e&&(">"===e[0]?t.parentNode===n&&v(t,e):v(t,e))||o&&t===n)return t;if(t===n)break}while(t=m(t))}return null}var y,w=/\s+/g;function E(t,e,n){if(t&&e)if(t.classList)t.classList[n?"add":"remove"](e);else{var o=(" "+t.className+" ").replace(w," ").replace(" "+e+" "," ");t.className=(o+(n?" "+e:"")).replace(w," ")}}function S(t,e,n){var o=t&&t.style;if(o){if(void 0===n)return document.defaultView&&document.defaultView.getComputedStyle?n=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(n=t.currentStyle),void 0===e?n:n[e];e in o||-1!==e.indexOf("webkit")||(e="-webkit-"+e),o[e]=n+("string"==typeof n?"":"px")}}function D(t,e){var n="";if("string"==typeof t)n=t;else do{var o=S(t,"transform");o&&"none"!==o&&(n=o+" "+n)}while(!e&&(t=t.parentNode));var i=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return i&&new i(n)}function _(t,e,n){if(t){var o=t.getElementsByTagName(e),i=0,r=o.length;if(n)for(;i<r;i++)n(o[i],i);return o}return[]}function T(){var t=document.scrollingElement;return t||document.documentElement}function C(t,e,n,o,i){if(t.getBoundingClientRect||t===window){var r,a,s,c,u,d,h;if(t!==window&&t.parentNode&&t!==T()?(a=(r=t.getBoundingClientRect()).top,s=r.left,c=r.bottom,u=r.right,d=r.height,h=r.width):(a=0,s=0,c=window.innerHeight,u=window.innerWidth,d=window.innerHeight,h=window.innerWidth),(e||n)&&t!==window&&(i=i||t.parentNode,!l))do{if(i&&i.getBoundingClientRect&&("none"!==S(i,"transform")||n&&"static"!==S(i,"position"))){var f=i.getBoundingClientRect();a-=f.top+parseInt(S(i,"border-top-width")),s-=f.left+parseInt(S(i,"border-left-width")),c=a+r.height,u=s+r.width;break}}while(i=i.parentNode);if(o&&t!==window){var p=D(i||t),g=p&&p.a,v=p&&p.d;p&&(c=(a/=v)+(d/=v),u=(s/=g)+(h/=g))}return{top:a,left:s,bottom:c,right:u,width:h,height:d}}}function O(t,e,n){for(var o=M(t,!0),i=C(t)[e];o;){var r=C(o)[n];if(!("top"===n||"left"===n?i>=r:i<=r))return o;if(o===T())break;o=M(o,!1)}return!1}function x(t,e,n,o){for(var i=0,r=0,a=t.children;r<a.length;){if("none"!==a[r].style.display&&a[r]!==Yt.ghost&&(o||a[r]!==Yt.dragged)&&b(a[r],n.draggable,t,!1)){if(i===e)return a[r];i++}r++}return null}function N(t,e){for(var n=t.lastElementChild;n&&(n===Yt.ghost||"none"===S(n,"display")||e&&!v(n,e));)n=n.previousElementSibling;return n||null}function P(t,e){var n=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===Yt.clone||e&&!v(t,e)||n++;return n}function A(t){var e=0,n=0,o=T();if(t)do{var i=D(t),r=i.a,a=i.d;e+=t.scrollLeft*r,n+=t.scrollTop*a}while(t!==o&&(t=t.parentNode));return[e,n]}function M(t,e){if(!t||!t.getBoundingClientRect)return T();var n=t,o=!1;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var i=S(n);if(n.clientWidth<n.scrollWidth&&("auto"==i.overflowX||"scroll"==i.overflowX)||n.clientHeight<n.scrollHeight&&("auto"==i.overflowY||"scroll"==i.overflowY)){if(!n.getBoundingClientRect||n===document.body)return T();if(o||e)return n;o=!0}}}while(n=n.parentNode);return T()}function I(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}function k(t,e){return function(){if(!y){var n=arguments,o=this;1===n.length?t.call(o,n[0]):t.apply(o,n),y=setTimeout((function(){y=void 0}),e)}}}function X(t,e,n){t.scrollLeft+=e,t.scrollTop+=n}function Y(t){var e=window.Polymer,n=window.jQuery||window.Zepto;return e&&e.dom?e.dom(t).cloneNode(!0):n?n(t).clone(!0)[0]:t.cloneNode(!0)}var R="Sortable"+(new Date).getTime();function B(){var t,n=[];return{captureAnimationState:function(){(n=[],this.options.animation)&&[].slice.call(this.el.children).forEach((function(t){if("none"!==S(t,"display")&&t!==Yt.ghost){n.push({target:t,rect:C(t)});var o=e({},n[n.length-1].rect);if(t.thisAnimationDuration){var i=D(t,!0);i&&(o.top-=i.f,o.left-=i.e)}t.fromRect=o}}))},addAnimationState:function(t){n.push(t)},removeAnimationState:function(t){n.splice(function(t,e){for(var n in t)if(t.hasOwnProperty(n))for(var o in e)if(e.hasOwnProperty(o)&&e[o]===t[n][o])return Number(n);return-1}(n,{target:t}),1)},animateAll:function(e){var o=this;if(!this.options.animation)return clearTimeout(t),void("function"==typeof e&&e());var i=!1,r=0;n.forEach((function(t){var e=0,n=t.target,a=n.fromRect,l=C(n),s=n.prevFromRect,c=n.prevToRect,u=t.rect,d=D(n,!0);d&&(l.top-=d.f,l.left-=d.e),n.toRect=l,n.thisAnimationDuration&&I(s,l)&&!I(a,l)&&(u.top-l.top)/(u.left-l.left)==(a.top-l.top)/(a.left-l.left)&&(e=function(t,e,n,o){return Math.sqrt(Math.pow(e.top-t.top,2)+Math.pow(e.left-t.left,2))/Math.sqrt(Math.pow(e.top-n.top,2)+Math.pow(e.left-n.left,2))*o.animation}(u,s,c,o.options)),I(l,a)||(n.prevFromRect=a,n.prevToRect=l,e||(e=o.options.animation),o.animate(n,u,l,e)),e&&(i=!0,r=Math.max(r,e),clearTimeout(n.animationResetTimer),n.animationResetTimer=setTimeout((function(){n.animationTime=0,n.prevFromRect=null,n.fromRect=null,n.prevToRect=null,n.thisAnimationDuration=null}),e),n.thisAnimationDuration=e)})),clearTimeout(t),i?t=setTimeout((function(){"function"==typeof e&&e()}),r):"function"==typeof e&&e(),n=[]},animate:function(t,e,n,o){if(o){S(t,"transition",""),S(t,"transform","");var i=D(this.el),r=i&&i.a,a=i&&i.d,l=(e.left-n.left)/(r||1),s=(e.top-n.top)/(a||1);t.animatingX=!!l,t.animatingY=!!s,S(t,"transform","translate3d("+l+"px,"+s+"px,0)"),this.forRepaintDummy=function(t){return t.offsetWidth}(t),S(t,"transition","transform "+o+"ms"+(this.options.easing?" "+this.options.easing:"")),S(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout((function(){S(t,"transition",""),S(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1}),o)}}}}var F=[],j={initializeByDefault:!0},H={mount:function(t){for(var e in j)j.hasOwnProperty(e)&&!(e in t)&&(t[e]=j[e]);F.forEach((function(e){if(e.pluginName===t.pluginName)throw"Sortable: Cannot mount plugin ".concat(t.pluginName," more than once")})),F.push(t)},pluginEvent:function(t,n,o){var i=this;this.eventCanceled=!1,o.cancel=function(){i.eventCanceled=!0};var r=t+"Global";F.forEach((function(i){n[i.pluginName]&&(n[i.pluginName][r]&&n[i.pluginName][r](e({sortable:n},o)),n.options[i.pluginName]&&n[i.pluginName][t]&&n[i.pluginName][t](e({sortable:n},o)))}))},initializePlugins:function(t,e,n,o){for(var r in F.forEach((function(o){var r=o.pluginName;if(t.options[r]||o.initializeByDefault){var a=new o(t,e,t.options);a.sortable=t,a.options=t.options,t[r]=a,i(n,a.defaults)}})),t.options)if(t.options.hasOwnProperty(r)){var a=this.modifyOption(t,r,t.options[r]);void 0!==a&&(t.options[r]=a)}},getEventProperties:function(t,e){var n={};return F.forEach((function(o){"function"==typeof o.eventProperties&&i(n,o.eventProperties.call(e[o.pluginName],t))})),n},modifyOption:function(t,e,n){var o;return F.forEach((function(i){t[i.pluginName]&&i.optionListeners&&"function"==typeof i.optionListeners[e]&&(o=i.optionListeners[e].call(t[i.pluginName],n))})),o}};function L(t){var n=t.sortable,o=t.rootEl,i=t.name,r=t.targetEl,a=t.cloneEl,c=t.toEl,u=t.fromEl,d=t.oldIndex,h=t.newIndex,f=t.oldDraggableIndex,p=t.newDraggableIndex,g=t.originalEvent,v=t.putSortable,m=t.extraEventProperties;if(n=n||o&&o[R]){var b,y=n.options,w="on"+i.charAt(0).toUpperCase()+i.substr(1);!window.CustomEvent||l||s?(b=document.createEvent("Event")).initEvent(i,!0,!0):b=new CustomEvent(i,{bubbles:!0,cancelable:!0}),b.to=c||o,b.from=u||o,b.item=r||o,b.clone=a,b.oldIndex=d,b.newIndex=h,b.oldDraggableIndex=f,b.newDraggableIndex=p,b.originalEvent=g,b.pullMode=v?v.lastPutMode:void 0;var E=e(e({},m),H.getEventProperties(i,n));for(var S in E)b[S]=E[S];o&&o.dispatchEvent(b),y[w]&&y[w].call(n,b)}}var W=["evt"],z=function(t,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=o.evt,a=r(o,W);H.pluginEvent.bind(Yt)(t,n,e({dragEl:U,parentEl:V,ghostEl:q,rootEl:$,nextEl:Z,lastDownEl:K,cloneEl:Q,cloneHidden:J,dragStarted:ht,putSortable:rt,activeSortable:Yt.active,originalEvent:i,oldIndex:tt,oldDraggableIndex:nt,newIndex:et,newDraggableIndex:ot,hideGhostForTarget:Mt,unhideGhostForTarget:It,cloneNowHidden:function(){J=!0},cloneNowShown:function(){J=!1},dispatchSortableEvent:function(t){G({sortable:n,name:t,originalEvent:i})}},a))};function G(t){L(e({putSortable:rt,cloneEl:Q,targetEl:U,rootEl:$,oldIndex:tt,oldDraggableIndex:nt,newIndex:et,newDraggableIndex:ot},t))}var U,V,q,$,Z,K,Q,J,tt,et,nt,ot,it,rt,at,lt,st,ct,ut,dt,ht,ft,pt,gt,vt,mt=!1,bt=!1,yt=[],wt=!1,Et=!1,St=[],Dt=!1,_t=[],Tt="undefined"!=typeof document,Ct=d,Ot=s||l?"cssFloat":"float",xt=Tt&&!h&&!d&&"draggable"in document.createElement("div"),Nt=function(){if(Tt){if(l)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),Pt=function(t,e){var n=S(t),o=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),i=x(t,0,e),r=x(t,1,e),a=i&&S(i),l=r&&S(r),s=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+C(i).width,c=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+C(r).width;if("flex"===n.display)return"column"===n.flexDirection||"column-reverse"===n.flexDirection?"vertical":"horizontal";if("grid"===n.display)return n.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal";if(i&&a.float&&"none"!==a.float){var u="left"===a.float?"left":"right";return!r||"both"!==l.clear&&l.clear!==u?"horizontal":"vertical"}return i&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||s>=o&&"none"===n[Ot]||r&&"none"===n[Ot]&&s+c>o)?"vertical":"horizontal"},At=function(t){function e(t,n){return function(o,i,r,a){var l=o.options.group.name&&i.options.group.name&&o.options.group.name===i.options.group.name;if(null==t&&(n||l))return!0;if(null==t||!1===t)return!1;if(n&&"clone"===t)return t;if("function"==typeof t)return e(t(o,i,r,a),n)(o,i,r,a);var s=(n?o:i).options.group.name;return!0===t||"string"==typeof t&&t===s||t.join&&t.indexOf(s)>-1}}var o={},i=t.group;i&&"object"==n(i)||(i={name:i}),o.name=i.name,o.checkPull=e(i.pull,!0),o.checkPut=e(i.put),o.revertClone=i.revertClone,t.group=o},Mt=function(){!Nt&&q&&S(q,"display","none")},It=function(){!Nt&&q&&S(q,"display","")};Tt&&!h&&document.addEventListener("click",(function(t){if(bt)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),bt=!1,!1}),!0);var kt=function(t){if(U){t=t.touches?t.touches[0]:t;var e=(i=t.clientX,r=t.clientY,yt.some((function(t){var e=t[R].options.emptyInsertThreshold;if(e&&!N(t)){var n=C(t),o=i>=n.left-e&&i<=n.right+e,l=r>=n.top-e&&r<=n.bottom+e;return o&&l?a=t:void 0}})),a);if(e){var n={};for(var o in t)t.hasOwnProperty(o)&&(n[o]=t[o]);n.target=n.rootEl=e,n.preventDefault=void 0,n.stopPropagation=void 0,e[R]._onDragOver(n)}}var i,r,a},Xt=function(t){U&&U.parentNode[R]._isOutsideThisEl(t.target)};function Yt(t,e){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=e=i({},e),t[R]=this;var n={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return Pt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,e){t.setData("Text",e.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==Yt.supportPointer&&"PointerEvent"in window&&!u,emptyInsertThreshold:5};for(var o in H.initializePlugins(this,t,n),n)!(o in e)&&(e[o]=n[o]);for(var r in At(e),this)"_"===r.charAt(0)&&"function"==typeof this[r]&&(this[r]=this[r].bind(this));this.nativeDraggable=!e.forceFallback&&xt,this.nativeDraggable&&(this.options.touchStartThreshold=1),e.supportPointer?p(t,"pointerdown",this._onTapStart):(p(t,"mousedown",this._onTapStart),p(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(p(t,"dragover",this),p(t,"dragenter",this)),yt.push(this.el),e.store&&e.store.get&&this.sort(e.store.get(this)||[]),i(this,B())}function Rt(t,e,n,o,i,r,a,c){var u,d,h=t[R],f=h.options.onMove;return!window.CustomEvent||l||s?(u=document.createEvent("Event")).initEvent("move",!0,!0):u=new CustomEvent("move",{bubbles:!0,cancelable:!0}),u.to=e,u.from=t,u.dragged=n,u.draggedRect=o,u.related=i||e,u.relatedRect=r||C(e),u.willInsertAfter=c,u.originalEvent=a,t.dispatchEvent(u),f&&(d=f.call(h,u,a)),d}function Bt(t){t.draggable=!1}function Ft(){Dt=!1}function jt(t){for(var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,o=0;n--;)o+=e.charCodeAt(n);return o.toString(36)}function Ht(t){return setTimeout(t,0)}function Lt(t){return clearTimeout(t)}Yt.prototype={constructor:Yt,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(ft=null)},_getDirection:function(t,e){return"function"==typeof this.options.direction?this.options.direction.call(this,t,e,U):this.options.direction},_onTapStart:function(t){if(t.cancelable){var e=this,n=this.el,o=this.options,i=o.preventOnFilter,r=t.type,a=t.touches&&t.touches[0]||t.pointerType&&"touch"===t.pointerType&&t,l=(a||t).target,s=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||l,c=o.filter;if(function(t){_t.length=0;var e=t.getElementsByTagName("input"),n=e.length;for(;n--;){var o=e[n];o.checked&&_t.push(o)}}(n),!U&&!(/mousedown|pointerdown/.test(r)&&0!==t.button||o.disabled)&&!s.isContentEditable&&(this.nativeDraggable||!u||!l||"SELECT"!==l.tagName.toUpperCase())&&!((l=b(l,o.draggable,n,!1))&&l.animated||K===l)){if(tt=P(l),nt=P(l,o.draggable),"function"==typeof c){if(c.call(this,t,l,this))return G({sortable:e,rootEl:s,name:"filter",targetEl:l,toEl:n,fromEl:n}),z("filter",e,{evt:t}),void(i&&t.cancelable&&t.preventDefault())}else if(c&&(c=c.split(",").some((function(o){if(o=b(s,o.trim(),n,!1))return G({sortable:e,rootEl:o,name:"filter",targetEl:l,fromEl:n,toEl:n}),z("filter",e,{evt:t}),!0}))))return void(i&&t.cancelable&&t.preventDefault());o.handle&&!b(s,o.handle,n,!1)||this._prepareDragStart(t,a,l)}}},_prepareDragStart:function(t,e,n){var o,i=this,r=i.el,a=i.options,u=r.ownerDocument;if(n&&!U&&n.parentNode===r){var d=C(n);if($=r,V=(U=n).parentNode,Z=U.nextSibling,K=n,it=a.group,Yt.dragged=U,at={target:U,clientX:(e||t).clientX,clientY:(e||t).clientY},ut=at.clientX-d.left,dt=at.clientY-d.top,this._lastX=(e||t).clientX,this._lastY=(e||t).clientY,U.style["will-change"]="all",o=function(){z("delayEnded",i,{evt:t}),Yt.eventCanceled?i._onDrop():(i._disableDelayedDragEvents(),!c&&i.nativeDraggable&&(U.draggable=!0),i._triggerDragStart(t,e),G({sortable:i,name:"choose",originalEvent:t}),E(U,a.chosenClass,!0))},a.ignore.split(",").forEach((function(t){_(U,t.trim(),Bt)})),p(u,"dragover",kt),p(u,"mousemove",kt),p(u,"touchmove",kt),p(u,"mouseup",i._onDrop),p(u,"touchend",i._onDrop),p(u,"touchcancel",i._onDrop),c&&this.nativeDraggable&&(this.options.touchStartThreshold=4,U.draggable=!0),z("delayStart",this,{evt:t}),!a.delay||a.delayOnTouchOnly&&!e||this.nativeDraggable&&(s||l))o();else{if(Yt.eventCanceled)return void this._onDrop();p(u,"mouseup",i._disableDelayedDrag),p(u,"touchend",i._disableDelayedDrag),p(u,"touchcancel",i._disableDelayedDrag),p(u,"mousemove",i._delayedDragTouchMoveHandler),p(u,"touchmove",i._delayedDragTouchMoveHandler),a.supportPointer&&p(u,"pointermove",i._delayedDragTouchMoveHandler),i._dragStartTimer=setTimeout(o,a.delay)}}},_delayedDragTouchMoveHandler:function(t){var e=t.touches?t.touches[0]:t;Math.max(Math.abs(e.clientX-this._lastX),Math.abs(e.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){U&&Bt(U),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;g(t,"mouseup",this._disableDelayedDrag),g(t,"touchend",this._disableDelayedDrag),g(t,"touchcancel",this._disableDelayedDrag),g(t,"mousemove",this._delayedDragTouchMoveHandler),g(t,"touchmove",this._delayedDragTouchMoveHandler),g(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,e){e=e||"touch"==t.pointerType&&t,!this.nativeDraggable||e?this.options.supportPointer?p(document,"pointermove",this._onTouchMove):p(document,e?"touchmove":"mousemove",this._onTouchMove):(p(U,"dragend",this),p($,"dragstart",this._onDragStart));try{document.selection?Ht((function(){document.selection.empty()})):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(t,e){if(mt=!1,$&&U){z("dragStarted",this,{evt:e}),this.nativeDraggable&&p(document,"dragover",Xt);var n=this.options;!t&&E(U,n.dragClass,!1),E(U,n.ghostClass,!0),Yt.active=this,t&&this._appendGhost(),G({sortable:this,name:"start",originalEvent:e})}else this._nulling()},_emulateDragOver:function(){if(lt){this._lastX=lt.clientX,this._lastY=lt.clientY,Mt();for(var t=document.elementFromPoint(lt.clientX,lt.clientY),e=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(lt.clientX,lt.clientY))!==e;)e=t;if(U.parentNode[R]._isOutsideThisEl(t),e)do{if(e[R]){if(e[R]._onDragOver({clientX:lt.clientX,clientY:lt.clientY,target:t,rootEl:e})&&!this.options.dragoverBubble)break}t=e}while(e=e.parentNode);It()}},_onTouchMove:function(t){if(at){var e=this.options,n=e.fallbackTolerance,o=e.fallbackOffset,i=t.touches?t.touches[0]:t,r=q&&D(q,!0),a=q&&r&&r.a,l=q&&r&&r.d,s=Ct&&vt&&A(vt),c=(i.clientX-at.clientX+o.x)/(a||1)+(s?s[0]-St[0]:0)/(a||1),u=(i.clientY-at.clientY+o.y)/(l||1)+(s?s[1]-St[1]:0)/(l||1);if(!Yt.active&&!mt){if(n&&Math.max(Math.abs(i.clientX-this._lastX),Math.abs(i.clientY-this._lastY))<n)return;this._onDragStart(t,!0)}if(q){r?(r.e+=c-(st||0),r.f+=u-(ct||0)):r={a:1,b:0,c:0,d:1,e:c,f:u};var d="matrix(".concat(r.a,",").concat(r.b,",").concat(r.c,",").concat(r.d,",").concat(r.e,",").concat(r.f,")");S(q,"webkitTransform",d),S(q,"mozTransform",d),S(q,"msTransform",d),S(q,"transform",d),st=c,ct=u,lt=i}t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!q){var t=this.options.fallbackOnBody?document.body:$,e=C(U,!0,Ct,!0,t),n=this.options;if(Ct){for(vt=t;"static"===S(vt,"position")&&"none"===S(vt,"transform")&&vt!==document;)vt=vt.parentNode;vt!==document.body&&vt!==document.documentElement?(vt===document&&(vt=T()),e.top+=vt.scrollTop,e.left+=vt.scrollLeft):vt=T(),St=A(vt)}E(q=U.cloneNode(!0),n.ghostClass,!1),E(q,n.fallbackClass,!0),E(q,n.dragClass,!0),S(q,"transition",""),S(q,"transform",""),S(q,"box-sizing","border-box"),S(q,"margin",0),S(q,"top",e.top),S(q,"left",e.left),S(q,"width",e.width),S(q,"height",e.height),S(q,"opacity","0.8"),S(q,"position",Ct?"absolute":"fixed"),S(q,"zIndex","100000"),S(q,"pointerEvents","none"),Yt.ghost=q,t.appendChild(q),S(q,"transform-origin",ut/parseInt(q.style.width)*100+"% "+dt/parseInt(q.style.height)*100+"%")}},_onDragStart:function(t,e){var n=this,o=t.dataTransfer,i=n.options;z("dragStart",this,{evt:t}),Yt.eventCanceled?this._onDrop():(z("setupClone",this),Yt.eventCanceled||((Q=Y(U)).removeAttribute("id"),Q.draggable=!1,Q.style["will-change"]="",this._hideClone(),E(Q,this.options.chosenClass,!1),Yt.clone=Q),n.cloneId=Ht((function(){z("clone",n),Yt.eventCanceled||(n.options.removeCloneOnHide||$.insertBefore(Q,U),n._hideClone(),G({sortable:n,name:"clone"}))})),!e&&E(U,i.dragClass,!0),e?(bt=!0,n._loopId=setInterval(n._emulateDragOver,50)):(g(document,"mouseup",n._onDrop),g(document,"touchend",n._onDrop),g(document,"touchcancel",n._onDrop),o&&(o.effectAllowed="move",i.setData&&i.setData.call(n,o,U)),p(document,"drop",n),S(U,"transform","translateZ(0)")),mt=!0,n._dragStartId=Ht(n._dragStarted.bind(n,e,t)),p(document,"selectstart",n),ht=!0,u&&S(document.body,"user-select","none"))},_onDragOver:function(t){var n,o,i,r,a=this.el,l=t.target,s=this.options,c=s.group,u=Yt.active,d=it===c,h=s.sort,f=rt||u,p=this,g=!1;if(!Dt){if(void 0!==t.preventDefault&&t.cancelable&&t.preventDefault(),l=b(l,s.draggable,a,!0),j("dragOver"),Yt.eventCanceled)return g;if(U.contains(t.target)||l.animated&&l.animatingX&&l.animatingY||p._ignoreWhileAnimating===l)return L(!1);if(bt=!1,u&&!s.disabled&&(d?h||(i=V!==$):rt===this||(this.lastPutMode=it.checkPull(this,u,U,t))&&c.checkPut(this,u,U,t))){if(r="vertical"===this._getDirection(t,l),n=C(U),j("dragOverValid"),Yt.eventCanceled)return g;if(i)return V=$,H(),this._hideClone(),j("revert"),Yt.eventCanceled||(Z?$.insertBefore(U,Z):$.appendChild(U)),L(!0);var v=N(a,s.draggable);if(!v||function(t,e,n){var o=C(N(n.el,n.options.draggable)),i=10;return e?t.clientX>o.right+i||t.clientX<=o.right&&t.clientY>o.bottom&&t.clientX>=o.left:t.clientX>o.right&&t.clientY>o.top||t.clientX<=o.right&&t.clientY>o.bottom+i}(t,r,this)&&!v.animated){if(v===U)return L(!1);if(v&&a===t.target&&(l=v),l&&(o=C(l)),!1!==Rt($,a,U,n,l,o,t,!!l))return H(),v&&v.nextSibling?a.insertBefore(U,v.nextSibling):a.appendChild(U),V=a,W(),L(!0)}else if(v&&function(t,e,n){var o=C(x(n.el,0,n.options,!0)),i=10;return e?t.clientX<o.left-i||t.clientY<o.top&&t.clientX<o.right:t.clientY<o.top-i||t.clientY<o.bottom&&t.clientX<o.left}(t,r,this)){var m=x(a,0,s,!0);if(m===U)return L(!1);if(o=C(l=m),!1!==Rt($,a,U,n,l,o,t,!1))return H(),a.insertBefore(U,m),V=a,W(),L(!0)}else if(l.parentNode===a){o=C(l);var y,w,D,_=U.parentNode!==a,T=!function(t,e,n){var o=n?t.left:t.top,i=n?t.right:t.bottom,r=n?t.width:t.height,a=n?e.left:e.top,l=n?e.right:e.bottom,s=n?e.width:e.height;return o===a||i===l||o+r/2===a+s/2}(U.animated&&U.toRect||n,l.animated&&l.toRect||o,r),A=r?"top":"left",M=O(l,"top","top")||O(U,"top","top"),I=M?M.scrollTop:void 0;if(ft!==l&&(w=o[A],wt=!1,Et=!T&&s.invertSwap||_),y=function(t,e,n,o,i,r,a,l){var s=o?t.clientY:t.clientX,c=o?n.height:n.width,u=o?n.top:n.left,d=o?n.bottom:n.right,h=!1;if(!a)if(l&&gt<c*i){if(!wt&&(1===pt?s>u+c*r/2:s<d-c*r/2)&&(wt=!0),wt)h=!0;else if(1===pt?s<u+gt:s>d-gt)return-pt}else if(s>u+c*(1-i)/2&&s<d-c*(1-i)/2)return function(t){return P(U)<P(t)?1:-1}(e);if((h=h||a)&&(s<u+c*r/2||s>d-c*r/2))return s>u+c/2?1:-1;return 0}(t,l,o,r,T?1:s.swapThreshold,null==s.invertedSwapThreshold?s.swapThreshold:s.invertedSwapThreshold,Et,ft===l),0!==y){var k=P(U);do{k-=y,D=V.children[k]}while(D&&("none"===S(D,"display")||D===q))}if(0===y||D===l)return L(!1);ft=l,pt=y;var Y=l.nextElementSibling,B=!1,F=Rt($,a,U,n,l,o,t,B=1===y);if(!1!==F)return 1!==F&&-1!==F||(B=1===F),Dt=!0,setTimeout(Ft,30),H(),B&&!Y?a.appendChild(U):l.parentNode.insertBefore(U,B?Y:l),M&&X(M,0,I-M.scrollTop),V=U.parentNode,void 0===w||Et||(gt=Math.abs(w-C(l)[A])),W(),L(!0)}if(a.contains(U))return L(!1)}return!1}function j(s,c){z(s,p,e({evt:t,isOwner:d,axis:r?"vertical":"horizontal",revert:i,dragRect:n,targetRect:o,canSort:h,fromSortable:f,target:l,completed:L,onMove:function(e,o){return Rt($,a,U,n,e,C(e),t,o)},changed:W},c))}function H(){j("dragOverAnimationCapture"),p.captureAnimationState(),p!==f&&f.captureAnimationState()}function L(e){return j("dragOverCompleted",{insertion:e}),e&&(d?u._hideClone():u._showClone(p),p!==f&&(E(U,rt?rt.options.ghostClass:u.options.ghostClass,!1),E(U,s.ghostClass,!0)),rt!==p&&p!==Yt.active?rt=p:p===Yt.active&&rt&&(rt=null),f===p&&(p._ignoreWhileAnimating=l),p.animateAll((function(){j("dragOverAnimationComplete"),p._ignoreWhileAnimating=null})),p!==f&&(f.animateAll(),f._ignoreWhileAnimating=null)),(l===U&&!U.animated||l===a&&!l.animated)&&(ft=null),s.dragoverBubble||t.rootEl||l===document||(U.parentNode[R]._isOutsideThisEl(t.target),!e&&kt(t)),!s.dragoverBubble&&t.stopPropagation&&t.stopPropagation(),g=!0}function W(){et=P(U),ot=P(U,s.draggable),G({sortable:p,name:"change",toEl:a,newIndex:et,newDraggableIndex:ot,originalEvent:t})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){g(document,"mousemove",this._onTouchMove),g(document,"touchmove",this._onTouchMove),g(document,"pointermove",this._onTouchMove),g(document,"dragover",kt),g(document,"mousemove",kt),g(document,"touchmove",kt)},_offUpEvents:function(){var t=this.el.ownerDocument;g(t,"mouseup",this._onDrop),g(t,"touchend",this._onDrop),g(t,"pointerup",this._onDrop),g(t,"touchcancel",this._onDrop),g(document,"selectstart",this)},_onDrop:function(t){var e=this.el,n=this.options;et=P(U),ot=P(U,n.draggable),z("drop",this,{evt:t}),V=U&&U.parentNode,et=P(U),ot=P(U,n.draggable),Yt.eventCanceled||(mt=!1,Et=!1,wt=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),Lt(this.cloneId),Lt(this._dragStartId),this.nativeDraggable&&(g(document,"drop",this),g(e,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),u&&S(document.body,"user-select",""),S(U,"transform",""),t&&(ht&&(t.cancelable&&t.preventDefault(),!n.dropBubble&&t.stopPropagation()),q&&q.parentNode&&q.parentNode.removeChild(q),($===V||rt&&"clone"!==rt.lastPutMode)&&Q&&Q.parentNode&&Q.parentNode.removeChild(Q),U&&(this.nativeDraggable&&g(U,"dragend",this),Bt(U),U.style["will-change"]="",ht&&!mt&&E(U,rt?rt.options.ghostClass:this.options.ghostClass,!1),E(U,this.options.chosenClass,!1),G({sortable:this,name:"unchoose",toEl:V,newIndex:null,newDraggableIndex:null,originalEvent:t}),$!==V?(et>=0&&(G({rootEl:V,name:"add",toEl:V,fromEl:$,originalEvent:t}),G({sortable:this,name:"remove",toEl:V,originalEvent:t}),G({rootEl:V,name:"sort",toEl:V,fromEl:$,originalEvent:t}),G({sortable:this,name:"sort",toEl:V,originalEvent:t})),rt&&rt.save()):et!==tt&&et>=0&&(G({sortable:this,name:"update",toEl:V,originalEvent:t}),G({sortable:this,name:"sort",toEl:V,originalEvent:t})),Yt.active&&(null!=et&&-1!==et||(et=tt,ot=nt),G({sortable:this,name:"end",toEl:V,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){z("nulling",this),$=U=V=q=Z=Q=K=J=at=lt=ht=et=ot=tt=nt=ft=pt=rt=it=Yt.dragged=Yt.ghost=Yt.clone=Yt.active=null,_t.forEach((function(t){t.checked=!0})),_t.length=st=ct=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":U&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move");t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,e=[],n=this.el.children,o=0,i=n.length,r=this.options;o<i;o++)b(t=n[o],r.draggable,this.el,!1)&&e.push(t.getAttribute(r.dataIdAttr)||jt(t));return e},sort:function(t,e){var n={},o=this.el;this.toArray().forEach((function(t,e){var i=o.children[e];b(i,this.options.draggable,o,!1)&&(n[t]=i)}),this),e&&this.captureAnimationState(),t.forEach((function(t){n[t]&&(o.removeChild(n[t]),o.appendChild(n[t]))})),e&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,e){return b(t,e||this.options.draggable,this.el,!1)},option:function(t,e){var n=this.options;if(void 0===e)return n[t];var o=H.modifyOption(this,t,e);n[t]=void 0!==o?o:e,"group"===t&&At(n)},destroy:function(){z("destroy",this);var t=this.el;t[R]=null,g(t,"mousedown",this._onTapStart),g(t,"touchstart",this._onTapStart),g(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(g(t,"dragover",this),g(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")})),this._onDrop(),this._disableDelayedDragEvents(),yt.splice(yt.indexOf(this.el),1),this.el=t=null},_hideClone:function(){if(!J){if(z("hideClone",this),Yt.eventCanceled)return;S(Q,"display","none"),this.options.removeCloneOnHide&&Q.parentNode&&Q.parentNode.removeChild(Q),J=!0}},_showClone:function(t){if("clone"===t.lastPutMode){if(J){if(z("showClone",this),Yt.eventCanceled)return;U.parentNode!=$||this.options.group.revertClone?Z?$.insertBefore(Q,Z):$.appendChild(Q):$.insertBefore(Q,U),this.options.group.revertClone&&this.animate(U,Q),S(Q,"display",""),J=!1}}else this._hideClone()}},Tt&&p(document,"touchmove",(function(t){(Yt.active||mt)&&t.cancelable&&t.preventDefault()})),Yt.utils={on:p,off:g,css:S,find:_,is:function(t,e){return!!b(t,e,t,!1)},extend:function(t,e){if(t&&e)for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t},throttle:k,closest:b,toggleClass:E,clone:Y,index:P,nextTick:Ht,cancelNextTick:Lt,detectDirection:Pt,getChild:x},Yt.get=function(t){return t[R]},Yt.mount=function(){for(var t=arguments.length,n=new Array(t),o=0;o<t;o++)n[o]=arguments[o];n[0].constructor===Array&&(n=n[0]),n.forEach((function(t){if(!t.prototype||!t.prototype.constructor)throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t));t.utils&&(Yt.utils=e(e({},Yt.utils),t.utils)),H.mount(t)}))},Yt.create=function(t,e){return new Yt(t,e)},Yt.version="1.15.0";var Wt,zt,Gt,Ut,Vt,qt,$t=[],Zt=!1;function Kt(){$t.forEach((function(t){clearInterval(t.pid)})),$t=[]}function Qt(){clearInterval(qt)}var Jt=k((function(t,e,n,o){if(e.scroll){var i,r=(t.touches?t.touches[0]:t).clientX,a=(t.touches?t.touches[0]:t).clientY,l=e.scrollSensitivity,s=e.scrollSpeed,c=T(),u=!1;zt!==n&&(zt=n,Kt(),Wt=e.scroll,i=e.scrollFn,!0===Wt&&(Wt=M(n,!0)));var d=0,h=Wt;do{var f=h,p=C(f),g=p.top,v=p.bottom,m=p.left,b=p.right,y=p.width,w=p.height,E=void 0,D=void 0,_=f.scrollWidth,O=f.scrollHeight,x=S(f),N=f.scrollLeft,P=f.scrollTop;f===c?(E=y<_&&("auto"===x.overflowX||"scroll"===x.overflowX||"visible"===x.overflowX),D=w<O&&("auto"===x.overflowY||"scroll"===x.overflowY||"visible"===x.overflowY)):(E=y<_&&("auto"===x.overflowX||"scroll"===x.overflowX),D=w<O&&("auto"===x.overflowY||"scroll"===x.overflowY));var A=E&&(Math.abs(b-r)<=l&&N+y<_)-(Math.abs(m-r)<=l&&!!N),I=D&&(Math.abs(v-a)<=l&&P+w<O)-(Math.abs(g-a)<=l&&!!P);if(!$t[d])for(var k=0;k<=d;k++)$t[k]||($t[k]={});$t[d].vx==A&&$t[d].vy==I&&$t[d].el===f||($t[d].el=f,$t[d].vx=A,$t[d].vy=I,clearInterval($t[d].pid),0==A&&0==I||(u=!0,$t[d].pid=setInterval(function(){o&&0===this.layer&&Yt.active._onTouchMove(Vt);var e=$t[this.layer].vy?$t[this.layer].vy*s:0,n=$t[this.layer].vx?$t[this.layer].vx*s:0;"function"==typeof i&&"continue"!==i.call(Yt.dragged.parentNode[R],n,e,t,Vt,$t[this.layer].el)||X($t[this.layer].el,n,e)}.bind({layer:d}),24))),d++}while(e.bubbleScroll&&h!==c&&(h=M(h,!1)));Zt=u}}),30),te=function(t){var e=t.originalEvent,n=t.putSortable,o=t.dragEl,i=t.activeSortable,r=t.dispatchSortableEvent,a=t.hideGhostForTarget,l=t.unhideGhostForTarget;if(e){var s=n||i;a();var c=e.changedTouches&&e.changedTouches.length?e.changedTouches[0]:e,u=document.elementFromPoint(c.clientX,c.clientY);l(),s&&!s.el.contains(u)&&(r("spill"),this.onSpill({dragEl:o,putSortable:n}))}};function ee(){}function ne(){}ee.prototype={startIndex:null,dragStart:function(t){var e=t.oldDraggableIndex;this.startIndex=e},onSpill:function(t){var e=t.dragEl,n=t.putSortable;this.sortable.captureAnimationState(),n&&n.captureAnimationState();var o=x(this.sortable.el,this.startIndex,this.options);o?this.sortable.el.insertBefore(e,o):this.sortable.el.appendChild(e),this.sortable.animateAll(),n&&n.animateAll()},drop:te},i(ee,{pluginName:"revertOnSpill"}),ne.prototype={onSpill:function(t){var e=t.dragEl,n=t.putSortable||this.sortable;n.captureAnimationState(),e.parentNode&&e.parentNode.removeChild(e),n.animateAll()},drop:te},i(ne,{pluginName:"removeOnSpill"});Yt.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){var e=t.originalEvent;this.sortable.nativeDraggable?p(document,"dragover",this._handleAutoScroll):this.options.supportPointer?p(document,"pointermove",this._handleFallbackAutoScroll):e.touches?p(document,"touchmove",this._handleFallbackAutoScroll):p(document,"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){var e=t.originalEvent;this.options.dragOverBubble||e.rootEl||this._handleAutoScroll(e)},drop:function(){this.sortable.nativeDraggable?g(document,"dragover",this._handleAutoScroll):(g(document,"pointermove",this._handleFallbackAutoScroll),g(document,"touchmove",this._handleFallbackAutoScroll),g(document,"mousemove",this._handleFallbackAutoScroll)),Qt(),Kt(),clearTimeout(y),y=void 0},nulling:function(){Vt=zt=Wt=Zt=qt=Gt=Ut=null,$t.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(t,e){var n=this,o=(t.touches?t.touches[0]:t).clientX,i=(t.touches?t.touches[0]:t).clientY,r=document.elementFromPoint(o,i);if(Vt=t,e||this.options.forceAutoScrollFallback||s||l||u){Jt(t,this.options,r,e);var a=M(r,!0);!Zt||qt&&o===Gt&&i===Ut||(qt&&Qt(),qt=setInterval((function(){var r=M(document.elementFromPoint(o,i),!0);r!==a&&(a=r,Kt()),Jt(t,n.options,r,e)}),10),Gt=o,Ut=i)}else{if(!this.options.bubbleScroll||M(r,!0)===T())return void Kt();Jt(t,this.options,M(r,!1),!1)}}},i(t,{pluginName:"scroll",initializeByDefault:!0})}),Yt.mount(ne,ee);const oe=Yt;document.addEventListener("alpine:initializing",(function(){window.Alpine.data("navigationSortableContainer",(function(t){return{statePath:t.statePath,sortable:null,init:function(){var t=this;this.sortable=new oe(this.$el,{group:"nested",animation:150,fallbackOnBody:!0,swapThreshold:.5,draggable:"[data-sortable-item]",handle:"[data-sortable-handle]",onSort:function(){t.sorted()}})},sorted:function(){this.$wire.sortNavigation(this.statePath,this.sortable.toArray())}}}))}))},265:()=>{}},n={};function o(t){var i=n[t];if(void 0!==i)return i.exports;var r=n[t]={exports:{}};return e[t](r,r.exports,o),r.exports}o.m=e,t=[],o.O=(e,n,i,r)=>{if(!n){var a=1/0;for(u=0;u<t.length;u++){for(var[n,i,r]=t[u],l=!0,s=0;s<n.length;s++)(!1&r||a>=r)&&Object.keys(o.O).every((t=>o.O[t](n[s])))?n.splice(s--,1):(l=!1,r<a&&(a=r));if(l){t.splice(u--,1);var c=i();void 0!==c&&(e=c)}}return e}r=r||0;for(var u=t.length;u>0&&t[u-1][2]>r;u--)t[u]=t[u-1];t[u]=[n,i,r]},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={680:0,823:0};o.O.j=e=>0===t[e];var e=(e,n)=>{var i,r,[a,l,s]=n,c=0;if(a.some((e=>0!==t[e]))){for(i in l)o.o(l,i)&&(o.m[i]=l[i]);if(s)var u=s(o)}for(e&&e(n);c<a.length;c++)r=a[c],o.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return o.O(u)},n=self.webpackChunk=self.webpackChunk||[];n.forEach(e.bind(null,0)),n.push=e.bind(null,n.push.bind(n))})(),o.O(void 0,[823],(()=>o(512)));var i=o.O(void 0,[823],(()=>o(265)));i=o.O(i)})();


--------------------------------------------------------------------------------