export class PageSettings extends HTMLElement {
  constructor() {
    super()
    this.attachShadow({mode: 'open'})
    this.language = navigator.language
    this.network = document.createElement(
      'm-settings-network-settings'
    )
    this.shadowRoot.append(this.network)
  }

  connectedCallback() {
    const style = document.createElement('style')
    style.textContent = `
      :host {
        max-height: 55vh;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        overflow-y: auto;
      }
    `
    this.shadowRoot.append(style)
  }

  get data() {
    return {
      ...this.network.data,
    }
  }

  set data(value) {
    this.network.data = {
      networkAccess: value.networkAccess
    }
  }

  set cspProfiles(value) {
    this.network.cspProfiles = value
  }
}