declare const _default: "\nvar oc = oc || {};\noc.cmd = oc.cmd || [];\n\noc.cmd.push(function() {\n  $('#versions').change(function() {\n    window.location = thisComponentHref + $(this).val() + '/~info';\n  });\n\n  var refreshPreview = function() {\n    var splitted = $('#href')\n        .val()\n        .split('?'),\n      url = splitted[0],\n      lang = $('#lang').val();\n\n    if (url.slice(-1) !== '/') {\n      url += '/';\n    }\n\n    url = url.replace('http://', '//').replace('https://', '//');\n    url += '~preview/?__ocAcceptLanguage=' + lang + '&';\n\n    if (splitted.length > 1) {\n      url += splitted[1];\n    }\n\n    $('.preview-iframe').attr('src', url);\n\n    return false;\n  };\n\n  var updateHrefFromParameters = function() {\n    var baseUrl = $('#href').val().split('?')[0];\n    var params = {};\n    \n    // Collect all parameter values\n    $('.parameter-input').each(function() {\n      var paramName = $(this).data('parameter');\n      var paramValue;\n      \n      // Handle different input types\n      if ($(this).attr('type') === 'checkbox') {\n        paramValue = $(this).is(':checked') ? 'true' : 'false';\n      } else {\n        paramValue = $(this).val();\n      }\n      \n      if (paramValue && paramValue.trim() !== '' && paramValue !== 'false') {\n        params[paramName] = paramValue.trim();\n      }\n    });\n    \n    // Build query string\n    var queryString = Object.keys(params).map(function(key) {\n      return encodeURIComponent(key) + '=' + encodeURIComponent(params[key]);\n    }).join('&');\n    \n    // Update href\n    var newHref = baseUrl + (queryString ? '?' + queryString : '');\n    $('#href').val(newHref);\n    \n    return newHref;\n  };\n\n  $('.refresh-preview').click(refreshPreview);\n\n  // Add Enter key handler for the href input field\n  $('#href').keypress(function(e) {\n    if (e.which === 13) { // Enter key\n      refreshPreview();\n      return false;\n    }\n  });\n\n  // Handle parameter input changes\n  $('.parameter-input').on('input blur change', function() {\n    updateHrefFromParameters();\n  });\n\n  // Handle Enter key on parameter inputs (for text and number inputs)\n  $('.parameter-input[type=\"text\"], .parameter-input[type=\"number\"]').keypress(function(e) {\n    if (e.which === 13) { // Enter key\n      updateHrefFromParameters();\n      refreshPreview();\n      return false;\n    }\n  });\n\n  // Handle checkbox changes - immediately refresh preview\n  $('.parameter-input[type=\"checkbox\"]').on('change', function() {\n    updateHrefFromParameters();\n    refreshPreview();\n  });\n\n  $('.open-preview').click(function() {\n    refreshPreview();\n    var url = $('.preview-iframe').attr('src');\n\n    window.open(url, '_blank');\n    return false;\n  });\n\n  // Collapsible sections functionality\n  function initCollapsibleSections() {\n    // Check if we're on mobile (screen width <= 1024px)\n    var isMobile = window.innerWidth <= 1024;\n    \n    $('.collapsible-header').each(function() {\n      var header = $(this);\n      var content = $('#' + header.data('target'));\n      var toggle = header.find('.collapse-toggle');\n      \n      // On mobile, start collapsed; on desktop, start expanded\n      if (isMobile) {\n        content.addClass('collapsed').removeClass('expanded');\n        header.addClass('collapsed');\n      } else {\n        content.addClass('expanded').removeClass('collapsed');\n        header.removeClass('collapsed');\n      }\n      \n      // Handle click on header or toggle button\n      header.on('click', function(e) {\n        e.preventDefault();\n        toggleSection(header, content);\n      });\n      \n      toggle.on('click', function(e) {\n        e.preventDefault();\n        e.stopPropagation();\n        toggleSection(header, content);\n      });\n    });\n  }\n  \n  function toggleSection(header, content) {\n    if (content.hasClass('collapsed')) {\n      content.removeClass('collapsed').addClass('expanded');\n      header.removeClass('collapsed');\n    } else {\n      content.removeClass('expanded').addClass('collapsed');\n      header.addClass('collapsed');\n    }\n  }\n  \n  // Initialize collapsible sections on page load\n  initCollapsibleSections();\n  \n  // Re-initialize on window resize\n  $(window).on('resize', function() {\n    initCollapsibleSections();\n  });\n\n});";
export default _default;