install

resources/views/vendor/filament-forms/components/textarea.blade.php

@@ -0,0 +1,71 @@
+@php
+    $fieldWrapperView = $getFieldWrapperView();
+    $extraAttributeBag = $getExtraAttributeBag();
+    $isConcealed = $isConcealed();
+    $isDisabled = $isDisabled();
+    $rows = $getRows();
+    $placeholder = $getPlaceholder();
+    $shouldAutosize = $shouldAutosize();
+    $placeholder = $getPlaceholder();
+    $statePath = $getStatePath();
+
+    $initialHeight = (($rows ?? 2) * 1.5) + 0.75;
+@endphp
+
+<x-dynamic-component
+    :component="$fieldWrapperView"
+    :field="$field"
+    class="fi-fo-textarea-wrp"
+>
+    <x-filament::input.wrapper
+        :disabled="$isDisabled"
+        :valid="! $errors->has($statePath)"
+        :attributes="
+            \Filament\Support\prepare_inherited_attributes($extraAttributeBag)
+                ->class([
+                    'fi-fo-textarea',
+                    'fi-autosizable' => $shouldAutosize,
+                ])
+        "
+    >
+        <div wire:ignore.self style="height: '{{ $initialHeight . 'rem' }}'">
+            <textarea
+                x-load
+                x-load-src="{{ \Filament\Support\Facades\FilamentAsset::getAlpineComponentSrc('textarea', 'filament/forms') }}"
+                x-data="textareaFormComponent({
+                            initialHeight: @js($initialHeight),
+                            shouldAutosize: @js($shouldAutosize),
+                            state: $wire.$entangle('{{ $statePath }}'),
+                        })"
+                @if ($shouldAutosize)
+                    x-intersect.once="resize()"
+                    x-on:resize.window="resize()"
+                @endif
+                x-model="state"
+                @if ($isGrammarlyDisabled())
+                    data-gramm="false"
+                    data-gramm_editor="false"
+                    data-enable-grammarly="false"
+                @endif
+                {{ $getExtraAlpineAttributeBag() }}
+                {{
+                    $getExtraInputAttributeBag()
+                        ->merge([
+                            'autocomplete' => $getAutocomplete(),
+                            'autofocus' => $isAutofocused(),
+                            'cols' => $getCols(),
+                            'disabled' => $isDisabled,
+                            'id' => $getId(),
+                            'maxlength' => (! $isConcealed) ? $getMaxLength() : null,
+                            'minlength' => (! $isConcealed) ? $getMinLength() : null,
+                            'placeholder' => filled($placeholder) ? e($placeholder) : null,
+                            'readonly' => $isReadOnly(),
+                            'required' => $isRequired() && (! $isConcealed),
+                            'rows' => $rows,
+                            $applyStateBindingModifiers('wire:model') => $statePath,
+                        ], escape: false)
+                }}
+            ></textarea>
+        </div>
+    </x-filament::input.wrapper>
+</x-dynamic-component>