Skip to main content
Create new
Introduction
Reactivity
Props
Logic
Events
Bindings
Lifecycle
Stores
Motion
Transitions
Animations
Easing
SVG
Actions
Classes
Component composition
Context API
Special elements
Module context
Debugging
7GUIs
Miscellaneous
App.svelte
List.svelte
<script>
import List from './List.svelte';
let items1 = [
{id:1, title: 'I'},
{id:2, title: 'Am'},
{id:3, title: 'Yoda'}
];
let items2 = [
{id:4, title: 'Luke'},
{id:5, title: 'Skywalker'}
];
let items3 = [
{id:1, title: 'Emperor'},
{id:2, title: 'Palpatine'},
{id:3, title: 'Death'},
{id:4, title: 'Star'}
];
</script>
<h3>You can't mix the light side and the dark side</h3>
<p>Notice: you might experience strange issues when playing with this one in the REPL but it works fine locally. <br> There is an <a href="https://github.com/isaacHagoel/svelte-dnd-action/issues/470">open issue</a> about this.</p>
<hr>
<List items={items1} type='light'/>
<hr>
<List items={items2} type='light'/>
<hr>
<List items={items3} type='dark'/>

import 'svelte/internal/disclose-version';
import 'svelte/internal/flags/legacy';
import * as $ from 'svelte/internal/client';
import List from './List.svelte';

var root = $.template(`<h3>You can't mix the light side and the dark side</h3> <p>Notice: you might experience strange issues when playing with this one in the REPL but it works fine locally. <br> There is an <a href="https://github.com/isaacHagoel/svelte-dnd-action/issues/470">open issue</a> about this.</p> <hr> <!> <hr> <!> <hr> <!>`, 1);

