/**
 * Copyright 2023
 * @license , see License.md for full text.
 */
import{html as t,css as e}from"../../../lit/index.js";import{HAXCMSLitElementTheme as i}from"../../haxcms-elements/lib/core/HAXCMSLitElementTheme.js";import{HAXCMSRememberRoute as o}from"../../haxcms-elements/lib/core/utils/HAXCMSRememberRoute.js";import{HAXCMSThemeParts as s}from"../../haxcms-elements/lib/core/utils/HAXCMSThemeParts.js";import{store as l}from"../../haxcms-elements/lib/core/haxcms-site-store.js";import"../../haxcms-elements/lib/ui-components/navigation/site-menu.js";import"../../haxcms-elements/lib/ui-components/layout/site-footer.js";import"../../haxcms-elements/lib/ui-components/site/site-title.js";import"../../haxcms-elements/lib/ui-components/active-item/site-active-title.js";import"../../scroll-button/scroll-button.js";import{autorun as r,toJS as n}from"../../../mobx/dist/mobx.esm.js";class TerribleOutletThemes extends(o(s(i))){constructor(){super(),this.__disposer=[],r((t=>{this.activeManifestIndex=n(l.activeManifestIndex),this.__disposer.push(t)})),globalThis.document.body.style.backgroundColor="#e6fbff"}static get styles(){let t=[];return super.styles&&(t=super.styles),[t,e`
        :host {
          display: block;
        }
        site-menu {
          color: blue;
          --site-menu-active-color: blue;
          --site-menu-item-active-item-color: white;
          --map-menu-item-a-active-color: black;
          --map-menu-item-a-active-background-color: lightblue;
        }
        site-title {
          color: black;
          --site-title-link-text-decoration: none;
          --site-title-heading-font-size: 28px;
          --site-title-heading-margin: 0;
          --site-title-heading-padding: 0;
          --site-title-heading-text-align: center;
          --site-title-heading-text-rendering: optimizelegibility;
          --site-title-heading-font-weight: 100;
        }
        scroll-button {
          position: fixed;
          bottom: 0;
          --simple-icon-height: 50px;
          --simple-icon-width: 50px;
          right: 16px;
          color: blue;
          --scroll-button-color: white;
          --scroll-button-background-color: blue;
          --scroll-button-tooltip-background-color: white;
          --scroll-button-tooltip-color: black;
        }
      `]}render(){return t`
      <table align="left" border="0" width="1024">
        <tbody>
          <tr>
            <td colspan="2">
              <img
                src="${new URL("assets/header.jpg",import.meta.url).href}/../lips.jpg"
                width="125"
                height="74"
                border="0"
                alt=""
              />
            </td>
            <td valign="middle"><site-title></site-title></td>
          </tr>
          <tr>
            <td colspan="3" height="10"></td>
          </tr>
          <tr>
            <td width="125" valign="top">
              <site-menu></site-menu>
            </td>
            <td width="10"></td>
            <td valign="top">
              <br />
              <!--Hey look stupid this is where the text go-->
              <main id="contentcontainer">
                <site-active-title></site-active-title>
                <section id="slot">
                  <slot></slot>
                </section>
              </main>

              <div align="center">
                <site-footer></site-footer>
                <scroll-button
                  position="right"
                  label="Back to top"
                ></scroll-button>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    `}static get tag(){return"terrible-outlet-themes"}firstUpdated(t){super.firstUpdated&&super.firstUpdated(t)}disconnectedCallback(){for(var t in this.__disposer)this.__disposer[t].dispose();super.disconnectedCallback()}}customElements.define(TerribleOutletThemes.tag,TerribleOutletThemes);export{TerribleOutletThemes};