Radix Tree jQuery Plugin

              
  const demoData = [
      {
        label: 'Big Folder',
        open: true,
        infinite: true,
        lazy: true,
        badge: 100,
        tags: ['infinite', 'files']
      }
    ];
  function infiniteLazyLoad(node, done, opts, delay) {
    const total = 100;
    const page = opts && opts.page ? opts.page : 1;
    const pageSize = opts && opts.pageSize ? opts.pageSize : 20;
    const start = (page - 1) * pageSize;
    const end = Math.min(start + pageSize, total);
    const children = [];
    for (let i = start; i < end; i++) {
      children.push({
        label: 'File ' + (i + 1),
        badge: (i % 2 === 0) ? 'even' : 'odd',
        tags: (i % 10 === 0) ? ['milestone'] : []
      });
    }
    setTimeout(() => {
      done(children, end < total);
    }, delay); // Use the dynamic delay
  }
  // Example 1: Small pageSize, default threshold (pagination enabled for 5)
  $('.radix-tree-small').radixTree({
    data: demoData,
    lazyLoad: infiniteLazyLoad,
    pageSize: 5,         // Pagination enabled for 5 (default threshold is 5)
    lazyLoadDelay: 800
  });
  // Example 2: Custom threshold (pagination only for pageSize >= 10)
  $('.radix-tree-large').radixTree({
    data: demoData,
    lazyLoad: infiniteLazyLoad,
    pageSize: 5,         // Pagination NOT enabled for 5 (threshold is 10)
    paginateThreshold: 10,
    lazyLoadDelay: 800
  });