# Добавление стилей компонента
if globalThis.stylFns and globalThis.stylFns['app/components/Admin/CategoryNode/index.styl']
  styleElement = document.createElement('style')
  styleElement.type = 'text/css'
  styleElement.textContent = globalThis.stylFns['app/components/Admin/CategoryNode/index.styl']
  document.head.appendChild(styleElement)
else
  log '⚠️ Стили CategoryNode не найдены'

module.exports = {
  name: 'category-node'
  props:
    category:
      type: Object
      required: true
    level:
      type: Number
      default: 0

  data: ->
    {
      isExpanded: false
      isDragging: false
    }

  computed:
    hasChildren: ->
      @category.children and @category.children.length > 0

  methods:
    toggleExpanded: ->
      @isExpanded = not @isExpanded

  mounted: ->
    # Автоматически раскрываем первые два уровня
    if @level < 2
      @isExpanded = true

  render: (new Function '_ctx', '_cache', globalThis.renderFns['app/components/Admin/CategoryNode/index.pug'])()
}