x-load="visible || event (ax-modal-opened)" x-load x-load-src="" x-data="fileUploadFormComponent({ acceptedFileTypes: toHtml() ?>, imageEditorEmptyFillColor: toHtml() ?>, imageEditorMode: toHtml() ?>, imageEditorViewportHeight: toHtml() ?>, imageEditorViewportWidth: toHtml() ?>, deleteUploadedFileUsing: async (fileKey) => { return await $wire.deleteUploadedFile(toHtml() ?>, fileKey) }, getUploadedFilesUsing: async () => { return await $wire.getFormUploadedFiles(toHtml() ?>) }, hasImageEditor: toHtml() ?>, hasCircleCropper: toHtml() ?>, canEditSvgs: toHtml() ?>, isSvgEditingConfirmed: toHtml() ?>, confirmSvgEditingMessage: toHtml() ?>, disabledSvgEditingMessage: toHtml() ?>, imageCropAspectRatio: toHtml() ?>, imagePreviewHeight: toHtml() ?>, imageResizeMode: toHtml() ?>, imageResizeTargetHeight: toHtml() ?>, imageResizeTargetWidth: toHtml() ?>, imageResizeUpscale: toHtml() ?>, isAvatar: toHtml() ?>, isDeletable: toHtml() ?>, isDisabled: toHtml() ?>, isDownloadable: toHtml() ?>, isMultiple: toHtml() ?>, isOpenable: toHtml() ?>, isPasteable: toHtml() ?>, isPreviewable: toHtml() ?>, isReorderable: toHtml() ?>, itemPanelAspectRatio: toHtml() ?>, loadingIndicatorPosition: toHtml() ?>, locale: getLocale())->toHtml() ?>, panelAspectRatio: toHtml() ?>, panelLayout: toHtml() ?>, placeholder: toHtml() ?>, maxFiles: toHtml() ?>, maxSize: toHtml() ?>, minSize: toHtml() ?>, mimeTypeMap: toHtml() ?>, maxParallelUploads: toHtml() ?>, removeUploadedFileUsing: async (fileKey) => { return await $wire.removeFormUploadedFile(toHtml() ?>, fileKey) }, removeUploadedFileButtonPosition: toHtml() ?>, reorderUploadedFilesUsing: async (files) => { return await $wire.reorderFormUploadedFiles(toHtml() ?>, files) }, shouldAppendFiles: toHtml() ?>, shouldOrientImageFromExif: toHtml() ?>, shouldTransformImage: toHtml() ?>, state: $wire., uploadButtonPosition: toHtml() ?>, uploadingMessage: toHtml() ?>, uploadProgressIndicatorPosition: toHtml() ?>, uploadUsing: (fileKey, file, success, error, progress) => { $wire.upload( `.${fileKey}`, file, () => { success(fileKey) }, error, (progressEvent) => { progress(true, progressEvent.detail.progress, 100) }, ) }, })" wire:ignore wire:key="getId()); ?>..." merge([ 'aria-labelledby' => "{$id}-label", 'id' => $id, 'role' => 'group', ], escape: false) ->merge($getExtraAttributes(), escape: false) ->merge($getExtraAlpineAttributes(), escape: false) ->class([ 'fi-fo-file-upload flex flex-col gap-y-2 [&_.filepond--root]:font-sans', match ($alignment) { Alignment::Start, Alignment::Left => 'items-start', Alignment::Center => 'items-center', Alignment::End, Alignment::Right => 'items-end', default => $alignment, }, ])); ?> >

merge([ 'aria-labelledby' => "{$id}-label", 'disabled' => $isDisabled, 'multiple' => $isMultiple(), 'type' => 'file', ], escape: false)); ?> />

__('filament-forms::components.file_upload.editor.fields.x_position.label'), 'ref' => 'xPositionInput', 'unit' => __('filament-forms::components.file_upload.editor.fields.x_position.unit'), 'alpineSaveHandler' => 'editor.setData({...editor.getData(true), x: +$el.value})', ], [ 'label' => __('filament-forms::components.file_upload.editor.fields.y_position.label'), 'ref' => 'yPositionInput', 'unit' => __('filament-forms::components.file_upload.editor.fields.y_position.unit'), 'alpineSaveHandler' => 'editor.setData({...editor.getData(true), y: +$el.value})', ], [ 'label' => __('filament-forms::components.file_upload.editor.fields.width.label'), 'ref' => 'widthInput', 'unit' => __('filament-forms::components.file_upload.editor.fields.width.unit'), 'alpineSaveHandler' => 'editor.setData({...editor.getData(true), width: +$el.value})', ], [ 'label' => __('filament-forms::components.file_upload.editor.fields.height.label'), 'ref' => 'heightInput', 'unit' => __('filament-forms::components.file_upload.editor.fields.height.unit'), 'alpineSaveHandler' => 'editor.setData({...editor.getData(true), height: +$el.value})', ], [ 'label' => __('filament-forms::components.file_upload.editor.fields.rotation.label'), 'ref' => 'rotationInput', 'unit' => __('filament-forms::components.file_upload.editor.fields.rotation.unit'), 'alpineSaveHandler' => 'editor.rotateTo(+$el.value)', ], ]; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $input): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> popLoop(); $loop = $__env->getLastLoop(); ?>

