declare const _default: "'use strict';\n\nvar oc = oc || {};\noc.cmd = oc.cmd || [];\n\noc.cmd.push(function() {\n  var componentsListChanged = function() {\n    $('.componentRow').removeClass('hide');\n    var s = $('#search-filter').val(),\n      a = $('#author-filter').val(),\n      r = new RegExp(s),\n      ar = new RegExp(a, 'i'),\n      selectedCheckboxes = $('input[type=checkbox]:checked'),\n      hiddenStates = [],\n      hidden = 0,\n      i;\n\n    for (i = 0; i < selectedCheckboxes.length; i++) {\n      hiddenStates.push($(selectedCheckboxes[i]).attr('name'));\n    }\n\n    for (i = 0; i < componentsList.length; i++) {\n      var matches = !s || !!componentsList[i].name.match(r),\n        matchesAuthor =\n          !a ||\n          (componentsList[i].author.name &&\n            !!componentsList[i].author.name.match(ar)),\n        selector = $('#component-' + componentsList[i].name),\n        isHidden = false;\n\n      for (var j = 0; j < hiddenStates.length; j++) {\n        if (componentsList[i].state.toLowerCase() === hiddenStates[j]) {\n          isHidden = true;\n        }\n      }\n\n      var show = matches && matchesAuthor && !isHidden;\n      selector[show ? 'removeClass' : 'addClass']('hide');\n      if (!show) {\n        hidden += 1;\n      }\n    }\n\n    var totalShowing = componentsList.length - hidden,\n      result = 'Showing ' + totalShowing + ' components';\n\n    if (s) {\n      result += ' matching search query: \"' + s + '\"';\n      if (a) {\n        result += ' and';\n      }\n    }\n    if (a) {\n      result += ' matching author query: \"' + a + '\"';\n    }\n\n    $('.componentRow.header .title').text(result);\n\n    return false;\n  };\n\n  var historyData = [];\n  var historyRenderedCount = 0;\n  var historyBatchSize = 50; // Number of items to render per batch\n  var isLoadingMore = false;\n\n  var renderHistoryBatch = function() {\n    if (historyRenderedCount >= historyData.length || isLoadingMore) {\n      return;\n    }\n\n    isLoadingMore = true;\n    var historyContent = $('#history-content');\n    var batchEnd = Math.min(historyRenderedCount + historyBatchSize, historyData.length);\n    var batchHtml = '';\n\n    for (var i = historyRenderedCount; i < batchEnd; i++) {\n      var item = historyData[i];\n      var templateSizeText = item.templateSize ? \n        ' [' + Math.round(item.templateSize / 1024) + ' kb]' : '';\n      \n      batchHtml += '<a href=\"' + item.name + '/' + item.version + '/~info\">' +\n                  '<div class=\"componentRow row table\">' +\n                  '<p class=\"release\">' +\n                  item.publishDate + ' - Published ' + item.name + '@' + item.version +\n                  templateSizeText +\n                  '</p>' +\n                  '</div>' +\n                  '</a>';\n    }\n\n    // Append new batch to existing content\n    historyContent.append(batchHtml);\n    historyRenderedCount = batchEnd;\n    \n    // Add loading indicator if there are more items\n    if (historyRenderedCount < historyData.length) {\n      historyContent.append('<div id=\"history-loading-more\" class=\"loading-more\">Loading more...</div>');\n    }\n    \n    isLoadingMore = false;\n  };\n\n  var setupHistoryScrollListener = function() {\n    var historyContainer = $('#components-history');\n    var checkScroll = function() {\n      if (historyRenderedCount >= historyData.length) {\n        return;\n      }\n\n      var containerTop = historyContainer.offset().top;\n      var containerHeight = historyContainer.outerHeight();\n      var scrollTop = $(window).scrollTop();\n      var windowHeight = $(window).height();\n      \n      // Check if user scrolled close to the bottom of the history container\n      var distanceFromBottom = (containerTop + containerHeight) - (scrollTop + windowHeight);\n      \n      if (distanceFromBottom < 200) { // Load more when 200px from bottom\n        $('#history-loading-more').remove();\n        renderHistoryBatch();\n      }\n    };\n\n    $(window).on('scroll.history', checkScroll);\n    \n    // Also check on resize\n    $(window).on('resize.history', checkScroll);\n  };\n\n  var loadComponentsHistory = function() {\n    var historyLoader = $('#history-loader');\n    var historyContent = $('#history-content');\n    var historyError = $('#history-error');\n\n    // Show loader\n    historyLoader.show();\n    historyContent.hide();\n    historyError.hide();\n\n    // Reset state\n    historyData = [];\n    historyRenderedCount = 0;\n    isLoadingMore = false;\n\n    // Remove any existing scroll listeners\n    $(window).off('scroll.history resize.history');\n\n    // Fetch history data\n    fetch('~registry/history')\n      .then(function(response) {\n        if (!response.ok) {\n          throw new Error('Failed to fetch history');\n        }\n        return response.json();\n      })\n      .then(function(data) {\n        historyData = data.componentsHistory || [];\n        \n        // Clear content and show container\n        historyContent.empty();\n        historyLoader.hide();\n        historyContent.show();\n        \n        if (historyData.length === 0) {\n          historyContent.html('<p style=\"text-align: center; color: #64748b; padding: 2em;\">No components history available.</p>');\n          return;\n        }\n\n        // Render first batch\n        renderHistoryBatch();\n        \n        // Setup scroll listener for infinite loading\n        setupHistoryScrollListener();\n      })\n      .catch(function(error) {\n        console.error('Error loading components history:', error);\n        historyLoader.hide();\n        historyError.show();\n      });\n  };\n\n  var isHistoryLoaded = false;\n\n  var initialiseTabs = function() {\n    var selectItem = function(target) {\n      var $target = $(target);\n      $('.box').hide();\n      $target.show();\n      $('#menuList a').removeClass('selected');\n      $('#menuList a[href=\"' + target + '\"]').addClass('selected');\n      \n      // Clean up scroll listeners when leaving history tab\n      if (target !== '#components-history') {\n        $(window).off('scroll.history resize.history');\n      }\n      \n      // Load history data when history tab is selected for the first time\n      if (target === '#components-history' && !isHistoryLoaded) {\n        loadComponentsHistory();\n        isHistoryLoaded = true;\n      }\n      // Re-enable scroll listeners when returning to history tab\n      else if (target === '#components-history' && isHistoryLoaded && historyRenderedCount < historyData.length) {\n        setupHistoryScrollListener();\n      }\n    };\n\n    var hash = location.href.split('#')[1] || '';\n    var isHashValid = hash && $('#' + hash);\n    var target = isHashValid ? '#' + hash : $($('#menuList a')[0]).attr('href');\n    selectItem(target);\n\n    $('#menuList a').click(function() {\n      selectItem($(this).attr('href'));\n    });\n  };\n\n  $('#filter-components')\n    .submit(componentsListChanged)\n    .keyup(componentsListChanged);\n  $('#filter-components input[type=checkbox]').change(componentsListChanged);\n\n  if (q) {\n    $('.search').val(q);\n  }\n\n  componentsListChanged();\n  initialiseTabs();\n});";
export default _default;