/**
 * Copyright 2023
 * @license , see License.md for full text.
 */
import{html as e,css as t}from"../../../lit/index.js";import{HAXCMSLitElementTheme as o}from"../../haxcms-elements/lib/core/HAXCMSLitElementTheme.js";import{HAXCMSRememberRoute as i}from"../../haxcms-elements/lib/core/utils/HAXCMSRememberRoute.js";import{HAXCMSThemeParts as s}from"../../haxcms-elements/lib/core/utils/HAXCMSThemeParts.js";import{store as r}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/navigation/site-top-menu.js";import"../../haxcms-elements/lib/ui-components/active-item/site-active-title.js";import"../../haxcms-elements/lib/ui-components/site/site-title.js";import"../../haxcms-elements/lib/ui-components/blocks/site-children-block.js";import"../../scroll-button/scroll-button.js";import{autorun as n,toJS as l}from"../../../mobx/dist/mobx.esm.js";class TerribleResumeThemes extends(i(s(o))){constructor(){super(),this.__disposer=[],n((e=>{this.activeManifestIndex=l(r.activeManifestIndex),this.__disposer.push(e)})),globalThis.document.body.style.backgroundColor="#e6fbff"}static get styles(){let e=[];return super.styles&&(e=super.styles),[e,t`
        :host {
          display: block;
        }
        a {
          color: blue;
          text-decoration: none;
        }
        a:active {
          color: #2b2b5a;
          text-decoration: none;
        }
        a:visited {
          color: blue;
          text-decoration: none;
        }
        a:hover {
          color: red;
          text-decoration: none;
        }
        a.menu {
          color: black;
          text-decoration: none;
          font-weight: bold;
          font-size: 150%;
        }
        a.menu:visited {
          color: black;
          text-decoration: none;
        }
        a.menu:hover {
          color: gray;
          text-decoration: none;
        }
        site-top-menu {
          font-size: 18px;
          --site-top-menu-bg: lightblue;
          --site-top-menu-link-color: #ffffff;
          --site-top-menu-indicator-color: #ffffff;
          --site-top-menu-link-active-color: var(
            --haxcms-basic-theme-accent-color
          );
        }
        site-top-menu::part(button) {
          font-size: 18px;
        }
      `]}render(){return e`
      <table
        align="center"
        cellspacing="0"
        cellpadding="0"
        border="3"
        frame="box"
      >
        <tbody>
          <tr>
            <td>
              <table border="0" cellpadding="0" cellspacing="0" width="800">
                <tbody>
                  <tr>
                    <td bgcolor="white">
                      <table
                        cellpadding="0"
                        cellspacing="0"
                        border="0"
                        height="104"
                        width="100%"
                      >
                        <tbody>
                          <tr>
                            <td align="center">
                              <site-top-menu indicator="arrow" arrow-size="8">
                                <site-title
                                  slot="prefix"
                                  class="spacing"
                                ></site-title>
                              </site-top-menu>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <table
                        border="0"
                        cellpadding="0"
                        align="center"
                        width="800"
                        bgcolor="white"
                      >
                        <tbody>
                          <tr>
                            <td height="8"></td>
                          </tr>
                          <tr>
                            <td width="25"></td>
                            <td id="contentcontainer">
                              <site-active-title
                                dynamic-methodology="ancestor"
                              ></site-active-title>
                              <section id="slot">
                                <slot></slot>
                              </section>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                      <aside>
                        <site-children-block
                          dynamic-methodology="ancestor"
                        ></site-children-block>
                      </aside>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
        </tbody>
      </table>
    `}static get tag(){return"terrible-resume-themes"}firstUpdated(e){super.firstUpdated&&super.firstUpdated(e)}disconnectedCallback(){for(var e in this.__disposer)this.__disposer[e].dispose();super.disconnectedCallback()}}customElements.define(TerribleResumeThemes.tag,TerribleResumeThemes);export{TerribleResumeThemes};