custom element for tile loader #1

Original by @ChrisShank = @chrisshank.com. Reactions: 👀 1

I was wondering about ways to make web tiles easier to embed and I liked the way web applets did it with <applet-frame>. Reworking the first example on the README could look something like this:

<!-- the scheme of the src attribute determines the loader -->
<tile-frame src="at://did:plc:izttpdp3l6vss5crelt5kcux/ing.dasl.masl/3mcjwwoqjqs2v"></tile-frame>

<style>
  tile-frame {
    display: inline-block;
    vertical-align: top;
    padding: 50px;
    width: 570px;
  }
</style>

<script type="module">
  import { TileFrame } from '@dasl/tiles/tile-frame';
  import { ATTileLoader } from '@dasl/tiles/loader/at';

  // Static properties to configure where and how tiles are loaded.
  TileFrame.loadDomain = 'load.webtiles.bast';
  TileFrame.addLoader(new ATTileLoader());
  
  // Register the custom element
  TileFrame.define()
</script>