Dot and Box tag

<dot-and-box> tag elem

<dot-and-box> is a custom html tag and behaves like standard html tag (e.g. you can style it).

It supports attributes and events.

code - this is where actual DABL code is assigned

controls - show controls menu

autoplay - starts fast-forward on load

loop - whether to loop reset autoplay at end

keyboard - left and right arrow does backward and forward respectively, 'f' fast forward, 'b' fast backward, 'r' reset, 'p' pause

debug - show some debug information

experimental - show some experimental tools. Be aware that those can change or disappear without any notice.

initialized - happens after <dots-and-boxes> html control is initialized

on_before_step_forward - happens whenever step is going to be running forward

on_before_step_backward - happens whenever step is going to be running backward