PDBe Molstar web component - Basic - v3.2.0

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta
            name="viewport"
            content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
        />
        <title>PDBe Molstar Component Demo</title>

        <!-- Required for IE11 -->
        <script src="https://cdn.jsdelivr.net/npm/babel-polyfill/dist/polyfill.min.js"></script>
        <!-- Web component polyfill (only loads what it needs) -->
        <script
            src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/webcomponents-lite.js"
            charset="utf-8"
        ></script>
        <!-- Required to polyfill modern browsers as code is ES5 for IE... -->
        <script
            src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"
            charset="utf-8"
        ></script>

        <!-- Molstar CSS & JS -->
        <link
            rel="stylesheet"
            type="text/css"
            href="https://cdn.jsdelivr.net/npm/pdbe-molstar@3.2.0/build/pdbe-molstar.css"
        />
        <script
            type="text/javascript"
            src="https://cdn.jsdelivr.net/npm/pdbe-molstar@3.2.0/build/pdbe-molstar-component.js"
        ></script>

        <style>
            #myViewer {
                width: 400px;
                height: 300px;
                position: relative;
                margin: 20px;
            }
        </style>
    </head>

    <body>
        <h3>PDBe Mol* Web-component Demo</h3>

        <!-- Molstar container -->
        <div id="myViewer">
            <pdbe-molstar
                id="pdbeMolstarComponent"
                molecule-id="1hda"
                assembly-id="1"
                default-preset="default"
                alphafold-view="false"
                hide-water="true"
                hide-het="false"
                hide-non-standard="false"
                load-maps="false"
                bg-color-b="20"
                bg-color-r="15"
                bg-color-g="0"
                highlight-color-g="255"
                highlight-color-b="0"
                select-color-g="255"
                select-color-b="0"
                lighting="glossy"
                domain-annotation="true"
                validation-annotation="true"
                symmetry-annotation="true"
                pdbe-url="https://www.ebi.ac.uk/pdbe/"
                encoding="bcif"
                low-precision="true"
                subscribe-events="false"
                hide-controls="false"
                sequence-panel="false"
                pdbe-link="true"
                loading-overlay="true"
                expanded="false"
                landscape="false"
                reactive="false"
            >
            </pdbe-molstar>
        </div>
    </body>
</html>