
<?php $attributes ??= new \Illuminate\View\ComponentAttributeBag;

$__newAttributes = [];
$__propNames = \Illuminate\View\ComponentAttributeBag::extractPropNames((['id', 'opciones', 'alto' => 260]));

foreach ($attributes->all() as $__key => $__value) {
    if (in_array($__key, $__propNames)) {
        $$__key = $$__key ?? $__value;
    } else {
        $__newAttributes[$__key] = $__value;
    }
}

$attributes = new \Illuminate\View\ComponentAttributeBag($__newAttributes);

unset($__propNames);
unset($__newAttributes);

foreach (array_filter((['id', 'opciones', 'alto' => 260]), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
}

$__defined_vars = get_defined_vars();

foreach ($attributes->all() as $__key => $__value) {
    if (array_key_exists($__key, $__defined_vars)) unset($$__key);
}

unset($__defined_vars, $__key, $__value); ?>

<div wire:ignore
     x-data="{
         grafica: null,
         async init() {
             
             this.grafica = await window.pintarGrafica(this.$refs.lienzo, <?php echo \Illuminate\Support\Js::from($opciones)->toHtml() ?>);

             this.$wire.$on('grafica:<?php echo e($id); ?>', (datos) => {
                 const opciones = datos?.opciones ?? datos?.[0]?.opciones;
                 window.actualizarGrafica(this.grafica, opciones);
             });
         },
         destroy() {
             
             this.grafica?.__soltar();
         },
     }"
     class="w-full">
    <div x-ref="lienzo" style="height:<?php echo e($alto); ?>px; width:100%;"
         role="img" aria-label="<?php echo e($attributes->get('aria-label', 'Gráfica de evolución')); ?>"></div>
</div>
<?php /**PATH /var/www/html/resources/views/components/grafica.blade.php ENDPATH**/ ?>