addLoop($__currentLoopData); foreach($__currentLoopData as $groupedActions): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> 'filament::components.button.group','data' => ['class' => 'w-full']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?> withName('filament::button.group'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?> withAttributes(['class' => 'w-full']); ?> addLoop($__currentLoopData); foreach($__currentLoopData as $action): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> 'filament::components.button.index','data' => ['color' => 'gray','grouped' => true,'icon' => new \Illuminate\Support\HtmlString($action['iconHtml']),'labelSrOnly' => true,'xOn:click.stop.prevent' => ''.e($action['alpineClickHandler']).'','xTooltip' => '{ content: ' . \Illuminate\Support\Js::from($action['label']) . ', theme: $store.theme }']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?> withName('filament::button'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?> withAttributes(['color' => 'gray','grouped' => true,'icon' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute(new \Illuminate\Support\HtmlString($action['iconHtml'])),'label-sr-only' => true,'x-on:click.stop.prevent' => ''.e($action['alpineClickHandler']).'','x-tooltip' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute('{ content: ' . \Illuminate\Support\Js::from($action['label']) . ', theme: $store.theme }')]); ?> renderComponent(); ?> popLoop(); $loop = $__env->getLastLoop(); ?> renderComponent(); ?> popLoop(); $loop = $__env->getLastLoop(); ?>

chunk(5); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ratiosChunk): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> 'filament::components.button.group','data' => ['class' => 'w-full']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?> withName('filament::button.group'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?> withAttributes(['class' => 'w-full']); ?> addLoop($__currentLoopData); foreach($__currentLoopData as $label => $ratio): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> 'filament::components.button.index','data' => ['xTooltip' => '{ content: ' . \Illuminate\Support\Js::from(__('filament-forms::components.file_upload.editor.actions.set_aspect_ratio.label', ['ratio' => $label])) . ', theme: $store.theme }','xOn:click.stop.prevent' => 'currentRatio = \''.e($label).'\'; editor.setAspectRatio('.e($ratio).')','color' => 'gray','xBind:class' => '{\'!bg-gray-50 dark:!bg-gray-700\': currentRatio === \''.e($label).'\'}','grouped' => true]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?> withName('filament::button'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?> withAttributes(['x-tooltip' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute('{ content: ' . \Illuminate\Support\Js::from(__('filament-forms::components.file_upload.editor.actions.set_aspect_ratio.label', ['ratio' => $label])) . ', theme: $store.theme }'),'x-on:click.stop.prevent' => 'currentRatio = \''.e($label).'\'; editor.setAspectRatio('.e($ratio).')','color' => 'gray','x-bind:class' => '{\'!bg-gray-50 dark:!bg-gray-700\': currentRatio === \''.e($label).'\'}','grouped' => true]); ?> renderComponent(); ?> popLoop(); $loop = $__env->getLastLoop(); ?> renderComponent(); ?> popLoop(); $loop = $__env->getLastLoop(); ?>

'filament::components.button.index','data' => ['color' => 'gray','xOn:click.prevent' => 'pond.imageEditEditor.oncancel']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?> withName('filament::button'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?> withAttributes(['color' => 'gray','x-on:click.prevent' => 'pond.imageEditEditor.oncancel']); ?> renderComponent(); ?> 'filament::components.button.index','data' => ['color' => 'warning','xOn:click.stop.prevent' => 'editor.reset()','class' => 'ml-auto']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?> withName('filament::button'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?> withAttributes(['color' => 'warning','x-on:click.stop.prevent' => 'editor.reset()','class' => 'ml-auto']); ?> renderComponent(); ?> 'filament::components.button.index','data' => ['color' => 'success','xOn:click.prevent' => 'saveEditor']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?> withName('filament::button'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?> withAttributes(['color' => 'success','x-on:click.prevent' => 'saveEditor']); ?> renderComponent(); ?>