new Sortable(
            document.getElementById('group'),
            {
              handle: ".handle",
              chosenClass: "chosen",
              selectedClass: "selected",
            }
          )
        
      
        
          new Sortable(
            document.getElementById('group1'),
            {
              group: { name: 'a', put: true, pull: 'clone', revertDrag: true },
              chosenClass: "chosen",
            }
          );

          new Sortable(
            document.getElementById('group2'),
            {
              group: { name: 'b', put: ['a', 'b'], pull: true },
              chosenClass: "chosen",
            }
          )

          ...
        
      
                    
                      new Sortable(
                        document.getElementById('group'),
                        {
                          handle: '.handle', // Use `handle` or `selectHandle` to avoid click event conflicts
                          multiple: true, // mouse click to selected item
                          chosenClass: 'chosen',
                          selectedClass: 'selected',
                        }
                      )
                    
                  
                    
                      new Sortable(
                        document.getElementById('group'),
                        {
                          chosenClass: "chosen",
                          selectedClass: "selected",
                        }
                      )