// Базовая анимация с настройками
wgAnimate.animate(element, {
  opacity: [0, 1],
  transform: ['translateY(-20px)', 'translateY(0)']
}, {
  duration: 300,
  easing: 'ease-out',
  fill: 'forwards'
});

// Переход между состояниями
wgAnimate.transition(element, 'fade-in', () => {
  // Колбэк после завершения анимации
});

// Пульсация элемента
wgAnimate.pulse(element, {
  scale: [1, 1.05],
  iterations: 3,
  duration: 300
});

// Эффект тряски для привлечения внимания
wgAnimate.shake(element, {
  intensity: 'medium', // 'light', 'medium', 'strong'
  duration: 500
});

// Показать уведомление
wgAnimate.showNotification('Предмет добавлен в инвентарь', {
  type: 'success', // 'success', 'warning', 'error', 'info'
  duration: 3000,
  position: 'top-right'
});

// Форматирование чисел
wgUtils.formatNumber(1000); // "1,000"
wgUtils.formatNumber(1000, { compact: true }); // "1K"

// Форматирование времени
wgUtils.formatTime(3600); // "01:00:00"
wgUtils.formatTime(90, { format: 'mm:ss' }); // "01:30"

// Обрезка текста
wgUtils.truncateText('Длинный текст описания предмета', 10); // "Длинный те..."

// Генерация уникального ID
const uniqueId = wgUtils.generateId();

// Глубокое клонирование объектов
const clonedObject = wgUtils.deepClone(originalObject);

// Сравнение объектов
if (wgUtils.isEqual(obj1, obj2)) {
  // Объекты идентичны
}

// Получение вложенного значения
const value = wgUtils.getNestedValue(obj, 'user.profile.name');

// Конвертация цветов
const hexColor = wgUtils.rgbToHex(255, 100, 50);
const rgbColor = wgUtils.hexToRgb('#FF6432');

<div class="wg-inventory">
  <div class="wg-inventory-header">
    <h2>Инвентарь</h2>
    <div class="wg-inventory-stats">
      <span>Вес: <span id="currentWeight">15</span>/<span id="maxWeight">50</span></span>
      <span>Слоты: <span id="usedSlots">12</span>/<span id="totalSlots">24</span></span>
    </div>
  </div>
  
  <div class="wg-inventory-tabs">
    <button class="wg-tab-button active" data-tab="all">Все</button>
    <button class="wg-tab-button" data-tab="weapons">Оружие</button>
    <button class="wg-tab-button" data-tab="armor">Броня</button>
    <button class="wg-tab-button" data-tab="consumables">Расходники</button>
    <button class="wg-tab-button" data-tab="quest">Квестовые</button>
  </div>
  
  <div class="wg-inventory-grid" id="inventoryGrid">
    <!-- Слоты будут добавлены динамически -->
  </div>
  
  <div class="wg-inventory-actions">
    <button class="wg-button wg-button-secondary" id="btnSort">Сортировать</button>
    <button class="wg-button wg-button-secondary" id="btnStack">Объединить</button>
    <button class="wg-button wg-button-danger" id="btnDrop">Выбросить</button>
  </div>
  
  <div class="wg-item-details" id="itemDetails">
    <div class="wg-item-details-header">
      <h3 id="itemName">Название предмета</h3>
      <span class="wg-item-type" id="itemType">Тип</span>
    </div>
    <div class="wg-item-image">
      <img id="itemImage" src="" alt="Изображение предмета">
    </div>
    <div class="wg-item-stats" id="itemStats">
      <!-- Характеристики предмета -->
    </div>
    <p class="wg-item-description" id="itemDescription">Описание предмета</p>
    <div class="wg-item-actions">
      <button class="wg-button wg-button-primary" id="btnUse">Использовать</button>
      <button class="wg-button wg-button-secondary" id="btnEquip">Экипировать</button>
    </div>
  </div>
</div>

class Inventory {
  constructor() {
    this.items = [];
    this.selectedItem = null;
    this.draggedItem = null;
    this.currentFilter = 'all';
    
    this.initialize();
  }
  
  async initialize() {
    // Получение данных инвентаря из движка
    this.items = await engine.call('getInventoryItems');
    
    // Создание слотов инвентаря
    this.renderInventory();
    
    // Настройка вкладок и кнопок
    this.setupEventListeners();
    
    // Обновление статистики инвентаря
    this.updateInventoryStats();
    
    // Подписка на события изменения инвентаря
    engine.subscribe('inventoryChanged', (data) => {
      this.items = data.items;
      this.renderInventory();
      this.updateInventoryStats();
    });
  }
}

// Инициализация инвентаря
const inventory = new Inventory();