openapi-explorer 1.2.610 → 2.0.612

package/dist/es/components/api-request.js

@@ -1,6 +1,5 @@
 import { LitElement, html } from 'lit';
 import { marked } from 'marked';
-import mimeTypeResolver from './mime-types.js';
 import { unsafeHTML } from 'lit/directives/unsafe-html.js';
 import { keyed } from 'lit/directives/keyed.js';
 import formatXml from 'xml-but-prettier';
@@ -863,10 +862,12 @@ export default class ApiRequest extends LitElement {
         }
 
         if (this.responseIsBlob) {
+          var _filename$;
+
           const contentDisposition = fetchResponse.headers.get('content-disposition');
           const filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
           const filename = filenameRegex.exec(contentDisposition);
-          this.respContentDisposition = filename && filename[1] && filename[1].replace(/['"]/g, '') || `download.${(await mimeTypeResolver(contentType)) || 'file'}`;
+          this.respContentDisposition = (filename === null || filename === void 0 ? void 0 : (_filename$ = filename[1]) === null || _filename$ === void 0 ? void 0 : _filename$.replace(/['"]/g, '')) || 'download.file';
           respBlob = await fetchResponse.blob();
           this.responseBlobUrl = URL.createObjectURL(respBlob);
         }

package/dist/es/openapi-explorer.js

@@ -107,9 +107,9 @@ export default class OpenApiExplorer extends LitElement {
         type: String,
         attribute: 'show-info'
       },
-      allowAuthentication: {
-        type: String,
-        attribute: 'show-authentication'
+      hideAuthentication: {
+        type: Boolean,
+        attribute: 'hide-authentication'
       },
       allowTry: {
         type: String,
@@ -119,17 +119,13 @@ export default class OpenApiExplorer extends LitElement {
         type: Boolean,
         attribute: 'display-nulls'
       },
-      allowSearch: {
-        type: String,
-        attribute: 'allow-search'
-      },
-      allowAdvancedSearch: {
-        type: String,
-        attribute: 'allow-advanced-search'
+      hideSearch: {
+        type: Boolean,
+        attribute: 'hide-search'
       },
-      allowServerSelection: {
-        type: String,
-        attribute: 'show-server-selection'
+      hideServerSelection: {
+        type: Boolean,
+        attribute: 'hide-server-selection'
       },
       hideComponents: {
         type: Boolean,
@@ -274,14 +270,6 @@ export default class OpenApiExplorer extends LitElement {
       this.responseAreaHeight = '300px';
     }
 
-    if (!this.allowSearch || !'true, false,'.includes(`${this.allowSearch},`)) {
-      this.allowSearch = 'true';
-    }
-
-    if (!this.allowAdvancedSearch || !'true, false,'.includes(`${this.allowAdvancedSearch},`)) {
-      this.allowAdvancedSearch = 'true';
-    }
-
     if (!this.allowTry || !'true, false,'.includes(`${this.allowTry},`)) {
       this.allowTry = 'true';
     }
@@ -294,14 +282,6 @@ export default class OpenApiExplorer extends LitElement {
       this.showInfo = 'true';
     }
 
-    if (!this.allowServerSelection || !'true, false,'.includes(`${this.allowServerSelection},`)) {
-      this.allowServerSelection = 'true';
-    }
-
-    if (!this.allowAuthentication || !'true, false,'.includes(`${this.allowAuthentication},`)) {
-      this.allowAuthentication = 'true';
-    }
-
     if (!this.fetchCredentials || !'omit, same-origin, include,'.includes(`${this.fetchCredentials},`)) {
       this.fetchCredentials = '';
     }
@@ -567,11 +547,11 @@ export default class OpenApiExplorer extends LitElement {
       return true;
     }
 
-    if (id === 'servers' && this.allowServerSelection) {
+    if (id === 'servers' && !this.hideServerSelection) {
       return true;
     }
 
-    if (id === 'auth' && this.allowAuthentication) {
+    if (id === 'auth' && !this.hideAuthentication) {
       return true;
     }
 

package/dist/es/templates/focused-endpoint-template.js

@@ -35,9 +35,9 @@ export default function focusedEndpointTemplate() {
 
   if (focusElId.startsWith('overview') && this.showInfo === 'true') {
     focusedTemplate = overviewTemplate.call(this);
-  } else if (focusElId === 'auth' && this.allowAuthentication === 'true') {
+  } else if (focusElId === 'auth' && !this.hideAuthentication) {
     focusedTemplate = securitySchemeTemplate.call(this);
-  } else if (focusElId === 'servers' && this.allowServerSelection === 'true') {
+  } else if (focusElId === 'servers' && !this.hideServerSelection) {
     focusedTemplate = serverTemplate.call(this);
   } else if (focusElId.startsWith('section')) {
     focusedTemplate = html` <section id="section" class="observe-me"> <slot name="custom-section"></slot> </section>`;

package/dist/es/templates/mainBodyTemplate.js

@@ -24,8 +24,8 @@ export default function mainBodyTemplate() {
   };
   /* eslint-disable indent */
 
-  return html` ${SetTheme.call(this, newTheme)} ${this.allowAdvancedSearch === 'false' ? '' : advancedSearchTemplate.call(this)} <div id="the-main-body" class="body"> ${this.renderStyle === 'focused' && this.resolvedSpec ? navbarTemplate.call(this) : ''} ${this.loading === true ? html`<slot name="loader"><div class="loader"></div></slot>` : html` <main class="main-content regular-font" part="section-main-content"> <slot></slot> <div id="operations-root" class="main-content-inner"> ${this.loadFailed === true ? html`<div style="text-align:center;margin:16px">Unable to load the Spec${this.specUrl ? ': ' : ''}<strong>${this.specUrl}</strong></div>` : html` <div class="operations-root" @click="${e => {
+  return html` ${SetTheme.call(this, newTheme)} ${this.hideSearch ? '' : advancedSearchTemplate.call(this)} <div id="the-main-body" class="body"> ${this.renderStyle === 'focused' && this.resolvedSpec ? navbarTemplate.call(this) : ''} ${this.loading === true ? html`<slot name="loader"><div class="loader"></div></slot>` : html` <main class="main-content regular-font" part="section-main-content"> <slot></slot> <div id="operations-root" class="main-content-inner"> ${this.loadFailed === true ? html`<div style="text-align:center;margin:16px">Unable to load the Spec${this.specUrl ? ': ' : ''}<strong>${this.specUrl}</strong></div>` : html` <div class="operations-root" @click="${e => {
     this.handleHref(e);
-  }}"> ${this.renderStyle === 'focused' ? html`${focusedEndpointTemplate.call(this)}` : html` ${this.showInfo === 'true' ? overviewTemplate.call(this) : ''} ${this.allowServerSelection === 'true' ? serverTemplate.call(this) : ''} ${this.allowAuthentication === 'true' ? securitySchemeTemplate.call(this) : ''} <section id="section" class="observe-me ${this.renderStyle === 'focused' ? 'section-gap--focused-mode' : 'section-gap'}"> <slot name="custom-section"></slot> </section> ${endpointTemplate.call(this)}`} </div> `}</div></main>`} </div> <slot name="footer"></slot> `;
+  }}"> ${this.renderStyle === 'focused' ? html`${focusedEndpointTemplate.call(this)}` : html` ${this.showInfo === 'true' ? overviewTemplate.call(this) : ''} ${!this.hideServerSelection ? serverTemplate.call(this) : ''} ${!this.hideAuthentication ? securitySchemeTemplate.call(this) : ''} <section id="section" class="observe-me ${this.renderStyle === 'focused' ? 'section-gap--focused-mode' : 'section-gap'}"> <slot name="custom-section"></slot> </section> ${endpointTemplate.call(this)}`} </div> `}</div></main>`} </div> <slot name="footer"></slot> `;
 }
 /* eslint-enable indent */

package/dist/es/templates/navbar-template.js

@@ -40,7 +40,7 @@ export function expandCollapseAllComponents() {
 export default function navbarTemplate() {
   var _this$resolvedSpec$co;
 
-  return html` <nav class="nav-bar ${this.renderStyle}" part="section-navbar"> <slot name="nav-header"></slot> ${this.allowSearch === 'false' && this.allowAdvancedSearch === 'false' ? '' : html` <div style="display:flex;flex-direction:row;justify-content:center;align-items:center;padding:24px;${this.allowAdvancedSearch === 'false' ? 'border-bottom: 1px solid var(--nav-hover-bg-color)' : ''}"> ${this.allowSearch === 'false' ? '' : html` <div style="display:flex;flex:1;line-height:22px"> <input id="nav-bar-search" part="textbox textbox-nav-filter" style="width:100%;padding-right:20px;color:var(--nav-hover-text-color);border-color:var(--secondary-color);background-color:var(--nav-hover-bg-color)" type="text" placeholder="${getI18nText('menu.filter')}" @input="${this.onSearchChange}" spellcheck="false"> </div>`} ${this.allowAdvancedSearch === 'false' ? '' : html` <button class="m-btn outline-primary" part="btn btn-fill btn-search" style="margin-left:5px" @click="${this.onShowSearchModalClicked}"> ${getI18nText('menu.search')} </button> `} </div> `} ${html`<nav class="nav-scroll" part="navbar-scroll"> ${this.showInfo === 'false' || !this.resolvedSpec.info ? '' : html`<div class="nav-bar-info" id="link-overview" data-content-id="overview" @click="${e => this.scrollToEventTarget(e, false)}"> ${this.resolvedSpec.info.title || getI18nText('menu.overview')} </div>`} ${this.allowServerSelection === 'false' ? '' : html`<div class="nav-bar-info" id="link-servers" data-content-id="servers" @click="${e => this.scrollToEventTarget(e, false)}"> ${getI18nText('menu.api-servers')} </div>`} ${this.allowAuthentication === 'false' || !this.resolvedSpec.securitySchemes ? '' : html`<div class="nav-bar-info" id="link-auth" data-content-id="auth" @click="${e => this.scrollToEventTarget(e, false)}"> ${getI18nText('menu.authentication')} </div>`} <slot name="nav-section" class="custom-nav-section" data-content-id="section" @click="${e => this.scrollToCustomNavSectionTarget(e, false)}"></slot> <div class="sticky-scroll-element ${this.operationsCollapsed ? 'collapsed' : ''}" @click="${() => {
+  return html` <nav class="nav-bar ${this.renderStyle}" part="section-navbar"> <slot name="nav-header"></slot> ${this.hideSearch ? '' : html` <div style="display:flex;flex-direction:row;justify-content:center;align-items:center;padding:24px"> <div style="display:flex;flex:1;line-height:22px"> <input id="nav-bar-search" part="textbox textbox-nav-filter" style="width:100%;padding-right:20px;color:var(--nav-hover-text-color);border-color:var(--secondary-color);background-color:var(--nav-hover-bg-color)" type="text" placeholder="${getI18nText('menu.filter')}" @input="${this.onSearchChange}" spellcheck="false"> </div> <button class="m-btn outline-primary" part="btn btn-fill btn-search" style="margin-left:5px" @click="${this.onShowSearchModalClicked}"> ${getI18nText('menu.search')} </button> </div> `} ${html`<nav class="nav-scroll" part="navbar-scroll"> ${this.showInfo === 'false' || !this.resolvedSpec.info ? '' : html`<div class="nav-bar-info" id="link-overview" data-content-id="overview" @click="${e => this.scrollToEventTarget(e, false)}"> ${this.resolvedSpec.info.title || getI18nText('menu.overview')} </div>`} ${this.hideServerSelection ? '' : html`<div class="nav-bar-info" id="link-servers" data-content-id="servers" @click="${e => this.scrollToEventTarget(e, false)}"> ${getI18nText('menu.api-servers')} </div>`} ${this.hideAuthentication || !this.resolvedSpec.securitySchemes ? '' : html`<div class="nav-bar-info" id="link-auth" data-content-id="auth" @click="${e => this.scrollToEventTarget(e, false)}"> ${getI18nText('menu.authentication')} </div>`} <slot name="nav-section" class="custom-nav-section" data-content-id="section" @click="${e => this.scrollToCustomNavSectionTarget(e, false)}"></slot> <div class="sticky-scroll-element ${this.operationsCollapsed ? 'collapsed' : ''}" @click="${() => {
     expandCollapseAll.call(this);
   }}"> <div class="nav-bar-section" part="navbar-operations-header"> <slot name="operations-header"> <div class="nav-bar-section-title">${getI18nText('menu.operations')}</div> </slot> <div style="" part="navbar-operations-header-collapse"> ${this.resolvedSpec.tags.length > 1 && this.resolvedSpec.tags.some(tag => !tag.paths.length && !this.matchPaths || tag.paths.some(path => pathIsInSearch(this.matchPaths, path))) ? html` <div class="toggle">▾</div>` : ''} </div> </div> </div> ${this.resolvedSpec.tags.filter(tag => !tag.paths.length && !this.matchPaths || tag.paths.some(path => pathIsInSearch(this.matchPaths, path))).map(tag => html` <slot name="nav-${tag.elementId}"> <div class="nav-bar-tag-and-paths ${tag.expanded ? '' : 'collapsed'}"> ${tag.name === 'General ⦂' ? html`` : html` <div class="nav-bar-tag" id="link-${tag.elementId}" data-content-id="${tag.elementId}" @click="${() => {
     onExpandCollapse.call(this, tag.elementId);

package/dist/lib/components/api-request.js

@@ -7,8 +7,6 @@ var _lit = require("lit");
 
 var _marked = require("marked");
 
-var _mimeTypes = _interopRequireDefault(require("./mime-types.js"));
-
 var _unsafeHtml = require("lit/directives/unsafe-html.js");
 
 var _keyed = require("lit/directives/keyed.js");
@@ -883,10 +881,12 @@ class ApiRequest extends _lit.LitElement {
         }
 
         if (this.responseIsBlob) {
+          var _filename$;
+
           const contentDisposition = fetchResponse.headers.get('content-disposition');
           const filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
           const filename = filenameRegex.exec(contentDisposition);
-          this.respContentDisposition = filename && filename[1] && filename[1].replace(/['"]/g, '') || `download.${(await (0, _mimeTypes.default)(contentType)) || 'file'}`;
+          this.respContentDisposition = (filename === null || filename === void 0 ? void 0 : (_filename$ = filename[1]) === null || _filename$ === void 0 ? void 0 : _filename$.replace(/['"]/g, '')) || 'download.file';
           respBlob = await fetchResponse.blob();
           this.responseBlobUrl = URL.createObjectURL(respBlob);
         }

package/dist/lib/openapi-explorer.js

@@ -137,9 +137,9 @@ class OpenApiExplorer extends _lit.LitElement {
         type: String,
         attribute: 'show-info'
       },
-      allowAuthentication: {
-        type: String,
-        attribute: 'show-authentication'
+      hideAuthentication: {
+        type: Boolean,
+        attribute: 'hide-authentication'
       },
       allowTry: {
         type: String,
@@ -149,17 +149,13 @@ class OpenApiExplorer extends _lit.LitElement {
         type: Boolean,
         attribute: 'display-nulls'
       },
-      allowSearch: {
-        type: String,
-        attribute: 'allow-search'
-      },
-      allowAdvancedSearch: {
-        type: String,
-        attribute: 'allow-advanced-search'
+      hideSearch: {
+        type: Boolean,
+        attribute: 'hide-search'
       },
-      allowServerSelection: {
-        type: String,
-        attribute: 'show-server-selection'
+      hideServerSelection: {
+        type: Boolean,
+        attribute: 'hide-server-selection'
       },
       hideComponents: {
         type: Boolean,
@@ -304,14 +300,6 @@ class OpenApiExplorer extends _lit.LitElement {
       this.responseAreaHeight = '300px';
     }
 
-    if (!this.allowSearch || !'true, false,'.includes(`${this.allowSearch},`)) {
-      this.allowSearch = 'true';
-    }
-
-    if (!this.allowAdvancedSearch || !'true, false,'.includes(`${this.allowAdvancedSearch},`)) {
-      this.allowAdvancedSearch = 'true';
-    }
-
     if (!this.allowTry || !'true, false,'.includes(`${this.allowTry},`)) {
       this.allowTry = 'true';
     }
@@ -324,14 +312,6 @@ class OpenApiExplorer extends _lit.LitElement {
       this.showInfo = 'true';
     }
 
-    if (!this.allowServerSelection || !'true, false,'.includes(`${this.allowServerSelection},`)) {
-      this.allowServerSelection = 'true';
-    }
-
-    if (!this.allowAuthentication || !'true, false,'.includes(`${this.allowAuthentication},`)) {
-      this.allowAuthentication = 'true';
-    }
-
     if (!this.fetchCredentials || !'omit, same-origin, include,'.includes(`${this.fetchCredentials},`)) {
       this.fetchCredentials = '';
     }
@@ -597,11 +577,11 @@ class OpenApiExplorer extends _lit.LitElement {
       return true;
     }
 
-    if (id === 'servers' && this.allowServerSelection) {
+    if (id === 'servers' && !this.hideServerSelection) {
       return true;
     }
 
-    if (id === 'auth' && this.allowAuthentication) {
+    if (id === 'auth' && !this.hideAuthentication) {
       return true;
     }
 

package/dist/lib/templates/focused-endpoint-template.js

@@ -49,9 +49,9 @@ function focusedEndpointTemplate() {
 
   if (focusElId.startsWith('overview') && this.showInfo === 'true') {
     focusedTemplate = _overviewTemplate.default.call(this);
-  } else if (focusElId === 'auth' && this.allowAuthentication === 'true') {
+  } else if (focusElId === 'auth' && !this.hideAuthentication) {
     focusedTemplate = _securitySchemeTemplate.default.call(this);
-  } else if (focusElId === 'servers' && this.allowServerSelection === 'true') {
+  } else if (focusElId === 'servers' && !this.hideServerSelection) {
     focusedTemplate = _serverTemplate.default.call(this);
   } else if (focusElId.startsWith('section')) {
     focusedTemplate = (0, _lit.html)` <section id="section" class="observe-me"> <slot name="custom-section"></slot> </section>`;

package/dist/lib/templates/mainBodyTemplate.js

@@ -41,8 +41,8 @@ function mainBodyTemplate() {
   };
   /* eslint-disable indent */
 
-  return (0, _lit.html)` ${_theme.default.call(this, newTheme)} ${this.allowAdvancedSearch === 'false' ? '' : _advanceSearchTemplate.default.call(this)} <div id="the-main-body" class="body"> ${this.renderStyle === 'focused' && this.resolvedSpec ? _navbarTemplate.default.call(this) : ''} ${this.loading === true ? (0, _lit.html)`<slot name="loader"><div class="loader"></div></slot>` : (0, _lit.html)` <main class="main-content regular-font" part="section-main-content"> <slot></slot> <div id="operations-root" class="main-content-inner"> ${this.loadFailed === true ? (0, _lit.html)`<div style="text-align:center;margin:16px">Unable to load the Spec${this.specUrl ? ': ' : ''}<strong>${this.specUrl}</strong></div>` : (0, _lit.html)` <div class="operations-root" @click="${e => {
+  return (0, _lit.html)` ${_theme.default.call(this, newTheme)} ${this.hideSearch ? '' : _advanceSearchTemplate.default.call(this)} <div id="the-main-body" class="body"> ${this.renderStyle === 'focused' && this.resolvedSpec ? _navbarTemplate.default.call(this) : ''} ${this.loading === true ? (0, _lit.html)`<slot name="loader"><div class="loader"></div></slot>` : (0, _lit.html)` <main class="main-content regular-font" part="section-main-content"> <slot></slot> <div id="operations-root" class="main-content-inner"> ${this.loadFailed === true ? (0, _lit.html)`<div style="text-align:center;margin:16px">Unable to load the Spec${this.specUrl ? ': ' : ''}<strong>${this.specUrl}</strong></div>` : (0, _lit.html)` <div class="operations-root" @click="${e => {
     this.handleHref(e);
-  }}"> ${this.renderStyle === 'focused' ? (0, _lit.html)`${_focusedEndpointTemplate.default.call(this)}` : (0, _lit.html)` ${this.showInfo === 'true' ? _overviewTemplate.default.call(this) : ''} ${this.allowServerSelection === 'true' ? _serverTemplate.default.call(this) : ''} ${this.allowAuthentication === 'true' ? _securitySchemeTemplate.default.call(this) : ''} <section id="section" class="observe-me ${this.renderStyle === 'focused' ? 'section-gap--focused-mode' : 'section-gap'}"> <slot name="custom-section"></slot> </section> ${_endpointTemplate.default.call(this)}`} </div> `}</div></main>`} </div> <slot name="footer"></slot> `;
+  }}"> ${this.renderStyle === 'focused' ? (0, _lit.html)`${_focusedEndpointTemplate.default.call(this)}` : (0, _lit.html)` ${this.showInfo === 'true' ? _overviewTemplate.default.call(this) : ''} ${!this.hideServerSelection ? _serverTemplate.default.call(this) : ''} ${!this.hideAuthentication ? _securitySchemeTemplate.default.call(this) : ''} <section id="section" class="observe-me ${this.renderStyle === 'focused' ? 'section-gap--focused-mode' : 'section-gap'}"> <slot name="custom-section"></slot> </section> ${_endpointTemplate.default.call(this)}`} </div> `}</div></main>`} </div> <slot name="footer"></slot> `;
 }
 /* eslint-enable indent */

package/dist/lib/templates/navbar-template.js

@@ -52,7 +52,7 @@ function expandCollapseAllComponents() {
 function navbarTemplate() {
   var _this$resolvedSpec$co;
 
-  return (0, _lit.html)` <nav class="nav-bar ${this.renderStyle}" part="section-navbar"> <slot name="nav-header"></slot> ${this.allowSearch === 'false' && this.allowAdvancedSearch === 'false' ? '' : (0, _lit.html)` <div style="display:flex;flex-direction:row;justify-content:center;align-items:center;padding:24px;${this.allowAdvancedSearch === 'false' ? 'border-bottom: 1px solid var(--nav-hover-bg-color)' : ''}"> ${this.allowSearch === 'false' ? '' : (0, _lit.html)` <div style="display:flex;flex:1;line-height:22px"> <input id="nav-bar-search" part="textbox textbox-nav-filter" style="width:100%;padding-right:20px;color:var(--nav-hover-text-color);border-color:var(--secondary-color);background-color:var(--nav-hover-bg-color)" type="text" placeholder="${(0, _index.getI18nText)('menu.filter')}" @input="${this.onSearchChange}" spellcheck="false"> </div>`} ${this.allowAdvancedSearch === 'false' ? '' : (0, _lit.html)` <button class="m-btn outline-primary" part="btn btn-fill btn-search" style="margin-left:5px" @click="${this.onShowSearchModalClicked}"> ${(0, _index.getI18nText)('menu.search')} </button> `} </div> `} ${(0, _lit.html)`<nav class="nav-scroll" part="navbar-scroll"> ${this.showInfo === 'false' || !this.resolvedSpec.info ? '' : (0, _lit.html)`<div class="nav-bar-info" id="link-overview" data-content-id="overview" @click="${e => this.scrollToEventTarget(e, false)}"> ${this.resolvedSpec.info.title || (0, _index.getI18nText)('menu.overview')} </div>`} ${this.allowServerSelection === 'false' ? '' : (0, _lit.html)`<div class="nav-bar-info" id="link-servers" data-content-id="servers" @click="${e => this.scrollToEventTarget(e, false)}"> ${(0, _index.getI18nText)('menu.api-servers')} </div>`} ${this.allowAuthentication === 'false' || !this.resolvedSpec.securitySchemes ? '' : (0, _lit.html)`<div class="nav-bar-info" id="link-auth" data-content-id="auth" @click="${e => this.scrollToEventTarget(e, false)}"> ${(0, _index.getI18nText)('menu.authentication')} </div>`} <slot name="nav-section" class="custom-nav-section" data-content-id="section" @click="${e => this.scrollToCustomNavSectionTarget(e, false)}"></slot> <div class="sticky-scroll-element ${this.operationsCollapsed ? 'collapsed' : ''}" @click="${() => {
+  return (0, _lit.html)` <nav class="nav-bar ${this.renderStyle}" part="section-navbar"> <slot name="nav-header"></slot> ${this.hideSearch ? '' : (0, _lit.html)` <div style="display:flex;flex-direction:row;justify-content:center;align-items:center;padding:24px"> <div style="display:flex;flex:1;line-height:22px"> <input id="nav-bar-search" part="textbox textbox-nav-filter" style="width:100%;padding-right:20px;color:var(--nav-hover-text-color);border-color:var(--secondary-color);background-color:var(--nav-hover-bg-color)" type="text" placeholder="${(0, _index.getI18nText)('menu.filter')}" @input="${this.onSearchChange}" spellcheck="false"> </div> <button class="m-btn outline-primary" part="btn btn-fill btn-search" style="margin-left:5px" @click="${this.onShowSearchModalClicked}"> ${(0, _index.getI18nText)('menu.search')} </button> </div> `} ${(0, _lit.html)`<nav class="nav-scroll" part="navbar-scroll"> ${this.showInfo === 'false' || !this.resolvedSpec.info ? '' : (0, _lit.html)`<div class="nav-bar-info" id="link-overview" data-content-id="overview" @click="${e => this.scrollToEventTarget(e, false)}"> ${this.resolvedSpec.info.title || (0, _index.getI18nText)('menu.overview')} </div>`} ${this.hideServerSelection ? '' : (0, _lit.html)`<div class="nav-bar-info" id="link-servers" data-content-id="servers" @click="${e => this.scrollToEventTarget(e, false)}"> ${(0, _index.getI18nText)('menu.api-servers')} </div>`} ${this.hideAuthentication || !this.resolvedSpec.securitySchemes ? '' : (0, _lit.html)`<div class="nav-bar-info" id="link-auth" data-content-id="auth" @click="${e => this.scrollToEventTarget(e, false)}"> ${(0, _index.getI18nText)('menu.authentication')} </div>`} <slot name="nav-section" class="custom-nav-section" data-content-id="section" @click="${e => this.scrollToCustomNavSectionTarget(e, false)}"></slot> <div class="sticky-scroll-element ${this.operationsCollapsed ? 'collapsed' : ''}" @click="${() => {
     expandCollapseAll.call(this);
   }}"> <div class="nav-bar-section" part="navbar-operations-header"> <slot name="operations-header"> <div class="nav-bar-section-title">${(0, _index.getI18nText)('menu.operations')}</div> </slot> <div style="" part="navbar-operations-header-collapse"> ${this.resolvedSpec.tags.length > 1 && this.resolvedSpec.tags.some(tag => !tag.paths.length && !this.matchPaths || tag.paths.some(path => (0, _commonUtils.pathIsInSearch)(this.matchPaths, path))) ? (0, _lit.html)` <div class="toggle">▾</div>` : ''} </div> </div> </div> ${this.resolvedSpec.tags.filter(tag => !tag.paths.length && !this.matchPaths || tag.paths.some(path => (0, _commonUtils.pathIsInSearch)(this.matchPaths, path))).map(tag => (0, _lit.html)` <slot name="nav-${tag.elementId}"> <div class="nav-bar-tag-and-paths ${tag.expanded ? '' : 'collapsed'}"> ${tag.name === 'General ⦂' ? (0, _lit.html)`` : (0, _lit.html)` <div class="nav-bar-tag" id="link-${tag.elementId}" data-content-id="${tag.elementId}" @click="${() => {
     onExpandCollapse.call(this, tag.elementId);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openapi-explorer",
-  "version": "1.2.610",
+  "version": "2.0.612",
   "description": "OpenAPI Explorer - API viewer with dynamically generated components, documentation, and interaction console",
   "author": "Rhosys Developers <developers@rhosys.ch>",
   "type": "module",
@@ -56,7 +56,6 @@
     "lodash.clonedeep": "^4.5.0",
     "lodash.merge": "^4.6.2",
     "marked": "^4.0.16",
-    "mime-db": "^1.52.0",
     "openapi-data-validator": "^2.0.40",
     "openapi-resolver": "^4.1.35",
     "prismjs": "^1.29.0",

package/dist/es/components/mime-types.js

@@ -1,47 +0,0 @@
-const EXTRACT_TYPE_REGEXP = /^\s*([^;\s]*)(?:;|\s|$)/;
-const extensions = {};
-/**
- * Get the default extension for a MIME type.
- *
- * @param {string} type
- * @return {boolean|string}
- */
-
-export default async function extension(type) {
-  if (!type || typeof type !== 'string') {
-    return false;
-  } // TODO: use media-typer
-
-
-  const match = EXTRACT_TYPE_REGEXP.exec(type); // get extensions
-
-  await populateMaps();
-  const exts = match && extensions[match[1].toLowerCase()];
-
-  if (!exts || !exts.length) {
-    return false;
-  }
-
-  return exts[0];
-}
-let initialized = false;
-
-async function populateMaps() {
-  if (initialized) {
-    return;
-  }
-
-  const db = await import('mime-db/db.json');
-  Object.keys(db.default).forEach(function forEachMimeType(type) {
-    const mime = db[type];
-    const exts = mime.extensions;
-
-    if (!exts || !exts.length) {
-      return;
-    } // mime -> extensions
-
-
-    extensions[type] = exts;
-  });
-  initialized = true;
-}

package/dist/lib/components/mime-types.js

@@ -1,57 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = extension;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const EXTRACT_TYPE_REGEXP = /^\s*([^;\s]*)(?:;|\s|$)/;
-const extensions = {};
-/**
- * Get the default extension for a MIME type.
- *
- * @param {string} type
- * @return {boolean|string}
- */
-
-async function extension(type) {
-  if (!type || typeof type !== 'string') {
-    return false;
-  } // TODO: use media-typer
-
-
-  const match = EXTRACT_TYPE_REGEXP.exec(type); // get extensions
-
-  await populateMaps();
-  const exts = match && extensions[match[1].toLowerCase()];
-
-  if (!exts || !exts.length) {
-    return false;
-  }
-
-  return exts[0];
-}
-
-let initialized = false;
-
-async function populateMaps() {
-  if (initialized) {
-    return;
-  }
-
-  const db = await Promise.resolve().then(() => _interopRequireWildcard(require('mime-db/db.json')));
-  Object.keys(db.default).forEach(function forEachMimeType(type) {
-    const mime = db[type];
-    const exts = mime.extensions;
-
-    if (!exts || !exts.length) {
-      return;
-    } // mime -> extensions
-
-
-    extensions[type] = exts;
-  });
-  initialized = true;
-}