openapi-explorer 0.10.433 → 0.10.434
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/openapi-explorer.min.js +3 -3
- package/dist/es/openapi-explorer.js +3 -3
- package/dist/es/templates/{responsiveViewMainBodyTemplate.js → mainBodyTemplate.js} +1 -1
- package/dist/es/utils/theme.js +1 -1
- package/dist/lib/openapi-explorer.js +3 -3
- package/dist/lib/templates/{responsiveViewMainBodyTemplate.js → mainBodyTemplate.js} +2 -2
- package/dist/lib/utils/theme.js +1 -1
- package/package.json +1 -1
|
@@ -26,7 +26,7 @@ import advancedSearchStyles from './styles/advanced-search-styles';
|
|
|
26
26
|
import { advancedSearch, getCurrentElement, replaceState, sleep } from './utils/common-utils';
|
|
27
27
|
import { initI18n } from './languages';
|
|
28
28
|
import ProcessSpec from './utils/spec-parser';
|
|
29
|
-
import
|
|
29
|
+
import mainBodyTemplate from './templates/mainBodyTemplate';
|
|
30
30
|
import apiRequestStyles from './styles/api-request-styles';
|
|
31
31
|
import { checkForAuthToken } from './templates/security-scheme-template';
|
|
32
32
|
export default class OpenApiExplorer extends LitElement {
|
|
@@ -224,7 +224,7 @@ export default class OpenApiExplorer extends LitElement {
|
|
|
224
224
|
}
|
|
225
225
|
|
|
226
226
|
static finalizeStyles() {
|
|
227
|
-
return [FontStyles, InputStyles, FlexStyles, TableStyles, EndpointStyles, PrismStyles, TabStyles, NavStyles, InfoStyles, advancedSearchStyles, apiRequestStyles, css`:not(:defined){display:none}:host{display:flex;flex-direction:column;width:100%;height:100%;margin:0;padding:0;overflow:hidden;letter-spacing:normal;color:var(--fg);background-color:var(--bg);font-family:var(--font-regular)}.body{display:flex;height:100%;width:100%;overflow:hidden}.main-content{margin:0;padding:0;display:block;flex:1;height:100%;overflow-y:overlay;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.main-content::-webkit-scrollbar{width:8px;height:8px}.main-content::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb{background-color:var(--border-color)}.section-gap.section-tag{border-bottom:1px solid var(--border-color)}.method-section-gap{padding:
|
|
227
|
+
return [FontStyles, InputStyles, FlexStyles, TableStyles, EndpointStyles, PrismStyles, TabStyles, NavStyles, InfoStyles, advancedSearchStyles, apiRequestStyles, css`:not(:defined){display:none}:host{display:flex;flex-direction:column;width:100%;height:100%;margin:0;padding:0;overflow:hidden;letter-spacing:normal;color:var(--fg);background-color:var(--bg);font-family:var(--font-regular)}.body{display:flex;height:100%;width:100%;overflow:hidden}.main-content{margin:0;padding:0;display:block;flex:1;height:100%;overflow-y:overlay;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.main-content::-webkit-scrollbar{width:8px;height:8px}.main-content::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb{background-color:var(--border-color)}.section-gap.section-tag{border-bottom:1px solid var(--border-color)}.method-section-gap{margin:1rem 0;padding:0 8px 0 4px;border-bottom:1px solid var(--border-color)}.section-gap{padding:24px 0 0}.section-tag-header{position:relative;cursor:n-resize;padding:12px 0}.collapsed .section-tag-header:hover{cursor:s-resize}.section-tag-header:hover{background-image:linear-gradient(to right,rgba(0,0,0,0),var(--border-color),rgba(0,0,0,0))}.collapsed .section-tag-header:hover::after{color:var(--primary-color)}.collapsed .section-tag-body{display:none}.logo{height:36px;width:36px;margin-left:5px}.only-large-screen,.only-large-screen-flex{display:none}.header-title{font-size:calc(var(--font-size-regular) + 8px);padding:0 8px}.tag.title{text-transform:uppercase}.header{background-color:var(--header-bg);color:var(--header-fg);width:100%}input.header-input{background:var(--header-color-darker);color:var(--header-fg);border:1px solid var(--header-color-border);flex:1;padding-right:24px;border-radius:3px}input.header-input::placeholder{opacity:.4}input:disabled{cursor:not-allowed}.loader{margin:16px auto 16px auto;border:4px solid var(--bg3);border-radius:50%;border-top:4px solid var(--primary-color);width:36px;height:36px;animation:spin 2s linear infinite}.expanded-endpoint-body{position:relative;padding:6px 0}.divider{border-top:2px solid var(--border-color);margin:24px 0;width:100%}.tooltip{border:1px solid var(--border-color);border-left-width:4px;margin-left:2px}.tooltip a{color:var(--fg2);text-decoration:none}.tooltip-text{color:var(--fg2);background-color:var(--bg2);visibility:hidden;overflow-wrap:break-word}.tooltip:hover{color:var(--primary-color);border-color:var(--primary-color)}.tooltip:hover a:hover{color:var(--primary-color)}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media only screen and (max-width:767.98px){.section-padding{margin:1rem}.sub-title.tag{margin-left:1rem}.section-tag-body .description{margin-left:1rem;margin-right:1rem}}@media only screen and (min-width:768px){.nav-bar{width:260px;display:flex}.only-large-screen{display:block}.only-large-screen-flex{display:flex}.section-gap{padding:24px 24px}.section-gap--read-mode{padding:24px 8px}.section-gap--focused-mode{padding:1.5rem}.endpoint-body{position:relative;padding:36px 0 48px 0}}@media only screen and (min-width:1024px){.nav-bar{width:${unsafeCSS(this.fontSize === 'default' ? '300px' : this.fontSize === 'large' ? '315px' : '330px')};display:flex}.section-gap--read-mode{padding:24px 24px 12px}.main-content-inner{padding:24px}}`];
|
|
228
228
|
} // Startup
|
|
229
229
|
|
|
230
230
|
|
|
@@ -356,7 +356,7 @@ export default class OpenApiExplorer extends LitElement {
|
|
|
356
356
|
}
|
|
357
357
|
|
|
358
358
|
render() {
|
|
359
|
-
return
|
|
359
|
+
return mainBodyTemplate.call(this);
|
|
360
360
|
}
|
|
361
361
|
|
|
362
362
|
observeExpandedContent() {
|
|
@@ -9,7 +9,7 @@ import navbarTemplate from './navbar-template';
|
|
|
9
9
|
import advancedSearchTemplate from './advance-search-template';
|
|
10
10
|
import SetTheme from '../utils/theme';
|
|
11
11
|
import ColorUtils from '../utils/color-utils';
|
|
12
|
-
export default function
|
|
12
|
+
export default function mainBodyTemplate() {
|
|
13
13
|
const newTheme = {
|
|
14
14
|
bg1: ColorUtils.isValidHexColor(this.bgColor) ? this.bgColor : '',
|
|
15
15
|
bg2: ColorUtils.isValidHexColor(this.bgHeaderColor) ? this.bgHeaderColor : '',
|
package/dist/es/utils/theme.js
CHANGED
|
@@ -56,7 +56,7 @@ export default function setTheme(theme = {}) {
|
|
|
56
56
|
headerColorInvert: ColorUtils.color.invert(headerColor),
|
|
57
57
|
headerColorDarker: ColorUtils.color.brightness(headerColor, -20),
|
|
58
58
|
headerColorBorder: ColorUtils.color.brightness(headerColor, 10),
|
|
59
|
-
borderColor: theme.
|
|
59
|
+
borderColor: theme.bg2 || ColorUtils.color.brightness(bg1, -38),
|
|
60
60
|
lightBorderColor: theme.lightBorderColor || ColorUtils.color.brightness(bg1, -23),
|
|
61
61
|
codeBorderColor: theme.codeBorderColor || 'transparent',
|
|
62
62
|
inputBg: theme.inputBg || ColorUtils.color.brightness(bg1, 10),
|
|
@@ -55,7 +55,7 @@ var _languages = require("./languages");
|
|
|
55
55
|
|
|
56
56
|
var _specParser = _interopRequireDefault(require("./utils/spec-parser"));
|
|
57
57
|
|
|
58
|
-
var
|
|
58
|
+
var _mainBodyTemplate = _interopRequireDefault(require("./templates/mainBodyTemplate"));
|
|
59
59
|
|
|
60
60
|
var _apiRequestStyles = _interopRequireDefault(require("./styles/api-request-styles"));
|
|
61
61
|
|
|
@@ -262,7 +262,7 @@ class OpenApiExplorer extends _lit.LitElement {
|
|
|
262
262
|
}
|
|
263
263
|
|
|
264
264
|
static finalizeStyles() {
|
|
265
|
-
return [_fontStyles.default, _inputStyles.default, _flexStyles.default, _tableStyles.default, _endpointStyles.default, _prismStyles.default, _tabStyles.default, _navStyles.default, _infoStyles.default, _advancedSearchStyles.default, _apiRequestStyles.default, (0, _lit.css)`:not(:defined){display:none}:host{display:flex;flex-direction:column;width:100%;height:100%;margin:0;padding:0;overflow:hidden;letter-spacing:normal;color:var(--fg);background-color:var(--bg);font-family:var(--font-regular)}.body{display:flex;height:100%;width:100%;overflow:hidden}.main-content{margin:0;padding:0;display:block;flex:1;height:100%;overflow-y:overlay;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.main-content::-webkit-scrollbar{width:8px;height:8px}.main-content::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb{background-color:var(--border-color)}.section-gap.section-tag{border-bottom:1px solid var(--border-color)}.method-section-gap{padding:
|
|
265
|
+
return [_fontStyles.default, _inputStyles.default, _flexStyles.default, _tableStyles.default, _endpointStyles.default, _prismStyles.default, _tabStyles.default, _navStyles.default, _infoStyles.default, _advancedSearchStyles.default, _apiRequestStyles.default, (0, _lit.css)`:not(:defined){display:none}:host{display:flex;flex-direction:column;width:100%;height:100%;margin:0;padding:0;overflow:hidden;letter-spacing:normal;color:var(--fg);background-color:var(--bg);font-family:var(--font-regular)}.body{display:flex;height:100%;width:100%;overflow:hidden}.main-content{margin:0;padding:0;display:block;flex:1;height:100%;overflow-y:overlay;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.main-content::-webkit-scrollbar{width:8px;height:8px}.main-content::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb{background-color:var(--border-color)}.section-gap.section-tag{border-bottom:1px solid var(--border-color)}.method-section-gap{margin:1rem 0;padding:0 8px 0 4px;border-bottom:1px solid var(--border-color)}.section-gap{padding:24px 0 0}.section-tag-header{position:relative;cursor:n-resize;padding:12px 0}.collapsed .section-tag-header:hover{cursor:s-resize}.section-tag-header:hover{background-image:linear-gradient(to right,rgba(0,0,0,0),var(--border-color),rgba(0,0,0,0))}.collapsed .section-tag-header:hover::after{color:var(--primary-color)}.collapsed .section-tag-body{display:none}.logo{height:36px;width:36px;margin-left:5px}.only-large-screen,.only-large-screen-flex{display:none}.header-title{font-size:calc(var(--font-size-regular) + 8px);padding:0 8px}.tag.title{text-transform:uppercase}.header{background-color:var(--header-bg);color:var(--header-fg);width:100%}input.header-input{background:var(--header-color-darker);color:var(--header-fg);border:1px solid var(--header-color-border);flex:1;padding-right:24px;border-radius:3px}input.header-input::placeholder{opacity:.4}input:disabled{cursor:not-allowed}.loader{margin:16px auto 16px auto;border:4px solid var(--bg3);border-radius:50%;border-top:4px solid var(--primary-color);width:36px;height:36px;animation:spin 2s linear infinite}.expanded-endpoint-body{position:relative;padding:6px 0}.divider{border-top:2px solid var(--border-color);margin:24px 0;width:100%}.tooltip{border:1px solid var(--border-color);border-left-width:4px;margin-left:2px}.tooltip a{color:var(--fg2);text-decoration:none}.tooltip-text{color:var(--fg2);background-color:var(--bg2);visibility:hidden;overflow-wrap:break-word}.tooltip:hover{color:var(--primary-color);border-color:var(--primary-color)}.tooltip:hover a:hover{color:var(--primary-color)}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media only screen and (max-width:767.98px){.section-padding{margin:1rem}.sub-title.tag{margin-left:1rem}.section-tag-body .description{margin-left:1rem;margin-right:1rem}}@media only screen and (min-width:768px){.nav-bar{width:260px;display:flex}.only-large-screen{display:block}.only-large-screen-flex{display:flex}.section-gap{padding:24px 24px}.section-gap--read-mode{padding:24px 8px}.section-gap--focused-mode{padding:1.5rem}.endpoint-body{position:relative;padding:36px 0 48px 0}}@media only screen and (min-width:1024px){.nav-bar{width:${(0, _lit.unsafeCSS)(this.fontSize === 'default' ? '300px' : this.fontSize === 'large' ? '315px' : '330px')};display:flex}.section-gap--read-mode{padding:24px 24px 12px}.main-content-inner{padding:24px}}`];
|
|
266
266
|
} // Startup
|
|
267
267
|
|
|
268
268
|
|
|
@@ -395,7 +395,7 @@ class OpenApiExplorer extends _lit.LitElement {
|
|
|
395
395
|
}
|
|
396
396
|
|
|
397
397
|
render() {
|
|
398
|
-
return
|
|
398
|
+
return _mainBodyTemplate.default.call(this);
|
|
399
399
|
}
|
|
400
400
|
|
|
401
401
|
observeExpandedContent() {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.default =
|
|
4
|
+
exports.default = mainBodyTemplate;
|
|
5
5
|
|
|
6
6
|
var _lit = require("lit");
|
|
7
7
|
|
|
@@ -26,7 +26,7 @@ var _colorUtils = _interopRequireDefault(require("../utils/color-utils"));
|
|
|
26
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
27
|
|
|
28
28
|
// Templates
|
|
29
|
-
function
|
|
29
|
+
function mainBodyTemplate() {
|
|
30
30
|
const newTheme = {
|
|
31
31
|
bg1: _colorUtils.default.isValidHexColor(this.bgColor) ? this.bgColor : '',
|
|
32
32
|
bg2: _colorUtils.default.isValidHexColor(this.bgHeaderColor) ? this.bgHeaderColor : '',
|
package/dist/lib/utils/theme.js
CHANGED
|
@@ -65,7 +65,7 @@ function setTheme(theme = {}) {
|
|
|
65
65
|
headerColorInvert: _colorUtils.default.color.invert(headerColor),
|
|
66
66
|
headerColorDarker: _colorUtils.default.color.brightness(headerColor, -20),
|
|
67
67
|
headerColorBorder: _colorUtils.default.color.brightness(headerColor, 10),
|
|
68
|
-
borderColor: theme.
|
|
68
|
+
borderColor: theme.bg2 || _colorUtils.default.color.brightness(bg1, -38),
|
|
69
69
|
lightBorderColor: theme.lightBorderColor || _colorUtils.default.color.brightness(bg1, -23),
|
|
70
70
|
codeBorderColor: theme.codeBorderColor || 'transparent',
|
|
71
71
|
inputBg: theme.inputBg || _colorUtils.default.color.brightness(bg1, 10),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "openapi-explorer",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.434",
|
|
4
4
|
"description": "OpenAPI Explorer - API viewer with dynamically generated components, documentation, and interaction console",
|
|
5
5
|
"author": "Rhosys Developers <developers@rhosys.ch>",
|
|
6
6
|
"type": "module",
|