export function createLibraryPanel()

in integ/utils.ts [231:264]

• 28 lines of code
• 2 McCabe index (conditional complexity)

export function createLibraryPanel(container: HTMLElement) {
  if (container.innerHTML !== '') {
    return;
  }

  const newDiv = document.createElement('div');
  newDiv.setAttribute('data-event-target', 'true');
  newDiv.setAttribute('data-dropzone', 'true');
  newDiv.classList.add('library');

  // Create element that is draggable at the top of the panel
  const draggableElement = document.createElement('div');
  draggableElement.innerText = 'drag here';
  draggableElement.classList.add('draggableElement');
  draggableElement.setAttribute('data-event-target', 'true');
  draggableElement.setAttribute('data-draggable', 'true');
  draggableElement.setAttribute('data-type', 'DiagramMaker.PanelDragHandle');
  draggableElement.setAttribute('data-id', 'library');

  newDiv.appendChild(draggableElement);

  newDiv.appendChild(createPanelNode('testId-normal', 'Normal'));
  newDiv.appendChild(createPanelNode('testId-normalWithSize', 'Normal with Size', { width: 100, height: 50 }));
  newDiv.appendChild(createPanelNode('testId-topBottom', 'Top Bottom'));
  newDiv.appendChild(createPanelNode('testId-centered', 'Centered'));
  newDiv.appendChild(createPanelNode('testId-start', 'Start Node'));
  newDiv.appendChild(createPanelNode('testId-end', 'End Node'));
  newDiv.appendChild(createPanelNode('testId-dead', 'Dead Node'));
  newDiv.appendChild(createPanelNode('testId-input', 'With Input'));
  newDiv.appendChild(createPanelNode('testId-dropdown', 'With Dropdown'));

  container.appendChild(newDiv);
  return newDiv;
}