export default function App($$anchor) {
let items1 = [
{ id: 1, title: 'I' },
{ id: 2, title: 'Am' },
{ id: 3, title: 'Yoda' }
];

let items2 = [
{ id: 4, title: 'Luke' },
{ id: 5, title: 'Skywalker' }
];

let items3 = [
{ id: 1, title: 'Emperor' },
{ id: 2, title: 'Palpatine' },
{ id: 3, title: 'Death' },
{ id: 4, title: 'Star' }
];

var fragment = root();
var node = $.sibling($.first_child(fragment), 6);

List(node, { items: items1, type: 'light' });

var node_1 = $.sibling(node, 4);

List(node_1, { items: items2, type: 'light' });

var node_2 = $.sibling(node_1, 4);
result = svelte.compile(source, {
generate: ,
});
/* Add a <style> tag to see the CSS output */
		
			
				
  • Root {
    • css: null
    • js: []
    • start: 345
    • end: 753
    • type: "Root"
    • fragment: Fragment {...}
      • type: "Fragment"
      • nodes: [...] (16)
        • Text {...}
          • type: "Text"
          • start: 344
          • end: 345
          • raw: "\n"
          • data: "\n"
          }
        • RegularElement {...}
          • type: "RegularElement"
          • start: 345
          • end: 400
          • name: "h3"
          • attributes: []
          • fragment: Fragment {...}
            • type: "Fragment"
            • nodes: [...] (1)
              • Text {...}
                • type: "Text"
                • start: 349
                • end: 395
                • raw: "You can't mix the light side and the dark side"
                • data: "You can't mix the light side and the dark side"
                }
              ]
            }
          }
        • Text {...}
          • type: "Text"
          • start: 400
          • end: 401
          • raw: " "
          • data: " "
          }
        • RegularElement {...}
          • type: "RegularElement"
          • start: 401
          • end: 631
          • name: "p"
          • attributes: []
          • fragment: Fragment {...}
            • type: "Fragment"
            • nodes: [...] (5)
              • Text {...}
                • type: "Text"
                • start: 404
                • end: 514
                • raw: "Notice: you might experience strange issues when playing with this one in the REPL but it works fine locally. "
                • data: "Notice: you might experience strange issues when playing with this one in the REPL but it works fine locally. "
                }
              • RegularElement {...}
                • type: "RegularElement"
                • start: 514
                • end: 518
                • name: "br"
                • attributes: []
                • fragment: Fragment {...}
                  • type: "Fragment"
                  • nodes: []
                  }
                }
              • Text {...}
                • type: "Text"
                • start: 518
                • end: 531
                • raw: " There is an "
                • data: " There is an "
                }
              • RegularElement {...}
                • type: "RegularElement"
                • start: 531
                • end: 615
                • name: "a"
                • attributes: [...] (1)
                  • Attribute {...}
                    • type: "Attribute"
                    • start: 534
                    • end: 600
                    • name: "href"
                    • value: [...] (1)
                      • Text {...}
                        • start: 540
                        • end: 599
                        • type: "Text"
                        • raw: "https://github.com/isaacHagoel/svelte-dnd-action/issues/470"
                        • data: "https://github.com/isaacHagoel/svelte-dnd-action/issues/470"
                        }
                      ]
                    }
                  ]
                • fragment: Fragment {...}
                  • type: "Fragment"
                  • nodes: [...] (1)
                    • Text {...}
                      • type: "Text"
                      • start: 601
                      • end: 611
                      • raw: "open issue"
                      • data: "open issue"
                      }
                    ]
                  }
                }
              • Text {...}
                • type: "Text"
                • start: 615
                • end: 627
                • raw: " about this."
                • data: " about this."
                }
              ]
            }
          }
        • Text {...}
          • type: "Text"
          • start: 631
          • end: 632
          • raw: " "
          • data: " "
          }
        • RegularElement {...}
          • type: "RegularElement"
          • start: 632
          • end: 636
          • name: "hr"
          • attributes: []
          • fragment: Fragment {...}
            • type: "Fragment"
            • nodes: []
            }
          }
        • Text {...}
          • type: "Text"
          • start: 636
          • end: 637
          • raw: " "
          • data: " "
          }
        • Component {...}
          • type: "Component"
          • start: 637
          • end: 672
          • name: "List"
          • attributes: [...] (2)
            • Attribute {...}
              • type: "Attribute"
              • start: 643
              • end: 657
              • name: "items"
              • value: ExpressionTag {...}
                • type: "ExpressionTag"
                • start: 649
                • end: 657
                • expression: Identifier {...}
                  • type: "Identifier"
                  • start: 650
                  • end: 656
                  • loc: {...}
                    • start: {...}
                      • line: 22
                      • column: 13
                      }
                    • end: {...}
                      • line: 22
                      • column: 19
                      }
                    }
                  • name: "items1"
                  }
                }
              }
            • Attribute {...}
              • type: "Attribute"
              • start: 658
              • end: 670
              • name: "type"
              • value: [...] (1)
                • Text {...}
                  • start: 664
                  • end: 669
                  • type: "Text"
                  • raw: "light"
                  • data: "light"
                  }
                ]
              }
            ]
          • fragment: Fragment {...}
            • type: "Fragment"
            • nodes: []
            }
          }
        • Text {...}
          • type: "Text"
          • start: 672
          • end: 673
          • raw: " "
          • data: " "
          }
        • RegularElement {...}
          • type: "RegularElement"
          • start: 673
          • end: 677
          • name: "hr"
          • attributes: []
          • fragment: Fragment {...}
            • type: "Fragment"
            • nodes: []
            }
          }
        • Text {...}
          • type: "Text"
          • start: 677
          • end: 678
          • raw: " "
          • data: " "
          }
        • Component {...}
          • type: "Component"
          • start: 678
          • end: 713
          • name: "List"
          • attributes: [...] (2)
            • Attribute {...}
              • type: "Attribute"
              • start: 684
              • end: 698
              • name: "items"
              • value: ExpressionTag {...}
                • type: "ExpressionTag"
                • start: 690
                • end: 698
                • expression: Identifier {...}
                  • type: "Identifier"
                  • start: 691
                  • end: 697
                  • loc: {...}
                    • start: {...}
                      • line: 24
                      • column: 13
                      }
                    • end: {...}
                      • line: 24
                      • column: 19
                      }
                    }
                  • name: "items2"
                  }
                }
              }
            • Attribute {...}
              • type: "Attribute"
              • start: 699
              • end: 711
              • name: "type"
              • value: [...] (1)
                • Text {...}
                  • start: 705
                  • end: 710
                  • type: "Text"
                  • raw: "light"
                  • data: "light"
                  }
                ]
              }
            ]
          • fragment: Fragment {...}
            • type: "Fragment"
            • nodes: []
            }
          }
        • Text {...}
          • type: "Text"
          • start: 713
          • end: 714
          • raw: " "
          • data: " "
          }
        • RegularElement {...}
          • type: "RegularElement"
          • start: 714
          • end: 718
          • name: "hr"
          • attributes: []
          • fragment: Fragment {...}
            • type: "Fragment"
            • nodes: []
            }
          }
        • Text {...}
          • type: "Text"
          • start: 718
          • end: 719
          • raw: " "
          • data: " "
          }
        • Component {...}
          • type: "Component"
          • start: 719
          • end: 753
          • name: "List"
          • attributes: [...] (2)
            • Attribute {...}
              • type: "Attribute"
              • start: 725
              • end: 739
              • name: "items"
              • value: ExpressionTag {...}
                • type: "ExpressionTag"
                • start: 731
                • end: 739
                • expression: Identifier {...}
                  • type: "Identifier"
                  • start: 732
                  • end: 738
                  • loc: {...}
                    • start: {...}
                      • line: 26
                      • column: 13
                      }
                    • end: {...}
                      • line: 26
                      • column: 19
                      }
                    }
                  • name: "items3"
                  }
                }
              }
            • Attribute {...}
              • type: "Attribute"
              • start: 740
              • end: 751
              • name: "type"
              • value: [...] (1)
                • Text {...}
                  • start: 746
                  • end: 750
                  • type: "Text"
                  • raw: "dark"
                  • data: "dark"
                  }
                ]
              }
            ]
          • fragment: Fragment {...}
            • type: "Fragment"
            • nodes: []
            }
          }
        ]
      }
    • options: null
    • instance: Script {...}
      • type: "Script"
      • start: 0
      • end: 344
      • context: "default"
      • content: Program {...}
        • type: "Program"
        • start: 8
        • end: 335
        • loc: {...}
          • start: {...}
            • line: 1
            • column: 0
            }
          • end: {...}
            • line: 18
            • column: 0
            }
          }
        • body: [...] (4)
          • ImportDeclaration {...}
            • type: "ImportDeclaration"
            • start: 10
            • end: 43
            • loc: {...}
              • start: {...}
                • line: 2
                • column: 1
                }
              • end: {...}
                • line: 2
                • column: 34
                }
              }
            • specifiers: [...] (1)
              • ImportDefaultSpecifier {...}
                • type: "ImportDefaultSpecifier"
                • start: 17
                • end: 21
                • loc: {...}
                  • start: {...}
                    • line: 2
                    • column: 8
                    }
                  • end: {...}
                    • line: 2
                    • column: 12
                    }
                  }
                • local: Identifier {...}
                  • type: "Identifier"
                  • start: 17
                  • end: 21
                  • loc: {...}
                    • start: {...}
                      • line: 2
                      • column: 8
                      }
                    • end: {...}
                      • line: 2
                      • column: 12
                      }
                    }
                  • name: "List"
                  }
                }
              ]
            • source: Literal {...}
              • type: "Literal"
              • start: 27
              • end: 42
              • loc: {...}
                • start: {...}
                  • line: 2
                  • column: 18
                  }
                • end: {...}
                  • line: 2
                  • column: 33
                  }
                }
              • value: "./List.svelte"
              • raw: "'./List.svelte'"
              }
            }
          • VariableDeclaration {...}
            • type: "VariableDeclaration"
            • start: 45
            • end: 132
            • loc: {...}
              • start: {...}
                • line: 3
                • column: 1
                }
              • end: {...}
                • line: 7
                • column: 3
                }
              }
            • declarations: [...] (1)
              • VariableDeclarator {...}
                • type: "VariableDeclarator"
                • start: 49
                • end: 131
                • loc: {...}
                  • start: {...}
                    • line: 3
                    • column: 5
                    }
                  • end: {...}
                    • line: 7
                    • column: 2
                    }
                  }
                • id: Identifier {...}
                  • type: "Identifier"
                  • start: 49
                  • end: 55
                  • loc: {...}
                    • start: {...}
                      • line: 3
                      • column: 5
                      }
                    • end: {...}
                      • line: 3
                      • column: 11
                      }
                    }
                  • name: "items1"
                  }
                • init: ArrayExpression {...}
                  • type: "ArrayExpression"
                  • start: 58
                  • end: 131
                  • loc: {...}
                    • start: {...}
                      • line: 3
                      • column: 14
                      }
                    • end: {...}
                      • line: 7
                      • column: 2
                      }
                    }
                  • elements: [...] (3)
                    • ObjectExpression {...}
                      • type: "ObjectExpression"
                      • start: 62
                      • end: 80
                      • loc: {...}
                        • start: {...}
                          • line: 4
                          • column: 2
                          }
                        • end: {...}
                          • line: 4
                          • column: 20
                          }
                        }
                      • properties: [...] (2)
                        • Property {...}
                          • type: "Property"
                          • start: 63
                          • end: 67
                          • loc: {...}
                            • start: {...}
                              • line: 4
                              • column: 3
                              }
                            • end: {...}
                              • line: 4
                              • column: 7
                              }
                            }
                          • method: false
                          • shorthand: false
                          • computed: false
                          • key: Identifier {...}
                            • type: "Identifier"
                            • start: 63
                            • end: 65
                            • loc: {...}
                              • start: {...}
                                • line: 4
                                • column: 3
                                }
                              • end: {...}
                                • line: 4
                                • column: 5
                                }
                              }
                            • name: "id"
                            }
                          • value: Literal {...}
                            • type: "Literal"
                            • start: 66
                            • end: 67
                            • loc: {...}
                              • start: {...}
                                • line: 4
                                • column: 6
                                }
                              • end: {...}
                                • line: 4
                                • column: 7
                                }
                              }
                            • value: 1
                            • raw: "1"
                            }
                          • kind: "init"
                          }
                        • Property {...}
                          • type: "Property"
                          • start: 69
                          • end: 79
                          • loc: {...}
                            • start: {...}
                              • line: 4
                              • column: 9
                              }
                            • end: {...}
                              • line: 4
                              • column: 19
                              }
                            }
                          • method: false
                          • shorthand: false
                          • computed: false
                          • key: Identifier {...}
                            • type: "Identifier"
                            • start: 69
                            • end: 74
                            • loc: {...}
                              • start: {...}
                                • line: 4
                                • column: 9
                                }
                              • end: {...}
                                • line: 4
                                • column: 14
                                }
                              }
                            • name: "title"
                            }
                          • value: Literal {...}
                            • type: "Literal"
                            • start: 76
                            • end: 79
                            • loc: {...}
                              • start: {...}
                                • line: 4
                                • column: 16
                                }
                              • end: {...}
                                • line: 4
                                • column: 19
                                }
                              }
                            • value: "I"
                            • raw: "'I'"
                            }
                          • kind: "init"
                          }
                        ]
                      }
                    • ObjectExpression {...}
                      • type: "ObjectExpression"
                      • start: 84
                      • end: 103
                      • loc: {...}
                        • start: {...}
                          • line: 5
                          • column: 2
                          }
                        • end: {...}
                          • line: 5
                          • column: 21
                          }
                        }
                      • properties: [...] (2)
                        • Property {...}
                          • type: "Property"
                          • start: 85
                          • end: 89
                          • loc: {...}
                            • start: {...}
                              • line: 5
                              • column: 3
                              }
                            • end: {...}
                              • line: 5
                              • column: 7
                              }
                            }
                          • method: false
                          • shorthand: false
                          • computed: false
                          • key: Identifier {...}
                            • type: "Identifier"
                            • start: 85
                            • end: 87
                            • loc: {...}
                              • start: {...}
                                • line: 5
                                • column: 3
                                }
                              • end: {...}
                                • line: 5
                                • column: 5
                                }
                              }
                            • name: "id"
                            }
                          • value: Literal {...}
                            • type: "Literal"
                            • start: 88
                            • end: 89
                            • loc: {...}
                              • start: {...}
                                • line: 5
                                • column: 6
                                }
                              • end: {...}
                                • line: 5
                                • column: 7
                                }
                              }
                            • value: 2
                            • raw: "2"
                            }
                          • kind: "init"
                          }
                        • Property {...}
                          • type: "Property"
                          • start: 91
                          • end: 102
                          • loc: {...}
                            • start: {...}
                              • line: 5
                              • column: 9
                              }
                            • end: {...}
                              • line: 5
                              • column: 20
                              }
                            }
                          • method: false
                          • shorthand: false
                          • computed: false
                          • key: Identifier {...}
                            • type: "Identifier"
                            • start: 91
                            • end: 96
                            • loc: {...}
                              • start: {...}
                                • line: 5
                                • column: 9
                                }
                              • end: {...}
                                • line: 5
                                • column: 14
                                }
                              }
                            • name: "title"
                            }
                          • value: Literal {...}
                            • type: "Literal"
                            • start: 98
                            • end: 102
                            • loc: {...}
                              • start: {...}
                                • line: 5
                                • column: 16
                                }
                              • end: {...}
                                • line: 5
                                • column: 20
                                }
                              }
                            • value: "Am"
                            • raw: "'Am'"
                            }
                          • kind: "init"
                          }
                        ]
                      }
                    • ObjectExpression {...}
                      • type: "ObjectExpression"
                      • start: 107
                      • end: 128
                      • loc: {...}
                        • start: {...}
                          • line: 6
                          • column: 2
                          }
                        • end: {...}
                          • line: 6
                          • column: 23
                          }
                        }
                      • properties: [...] (2)
                        • Property {...}
                          • type: "Property"
                          • start: 108
                          • end: 112
                          • loc: {...}
                            • start: {...}
                              • line: 6
                              • column: 3
                              }
                            • end: {...}
                              • line: 6
                              • column: 7
                              }
                            }
                          • method: false
                          • shorthand: false
                          • computed: false
                          • key: Identifier {...}
                            • type: "Identifier"
                            • start: 108
                            • end: 110
                            • loc: {...}
                              • start: {...}
                                • line: 6
                                • column: 3
                                }
                              • end: {...}
                                • line: 6
                                • column: 5
                                }
                              }
                            • name: "id"
                            }
                          • value: Literal {...}
                            • type: "Literal"
                            • start: 111
                            • end: 112
                            • loc: {...}
                              • start: {...}
                                • line: 6
                                • column: 6
                                }
                              • end: {...}
                                • line: 6
                                • column: 7
                                }
                              }
                            • value: 3
                            • raw: "3"
                            }
                          • kind: "init"
                          }
                        • Property {...}
                          • type: "Property"
                          • start: 114
                          • end: 127
                          • loc: {...}
                            • start: {...}
                              • line: 6
                              • column: 9
                              }
                            • end: {...}
                              • line: 6
                              • column: 22
                              }
                            }
                          • method: false
                          • shorthand: false
                          • computed: false
                          • key: Identifier {...}
                            • type: "Identifier"
                            • start: 114
                            • end: 119
                            • loc: {...}
                              • start: {...}
                                • line: 6
                                • column: 9
                                }
                              • end: {...}
                                • line: 6
                                • column: 14
                                }
                              }
                            • name: "title"
                            }
                          • value: Literal {...}
                            • type: "Literal"
                            • start: 121
                            • end: 127
                            • loc: {...}
                              • start: {...}
                                • line: 6
                                • column: 16
                                }
                              • end: {...}
                                • line: 6
                                • column: 22
                                }
                              }
                            • value: "Yoda"
                            • raw: "'Yoda'"
                            }
                          • kind: "init"
                          }
                        ]
                      }
                    ]
                  }
                }
              ]
            • kind: "let"
            }
          • VariableDeclaration {...}
            • type: "VariableDeclaration"
            • start: 134
            • end: 206
            • loc: {...}
              • start: {...}
                • line: 8
                • column: 1
                }
              • end: {...}
                • line: 11
                • column: 3
                }
              }
            • declarations: [...] (1)
              • VariableDeclarator {...}
                • type: "VariableDeclarator"
                • start: 138
                • end: 205
                • loc: {...}
                  • start: {...}
                    • line: 8
                    • column: 5
                    }
                  • end: {...}
                    • line: 11
                    • column: 2
                    }
                  }
                • id: Identifier {...}
                  • type: "Identifier"
                  • start: 138
                  • end: 144
                  • loc: {...}
                    • start: {...}
                      • line: 8
                      • column: 5
                      }
                    • end: {...}
                      • line: 8
                      • column: 11
                      }
                    }
                  • name: "items2"
                  }
                • init: ArrayExpression {...}
                  • type: "ArrayExpression"
                  • start: 147
                  • end: 205
                  • loc: {...}
                    • start: {...}
                      • line: 8
                      • column: 14
                      }
                    • end: {...}
                      • line: 11
                      • column: 2
                      }
                    }
                  • elements: [...] (2)
                    • ObjectExpression {...}
                      • type: "ObjectExpression"
                      • start: 151
                      • end: 172
                      • loc: {...}
                        • start: {...}
                          • line: 9
                          • column: 2
                          }
                        • end: {...}
                          • line: 9
                          • column: 23
                          }
                        }
                      • properties: [...] (2)
                        • Property {...}
                          • type: "Property"
                          • start: 152
                          • end: 156
                          • loc: {...}
                            • start: {...}
                              • line: 9
                              • column: 3
                              }
                            • end: {...}
                              • line: 9
                              • column: 7
                              }
                            }
                          • method: false
                          • shorthand: false
                          • computed: false
                          • key: Identifier {...}
                            • type: "Identifier"
                            • start: 152
                            • end: 154
                            • loc: {...}
                              • start: {...}
                                • line: 9
                                • column: 3
                                }
                              • end: {...}
                                • line: 9
                                • column: 5
                                }
                              }
                            • name: "id"
                            }
                          • value: Literal {...}
                            • type: "Literal"
                            • start: 155
                            • end: 156
                            • loc: {...}
                              • start: {...}
                                • line: 9
                                • column: 6
                                }
                              • end: {...}
                                • line: 9
                                • column: 7
                                }
                              }
                            • value: 4
                            • raw: "4"
                            }
                          • kind: "init"
                          }
                        • Property {...}
                          • type: "Property"
                          • start: 158
                          • end: 171
                          • loc: {...}
                            • start: {...}
                              • line: 9
                              • column: 9
                              }
                            • end: {...}
                              • line: 9
                              • column: 22
                              }
                            }
                          • method: false
                          • shorthand: false
                          • computed: false
                          • key: Identifier {...}
                            • type: "Identifier"
                            • start: 158
                            • end: 163
                            • loc: {...}
                              • start: {...}
                                • line: 9
                                • column: 9
                                }
                              • end: {...}
                                • line: 9
                                • column: 14
                                }
                              }
                            • name: "title"
                            }
                          • value: Literal {...}
                            • type: "Literal"
                            • start: 165
                            • end: 171
                            • loc: {...}
                              • start: {...}
                                • line: 9
                                • column: 16
                                }
                              • end: {...}
                                • line: 9
                                • column: 22
                                }
                              }
                            • value: "Luke"
                            • raw: "'Luke'"
                            }
                          • kind: "init"
                          }
                        ]
                      }
                    • ObjectExpression {...}
                      • type: "ObjectExpression"
                      • start: 176
                      • end: 202
                      • loc: {...}
                        • start: {...}
                          • line: 10
                          • column: 2
                          }
                        • end: {...}
                          • line: 10
                          • column: 28
                          }
                        }
                      • properties: [...] (2)
                        • Property {...}
                          • type: "Property"
                          • start: 177
                          • end: 181
                          • loc: {...}
                            • start: {...}
                              • line: 10
                              • column: 3
                              }
                            • end: {...}
                              • line: 10
                              • column: 7
                              }
                            }
                          • method: false
                          • shorthand: false
                          • computed: false
                          • key: Identifier {...}
                            • type: "Identifier"
                            • start: 177
                            • end: 179
                            • loc: {...}
                              • start: {...}
                                • line: 10
                                • column: 3
                                }
                              • end: {...}
                                • line: 10
                                • column: 5
                                }
                              }
                            • name: "id"
                            }
                          • value: Literal {...}
                            • type: "Literal"
                            • start: 180
                            • end: 181
                            • loc: {...}
                              • start: {...}
                                • line: 10
                                • column: 6
                                }
                              • end: {...}
                                • line: 10
                                • column: 7
                                }
                              }
                            • value: 5
                            • raw: "5"
                            }
                          • kind: "init"
                          }
                        • Property {...}
                          • type: "Property"
                          • start: 183
                          • end: 201
                          • loc: {...}
                            • start: {...}
                              • line: 10
                              • column: 9
                              }
                            • end: {...}
                              • line: 10
                              • column: 27
                              }
                            }
                          • method: false
                          • shorthand: false
                          • computed: false
                          • key: Identifier {...}
                            • type: "Identifier"
                            • start: 183
                            • end: 188
                            • loc: {...}
                              • start: {...}
                                • line: 10
                                • column: 9
                                }
                              • end: {...}
                                • line: 10
                                • column: 14
                                }
                              }
                            • name: "title"
                            }
                          • value: Literal {...}
                            • type: "Literal"
                            • start: 190
                            • end: 201
                            • loc: {...}
                              • start: {...}
                                • line: 10
                                • column: 16
                                }
                              • end: {...}
                                • line: 10
                                • column: 27
                                }
                              }
                            • value: "Skywalker"
                            • raw: "'Skywalker'"
                            }
                          • kind: "init"
                          }
                        ]
                      }
                    ]
                  }
                }
              ]
            • kind: "let"
            }
          • VariableDeclaration {...}
            • type: "VariableDeclaration"
            • start: 208
            • end: 334
            • loc: {...}
              • start: {...}
                • line: 12
                • column: 1
                }
              • end: {...}
                • line: 17
                • column: 3
                }
              }
            • declarations: [...] (1)
              • VariableDeclarator {...}
                • type: "VariableDeclarator"
                • start: 212
                • end: 333
                • loc: {...}
                  • start: {...}
                    • line: 12
                    • column: 5
                    }
                  • end: {...}
                    • line: 17
                    • column: 2
                    }
                  }
                • id: Identifier {...}
                  • type: "Identifier"
                  • start: 212
                  • end: 218
                  • loc: {...}
                    • start: {...}
                      • line: 12
                      • column: 5
                      }
                    • end: {...}
                      • line: 12
                      • column: 11
                      }
                    }
                  • name: "items3"
                  }
                • init: ArrayExpression {...}
                  • type: "ArrayExpression"
                  • start: 221
                  • end: 333
                  • loc: {...}
                    • start: {...}
                      • line: 12
                      • column: 14
                      }
                    • end: {...}
                      • line: 17
                      • column: 2
                      }
                    }
                  • elements: [...] (4)
                    • ObjectExpression {...}
                      • type: "ObjectExpression"
                      • start: 225
                      • end: 249
                      • loc: {...}
                        • start: {...}
                          • line: 13
                          • column: 2
                          }
                        • end: {...}
                          • line: 13
                          • column: 26
                          }
                        }
                      • properties: [...] (2)
                        • Property {...}
                          • type: "Property"
                          • start: 226
                          • end: 230
                          • loc: {...}
                            • start: {...}
                              • line: 13
                              • column: 3
                              }
                            • end: {...}
                              • line: 13
                              • column: 7
                              }
                            }
                          • method: false
                          • shorthand: false
                          • computed: false
                          • key: Identifier {...}
                            • type: "Identifier"
                            • start: 226
                            • end: 228
                            • loc: {...}
                              • start: {...}
                                • line: 13
                                • column: 3
                                }
                              • end: {...}
                                • line: 13
                                • column: 5
                                }
                              }
                            • name: "id"
                            }
                          • value: Literal {...}
                            • type: "Literal"
                            • start: 229
                            • end: 230
                            • loc: {...}
                              • start: {...}
                                • line: 13
                                • column: 6
                                }
                              • end: {...}
                                • line: 13
                                • column: 7
                                }
                              }
                            • value: 1
                            • raw: "1"
                            }
                          • kind: "init"
                          }
                        • Property {...}
                          • type: "Property"
                          • start: 232
                          • end: 248
                          • loc: {...}
                            • start: {...}
                              • line: 13
                              • column: 9
                              }
                            • end: {...}
                              • line: 13
                              • column: 25
                              }
                            }
                          • method: false
                          • shorthand: false
                          • computed: false
                          • key: Identifier {...}
                            • type: "Identifier"
                            • start: 232
                            • end: 237
                            • loc: {...}
                              • start: {...}
                                • line: 13
                                • column: 9
                                }
                              • end: {...}
                                • line: 13
                                • column: 14
                                }
                              }
                            • name: "title"
                            }
                          • value: Literal {...}
                            • type: "Literal"
                            • start: 239
                            • end: 248
                            • loc: {...}
                              • start: {...}
                                • line: 13
                                • column: 16
                                }
                              • end: {...}
                                • line: 13
                                • column: 25
                                }
                              }
                            • value: "Emperor"
                            • raw: "'Emperor'"
                            }
                          • kind: "init"
                          }
                        ]
                      }
                    • ObjectExpression {...}
                      • type: "ObjectExpression"
                      • start: 253
                      • end: 279
                      • loc: {...}
                        • start: {...}
                          • line: 14
                          • column: 2
                          }
                        • end: {...}
                          • line: 14
                          • column: 28
                          }
                        }
                      • properties: [...] (2)
                        • Property {...}
                          • type: "Property"
                          • start: 254
                          • end: 258
                          • loc: {...}
                            • start: {...}
                              • line: 14
                              • column: 3
                              }
                            • end: {...}
                              • line: 14
                              • column: 7
                              }
                            }
                          • method: false
                          • shorthand: false
                          • computed: false
                          • key: Identifier {...}
                            • type: "Identifier"
                            • start: 254
                            • end: 256
                            • loc: {...}
                              • start: {...}
                                • line: 14
                                • column: 3
                                }
                              • end: {...}
                                • line: 14
                                • column: 5
                                }
                              }
                            • name: "id"
                            }
                          • value: Literal {...}
                            • type: "Literal"
                            • start: 257
                            • end: 258
                            • loc: {...}
                              • start: {...}
                                • line: 14
                                • column: 6
                                }
                              • end: {...}
                                • line: 14
                                • column: 7
                                }
                              }
                            • value: 2
                            • raw: "2"
                            }
                          • kind: "init"
                          }
                        • Property {...}
                          • type: "Property"
                          • start: 260
                          • end: 278
                          • loc: {...}
                            • start: {...}
                              • line: 14
                              • column: 9
                              }
                            • end: {...}
                              • line: 14
                              • column: 27
                              }
                            }
                          • method: false
                          • shorthand: false
                          • computed: false
                          • key: Identifier {...}
                            • type: "Identifier"
                            • start: 260
                            • end: 265
                            • loc: {...}
                              • start: {...}
                                • line: 14
                                • column: 9
                                }
                              • end: {...}
                                • line: 14
                                • column: 14
                                }
                              }
                            • name: "title"
                            }
                          • value: Literal {...}
                            • type: "Literal"
                            • start: 267
                            • end: 278
                            • loc: {...}
                              • start: {...}
                                • line: 14
                                • column: 16
                                }
                              • end: {...}
                                • line: 14
                                • column: 27
                                }
                              }
                            • value: "Palpatine"
                            • raw: "'Palpatine'"
                            }
                          • kind: "init"
                          }
                        ]
                      }
                    • ObjectExpression {...}
                      • type: "ObjectExpression"
                      • start: 283
                      • end: 305
                      • loc: {...}
                        • start: {...}
                          • line: 15
                          • column: 2
                          }
                        • end: {...}
                          • line: 15
                          • column: 24
                          }
                        }
                      • properties: [...] (2)
                        • Property {...}
                          • type: "Property"
                          • start: 284
                          • end: 288
                          • loc: {...}
                            • start: {...}
                              • line: 15
                              • column: 3
                              }
                            • end: {...}
                              • line: 15
                              • column: 7
                              }
                            }
                          • method: false
                          • shorthand: false
                          • computed: false
                          • key: Identifier {...}
                            • type: "Identifier"
                            • start: 284
                            • end: 286
                            • loc: {...}
                              • start: {...}
                                • line: 15
                                • column: 3
                                }
                              • end: {...}
                                • line: 15
                                • column: 5
                                }
                              }
                            • name: "id"
                            }
                          • value: Literal {...}
                            • type: "Literal"
                            • start: 287
                            • end: 288
                            • loc: {...}
                              • start: {...}
                                • line: 15
                                • column: 6
                                }
                              • end: {...}
                                • line: 15
                                • column: 7
                                }
                              }
                            • value: 3
                            • raw: "3"
                            }
                          • kind: "init"
                          }
                        • Property {...}
                          • type: "Property"
                          • start: 290
                          • end: 304
                          • loc: {...}
                            • start: {...}
                              • line: 15
                              • column: 9
                              }
                            • end: {...}
                              • line: 15
                              • column: 23
                              }
                            }
                          • method: false
                          • shorthand: false
                          • computed: false
                          • key: Identifier {...}
                            • type: "Identifier"
                            • start: 290
                            • end: 295
                            • loc: {...}
                              • start: {...}
                                • line: 15
                                • column: 9
                                }
                              • end: {...}
                                • line: 15
                                • column: 14
                                }
                              }
                            • name: "title"
                            }
                          • value: Literal {...}
                            • type: "Literal"
                            • start: 297
                            • end: 304
                            • loc: {...}
                              • start: {...}
                                • line: 15
                                • column: 16
                                }
                              • end: {...}
                                • line: 15
                                • column: 23
                                }
                              }
                            • value: "Death"
                            • raw: "'Death'"
                            }
                          • kind: "init"
                          }
                        ]
                      }
                    • ObjectExpression {...}
                      • type: "ObjectExpression"
                      • start: 309
                      • end: 330
                      • loc: {...}
                        • start: {...}
                          • line: 16
                          • column: 2
                          }
                        • end: {...}
                          • line: 16
                          • column: 23
                          }
                        }
                      • properties: [...] (2)
                        • Property {...}
                          • type: "Property"
                          • start: 310
                          • end: 314
                          • loc: {...}
                            • start: {...}
                              • line: 16
                              • column: 3
                              }
                            • end: {...}
                              • line: 16
                              • column: 7
                              }
                            }
                          • method: false
                          • shorthand: false
                          • computed: false
                          • key: Identifier {...}
                            • type: "Identifier"
                            • start: 310
                            • end: 312
                            • loc: {...}
                              • start: {...}
                                • line: 16
                                • column: 3
                                }
                              • end: {...}
                                • line: 16
                                • column: 5
                                }
                              }
                            • name: "id"
                            }
                          • value: Literal {...}
                            • type: "Literal"
                            • start: 313
                            • end: 314
                            • loc: {...}
                              • start: {...}
                                • line: 16
                                • column: 6
                                }
                              • end: {...}
                                • line: 16
                                • column: 7
                                }
                              }
                            • value: 4
                            • raw: "4"
                            }
                          • kind: "init"
                          }
                        • Property {...}
                          • type: "Property"
                          • start: 316
                          • end: 329
                          • loc: {...}
                            • start: {...}
                              • line: 16
                              • column: 9
                              }
                            • end: {...}
                              • line: 16
                              • column: 22
                              }
                            }
                          • method: false
                          • shorthand: false
                          • computed: false
                          • key: Identifier {...}
                            • type: "Identifier"
                            • start: 316
                            • end: 321
                            • loc: {...}
                              • start: {...}
                                • line: 16
                                • column: 9
                                }
                              • end: {...}
                                • line: 16
                                • column: 14
                                }
                              }
                            • name: "title"
                            }
                          • value: Literal {...}
                            • type: "Literal"
                            • start: 323
                            • end: 329
                            • loc: {...}
                              • start: {...}
                                • line: 16
                                • column: 16
                                }
                              • end: {...}
                                • line: 16
                                • column: 22
                                }
                              }
                            • value: "Star"
                            • raw: "'Star'"
                            }
                          • kind: "init"
                          }
                        ]
                      }
                    ]
                  }
                }
              ]
            • kind: "let"
            }
          ]
        • sourceType: "module"
        }
      • attributes: []
      }
    }
The AST is not public API and may change at any point in time
svelte-dnd-action multiple types • Playground • Svelte