/** * 3D Foundation Project * Copyright 2025 Smithsonian Institution * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ import CustomElement, { customElement, html, property } from "@ff/ui/CustomElement"; //////////////////////////////////////////////////////////////////////////////// @customElement("sv-logo") export default class Logo extends CustomElement { @property({ type: String }) assetPath = ""; protected static readonly defaultSmall = html`voyager-75grey`; protected static readonly defaultFull = html`voyager-75grey`; protected firstConnected() { super.firstConnected(); this.classList.add("sv-logo"); } protected render() { const logoSm = html`
${Logo.defaultSmall}
`; const logoFull = html`
${Logo.defaultFull}
`; return html`
${logoSm}
${logoFull}
`; } }