@matdata/yasgui 4.6.1

package/src/TabSettingsModal.scss

@@ -0,0 +1,226 @@
+.tabPrefixButton {
+  cursor: pointer;
+  background: transparent;
+  color: inherit;
+  border: none;
+  padding: 6px 12px;
+  font-size: 12px;
+  font-weight: 600;
+  margin-left: 10px;
+
+  &:hover {
+    opacity: 0.7;
+  }
+
+  &:active {
+    opacity: 0.5;
+  }
+}
+
+.tabSettingsModalOverlay {
+  display: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 10000;
+  align-items: center;
+  justify-content: center;
+
+  &.open {
+    display: flex;
+  }
+}
+
+.tabSettingsModal {
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+  max-width: 800px;
+  width: 90%;
+  max-height: 90vh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.modalHeader {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20px;
+  border-bottom: 1px solid #e0e0e0;
+
+  h2 {
+    margin: 0;
+    font-size: 20px;
+    font-weight: 600;
+  }
+
+  .closeButton {
+    background: none;
+    border: none;
+    font-size: 32px;
+    line-height: 1;
+    cursor: pointer;
+    color: #666;
+    padding: 0;
+    width: 32px;
+    height: 32px;
+
+    &:hover {
+      color: #333;
+    }
+  }
+}
+
+.modalBody {
+  flex: 1;
+  overflow-y: auto;
+  padding: 20px;
+}
+
+.modalTabs {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 20px;
+  border-bottom: 2px solid #e0e0e0;
+}
+
+.modalTabButton {
+  background: none;
+  border: none;
+  padding: 10px 20px;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+  color: #666;
+  border-bottom: 3px solid transparent;
+  margin-bottom: -2px;
+  transition: all 0.2s;
+
+  &:hover {
+    color: #337ab7;
+  }
+
+  &.active {
+    color: #337ab7;
+    border-bottom-color: #337ab7;
+  }
+}
+
+.modalTabContent {
+  display: none;
+
+  &.active {
+    display: block;
+  }
+}
+
+.settingsSection {
+  margin-bottom: 20px;
+}
+
+.settingsLabel {
+  font-weight: 600;
+  margin-bottom: 8px;
+  font-size: 14px;
+  display: block;
+}
+
+.settingsHelp {
+  font-size: 12px;
+  color: #666;
+  margin-bottom: 10px;
+  font-style: italic;
+}
+
+.settingsSelect {
+  width: 100%;
+  padding: 8px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-size: 14px;
+
+  &:focus {
+    outline: none;
+    border-color: #337ab7;
+    box-shadow: 0 0 0 2px rgba(51, 122, 183, 0.1);
+  }
+}
+
+.prefixTextarea {
+  width: 100%;
+  padding: 10px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-family: monospace;
+  font-size: 13px;
+  resize: vertical;
+  box-sizing: border-box;
+  min-height: 200px;
+
+  &:focus {
+    outline: none;
+    border-color: #337ab7;
+    box-shadow: 0 0 0 2px rgba(51, 122, 183, 0.1);
+  }
+}
+
+.checkboxContainer {
+  margin-top: 15px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  input[type="checkbox"] {
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+  }
+
+  label {
+    cursor: pointer;
+    font-size: 14px;
+    user-select: none;
+    margin: 0;
+  }
+}
+
+.modalFooter {
+  padding: 15px 20px;
+  border-top: 1px solid #e0e0e0;
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+}
+
+.primaryButton,
+.secondaryButton {
+  padding: 8px 20px;
+  border: none;
+  border-radius: 4px;
+  font-size: 14px;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+
+.primaryButton {
+  background: #337ab7;
+  color: white;
+
+  &:hover {
+    background: #286090;
+  }
+}
+
+.secondaryButton {
+  background: #e0e0e0;
+  color: #333;
+
+  &:hover {
+    background: #d0d0d0;
+  }
+}

package/src/TabSettingsModal.ts

@@ -0,0 +1,424 @@
+import { addClass, removeClass, drawSvgStringAsElement } from "@matdata/yasgui-utils";
+import "./TabSettingsModal.scss";
+import Tab from "./Tab";
+
+const AcceptOptionsMap: { key: string; value: string }[] = [
+  { key: "JSON", value: "application/sparql-results+json" },
+  { key: "XML", value: "application/sparql-results+xml" },
+  { key: "CSV", value: "text/csv" },
+  { key: "TSV", value: "text/tab-separated-values" },
+];
+const AcceptHeaderGraphMap: { key: string; value: string }[] = [
+  { key: "Turtle", value: "text/turtle" },
+  { key: "JSON", value: "application/rdf+json" },
+  { key: "RDF/XML", value: "application/rdf+xml" },
+  { key: "TriG", value: "application/trig" },
+  { key: "N-Triples", value: "application/n-triples" },
+  { key: "N-Quads", value: "application/n-quads" },
+  { key: "CSV", value: "text/csv" },
+  { key: "TSV", value: "text/tab-separated-values" },
+];
+
+export default class TabSettingsModal {
+  private tab: Tab;
+  private modalOverlay!: HTMLElement;
+  private modalContent!: HTMLElement;
+  private settingsButton!: HTMLButtonElement;
+  private prefixButton!: HTMLButtonElement;
+  private prefixTextarea!: HTMLTextAreaElement;
+  private autoCaptureCheckbox!: HTMLInputElement;
+
+  constructor(tab: Tab, controlBarEl: HTMLElement) {
+    this.tab = tab;
+    this.init(controlBarEl);
+  }
+
+  private init(controlBarEl: HTMLElement) {
+    // Settings button
+    this.settingsButton = document.createElement("button");
+    this.settingsButton.setAttribute("aria-label", "Settings");
+    this.settingsButton.title = "Settings";
+    this.settingsButton.appendChild(
+      drawSvgStringAsElement(
+        `<svg width="100.06" height="100.05" data-name="Layer 1" version="1.1" viewBox="0 0 100.06 100.05" xmlns="http://www.w3.org/2000/svg">
+        <title>Settings</title>
+        <path d="m95.868 58.018-3-3.24a42.5 42.5 0 0 0 0-9.43l3-3.22c1.79-1.91 5-4.44 4-6.85l-4.11-10c-1-2.41-5.08-1.91-7.69-2l-4.43-0.16a43.24 43.24 0 0 0-6.64-6.66l-0.14-4.43c-0.08-2.6 0.43-6.69-2-7.69l-10-4.15c-2.4-1-4.95 2.25-6.85 4l-3.23 3a42.49 42.49 0 0 0-9.44 0l-3.21-3c-1.9-1.78-4.44-5-6.85-4l-10 4.11c-2.41 1-1.9 5.09-2 7.69l-0.16 4.42a43.24 43.24 0 0 0-6.67 6.65l-4.42 0.14c-2.6 0.08-6.69-0.43-7.69 2l-4.15 10c-1 2.4 2.25 4.94 4 6.84l3 3.23a42.49 42.49 0 0 0 0 9.44l-3 3.22c-1.78 1.9-5 4.43-4 6.84l4.11 10c1 2.41 5.09 1.91 7.7 2l4.41 0.15a43.24 43.24 0 0 0 6.66 6.68l0.13 4.41c0.08 2.6-0.43 6.7 2 7.7l10 4.15c2.4 1 4.94-2.25 6.84-4l3.24-3a42.5 42.5 0 0 0 9.42 0l3.22 3c1.91 1.79 4.43 5 6.84 4l10-4.11c2.41-1 1.91-5.08 2-7.7l0.15-4.42a43.24 43.24 0 0 0 6.68-6.65l4.42-0.14c2.6-0.08 6.7 0.43 7.7-2l4.15-10c1.04-2.36-2.22-4.9-3.99-6.82zm-45.74 15.7c-12.66 0-22.91-10.61-22.91-23.7s10.25-23.7 22.91-23.7 22.91 10.61 22.91 23.7-10.25 23.7-22.91 23.7z"/>
+       </svg>`,
+      ),
+    );
+    addClass(this.settingsButton, "tabContextButton");
+    controlBarEl.appendChild(this.settingsButton);
+    this.settingsButton.onclick = () => this.open();
+
+    // Prefix button
+    this.prefixButton = document.createElement("button");
+    this.prefixButton.setAttribute("aria-label", "Insert Prefixes");
+    this.prefixButton.title = "Insert saved prefixes into query";
+    this.prefixButton.textContent = "PREFIX";
+    addClass(this.prefixButton, "tabPrefixButton");
+    controlBarEl.appendChild(this.prefixButton);
+    this.prefixButton.onclick = () => this.insertPrefixesIntoQuery();
+
+    this.createModal();
+  }
+
+  private createModal() {
+    // Modal overlay
+    this.modalOverlay = document.createElement("div");
+    addClass(this.modalOverlay, "tabSettingsModalOverlay");
+    this.modalOverlay.onclick = () => this.close();
+
+    // Modal content
+    this.modalContent = document.createElement("div");
+    addClass(this.modalContent, "tabSettingsModal");
+    this.modalContent.onclick = (e) => e.stopPropagation();
+
+    // Header
+    const header = document.createElement("div");
+    addClass(header, "modalHeader");
+    const title = document.createElement("h2");
+    title.textContent = "Tab Settings";
+    header.appendChild(title);
+
+    const closeBtn = document.createElement("button");
+    closeBtn.textContent = "×";
+    addClass(closeBtn, "closeButton");
+    closeBtn.onclick = () => this.close();
+    header.appendChild(closeBtn);
+
+    this.modalContent.appendChild(header);
+
+    // Body with tabs
+    const body = document.createElement("div");
+    addClass(body, "modalBody");
+
+    const tabsContainer = document.createElement("div");
+    addClass(tabsContainer, "modalTabs");
+
+    const requestTab = document.createElement("button");
+    requestTab.textContent = "Request";
+    addClass(requestTab, "modalTabButton", "active");
+    requestTab.onclick = () => this.switchTab("request");
+
+    const prefixTab = document.createElement("button");
+    prefixTab.textContent = "Prefixes";
+    addClass(prefixTab, "modalTabButton");
+    prefixTab.onclick = () => this.switchTab("prefix");
+
+    tabsContainer.appendChild(requestTab);
+    tabsContainer.appendChild(prefixTab);
+    body.appendChild(tabsContainer);
+
+    // Tab content containers
+    const requestContent = document.createElement("div");
+    addClass(requestContent, "modalTabContent", "active");
+    requestContent.id = "request-content";
+    this.drawRequestSettings(requestContent);
+
+    const prefixContent = document.createElement("div");
+    addClass(prefixContent, "modalTabContent");
+    prefixContent.id = "prefix-content";
+    this.drawPrefixSettings(prefixContent);
+
+    body.appendChild(requestContent);
+    body.appendChild(prefixContent);
+
+    this.modalContent.appendChild(body);
+
+    // Footer
+    const footer = document.createElement("div");
+    addClass(footer, "modalFooter");
+
+    const saveBtn = document.createElement("button");
+    saveBtn.textContent = "Save";
+    addClass(saveBtn, "primaryButton");
+    saveBtn.onclick = () => this.save();
+
+    const cancelBtn = document.createElement("button");
+    cancelBtn.textContent = "Cancel";
+    addClass(cancelBtn, "secondaryButton");
+    cancelBtn.onclick = () => this.close();
+
+    footer.appendChild(cancelBtn);
+    footer.appendChild(saveBtn);
+
+    this.modalContent.appendChild(footer);
+
+    this.modalOverlay.appendChild(this.modalContent);
+    document.body.appendChild(this.modalOverlay);
+  }
+
+  private switchTab(tabName: string) {
+    const buttons = this.modalContent.querySelectorAll(".modalTabButton");
+    const contents = this.modalContent.querySelectorAll(".modalTabContent");
+
+    buttons.forEach((btn, index) => {
+      if ((tabName === "request" && index === 0) || (tabName === "prefix" && index === 1)) {
+        addClass(btn as HTMLElement, "active");
+      } else {
+        removeClass(btn as HTMLElement, "active");
+      }
+    });
+
+    contents.forEach((content) => {
+      if (content.id === `${tabName}-content`) {
+        addClass(content as HTMLElement, "active");
+      } else {
+        removeClass(content as HTMLElement, "active");
+      }
+    });
+  }
+
+  private drawPrefixSettings(container: HTMLElement) {
+    const section = document.createElement("div");
+    addClass(section, "settingsSection");
+
+    const label = document.createElement("label");
+    label.textContent = "Saved Prefixes";
+    addClass(label, "settingsLabel");
+
+    const help = document.createElement("div");
+    help.textContent = "Enter PREFIX declarations (one per line). These will be available for insertion into queries.";
+    addClass(help, "settingsHelp");
+
+    this.prefixTextarea = document.createElement("textarea");
+    addClass(this.prefixTextarea, "prefixTextarea");
+    this.prefixTextarea.placeholder =
+      "PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>\nPREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>";
+    this.prefixTextarea.rows = 10;
+
+    const checkboxContainer = document.createElement("div");
+    addClass(checkboxContainer, "checkboxContainer");
+
+    this.autoCaptureCheckbox = document.createElement("input");
+    this.autoCaptureCheckbox.type = "checkbox";
+    this.autoCaptureCheckbox.id = "autoCapturePrefixes";
+
+    const checkboxLabel = document.createElement("label");
+    checkboxLabel.htmlFor = "autoCapturePrefixes";
+    checkboxLabel.textContent = "Automatically capture new prefixes from query editor";
+
+    checkboxContainer.appendChild(this.autoCaptureCheckbox);
+    checkboxContainer.appendChild(checkboxLabel);
+
+    section.appendChild(label);
+    section.appendChild(help);
+    section.appendChild(this.prefixTextarea);
+    section.appendChild(checkboxContainer);
+
+    container.appendChild(section);
+  }
+
+  private drawRequestSettings(container: HTMLElement) {
+    // This is a simplified version - you can expand based on TabPanel.ts
+    const reqConfig = this.tab.getRequestConfig();
+
+    // Request Method section
+    const methodSection = this.createSection("Request Method");
+    const methodSelect = this.createSelect(
+      ["GET", "POST"],
+      typeof reqConfig.method === "function" ? "POST" : reqConfig.method,
+    );
+    methodSelect.setAttribute("data-config", "method");
+    methodSection.appendChild(methodSelect);
+    container.appendChild(methodSection);
+
+    // Accept Header sections
+    const acceptSection = this.createSection("Accept Header (SELECT/ASK)");
+    const acceptSelect = this.createOptionsSelect(AcceptOptionsMap, <string>reqConfig.acceptHeaderSelect);
+    acceptSelect.setAttribute("data-config", "acceptHeaderSelect");
+    acceptSection.appendChild(acceptSelect);
+    container.appendChild(acceptSection);
+
+    const acceptGraphSection = this.createSection("Accept Header (CONSTRUCT/DESCRIBE)");
+    const acceptGraphSelect = this.createOptionsSelect(AcceptHeaderGraphMap, <string>reqConfig.acceptHeaderGraph);
+    acceptGraphSelect.setAttribute("data-config", "acceptHeaderGraph");
+    acceptGraphSection.appendChild(acceptGraphSelect);
+    container.appendChild(acceptGraphSection);
+  }
+
+  private createSection(title: string): HTMLElement {
+    const section = document.createElement("div");
+    addClass(section, "settingsSection");
+    const label = document.createElement("div");
+    addClass(label, "settingsLabel");
+    label.textContent = title;
+    section.appendChild(label);
+    return section;
+  }
+
+  private createSelect(options: string[], selected?: string): HTMLSelectElement {
+    const select = document.createElement("select");
+    addClass(select, "settingsSelect");
+    options.forEach((opt) => {
+      const option = document.createElement("option");
+      option.value = opt;
+      option.textContent = opt;
+      if (opt === selected) option.selected = true;
+      select.appendChild(option);
+    });
+    return select;
+  }
+
+  private createOptionsSelect(options: { key: string; value: string }[], selected?: string): HTMLSelectElement {
+    const select = document.createElement("select");
+    addClass(select, "settingsSelect");
+    options.forEach((opt) => {
+      const option = document.createElement("option");
+      option.value = opt.value;
+      option.textContent = opt.key;
+      if (opt.value === selected) option.selected = true;
+      select.appendChild(option);
+    });
+    return select;
+  }
+
+  public open() {
+    this.loadSettings();
+    addClass(this.modalOverlay, "open");
+  }
+
+  public close() {
+    removeClass(this.modalOverlay, "open");
+  }
+
+  private loadSettings() {
+    // Load prefix settings
+    let prefixes = this.tab.yasgui.persistentConfig.getPrefixes();
+    const autoCapture = this.tab.yasgui.persistentConfig.getAutoCaptureEnabled();
+
+    // Set default prefixes if none exist
+    if (!prefixes || prefixes.trim().length === 0) {
+      prefixes = `PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>\nPREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>`;
+      this.tab.yasgui.persistentConfig.setPrefixes(prefixes);
+    }
+
+    this.prefixTextarea.value = prefixes;
+    this.autoCaptureCheckbox.checked = autoCapture;
+  }
+
+  private save() {
+    // Save prefix settings
+    const prefixText = this.prefixTextarea.value;
+    const autoCapture = this.autoCaptureCheckbox.checked;
+
+    // Parse and deduplicate prefixes
+    const deduplicated = this.deduplicatePrefixes(prefixText);
+    this.tab.yasgui.persistentConfig.setPrefixes(deduplicated);
+    this.tab.yasgui.persistentConfig.setAutoCaptureEnabled(autoCapture);
+
+    // Save request settings
+    const requestContent = this.modalContent.querySelector("#request-content");
+    if (requestContent) {
+      const selects = requestContent.querySelectorAll("select[data-config]");
+      const updates: any = {};
+      selects.forEach((select) => {
+        const config = (select as HTMLSelectElement).getAttribute("data-config");
+        if (config) {
+          updates[config] = (select as HTMLSelectElement).value;
+        }
+      });
+      this.tab.setRequestConfig(updates);
+    }
+
+    this.close();
+  }
+
+  private deduplicatePrefixes(prefixText: string): string {
+    const lines = prefixText.split("\n");
+    const seen = new Map<string, string>();
+    const result: string[] = [];
+
+    for (const line of lines) {
+      const trimmed = line.trim();
+      if (!trimmed) continue;
+
+      // Extract prefix label from line
+      const match = trimmed.match(/^\s*PREFIX\s+(\w+):\s*<(.+)>\s*$/i);
+      if (match) {
+        const label = match[1].toLowerCase();
+        if (!seen.has(label)) {
+          seen.set(label, trimmed);
+          result.push(trimmed);
+        }
+      } else {
+        // Keep non-prefix lines as-is
+        result.push(trimmed);
+      }
+    }
+
+    return result.join("\n");
+  }
+
+  private insertPrefixesIntoQuery() {
+    const yasqe = this.tab.getYasqe();
+    if (!yasqe) return;
+
+    const savedPrefixes = this.tab.yasgui.persistentConfig.getPrefixes();
+    if (!savedPrefixes.trim()) return;
+
+    // Get current query and find where PREFIX declarations end
+    const currentQuery = yasqe.getValue();
+    const lines = currentQuery.split("\n");
+
+    let firstNonPrefixLine = 0;
+    for (let i = 0; i < lines.length; i++) {
+      const trimmed = lines[i].trim();
+      // Skip empty lines and PREFIX lines
+      if (trimmed.length > 0 && !trimmed.toUpperCase().startsWith("PREFIX")) {
+        firstNonPrefixLine = i;
+        break;
+      }
+    }
+
+    // If we didn't find a non-PREFIX line, all lines are PREFIX or empty
+    if (firstNonPrefixLine === 0 && lines.length > 0) {
+      // Check if there's any content at all
+      const hasContent = lines.some((line) => line.trim().length > 0);
+      if (
+        !hasContent ||
+        lines.every((line) => line.trim().length === 0 || line.trim().toUpperCase().startsWith("PREFIX"))
+      ) {
+        firstNonPrefixLine = lines.length;
+      }
+    }
+
+    // Keep the rest of the query (non-PREFIX lines)
+    const restOfQuery = lines.slice(firstNonPrefixLine).join("\n").trim();
+
+    // Build new query with saved prefixes + rest of query
+    const newQuery = savedPrefixes + (restOfQuery ? "\n\n" + restOfQuery : "");
+    yasqe.setValue(newQuery);
+    yasqe.focus();
+  }
+
+  public capturePrefixesFromQuery() {
+    const autoCapture = this.tab.yasgui.persistentConfig.getAutoCaptureEnabled();
+    if (!autoCapture) return;
+
+    const yasqe = this.tab.getYasqe();
+    if (!yasqe) return;
+
+    const queryPrefixes = yasqe.getPrefixesFromQuery();
+    if (!queryPrefixes || Object.keys(queryPrefixes).length === 0) return;
+
+    // Convert query prefixes to text format
+    const newPrefixLines: string[] = [];
+    for (const [label, uri] of Object.entries(queryPrefixes)) {
+      newPrefixLines.push(`PREFIX ${label}: <${uri}>`);
+    }
+
+    // Merge with existing prefixes
+    const existingPrefixes = this.tab.yasgui.persistentConfig.getPrefixes();
+    const combined = existingPrefixes + "\n" + newPrefixLines.join("\n");
+    const deduplicated = this.deduplicatePrefixes(combined);
+
+    this.tab.yasgui.persistentConfig.setPrefixes(deduplicated);
+  }
+
+  public destroy() {
+    if (this.modalOverlay && this.modalOverlay.parentNode) {
+      this.modalOverlay.parentNode.removeChild(this.modalOverlay);
+    }
+  }
+}

package/src/defaults.ts

@@ -0,0 +1,64 @@
+import { Config } from "./";
+import Yasr from "@matdata/yasr";
+import { default as Yasqe } from "@matdata/yasqe";
+import { CatalogueItem } from "./endpointSelect";
+
+export default function initialize(): Config<CatalogueItem> {
+  return {
+    autofocus: true,
+    endpointInfo: undefined,
+    persistenceId: function (yasgui) {
+      //Traverse parents untl we've got an id
+      // Get matching parent elements
+      var id = "";
+      var elem: any = yasgui.rootEl;
+      if ((<any>elem).id) id = (<any>elem).id;
+      for (; elem && elem !== <any>document; elem = elem.parentNode) {
+        if (elem) {
+          if ((<any>elem).id) id = (<any>elem).id;
+          break;
+        }
+      }
+      return "yagui_" + id;
+    },
+    tabName: "Query",
+    corsProxy: undefined,
+    persistencyExpire: 60 * 60 * 24 * 30,
+    persistenceLabelResponse: "response",
+    persistenceLabelConfig: "config",
+    yasqe: Yasqe.defaults,
+    yasr: Yasr.defaults,
+    endpointCatalogueOptions: {
+      getData: () => {
+        return [
+          {
+            endpoint: "https://dbpedia.org/sparql",
+          },
+          {
+            endpoint: "https://query.wikidata.org/bigdata/namespace/wdq/sparql",
+          },
+        ];
+      },
+      keys: [],
+      renderItem: (data, source) => {
+        const contentDiv = document.createElement("div");
+
+        contentDiv.style.display = "flex";
+        contentDiv.style.flexDirection = "column";
+        const endpointSpan = document.createElement("span");
+        endpointSpan.innerHTML =
+          data.matches.endpoint?.reduce(
+            (current, object) => (object.highlight ? current + object.text.bold() : current + object.text),
+            "",
+          ) || "";
+        contentDiv.appendChild(endpointSpan);
+        source.appendChild(contentDiv);
+      },
+    },
+    copyEndpointOnNewTab: true,
+    populateFromUrl: true,
+    autoAddOnInit: true,
+    requestConfig: Yasqe.defaults.requestConfig,
+    contextMenuContainer: undefined,
+  };
+}