Универсальный компонент для отображения изображений, иконок и PDF-документов с расширенными возможностями управления размером, позиционированием и адаптивностью.

Image предоставляет гибкий API для работы с различными типами визуального контента: от простых иконок до сложных изображений с кадрированием и адаптивным масштабированием. Компонент автоматически определяет тип источника, поддерживает координатное позиционирование, адаптивное изменение размеров и различные режимы заполнения.

**Основные возможности:**

- Поддержка множества типов источников (иконки, URL, File, PDF)
- Адаптивное масштабирование с сохранением пропорций
- Координатное кадрирование и точное позиционирование
- Режимы заполнения: auto, contain, cover
- Автоматическое определение типа контента
- Работа с CSS-переменными для гибкой стилизации
- События загрузки с полной информацией о типе и данных

**Типичные сценарии использования:**

- Отображение пользовательских аватаров и загруженных изображений
- Работа с иконками в интерфейсе
- Превью PDF-документов
- Адаптивные галереи изображений
- Фоновые изображения с кадрированием

```html
<script setup>
import { ref } from 'vue'
import { Image } from '@dxtmisha/constructor'

const imageUrl = ref('https://example.com/image.jpg')

function handleLoad(data) {
  console.log('Image loaded:', data.type, data.image)
}
</script>

<template>
  <Image
    :value="imageUrl"
    size="cover"
    adaptive
    :coordinator="[0, 0, 100, 100]"
    @load="handleLoad"
  />
</template>
```

> Компонент автоматически управляет типом контента и оптимизирует отображение в зависимости от источника.

