@redocly/reference-docs 2.43.4 → 2.43.5

package/lib-esm/components/console/ServersDropdown/ServersDropdown.js

@@ -1,2 +1,4 @@
-import{__assign,__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useState}from"react";import{observer}from"mobx-react";import{styled,useStore}from"../../../redoc-lib";import{fromSessionStorage,toSessionStorage}from"../../../utils";import{FormControl,FormLabel}from"../../common/form";import{Dropdown}from"../../common/Dropdown";import{expandDefaultServerVariables,expandVariables,getServerWithVariables,getDefaultOrStoredVariables,updateVariablesStorage}from"../utils";import ServerVariable from"../ServerVariable";import{useMount}from"../../../hooks";import{createServerSwitchEvent}from"../../../events";export var ServersDropdown=observer((function(r){var e=r.operation,t=r.onChange,o=e.servers,a=fromSessionStorage("serverUrl"),i=o.findIndex((function(r){return r.url===a})),n=useState(i<0?0:i),s=n[0],l=n[1],v=useState({}),u=v[0],m=v[1],d=useStore(),p=null==d?void 0:d.options.unstable_hideServerUrlInTryIt;useMount((function(){var r=getServerWithVariables(o,s);t(r),m(r.variables)}));var c=o.map((function(r,e){var t=expandDefaultServerVariables(expandVariables(r.url,u),r.variables),o=p?r.description||t:(r.description?r.description+" - ":"")+t;return{idx:e,serverUrl:r.url,value:o}})),f=Object.keys(u);return _jsxs(ServerDropdownWrap,__assign({"data-cy":"console-target-server"},{children:[_jsx(FormLabel,__assign({htmlFor:"server"},{children:"Target server: "}),void 0),_jsx(FormControl,{children:_jsx(Dropdown,{variant:"dark",value:c[s].value,options:c,fullWidth:!0,onChange:function(r){var a,i,n=r.serverUrl,s=void 0===n?"":n,v=o.find((function(r){return r.url===s})),u=o.findIndex((function(r){return r.url===s})),p=getDefaultOrStoredVariables(v);t({url:s,variables:p}),toSessionStorage("serverUrl",s),l(u),m(p);var c=createServerSwitchEvent({operation:e,serverUrl:s});null===(i=null==d?void 0:(a=d.options.events).targetServerSwitch)||void 0===i||i.call(a,c)}},void 0)},void 0),null==f?void 0:f.map((function(r){var e,a=null===(e=o[s].variables)||void 0===e?void 0:e[r];if(a)return _jsx(ServerVariable,{name:r,value:u[r],defaultValue:a.default,onChange:function(e){return function(r,e){var a,i=o[s],n=e||""===e?e:getDefaultOrStoredVariables(i)[r],l=__assign(__assign({},u),((a={})[r]=n,a));m(l),updateVariablesStorage(r,n),t(__assign(__assign({},i),{variables:l}))}(r,e)},variableEnum:a.enum,description:a.description},r)}))]}),void 0)}));var templateObject_1,ServerDropdownWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-bottom: 20px;\n"],["\n  margin-bottom: 20px;\n"])));
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useState}from"react";import{observer}from"mobx-react";import{styled,useStore}from"../../../redoc-lib";import{fromSessionStorage,toSessionStorage}from"../../../utils";import{FormControl,FormLabel}from"../../common/form";import{Dropdown}from"../../common/Dropdown";import{expandDefaultServerVariables,expandVariables,getServerWithVariables,getDefaultOrStoredVariables,updateVariablesStorage}from"../utils";import ServerVariable from"../ServerVariable";import{useMount}from"../../../hooks";import{createServerSwitchEvent}from"../../../events";export const ServersDropdown=observer((({operation:e,onChange:r})=>{const{servers:o}=e,t=fromSessionStorage("serverUrl"),a=o.findIndex((e=>e.url===t)),[s,i]=useState(a<0?0:a),[n,l]=useState({}),v=useStore(),d=null==v?void 0:v.options.unstable_hideServerUrlInTryIt;useMount((()=>{const e=getServerWithVariables(o,s);r(e),l(e.variables)}));const u=o.map(((e,r)=>{const o=expandDefaultServerVariables(expandVariables(e.url,n),e.variables),t=d?e.description||o:`${e.description?`${e.description} - `:""}${o}`;return{idx:r,serverUrl:e.url,value:t}})),m=Object.keys(n);return _jsxs(ServerDropdownWrap,Object.assign({"data-cy":"console-target-server"},{children:[_jsx(FormLabel,Object.assign({htmlFor:"server"},{children:"Target server: "}),void 0),_jsx(FormControl,{children:_jsx(Dropdown,{variant:"dark",value:u[s].value,options:u,fullWidth:!0,onChange:({serverUrl:t=""})=>{var a,s;const n=o.find((e=>e.url===t)),d=o.findIndex((e=>e.url===t)),u=getDefaultOrStoredVariables(n);r({url:t,variables:u}),toSessionStorage("serverUrl",t),i(d),l(u);const m=createServerSwitchEvent({operation:e,serverUrl:t});null===(s=null==v?void 0:(a=v.options.events).targetServerSwitch)||void 0===s||s.call(a,m)}},void 0)},void 0),null==m?void 0:m.map((e=>{var t;const a=null===(t=o[s].variables)||void 0===t?void 0:t[e];if(a)return _jsx(ServerVariable,{name:e,value:n[e],defaultValue:a.default,onChange:t=>((e,t)=>{const a=o[s],i=t||""===t?t:getDefaultOrStoredVariables(a)[e],v=Object.assign(Object.assign({},n),{[e]:i});l(v),updateVariablesStorage(e,i),r(Object.assign(Object.assign({},a),{variables:v}))})(e,t),variableEnum:a.enum,description:a.description},e)}))]}),void 0)}));const ServerDropdownWrap=styled.div`
+  margin-bottom: 20px;
+`;
 //# sourceMappingURL=ServersDropdown.js.map

package/lib-esm/components/console/TryItPanel.js

@@ -1,2 +1,19 @@
-import{__assign,__makeTemplateObject,__rest}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Header,Panel,Title,Trigger}from"../Panel";import{CrossIcon,LockIcon,ShelfIcon}from"../../redoc-lib";import styled from"../../redoc-lib/src/styled-components";import{PanelBody}from"../Panel/PanelBody";export function TryItPanel(e){var n=e.header,r=e.error,o=e.success,t=__rest(e,["header","error","success"]);return _jsx(StyledTryItPanel,__assign({},t,{header:function(e){var d=e.toggle,i=e.expanded;return _jsxs(Header,__assign({onClick:d,isExpanded:i,"data-cy":t["data-cy"]},{children:[_jsxs(Trigger,{children:[_jsx(Title,{children:n},void 0),_jsx(ShelfIcon,{direction:i?"down":"right"},void 0)]},void 0),r&&_jsx(CrossIcon,{size:"14px",color:"#ff908b"},void 0)||null,o&&_jsx(LockIcon,{size:"14px",color:"#56ff26"},void 0)||null]}),void 0)}}),void 0)}var templateObject_1,StyledTryItPanel=styled(Panel)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  "," {\n    color: white;\n    border: 1px solid ",";\n    padding: 10px;\n  }\n\n  "," path {\n    fill: white;\n  }\n\n  "," {\n    padding: 15px 10px;\n    background-color: #3e4c59;\n    border: 1px solid ",";\n    border-top: 0;\n  }\n"],["\n  "," {\n    color: white;\n    border: 1px solid ",";\n    padding: 10px;\n  }\n\n  "," path {\n    fill: white;\n  }\n\n  "," {\n    padding: 15px 10px;\n    background-color: #3e4c59;\n    border: 1px solid ",";\n    border-top: 0;\n  }\n"])),Header,(function(e){return e.error?"#ff908b":"#89949f"}),ShelfIcon,PanelBody,(function(e){return e.error?"#ff908b":"#89949f"}));
+import{__rest}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Header,Panel,Title,Trigger}from"../Panel";import{CrossIcon,LockIcon,ShelfIcon}from"../../redoc-lib";import styled from"../../redoc-lib/src/styled-components";import{PanelBody}from"../Panel/PanelBody";export function TryItPanel(e){var{header:r,error:o,success:s}=e,d=__rest(e,["header","error","success"]);return _jsx(StyledTryItPanel,Object.assign({},d,{header:({toggle:e,expanded:i})=>_jsxs(Header,Object.assign({onClick:e,isExpanded:i,"data-cy":d["data-cy"]},{children:[_jsxs(Trigger,{children:[_jsx(Title,{children:r},void 0),_jsx(ShelfIcon,{direction:i?"down":"right"},void 0)]},void 0),o&&_jsx(CrossIcon,{size:"14px",color:"#ff908b"},void 0)||null,s&&_jsx(LockIcon,{size:"14px",color:"#56ff26"},void 0)||null]}),void 0)}),void 0)}const StyledTryItPanel=styled(Panel)`
+  ${Header} {
+    color: white;
+    border: 1px solid ${({error:e})=>e?"#ff908b":"#89949f"};
+    padding: 10px;
+  }
+
+  ${ShelfIcon} path {
+    fill: white;
+  }
+
+  ${PanelBody} {
+    padding: 15px 10px;
+    background-color: #3e4c59;
+    border: 1px solid ${({error:e})=>e?"#ff908b":"#89949f"};
+    border-top: 0;
+  }
+`;
 //# sourceMappingURL=TryItPanel.js.map

package/lib-esm/components/console/codemirror-helpers.js

@@ -1,2 +1,2 @@
-import{__awaiter,__generator}from"tslib";import*as CodeMirror from"codemirror";import{TextDocument,getLanguageService}from"@redocly/vscode-json-languageservice";import"codemirror/mode/javascript/javascript";import"codemirror/addon/edit/matchbrackets";import"codemirror/addon/lint/lint";import"codemirror/addon/hint/show-hint";import"codemirror/addon/edit/closebrackets";import"codemirror/addon/search/searchcursor";import"codemirror/lib/codemirror.css";import"codemirror/theme/material.css";import"codemirror/addon/lint/lint.css";import"codemirror/addon/hint/show-hint.css";var serv=getLanguageService({});CodeMirror.registerHelper("lint","json",(function(r,e){return __awaiter(this,void 0,void 0,(function(){var t,o,i,n,a;return __generator(this,(function(s){switch(s.label){case 0:return t=e.schema,o=e.setError,serv.configure({validate:!0,schemas:[{uri:"stub://"+e.id,fileMatch:["*"],schema:t}]}),i=TextDocument.create(e.id+".json","json",0,r),n=serv.parseJSONDocument(i),[4,serv.doValidation(i,n)];case 1:return(a=s.sent()).length?o&&o(a[0].message):o&&o(void 0),[2,a.map((function(r){return{from:CodeMirror.Pos(r.range.start.line,r.range.start.character),to:CodeMirror.Pos(r.range.end.line,r.range.end.character),message:r.message}}))]}}))}))})),CodeMirror.registerHelper("hint","json",(function(r,e){return __awaiter(void 0,void 0,void 0,(function(){var t,o,i,n,a,s,c,d;return __generator(this,(function(m){switch(m.label){case 0:return(t=e.schema)?(serv.configure({validate:!0,schemas:[{uri:"stub://"+e.id,fileMatch:["*"],schema:t}]}),o=r.getDoc().getCursor(),i=r.getTokenAt(o),n=TextDocument.create(e.id+".json","json",0,r.getValue()),a=serv.parseJSONDocument(n),[4,serv.doComplete(n,{line:o.line,character:o.ch},a)]):[2];case 1:return s=m.sent(),c=function(r){for(var e="";r--;)e+=" ";return e},d=s?s.items.map((function(r){return{text:r.insertText,displayText:r.label,filter:r.filterText||r.label,from:{line:r.textEdit.range.start.line,ch:r.textEdit.range.start.character},to:{line:r.textEdit.range.end.line,ch:r.textEdit.range.end.character},hint:function(r,e,t){var o="_$__REDOC_CURSOR_HERE",i=t.text.replace(/(\$1|\${1:[^}]+})/,o)||"";if(i=i.replace(/(\$\d+|\${[^}]+})/g,"")||"",r.setSelection(t.from,t.to),i.indexOf("\n")>-1){var n=r.getLine(r.getCursor().line).search(/(\S|$)/);i=i.replace(/\n/g,"\n"+c(n))}r.replaceSelection(i);var a=r.getSearchCursor(o,t.from);a.findNext()&&(r.setCursor(a.from()),a.replace(""))}}})):[],/(property|string)/.test(i.type||"")&&(d=d.filter((function(r){return r.filter.replace(/(^"|"$)/g,"").startsWith(i.string.replace(/(^"|"$)/g,""))}))),[2,{from:CodeMirror.Pos(o.line,i.start),to:CodeMirror.Pos(o.line,o.ch),list:d}]}}))}))}));
+import*as CodeMirror from"codemirror";import{TextDocument,getLanguageService}from"@redocly/vscode-json-languageservice";import"codemirror/mode/javascript/javascript";import"codemirror/addon/edit/matchbrackets";import"codemirror/addon/lint/lint";import"codemirror/addon/hint/show-hint";import"codemirror/addon/edit/closebrackets";import"codemirror/addon/search/searchcursor";import"codemirror/lib/codemirror.css";import"codemirror/theme/material.css";import"codemirror/addon/lint/lint.css";import"codemirror/addon/hint/show-hint.css";const serv=getLanguageService({});CodeMirror.registerHelper("lint","json",(async function(e,r){const{schema:t,setError:o}=r;serv.configure({validate:!0,schemas:[{uri:"stub://"+r.id,fileMatch:["*"],schema:t}]});const i=TextDocument.create(r.id+".json","json",0,e),a=serv.parseJSONDocument(i),s=await serv.doValidation(i,a);return s.length?o&&o(s[0].message):o&&o(void 0),s.map((e=>({from:CodeMirror.Pos(e.range.start.line,e.range.start.character),to:CodeMirror.Pos(e.range.end.line,e.range.end.character),message:e.message})))})),CodeMirror.registerHelper("hint","json",(async(e,r)=>{const t=r.schema;if(!t)return;serv.configure({validate:!0,schemas:[{uri:"stub://"+r.id,fileMatch:["*"],schema:t}]});const o=e.getDoc().getCursor(),i=e.getTokenAt(o),a=TextDocument.create(r.id+".json","json",0,e.getValue()),s=serv.parseJSONDocument(a),n=await serv.doComplete(a,{line:o.line,character:o.ch},s);let c=n?n.items.map((e=>({text:e.insertText,displayText:e.label,filter:e.filterText||e.label,from:{line:e.textEdit.range.start.line,ch:e.textEdit.range.start.character},to:{line:e.textEdit.range.end.line,ch:e.textEdit.range.end.character},hint:(e,r,t)=>{const o="_$__REDOC_CURSOR_HERE";let i=t.text.replace(/(\$1|\${1:[^}]+})/,o)||"";if(i=i.replace(/(\$\d+|\${[^}]+})/g,"")||"",e.setSelection(t.from,t.to),i.indexOf("\n")>-1){const r=e.getLine(e.getCursor().line).search(/(\S|$)/);i=i.replace(/\n/g,"\n"+(e=>{let r="";for(;e--;)r+=" ";return r})(r))}e.replaceSelection(i);const a=e.getSearchCursor(o,t.from);a.findNext()&&(e.setCursor(a.from()),a.replace(""))}}))):[];return/(property|string)/.test(i.type||"")&&(c=c.filter((e=>e.filter.replace(/(^"|"$)/g,"").startsWith(i.string.replace(/(^"|"$)/g,""))))),{from:CodeMirror.Pos(o.line,i.start),to:CodeMirror.Pos(o.line,o.ch),list:c}}));
 //# sourceMappingURL=codemirror-helpers.js.map

package/lib-esm/components/console/styled.js

@@ -1,2 +1,80 @@
-import{__makeTemplateObject}from"tslib";import{darken}from"polished";import styled,{css,keyframes,mediaCSS}from"../../redoc-lib/src/styled-components";var shake=keyframes(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n"],["\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n"])));export var blink=keyframes(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  0% {\n    background-color: ",";\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: ",";\n  }\n"],["\n  0% {\n    background-color: ",";\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: ",";\n  }\n"])),darken(.3,"#59C3FF"),darken(.3,"#59C3FF"));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,shakeAnimation=css(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  animation: "," 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n"],["\n  animation: "," 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n"])),shake);export var ConsoleWrap=styled.div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n  font-family: ",";\n  border-radius: ",";\n  overflow: hidden;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  max-height: calc(85vh - ","px);\n  margin-bottom: 10px;\n  ",";\n  > div:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n"],["\n  background-color: ",";\n  color: ",";\n  font-family: ",";\n  border-radius: ",";\n  overflow: hidden;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  max-height: calc(85vh - ","px);\n  margin-bottom: 10px;\n  ",";\n  > div:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n"])),(function(n){return n.theme.rightPanel.panelBackgroundColor}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.typography.code.fontFamily}),(function(n){return n.theme.components.panels.borderRadius}),(function(n){return n.theme.scrollYOffset()}),(function(n){return n.shaking&&shakeAnimation}));export var ConsoleBody=styled.div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  flex: 1;\n  padding: 20px 20px 15px;\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: ",";\n"],["\n  flex: 1;\n  padding: 20px 20px 15px;\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: ",";\n"])),(function(n){return n.hidden?"none":"flex"}),(function(n){return n.theme.rightPanel.panelBackgroundColor}));export var CloseButton=styled.span(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: ",";\n"],["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: ",";\n"])),(function(n){return n.theme.colors.text.light}));export var invertedInputStyles=css(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: ",";\n  background-color: ",";\n  ","\n\n  &::placeholder {\n    opacity: 0.6;\n    color: ",";\n  }\n\n  &:-webkit-autofill {\n    background-color: ",";\n  }\n"],["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: ",";\n  background-color: ",";\n  ","\n\n  &::placeholder {\n    opacity: 0.6;\n    color: ",";\n  }\n\n  &:-webkit-autofill {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){var e=n.theme;return mediaCSS({color:e.colors.text.light,fontFamily:e.typography.code.fontFamily,fontSize:e.typography.fontSize})}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.rightPanel.panelBackgroundColor}));export var FlowName=styled.div(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"],["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"])));
+import{darken}from"polished";import styled,{css,keyframes,mediaCSS}from"../../redoc-lib/src/styled-components";const shake=keyframes`
+  10%, 90% {
+    transform: translate3d(-1px, 0, 0);
+  }
+
+  20%, 80% {
+    transform: translate3d(2px, 0, 0);
+  }
+
+  30%, 50%, 70% {
+    transform: translate3d(-4px, 0, 0);
+  }
+
+  40%, 60% {
+    transform: translate3d(4px, 0, 0);
+  }
+`;export const blink=keyframes`
+  0% {
+    background-color: ${darken(.3,"#59C3FF")};
+  }
+
+  50% {
+    background-color: #59C3FF;
+  }
+
+  100% {
+    background-color: ${darken(.3,"#59C3FF")};
+  }
+`;const shakeAnimation=css`
+  animation: ${shake} 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+`;export const ConsoleWrap=styled.div`
+  background-color: ${({theme:o})=>o.rightPanel.panelBackgroundColor};
+  color: ${({theme:o})=>o.colors.text.light};
+  font-family: ${({theme:o})=>o.typography.code.fontFamily};
+  border-radius: ${({theme:o})=>o.components.panels.borderRadius};
+  overflow: hidden;
+  z-index: 10;
+  display: flex;
+  flex-direction: column;
+  max-height: calc(85vh - ${({theme:o})=>o.scrollYOffset()}px);
+  margin-bottom: 10px;
+  ${({shaking:o})=>o&&shakeAnimation};
+  > div:last-child {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+`;export const ConsoleBody=styled.div`
+  flex: 1;
+  padding: 20px 20px 15px;
+  overflow: auto;
+  display: ${({hidden:o})=>o?"none":"flex"};
+  flex-direction: column;
+  position: relative;
+  background-color: ${({theme:o})=>o.rightPanel.panelBackgroundColor};
+`;export const CloseButton=styled.span`
+  cursor: pointer;
+  font-size: 24px;
+  font-weight: bold;
+  color: ${({theme:o})=>o.colors.text.light};
+`;export const invertedInputStyles=css`
+  border: none;
+  outline: none;
+  padding: 8px;
+  border-radius: ${({theme:o})=>o.shape.borderRadius};
+  background-color: ${({theme:o})=>o.rightPanel.panelControlsBackgroundColor};
+  ${({theme:o})=>mediaCSS({color:o.colors.text.light,fontFamily:o.typography.code.fontFamily,fontSize:o.typography.fontSize})}
+
+  &::placeholder {
+    opacity: 0.6;
+    color: ${({theme:o})=>o.colors.text.light};
+  }
+
+  &:-webkit-autofill {
+    background-color: ${({theme:o})=>o.rightPanel.panelBackgroundColor};
+  }
+`;export const FlowName=styled.div`
+  margin-top: 5px;
+  margin-bottom: 10px;
+`;
 //# sourceMappingURL=styled.js.map

package/lib-esm/components/console/utils.js

@@ -1,2 +1,2 @@
-import{__assign}from"tslib";import merge from"deepmerge";import{MediaTypes}from"../../types";import{arrayMergeStrategy}from"../../services/utils";import{fromSessionStorage,getParameterValue,setParameterValue,setSecurityDetails,toSessionStorage,unescapeFormId}from"../../utils";export function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}export function updateStorage(e){if(e.values.auth)for(var r=0,t=Object.keys(e.values.auth);r<t.length;r++){var a=t[r],n=e.values.auth[a];setSecurityDetails(a,n)}updateParameterStorage(e)}function updateParameterStorage(e){for(var r,t=0,a=["path","query","header","cookie"];t<a.length;t++){var n=a[t];if(null===(r=e.values)||void 0===r?void 0:r[n])for(var i=0,o=Object.keys(e.values[n]);i<o.length;i++){var u=o[i];setParameterValue(n,u,e.values[n][u])}}}export var getParameters=function(e,r){return e.filter((function(e){return e.in===r})).reduce((function(e,r){var t=r.in,a=r.name;return e[a]=getParameterValue(t||"",a),e}),{})};var pathTemplateRegExp=/(?:{)(\w+)(?:})/g;export function getServerWithVariables(e,r){void 0===r&&(r=0);var t=e[r],a=getDefaultOrStoredVariables(t);return __assign(__assign({},t),{variables:a})}export function getInitialServerWithVariables(e){var r=fromSessionStorage("serverUrl"),t=e.find((function(e){return e.url===r}))||e[0],a=getDefaultOrStoredVariables(t);return __assign(__assign({},t),{variables:a})}export function expandVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]||e}))}export function expandDefaultServerVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]&&r[t].default||e}))}export function getDefaultOrStoredVariables(e){if(!(null==e?void 0:e.variables))return{};var r=fromSessionStorage("variables"),t=r&&JSON.parse(r)||{},a={};return Object.entries(e.variables||{}).forEach((function(e){var r=e[0],n=e[1];a[r]=t[r]||n.default||""})),a}export function updateVariablesStorage(e,r){var t,a=fromSessionStorage("variables"),n=a&&JSON.parse(a)||{};toSessionStorage("variables",JSON.stringify(__assign(__assign({},n),((t={})[e]=r,t))))}export function unescapeQueryParams(e){return Object.entries(e).reduce((function(e,r){var t=r[0],a=r[1];return e[unescapeFormId(t)]=a,e}),{})}export function getFileNameFromHeaders(e){for(var r="filename=",t=0,a=Object.entries(e);t<a.length;t++){var n=a[t],i=n[0],o=n[1];if("content-disposition"===i.toLowerCase()){var u=o.split(";").find((function(e){return e.trim().startsWith(r)}));if(u)return u.split(r)[1]}}return""}export var makeRequestInterceptor=function(e,r,t){var a=e.requestInterceptor,n=e.sendXUserAgentInTryIt,i=e.disableTryItRequestUrlEncoding;return function(e){var o,u,s,l;i&&(e=__assign(__assign({},e),{url:decodeURIComponent(e.url)})),n&&(e.headers["X-User-Agent"]="Redocly Try it API console");var c=(null===(u=null===(o=null==r?void 0:r.requestValues)||void 0===o?void 0:o.header)||void 0===u?void 0:u.authorization)||(null===(l=null===(s=null==r?void 0:r.requestValues)||void 0===s?void 0:s.header)||void 0===l?void 0:l.Authorization);return!(null==t?void 0:t.Authorization)&&c&&(e.headers.Authorization=c),(null==t?void 0:t.Cookie)&&(e.headers["X-Redocly-Cookie"]=t.Cookie),a?a(e,r):e}};export var validateTokenEndpointMethod=function(e){if(!e)return!0;var r=Array.isArray(e)?e:[e];return!(r.length&&!r.includes("none")&&!r.includes("client_secret_basic"))};export var getOAuth2TokenEndpointAuthHeader=function(e){var r=e.authMethod,t=e.clientId,a=e.clientSecret;return"client_secret_basic"===r||Array.isArray(r)&&r.includes("client_secret_basic")?{Authorization:"Basic "+btoa(t+":"+a)}:{}};export function encodeSample(e,r){if(!e)return"";if(e.mime===MediaTypes.URL_ENCODED)return e.value;var t=e.value,a=r?merge(t,r,{arrayMerge:arrayMergeStrategy}):t;return JSON.stringify(a,null,2)}export var getStorageExampleKey=function(e,r,t,a){var n=e+"_"+r;return t&&a&&Object.keys(a).includes(t)&&(n+="_"+t),n};
+import merge from"deepmerge";import{MediaTypes}from"../../types";import{arrayMergeStrategy}from"../../services/utils";import{fromSessionStorage,getParameterValue,setParameterValue,setSecurityDetails,toSessionStorage,unescapeFormId}from"../../utils";export function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}export function updateStorage(e){if(e.values.auth)for(const t of Object.keys(e.values.auth)){const r=e.values.auth[t];setSecurityDetails(t,r)}updateParameterStorage(e)}function updateParameterStorage(e){var t;for(const r of["path","query","header","cookie"])if(null===(t=e.values)||void 0===t?void 0:t[r])for(const t of Object.keys(e.values[r]))setParameterValue(r,t,e.values[r][t])}export const getParameters=(e,t)=>e.filter((e=>e.in===t)).reduce(((e,t)=>{const{in:r,name:a}=t;return e[a]=getParameterValue(r||"",a),e}),{});const pathTemplateRegExp=/(?:{)(\w+)(?:})/g;export function getServerWithVariables(e,t=0){const r=e[t],a=getDefaultOrStoredVariables(r);return Object.assign(Object.assign({},r),{variables:a})}export function getInitialServerWithVariables(e){const t=fromSessionStorage("serverUrl"),r=e.find((e=>e.url===t))||e[0],a=getDefaultOrStoredVariables(r);return Object.assign(Object.assign({},r),{variables:a})}export function expandVariables(e,t={}){return e.replace(pathTemplateRegExp,((e,r)=>t[r]||e))}export function expandDefaultServerVariables(e,t={}){return e.replace(pathTemplateRegExp,((e,r)=>t[r]&&t[r].default||e))}export function getDefaultOrStoredVariables(e){if(!(null==e?void 0:e.variables))return{};const t=fromSessionStorage("variables"),r=t&&JSON.parse(t)||{},a={};return Object.entries(e.variables||{}).forEach((([e,t])=>{a[e]=r[e]||t.default||""})),a}export function updateVariablesStorage(e,t){const r=fromSessionStorage("variables"),a=r&&JSON.parse(r)||{};toSessionStorage("variables",JSON.stringify(Object.assign(Object.assign({},a),{[e]:t})))}export function unescapeQueryParams(e){return Object.entries(e).reduce(((e,[t,r])=>(e[unescapeFormId(t)]=r,e)),{})}export function getFileNameFromHeaders(e){const t="filename=";for(const[r,a]of Object.entries(e))if("content-disposition"===r.toLowerCase()){const e=a.split(";").find((e=>e.trim().startsWith(t)));if(e)return e.split(t)[1]}return""}export const makeRequestInterceptor=({requestInterceptor:e,sendXUserAgentInTryIt:t,disableTryItRequestUrlEncoding:r},a,o)=>n=>{var i,s,u,l;r&&(n=Object.assign(Object.assign({},n),{url:decodeURIComponent(n.url)})),t&&(n.headers["X-User-Agent"]="Redocly Try it API console");const c=(null===(s=null===(i=null==a?void 0:a.requestValues)||void 0===i?void 0:i.header)||void 0===s?void 0:s.authorization)||(null===(l=null===(u=null==a?void 0:a.requestValues)||void 0===u?void 0:u.header)||void 0===l?void 0:l.Authorization);return!(null==o?void 0:o.Authorization)&&c&&(n.headers.Authorization=c),(null==o?void 0:o.Cookie)&&(n.headers["X-Redocly-Cookie"]=o.Cookie),e?e(n,a):n};export const validateTokenEndpointMethod=e=>{if(!e)return!0;const t=Array.isArray(e)?e:[e];return!(t.length&&!t.includes("none")&&!t.includes("client_secret_basic"))};export const getOAuth2TokenEndpointAuthHeader=({authMethod:e,clientId:t,clientSecret:r})=>"client_secret_basic"===e||Array.isArray(e)&&e.includes("client_secret_basic")?{Authorization:`Basic ${btoa(t+":"+r)}`}:{};export function encodeSample(e,t){if(!e)return"";if(e.mime===MediaTypes.URL_ENCODED)return e.value;const r=e.value,a=t?merge(r,t,{arrayMerge:arrayMergeStrategy}):r;return JSON.stringify(a,null,2)}export const getStorageExampleKey=(e,t,r,a)=>{let o=e+"_"+t;return r&&a&&Object.keys(a).includes(r)&&(o+="_"+r),o};
 //# sourceMappingURL=utils.js.map

package/lib-esm/components/pluggable/PullRight.js

@@ -1,2 +1,58 @@
-import{__extends,__makeTemplateObject}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";import{lighten,invert}from"polished";import{RightPanel,Markdown,styled,mediaCSS}from"../../redoc-lib";import{CodePanel}from"../Panel/CodePanel";var DarkMarkdown=styled(Markdown)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    ","\n  }\n\n  table {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    word-break: break-word;\n\n    & tr {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      ","\n    }\n  }\n\n  code {\n    color: ",";\n    background-color: ",";\n  }\n\n  a,\n  a:visited {\n    color: ",";\n  }\n\n  pre {\n    border: none;\n    padding: ",";\n    border-radius: ",";\n    ","\n  }\n"],["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    ","\n  }\n\n  table {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    word-break: break-word;\n\n    & tr {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      ","\n    }\n  }\n\n  code {\n    color: ",";\n    background-color: ",";\n  }\n\n  a,\n  a:visited {\n    color: ",";\n  }\n\n  pre {\n    border: none;\n    padding: ",";\n    border-radius: ",";\n    ","\n  }\n"])),(function(n){var r,e,t=n.theme;return mediaCSS({color:(null===(e=null===(r=t.typography)||void 0===r?void 0:r.rightPanelHeading)||void 0===e?void 0:e.color)||t.rightPanel.textColor})}),(function(n){var r=n.theme;return mediaCSS({backgroundColor:r.rightPanel.panelControlsBackgroundColor})}),(function(n){var r=n.theme;return mediaCSS({backgroundColor:lighten(.05,r.rightPanel.panelControlsBackgroundColor)})}),(function(n){var r=n.theme;return"\n          background-color: "+lighten(.05,r.rightPanel.panelControlsBackgroundColor)+";\n          border-color: "+lighten(.1,r.rightPanel.panelControlsBackgroundColor)+" !important;\n      "}),(function(n){var r=n.theme;return lighten(.2,r.typography.code.color)}),(function(n){var r=n.theme;return invert(r.typography.code.backgroundColor)}),(function(n){var r=n.theme;return lighten(.25,r.typography.links.color)}),(function(n){return 4*n.theme.spacing.unit}),(function(n){return n.theme.codeBlock.borderRadius}),(function(n){var r=n.theme;return mediaCSS({background:r.codeBlock.backgroundColor})})),PullRight=function(n){function r(){return null!==n&&n.apply(this,arguments)||this}return __extends(r,n),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return _jsx(StyledRightPanel,{children:_jsx(CodePanel,{children:this.props.children&&_jsx(DarkMarkdown,{source:this.props.children},void 0)},void 0)},void 0)}}),r}(Component);export{PullRight};var templateObject_1,templateObject_2,StyledRightPanel=styled(RightPanel)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  float: right;\n  z-index: 1;\n  position: relative;\n  margin-bottom: 10px;\n"],["\n  float: right;\n  z-index: 1;\n  position: relative;\n  margin-bottom: 10px;\n"])));
+import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";import{lighten,invert}from"polished";import{RightPanel,Markdown,styled,mediaCSS}from"../../redoc-lib";import{CodePanel}from"../Panel/CodePanel";const DarkMarkdown=styled(Markdown)`
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    ${({theme:o})=>{var r,e;return mediaCSS({color:(null===(e=null===(r=o.typography)||void 0===r?void 0:r.rightPanelHeading)||void 0===e?void 0:e.color)||o.rightPanel.textColor})}}
+  }
+
+  table {
+    color: #ffffff;
+    overflow-wrap: break-word;
+    word-break: break-word;
+
+    & tr {
+      td,
+      th {
+        ${({theme:o})=>mediaCSS({backgroundColor:o.rightPanel.panelControlsBackgroundColor})}
+      }
+    }
+
+    & tr:nth-child(2n) {
+      td,
+      th {
+        ${({theme:o})=>mediaCSS({backgroundColor:lighten(.05,o.rightPanel.panelControlsBackgroundColor)})}
+      }
+    }
+
+    & thead tr th,
+    & tbody tr td {
+      ${({theme:o})=>`\n          background-color: ${lighten(.05,o.rightPanel.panelControlsBackgroundColor)};\n          border-color: ${lighten(.1,o.rightPanel.panelControlsBackgroundColor)} !important;\n      `}
+    }
+  }
+
+  code {
+    color: ${({theme:o})=>lighten(.2,o.typography.code.color)};
+    background-color: ${({theme:o})=>invert(o.typography.code.backgroundColor)};
+  }
+
+  a,
+  a:visited {
+    color: ${({theme:o})=>lighten(.25,o.typography.links.color)};
+  }
+
+  pre {
+    border: none;
+    padding: ${({theme:o})=>4*o.spacing.unit};
+    border-radius: ${({theme:o})=>o.codeBlock.borderRadius};
+    ${({theme:o})=>mediaCSS({background:o.codeBlock.backgroundColor})}
+  }
+`;export class PullRight extends Component{render(){return _jsx(StyledRightPanel,{children:_jsx(CodePanel,{children:this.props.children&&_jsx(DarkMarkdown,{source:this.props.children},void 0)},void 0)},void 0)}}const StyledRightPanel=styled(RightPanel)`
+  float: right;
+  z-index: 1;
+  position: relative;
+  margin-bottom: 10px;
+`;
 //# sourceMappingURL=PullRight.js.map

package/lib-esm/components/pluggable/RedocExample.js

@@ -1,2 +1,2 @@
-import{__assign,__extends}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";import{ExampleModel,Example,Row}from"../../redoc-lib";import{ExamplesWrap}from"./styled.components";var RedocExample=function(e){function o(){return null!==e&&e.apply(this,arguments)||this}return __extends(o,e),Object.defineProperty(o.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,o=e.store,r=e.pointer,t=e.mimeType,n=e.encoding,i=new ExampleModel(o.definition.parser,{$ref:r},t,n);return _jsx(Row,__assign({layout:o.layout},{children:_jsx(ExamplesWrap,{children:_jsx(Example,{example:i,mimeType:t},void 0)},void 0)}),void 0)}}),o}(Component);export{RedocExample};
+import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";import{ExampleModel,Example,Row}from"../../redoc-lib";import{ExamplesWrap}from"./styled.components";export class RedocExample extends Component{render(){const{store:e,pointer:o,mimeType:r,encoding:m}=this.props,p=new ExampleModel(e.definition.parser,{$ref:o},r,m);return _jsx(Row,Object.assign({layout:e.layout},{children:_jsx(ExamplesWrap,{children:_jsx(Example,{example:p,mimeType:r},void 0)},void 0)}),void 0)}}
 //# sourceMappingURL=RedocExample.js.map

package/lib-esm/components/pluggable/RedocRequestBody.js

@@ -1,2 +1,2 @@
-import{__assign,__extends}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Component}from"react";import{RequestBodyModel,PayloadSamples,Row,MiddlePanel,RightPanel,BodyContent,OperationModel}from"../../redoc-lib";import{SamplesWrap,FullWidthPanel}from"./styled.components";var RedocRequestBody=function(e){function o(){return null!==e&&e.apply(this,arguments)||this}return __extends(o,e),Object.defineProperty(o.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,o=e.store,t=e.pointer,n=e.hideSamples,r=new OperationModel(o.definition.parser,{pointer:t,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o.options,!1),i=new RequestBodyModel({parser:o.definition.parser,infoOrRef:{$ref:t},options:o.options,operation:r})||{},s=i.content,a=i.description,d=i.required,p=n?FullWidthPanel:MiddlePanel;return _jsxs(Row,__assign({layout:o.layout},{children:[_jsx(p,{children:s&&_jsx(BodyContent,{content:s,description:a,required:d},void 0)},void 0),!n&&_jsx(RightPanel,{children:_jsx(SamplesWrap,{children:s&&_jsx(PayloadSamples,{content:s},void 0)},void 0)},void 0)||_jsx("span",{},void 0)]}),void 0)}}),o}(Component);export{RedocRequestBody};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Component}from"react";import{RequestBodyModel,PayloadSamples,Row,MiddlePanel,RightPanel,BodyContent,OperationModel}from"../../redoc-lib";import{SamplesWrap,FullWidthPanel}from"./styled.components";export class RedocRequestBody extends Component{render(){const{store:e,pointer:o,hideSamples:t}=this.props,n=new OperationModel(e.definition.parser,{pointer:o,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,e.options,!1),{content:s,description:r,required:i}=new RequestBodyModel({parser:e.definition.parser,infoOrRef:{$ref:o},options:e.options,operation:n})||{},d=t?FullWidthPanel:MiddlePanel;return _jsxs(Row,Object.assign({layout:e.layout},{children:[_jsx(d,{children:s&&_jsx(BodyContent,{content:s,description:r,required:i},void 0)},void 0),!t&&_jsx(RightPanel,{children:_jsx(SamplesWrap,{children:s&&_jsx(PayloadSamples,{content:s},void 0)},void 0)},void 0)||_jsx("span",{},void 0)]}),void 0)}}
 //# sourceMappingURL=RedocRequestBody.js.map

package/lib-esm/components/pluggable/RedocResponse.js

@@ -1,2 +1,2 @@
-import{__assign,__extends}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Component}from"react";import{ResponseModel,Row,MiddlePanel,ResponseDetails,RightPanel,PayloadSamples}from"../../redoc-lib";import{OperationModel}from"../../redoc-lib/src/services";import{FullWidthPanel,SamplesWrap}from"./styled.components";var RedocResponse=function(e){function o(){return null!==e&&e.apply(this,arguments)||this}return __extends(o,e),Object.defineProperty(o.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,o=e.store,s=e.pointer,r=e.hideSamples,n=new OperationModel(o.definition.parser,{pointer:s,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o.options,!1),t=new ResponseModel({parser:o.definition.parser,code:"default",defaultAsError:!1,infoOrRef:{$ref:s},options:o.options,operation:n});t.description=t.summary;var i=r?FullWidthPanel:MiddlePanel;return _jsxs(Row,__assign({layout:o.layout},{children:[_jsx(i,__assign({style:{paddingBottom:"20px"}},{children:_jsx(ResponseDetails,{response:t},void 0)}),void 0),!r&&t.content&&_jsx(RightPanel,{children:_jsx(SamplesWrap,{children:_jsx(PayloadSamples,{content:t.content},void 0)},void 0)},void 0)||_jsx("span",{},void 0)]}),void 0)}}),o}(Component);export{RedocResponse};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Component}from"react";import{ResponseModel,Row,MiddlePanel,ResponseDetails,RightPanel,PayloadSamples}from"../../redoc-lib";import{OperationModel}from"../../redoc-lib/src/services";import{FullWidthPanel,SamplesWrap}from"./styled.components";export class RedocResponse extends Component{render(){const{store:e,pointer:o,hideSamples:s}=this.props,t=new OperationModel(e.definition.parser,{pointer:o,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,e.options,!1),n=new ResponseModel({parser:e.definition.parser,code:"default",defaultAsError:!1,infoOrRef:{$ref:o},options:e.options,operation:t});n.description=n.summary;const r=s?FullWidthPanel:MiddlePanel;return _jsxs(Row,Object.assign({layout:e.layout},{children:[_jsx(r,Object.assign({style:{paddingBottom:"20px"}},{children:_jsx(ResponseDetails,{response:n},void 0)}),void 0),!s&&n.content&&_jsx(RightPanel,{children:_jsx(SamplesWrap,{children:_jsx(PayloadSamples,{content:n.content},void 0)},void 0)},void 0)||_jsx("span",{},void 0)]}),void 0)}}
 //# sourceMappingURL=RedocResponse.js.map

package/lib-esm/components/pluggable/RedocSchema.js

@@ -1,2 +1,2 @@
-import{__extends}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";import{Schema,SchemaModel,Row}from"../../redoc-lib";import{FullWidthPanel}from"./styled.components";var RedocSchema=function(e){function o(){return null!==e&&e.apply(this,arguments)||this}return __extends(o,e),Object.defineProperty(o.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,o=e.store,r=e.pointer,t=e.schema||{$ref:r},n=new SchemaModel(o.definition.parser,t,r||"",o.options);return _jsx(Row,{children:_jsx(FullWidthPanel,{children:_jsx(Schema,{schema:n},void 0)},void 0)},void 0)}}),o}(Component);export{RedocSchema};
+import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";import{Schema,SchemaModel,Row}from"../../redoc-lib";import{FullWidthPanel}from"./styled.components";export class RedocSchema extends Component{render(){const{store:e,pointer:o,schema:r}=this.props,t=r||{$ref:o},n=new SchemaModel(e.definition.parser,t,o||"",e.options);return _jsx(Row,{children:_jsx(FullWidthPanel,{children:_jsx(Schema,{schema:n},void 0)},void 0)},void 0)}}
 //# sourceMappingURL=RedocSchema.js.map

package/lib-esm/components/pluggable/styled.components.js

@@ -1,2 +1,10 @@
-import{__makeTemplateObject}from"tslib";import{styled,MiddlePanel,mediaCSS,ZERO_BREAKPOINT}from"../../redoc-lib";export var SamplesWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  padding: ","px;\n  border-radius: ",";\n  ","\n"],["\n  padding: ","px;\n  border-radius: ",";\n  ","\n"])),(function(e){return 4*e.theme.spacing.unit}),(function(e){return e.theme.codeBlock.borderRadius}),(function(e){var t=e.theme;return mediaCSS({backgroundColor:t.rightPanel.panelBackgroundColor})}));export var ExamplesWrap=styled(SamplesWrap)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  width: 100%;\n"],["\n  width: 100%;\n"])));export var FullWidthPanel=styled(MiddlePanel)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(e){var t,a=e.theme;return mediaCSS({paddingLeft:a.spacing.sectionHorizontal,paddingRight:a.spacing.sectionHorizontal,width:(t={},t[ZERO_BREAKPOINT]="100%",t[a.rightPanel.showAtBreakpoint]="100%",t)})}));var templateObject_1,templateObject_2,templateObject_3;
+import{styled,MiddlePanel,mediaCSS,ZERO_BREAKPOINT}from"../../redoc-lib";export const SamplesWrap=styled.div`
+  padding: ${({theme:e})=>4*e.spacing.unit}px;
+  border-radius: ${({theme:e})=>e.codeBlock.borderRadius};
+  ${({theme:e})=>mediaCSS({backgroundColor:e.rightPanel.panelBackgroundColor})}
+`;export const ExamplesWrap=styled(SamplesWrap)`
+  width: 100%;
+`;export const FullWidthPanel=styled(MiddlePanel)`
+  ${({theme:e})=>mediaCSS({paddingLeft:e.spacing.sectionHorizontal,paddingRight:e.spacing.sectionHorizontal,width:{[ZERO_BREAKPOINT]:"100%",[e.rightPanel.showAtBreakpoint]:"100%"}})}
+`;
 //# sourceMappingURL=styled.components.js.map

package/lib-esm/components/shared/Button.js

@@ -1,2 +1,68 @@
-import{__makeTemplateObject}from"tslib";import{darken}from"polished";import styled,{css,keyframes}from"../../redoc-lib/src/styled-components";var getBlink=function(n){return keyframes(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  0% {\n    background-color: ",";\n  }\n\n  50% {\n    background-color: ",";\n  }\n\n  100% {\n    background-color: ",";\n  }\n"],["\n  0% {\n    background-color: ",";\n  }\n\n  50% {\n    background-color: ",";\n  }\n\n  100% {\n    background-color: ",";\n  }\n"])),darken(.1,n),n,darken(.1,n))};function getThemeColorVariant(n,e){return n.colors[e||"secondary"]||n.colors.secondary}function getThemeButtonSize(n,e){return n.components.buttons.sizes[e||"medium"]||n.components.buttons.sizes.normal}export var baseButton=css(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  outline: none;\n  border: none;\n  background-color: ",";\n  color: ",";\n  border-radius: ",";\n  font-weight: ",";\n  font-size: 14px;\n  padding: 2px 20px;\n  cursor: pointer;\n  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\n  line-height: 1;\n\n  font-family: ",";\n  box-shadow: ",";\n\n  &:hover {\n    background-color: ",";\n    ",";\n    box-shadow: ",";\n  }\n\n  &:active {\n    background-color: ",";\n    box-shadow: ",";\n  }\n"],["\n  outline: none;\n  border: none;\n  background-color: ",";\n  color: ",";\n  border-radius: ",";\n  font-weight: ",";\n  font-size: 14px;\n  padding: 2px 20px;\n  cursor: pointer;\n  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\n  line-height: 1;\n\n  font-family: ",";\n  box-shadow: ",";\n\n  &:hover {\n    background-color: ",";\n    ",";\n    box-shadow: ",";\n  }\n\n  &:active {\n    background-color: ",";\n    box-shadow: ",";\n  }\n"])),(function(n){return n.theme.colors.secondary.main}),(function(n){return n.theme.colors.secondary.contrastText}),(function(n){return n.theme.components.buttons.borderRadius}),(function(n){return n.theme.components.buttons.fontWeight}),(function(n){return n.theme.components.buttons.fontFamily}),(function(n){return n.theme.components.buttons.boxShadow}),(function(n){var e=n.theme;return darken(.05,e.colors.secondary.main)}),(function(n){return n.theme.components.buttons.hoverStyle}),(function(n){return n.theme.components.buttons.hoverBoxShadow}),(function(n){var e=n.theme;return darken(.1,e.colors.secondary.main)}),(function(n){return n.theme.components.buttons.hoverBoxShadow}));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,getColorVariant=function(n,e){return"outlined"===e?"\n  background-color: transparent;\n  border: 2px solid "+n.main+";\n  color: "+n.main+";\n  &:hover {\n    border: 2px solid "+darken(.1,n.main)+";\n    background-color: transparent;\n  }\n\n  &:active {\n    border: 2px solid "+darken(.15,n.main)+";\n  }\n":"\n  background-color: "+n.main+";\n  color: "+n.contrastText+";\n  &:hover {\n    background-color: "+darken(.05,n.main)+";\n  }\n\n  &:active {\n    background-color: "+darken(.1,n.main)+";\n  }\n"},getSize=function(n){return"\n  font-size: "+n.fontSize+";\n  padding: "+n.padding+";\n  min-width: "+n.minWidth+";\n"};export var Button=styled.button(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  text-decoration: none;\n  text-align: center;\n\n  width: ",";\n\n  ","\n\n  ","\n  ","\n\n  & + & {\n    margin-left: 0.85em;\n  }\n\n  ","\n\n  ","\n"],["\n  text-decoration: none;\n  text-align: center;\n\n  width: ",";\n\n  ","\n\n  ","\n  ","\n\n  & + & {\n    margin-left: 0.85em;\n  }\n\n  ","\n\n  ","\n"])),(function(n){return n.fullWidth?"100%":"auto"}),baseButton,(function(n){var e=n.color,o=n.theme,t=n.variant;return getColorVariant(getThemeColorVariant(o,e),t)}),(function(n){var e=n.size,o=n.theme;return getSize(getThemeButtonSize(o,e))}),(function(n){var e=n.blinking,o=n.color,t=n.theme;return e&&css(templateObject_3||(templateObject_3=__makeTemplateObject(["\n      pointer-events: none;\n      animation: "," 1.2s infinite;\n    "],["\n      pointer-events: none;\n      animation: "," 1.2s infinite;\n    "])),getBlink(getThemeColorVariant(t,o).main))}),(function(n){return n.disabled&&css(templateObject_4||(templateObject_4=__makeTemplateObject(["\n      &,\n      &:hover {\n        cursor: default;\n        color: #999;\n        pointer-events: none;\n      }\n    "],["\n      &,\n      &:hover {\n        cursor: default;\n        color: #999;\n        pointer-events: none;\n      }\n    "])))}));export var ButtonLink=Button.withComponent("a");
+import{darken}from"polished";import styled,{css,keyframes}from"../../redoc-lib/src/styled-components";const getBlink=o=>keyframes`
+  0% {
+    background-color: ${darken(.1,o)};
+  }
+
+  50% {
+    background-color: ${o};
+  }
+
+  100% {
+    background-color: ${darken(.1,o)};
+  }
+`;function getThemeColorVariant(o,n){return o.colors[n||"secondary"]||o.colors.secondary}function getThemeButtonSize(o,n){return o.components.buttons.sizes[n||"medium"]||o.components.buttons.sizes.normal}export const baseButton=css`
+  outline: none;
+  border: none;
+  background-color: ${({theme:o})=>o.colors.secondary.main};
+  color: ${({theme:o})=>o.colors.secondary.contrastText};
+  border-radius: ${({theme:o})=>o.components.buttons.borderRadius};
+  font-weight: ${({theme:o})=>o.components.buttons.fontWeight};
+  font-size: 14px;
+  padding: 2px 20px;
+  cursor: pointer;
+  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
+  line-height: 1;
+
+  font-family: ${({theme:o})=>o.components.buttons.fontFamily};
+  box-shadow: ${({theme:o})=>o.components.buttons.boxShadow};
+
+  &:hover {
+    background-color: ${({theme:o})=>darken(.05,o.colors.secondary.main)};
+    ${({theme:o})=>o.components.buttons.hoverStyle};
+    box-shadow: ${({theme:o})=>o.components.buttons.hoverBoxShadow};
+  }
+
+  &:active {
+    background-color: ${({theme:o})=>darken(.1,o.colors.secondary.main)};
+    box-shadow: ${({theme:o})=>o.components.buttons.hoverBoxShadow};
+  }
+`;const getColorVariant=(o,n)=>"outlined"===n?`\n  background-color: transparent;\n  border: 2px solid ${o.main};\n  color: ${o.main};\n  &:hover {\n    border: 2px solid ${darken(.1,o.main)};\n    background-color: transparent;\n  }\n\n  &:active {\n    border: 2px solid ${darken(.15,o.main)};\n  }\n`:`\n  background-color: ${o.main};\n  color: ${o.contrastText};\n  &:hover {\n    background-color: ${darken(.05,o.main)};\n  }\n\n  &:active {\n    background-color: ${darken(.1,o.main)};\n  }\n`,getSize=o=>`\n  font-size: ${o.fontSize};\n  padding: ${o.padding};\n  min-width: ${o.minWidth};\n`;export const Button=styled.button`
+  text-decoration: none;
+  text-align: center;
+
+  width: ${({fullWidth:o})=>o?"100%":"auto"};
+
+  ${baseButton}
+
+  ${({color:o,theme:n,variant:e})=>getColorVariant(getThemeColorVariant(n,o),e)}
+  ${({size:o,theme:n})=>getSize(getThemeButtonSize(n,o))}
+
+  & + & {
+    margin-left: 0.85em;
+  }
+
+  ${({blinking:o,color:n,theme:e})=>o&&css`
+      pointer-events: none;
+      animation: ${getBlink(getThemeColorVariant(e,n).main)} 1.2s infinite;
+    `}
+
+  ${({disabled:o})=>o&&css`
+      &,
+      &:hover {
+        cursor: default;
+        color: #999;
+        pointer-events: none;
+      }
+    `}
+`;export const ButtonLink=Button.withComponent("a");
 //# sourceMappingURL=Button.js.map

package/lib-esm/components/shared/CopyButton.js

@@ -1,2 +1,2 @@
-import{__assign,__awaiter,__generator}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useState}from"react";import{Button}from"./Button";export var CopyButton=function(t){var r=t.text,o=useState("Copy"),e=o[0],n=o[1];return _jsx(Button,__assign({onClick:function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,navigator.clipboard.writeText(r)];case 1:return t.sent(),n("Copied!"),setTimeout((function(){return n("Copy")}),1500),[2]}}))}))}},{children:e}),void 0)};
+import{jsx as _jsx}from"react/jsx-runtime";import{useState}from"react";import{Button}from"./Button";export const CopyButton=({text:t})=>{const[o,e]=useState("Copy");return _jsx(Button,Object.assign({onClick:async()=>{await navigator.clipboard.writeText(t),e("Copied!"),setTimeout((()=>e("Copy")),1500)}},{children:o}),void 0)};
 //# sourceMappingURL=CopyButton.js.map

package/lib-esm/components/shared/HttpVerb.js

@@ -1,2 +1,15 @@
-import{__makeTemplateObject}from"tslib";import styled from"../../redoc-lib/src/styled-components";export var HttpVerb=styled.span(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  display: inline-block;\n  color: ",";\n  text-transform: uppercase;\n  text-align: center;\n  font-family: ",";\n  border-radius: ",";\n  background-color: ",";\n  min-width: 58px;\n  padding: 0 8px;\n  font-size: ",";\n  line-height: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  color: ",";\n  text-transform: uppercase;\n  text-align: center;\n  font-family: ",";\n  border-radius: ",";\n  background-color: ",";\n  min-width: 58px;\n  padding: 0 8px;\n  font-size: ",";\n  line-height: ",";\n  font-weight: ",";\n"])),(function(t){return t.theme.components.httpBadges.color}),(function(t){return t.theme.components.httpBadges.fontFamily}),(function(t){return t.theme.components.httpBadges.borderRadius}),(function(t){var e=t.type;return t.theme.colors.http[e]||"#707070"}),(function(t){return t.theme.components.httpBadges.sizes.medium.fontSize}),(function(t){return t.theme.components.httpBadges.sizes.medium.lineHeight}),(function(t){return t.theme.components.httpBadges.fontWeight}));var templateObject_1;
+import styled from"../../redoc-lib/src/styled-components";export const HttpVerb=styled.span`
+  display: inline-block;
+  color: ${({theme:e})=>e.components.httpBadges.color};
+  text-transform: uppercase;
+  text-align: center;
+  font-family: ${({theme:e})=>e.components.httpBadges.fontFamily};
+  border-radius: ${({theme:e})=>e.components.httpBadges.borderRadius};
+  background-color: ${({type:e,theme:t})=>t.colors.http[e]||"#707070"};
+  min-width: 58px;
+  padding: 0 8px;
+  font-size: ${({theme:e})=>e.components.httpBadges.sizes.medium.fontSize};
+  line-height: ${({theme:e})=>e.components.httpBadges.sizes.medium.lineHeight};
+  font-weight: ${({theme:e})=>e.components.httpBadges.fontWeight};
+`;
 //# sourceMappingURL=HttpVerb.js.map

package/lib-esm/components/shared/MimeLabel.js

@@ -1,2 +1,12 @@
-import{__makeTemplateObject}from"tslib";import styled from"../../redoc-lib/src/styled-components";export var MimeLabel=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n  font-family: ",";\n  margin-bottom: 0;\n  height: 30px;\n  padding: 7px 10px;\n  font-size: 14px;\n  line-height: 16px;\n  border-radius: ",";\n"],["\n  background-color: ",";\n  color: ",";\n  font-family: ",";\n  margin-bottom: 0;\n  height: 30px;\n  padding: 7px 10px;\n  font-size: 14px;\n  line-height: 16px;\n  border-radius: ",";\n"])),(function(e){return e.theme.rightPanel.panelControlsBackgroundColor}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.typography.code.fontFamily}),(function(e){return e.theme.shape.borderRadius}));var templateObject_1;
+import styled from"../../redoc-lib/src/styled-components";export const MimeLabel=styled.div`
+  background-color: ${({theme:o})=>o.rightPanel.panelControlsBackgroundColor};
+  color: ${({theme:o})=>o.colors.text.light};
+  font-family: ${({theme:o})=>o.typography.code.fontFamily};
+  margin-bottom: 0;
+  height: 30px;
+  padding: 7px 10px;
+  font-size: 14px;
+  line-height: 16px;
+  border-radius: ${({theme:o})=>o.shape.borderRadius};
+`;
 //# sourceMappingURL=MimeLabel.js.map

package/lib-esm/components/shared/NoSampleLabel.js

@@ -1,2 +1,11 @@
-import{__makeTemplateObject}from"tslib";import styled,{mediaCSS}from"../../redoc-lib/src/styled-components";export var NoSampleLabel=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-size: 12px;\n  min-height: 100px;\n  padding: 20px 0;\n  ","\n"],["\n  font-size: 12px;\n  min-height: 100px;\n  padding: 20px 0;\n  ","\n"])),(function(e){var t=e.theme;return mediaCSS({color:t.colors.error.main,fontFamily:t.typography.code.fontFamily})}));export var WarnMessage=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  font-size: 12px;\n  padding-bottom: 10px;\n  ","\n"],["\n  font-size: 12px;\n  padding-bottom: 10px;\n  ","\n"])),(function(e){var t=e.theme;return mediaCSS({color:t.colors.warning.main,fontFamily:t.typography.code.fontFamily})}));var templateObject_1,templateObject_2;
+import styled,{mediaCSS}from"../../redoc-lib/src/styled-components";export const NoSampleLabel=styled.div`
+  font-size: 12px;
+  min-height: 100px;
+  padding: 20px 0;
+  ${({theme:o})=>mediaCSS({color:o.colors.error.main,fontFamily:o.typography.code.fontFamily})}
+`;export const WarnMessage=styled.div`
+  font-size: 12px;
+  padding-bottom: 10px;
+  ${({theme:o})=>mediaCSS({color:o.colors.warning.main,fontFamily:o.typography.code.fontFamily})}
+`;
 //# sourceMappingURL=NoSampleLabel.js.map

package/lib-esm/components/styled.elements.js

@@ -1,2 +1,119 @@
-import{__assign,__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{observer}from"mobx-react";import{styled,mediaCSS,mediaMap,ZERO_BREAKPOINT,css,Tooltip}from"../redoc-lib";import{LayoutVariant}from"../services";var ShowRightPanelSVG=styled((function(){return _jsxs("svg",__assign({width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[_jsx("path",{d:"M2.41421 5L5.70711 8.29289C6.09763 8.68342 6.09763 9.31658 5.7071 9.70711C5.31658 10.0976 4.68342 10.0976 4.29289 9.70711L0.292892 5.70711C-0.0976321 5.31658 -0.0976319 4.68342 0.292893 4.29289L4.29289 0.292894C4.68342 -0.0976302 5.31658 -0.09763 5.70711 0.292894C6.09763 0.683418 6.09763 1.31658 5.70711 1.70711L2.41421 5Z",fill:"#9AA6B1"},void 0),_jsx("path",{d:"M2 5C2 4.44772 2.44771 4 3 4L11 4C11.5523 4 12 4.44772 12 5C12 5.55229 11.5523 6 11 6L3 6C2.44771 6 2 5.55228 2 5Z",fill:"#9AA6B1"},void 0),_jsx("rect",{x:"15",y:"10",width:"2",height:"10",rx:"1",transform:"rotate(-180 15 10)",fill:"#9AA6B1"},void 0)]}),void 0)}))(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),HideRightPanelSVG=styled((function(){return _jsxs("svg",__assign({width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[_jsx("path",{d:"M12.5858 5L9.29289 1.70711C8.90237 1.31658 8.90237 0.683417 9.29289 0.292893C9.68342 -0.097631 10.3166 -0.0976309 10.7071 0.292893L14.7071 4.29289C15.0976 4.68342 15.0976 5.31658 14.7071 5.70711L10.7071 9.70711C10.3166 10.0976 9.68342 10.0976 9.29289 9.70711C8.90237 9.31658 8.90237 8.68342 9.29289 8.29289L12.5858 5Z",fill:"#9AA6B1"},void 0),_jsx("path",{d:"M13 5C13 5.55229 12.5523 6 12 6L4 6C3.44772 6 3 5.55228 3 5C3 4.44771 3.44772 4 4 4L12 4C12.5523 4 13 4.44772 13 5Z",fill:"#9AA6B1"},void 0),_jsx("rect",{width:"2",height:"10",rx:"1",fill:"#9AA6B1"},void 0)]}),void 0)}))(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"])));export var StyledToggleRightPanelButton=styled.a(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: '#f00';\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: '#f00';\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"])),(function(t){return t.theme.components.layoutControls.width}),(function(t){return t.theme.components.layoutControls.height}),(function(t){return t.theme.shape.borderRadius}));export var ToggleRightPanelButton=observer((function(t){var e=t.store,n=t.isVisible;return e.options.showRightPanelToggle&&n?_jsx(Tooltip,__assign({tip:e.showRightPanel?"Hide samples":"Show samples",placement:"left"},{children:_jsx(StyledToggleRightPanelButton,__assign({onClick:function(){e.toggleRightPanel()}},{children:e.showRightPanel?_jsx(HideRightPanelSVG,{},void 0):_jsx(ShowRightPanelSVG,{},void 0)}),void 0)}),void 0):null}));var IntArrowIcon=function(t){return _jsx("svg",__assign({className:t.className,version:"1.1",viewBox:"0 0 24 24",x:"0",xmlns:"http://www.w3.org/2000/svg",y:"0","aria-hidden":"true"},{children:_jsx("polygon",{points:"17.3 8.3 12 13.6 6.7 8.3 5.3 9.7 12 16.4 18.7 9.7 "},void 0)}),void 0)};export var ArrowIcon=styled(IntArrowIcon)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  width: 18px;\n  height: 18px;\n  transform: ",";\n\n  ","\n"],["\n  width: 18px;\n  height: 18px;\n  transform: ",";\n\n  ","\n"])),(function(t){return"rotate("+("left"===t.direction?"90deg":"-90deg")+")"}),(function(t){var e,n=t.theme;return mediaCSS({fill:null===(e=n.rightPanel)||void 0===e?void 0:e.textColor})}));export var RedocWrap=styled.div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  display: flex;\n  position: relative;\n  text-align: left;\n  tap-highlight-color: rgba(0, 0, 0, 0);\n  text-size-adjust: 100%;\n  ",";\n\n  ","\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"],["\n  display: flex;\n  position: relative;\n  text-align: left;\n  tap-highlight-color: rgba(0, 0, 0, 0);\n  text-size-adjust: 100%;\n  ",";\n\n  ","\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"])),(function(t){var e=t.theme;return"\n    -webkit-font-smoothing: "+e.typography.smoothing+";\n    "+(e.typography.optimizeSpeed?"text-rendering: optimizeSpeed !important":"")+";\n  "}),(function(t){var e=t.theme;return mediaCSS({fontFamily:e.typography.fontFamily,fontSize:e.typography.fontSize,lineHeight:e.typography.lineHeight,fontWeight:e.typography.fontWeightRegular,color:e.colors.text.primary,fontSmoothing:e.typography.smoothing})}));export var ApiContentWrap=styled.div(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  /* contain: layout; */\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n\n  ","\n"],["\n  position: relative;\n  overflow: hidden;\n  /* contain: layout; */\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n\n  ","\n"])),(function(t){var e,n=t.theme,i=t.layout;return css(templateObject_6||(templateObject_6=__makeTemplateObject(["\n    ",";\n\n    "," {\n      width: 100%;\n      padding: 0;\n    }\n  "],["\n    ",";\n\n    "," {\n      width: 100%;\n      padding: 0;\n    }\n  "])),mediaCSS({width:(e={},e[ZERO_BREAKPOINT]="auto",e.small="calc(100% - "+n.sidebar.width+")",e),maxWidth:n.layout[i||LayoutVariant.THREE_PANEL].maxWidth}),n.mediaQueries.print)}));export var BackgroundStub=styled.div(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"],["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"])),(function(t){var e,n,i=t.theme;return css(templateObject_8||(templateObject_8=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({background:i.rightPanel.backgroundColor,display:(e={},e[ZERO_BREAKPOINT]="none",e[i.rightPanel.showAtBreakpoint]="initial",e),left:mediaMap(i.breakpoints,[i.rightPanel.width],(n={},n[ZERO_BREAKPOINT]=function(){return"0"},n[i.rightPanel.showAtBreakpoint]=function(t){return"calc(100% - "+t+")"},n))}),i.mediaQueries.print)}));export var BackgroundStubFix=styled.div(templateObject_11||(templateObject_11=__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"],["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"])),(function(t){var e,n,i=t.theme;return css(templateObject_10||(templateObject_10=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({background:i.rightPanel.backgroundColor,display:(e={},e[ZERO_BREAKPOINT]="none",e[i.rightPanel.showAtBreakpoint]="initial",e),width:mediaMap(i.breakpoints,[i.sidebar.width,i.layout["three-panel"].maxWidth],(n={},n[ZERO_BREAKPOINT]=function(){return"0"},n[i.rightPanel.showAtBreakpoint]=function(t,e){return"calc((100% - min(100% - "+t+" - "+i.components.layoutControls.width+", "+e+") - "+t+" + "+i.components.layoutControls.width+")/2 + 2px)"},n))}),i.mediaQueries.print)}));export var NextSectionButtonWrap=styled.div(templateObject_13||(templateObject_13=__makeTemplateObject(["\n  padding: ",";\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n\n  ","\n"],["\n  padding: ",";\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n\n  ","\n"])),(function(t){var e=t.theme;return 4*e.spacing.unit+"px "+5*e.spacing.unit+"px"}),(function(t){var e,n,i=t.theme,o=i.layout.showDarkRightPanel?i.spacing.sectionHorizontal:i.spacing.sectionHorizontal/2;return css(templateObject_12||(templateObject_12=__makeTemplateObject(["\n      ","\n    "],["\n      ","\n    "])),mediaCSS({width:mediaMap(i.breakpoints,[i.rightPanel.width],(e={},e[ZERO_BREAKPOINT]=function(){return"100%"},e[i.rightPanel.showAtBreakpoint]=function(t){return"calc(100% - "+t+")"},e)),paddingLeft:i.spacing.sectionHorizontal,paddingRight:(n={},n[ZERO_BREAKPOINT]=i.spacing.sectionHorizontal,n[i.rightPanel.showAtBreakpoint]=o,n)}))}));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,templateObject_13,templateObject_14,templateObject_15,templateObject_16,templateObject_17,templateObject_18,ChangeViewSvgColumn=styled((function(){return _jsxs("svg",__assign({width:"15",height:"20",viewBox:"0 0 15 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[_jsx("line",{x1:"13.2858",y1:"5.28564",x2:"1.00005",y2:"5.28564",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0),_jsx("line",{x1:"13.2858",y1:"1",x2:"1.00005",y2:"0.999998",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0),_jsx("rect",{x:"14.2858",y:"20",width:"14.2857",height:"11.4286",rx:"1",transform:"rotate(-180 14.2858 20)",fill:"#9AA6B1"},void 0)]}),void 0)}))(templateObject_14||(templateObject_14=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),ChangeViewSvgRow=styled((function(){return _jsxs("svg",__assign({width:"20",height:"16",viewBox:"0 0 20 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[_jsx("line",{x1:"1",y1:"4",x2:"8",y2:"4",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0),_jsx("line",{x1:"1",y1:"8",x2:"8",y2:"8",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0),_jsx("line",{x1:"1",y1:"12",x2:"8",y2:"12",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0),_jsx("rect",{x:"11",width:"9",height:"16",rx:"1",fill:"#9AA6B1"},void 0)]}),void 0)}))(templateObject_15||(templateObject_15=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),StyledChangeViewButton=styled.a(templateObject_16||(templateObject_16=__makeTemplateObject(["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"],["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"])),(function(t){return t.theme.components.layoutControls.width}),(function(t){return t.theme.components.layoutControls.height}),(function(t){return t.theme.shape.borderRadius}));export var ChangeViewButton=function(t){var e=t.store,n=t.isVisible;return e.options.showChangeLayoutButton&&n?_jsx(Tooltip,__assign({tip:"Change layout",placement:"left"},{children:_jsx(StyledChangeViewButton,__assign({onClick:function(){e.toggleLayout(e.layout===LayoutVariant.STACKED?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED)}},{children:e.layout===LayoutVariant.STACKED?_jsx(ChangeViewSvgRow,{},void 0):_jsx(ChangeViewSvgColumn,{},void 0)}),void 0)}),void 0):null};export var ControlsWrap=styled.span(templateObject_18||(templateObject_18=__makeTemplateObject(["\n  position: sticky;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  top: ",";\n  right: 24px;\n  height: ",";\n  z-index: 1;\n  ","\n"],["\n  position: sticky;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  top: ",";\n  right: 24px;\n  height: ",";\n  z-index: 1;\n  ","\n"])),(function(t){return t.theme.components.layoutControls.top}),(function(t){var e=t.theme;return"calc("+e.components.layoutControls.height+" * 2 + "+2*e.spacing.unit+"px)"}),(function(t){var e,n=t.theme;return css(templateObject_17||(templateObject_17=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({display:(e={},e[ZERO_BREAKPOINT]="none",e[n.rightPanel.showAtBreakpoint]="flex",e)}),n.mediaQueries.print)}));
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{observer}from"mobx-react";import{styled,mediaCSS,mediaMap,ZERO_BREAKPOINT,css,Tooltip}from"../redoc-lib";import{LayoutVariant}from"../services";const ShowRightPanelSVG=styled((()=>_jsxs("svg",Object.assign({width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[_jsx("path",{d:"M2.41421 5L5.70711 8.29289C6.09763 8.68342 6.09763 9.31658 5.7071 9.70711C5.31658 10.0976 4.68342 10.0976 4.29289 9.70711L0.292892 5.70711C-0.0976321 5.31658 -0.0976319 4.68342 0.292893 4.29289L4.29289 0.292894C4.68342 -0.0976302 5.31658 -0.09763 5.70711 0.292894C6.09763 0.683418 6.09763 1.31658 5.70711 1.70711L2.41421 5Z",fill:"#9AA6B1"},void 0),_jsx("path",{d:"M2 5C2 4.44772 2.44771 4 3 4L11 4C11.5523 4 12 4.44772 12 5C12 5.55229 11.5523 6 11 6L3 6C2.44771 6 2 5.55228 2 5Z",fill:"#9AA6B1"},void 0),_jsx("rect",{x:"15",y:"10",width:"2",height:"10",rx:"1",transform:"rotate(-180 15 10)",fill:"#9AA6B1"},void 0)]}),void 0)))`
+  position: absolute;
+`,HideRightPanelSVG=styled((()=>_jsxs("svg",Object.assign({width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[_jsx("path",{d:"M12.5858 5L9.29289 1.70711C8.90237 1.31658 8.90237 0.683417 9.29289 0.292893C9.68342 -0.097631 10.3166 -0.0976309 10.7071 0.292893L14.7071 4.29289C15.0976 4.68342 15.0976 5.31658 14.7071 5.70711L10.7071 9.70711C10.3166 10.0976 9.68342 10.0976 9.29289 9.70711C8.90237 9.31658 8.90237 8.68342 9.29289 8.29289L12.5858 5Z",fill:"#9AA6B1"},void 0),_jsx("path",{d:"M13 5C13 5.55229 12.5523 6 12 6L4 6C3.44772 6 3 5.55228 3 5C3 4.44771 3.44772 4 4 4L12 4C12.5523 4 13 4.44772 13 5Z",fill:"#9AA6B1"},void 0),_jsx("rect",{width:"2",height:"10",rx:"1",fill:"#9AA6B1"},void 0)]}),void 0)))`
+  position: absolute;
+`;export const StyledToggleRightPanelButton=styled.a`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: '#f00';
+  cursor: pointer;
+  z-index: 1;
+  /* Rectangle 201 */
+  width: ${({theme:t})=>t.components.layoutControls.width};
+  height: ${({theme:t})=>t.components.layoutControls.height};
+  background: #e5e8eb;
+  border-radius: ${({theme:t})=>t.shape.borderRadius};
+`;export const ToggleRightPanelButton=observer((function({store:t,isVisible:e}){return t.options.showRightPanelToggle&&e?_jsx(Tooltip,Object.assign({tip:""+(t.showRightPanel?"Hide samples":"Show samples"),placement:"left"},{children:_jsx(StyledToggleRightPanelButton,Object.assign({onClick:()=>{t.toggleRightPanel()}},{children:t.showRightPanel?_jsx(HideRightPanelSVG,{},void 0):_jsx(ShowRightPanelSVG,{},void 0)}),void 0)}),void 0):null}));const IntArrowIcon=t=>_jsx("svg",Object.assign({className:t.className,version:"1.1",viewBox:"0 0 24 24",x:"0",xmlns:"http://www.w3.org/2000/svg",y:"0","aria-hidden":"true"},{children:_jsx("polygon",{points:"17.3 8.3 12 13.6 6.7 8.3 5.3 9.7 12 16.4 18.7 9.7 "},void 0)}),void 0);export const ArrowIcon=styled(IntArrowIcon)`
+  width: 18px;
+  height: 18px;
+  transform: ${({direction:t})=>`rotate(${"left"===t?"90deg":"-90deg"})`};
+
+  ${({theme:t})=>{var e;return mediaCSS({fill:null===(e=t.rightPanel)||void 0===e?void 0:e.textColor})}}
+`;export const RedocWrap=styled.div`
+  display: flex;
+  position: relative;
+  text-align: left;
+  tap-highlight-color: rgba(0, 0, 0, 0);
+  text-size-adjust: 100%;
+  ${({theme:t})=>`\n    -webkit-font-smoothing: ${t.typography.smoothing};\n    ${t.typography.optimizeSpeed?"text-rendering: optimizeSpeed !important":""};\n  `};
+
+  ${({theme:t})=>mediaCSS({fontFamily:t.typography.fontFamily,fontSize:t.typography.fontSize,lineHeight:t.typography.lineHeight,fontWeight:t.typography.fontWeightRegular,color:t.colors.text.primary,fontSmoothing:t.typography.smoothing})}
+
+  * {
+    box-sizing: border-box;
+    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  }
+`;export const ApiContentWrap=styled.div`
+  position: relative;
+  overflow: hidden;
+  /* contain: layout; */
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: 0 auto;
+
+  ${({theme:t,layout:e})=>css`
+    ${mediaCSS({width:{[ZERO_BREAKPOINT]:"auto",small:`calc(100% - ${t.sidebar.width})`},maxWidth:t.layout[e||LayoutVariant.THREE_PANEL].maxWidth})};
+
+    ${t.mediaQueries.print} {
+      width: 100%;
+      padding: 0;
+    }
+  `}
+`;export const BackgroundStub=styled.div`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  ${({theme:t})=>css`
+    ${mediaCSS({background:t.rightPanel.backgroundColor,display:{[ZERO_BREAKPOINT]:"none",[t.rightPanel.showAtBreakpoint]:"initial"},left:mediaMap(t.breakpoints,[t.rightPanel.width],{[ZERO_BREAKPOINT]:()=>"0",[t.rightPanel.showAtBreakpoint]:t=>`calc(100% - ${t})`})})}
+    ${t.mediaQueries.print} {
+      display: none;
+    }
+  `}
+`;export const BackgroundStubFix=styled.div`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  ${({theme:t})=>css`
+    ${mediaCSS({background:t.rightPanel.backgroundColor,display:{[ZERO_BREAKPOINT]:"none",[t.rightPanel.showAtBreakpoint]:"initial"},width:mediaMap(t.breakpoints,[t.sidebar.width,t.layout["three-panel"].maxWidth],{[ZERO_BREAKPOINT]:()=>"0",[t.rightPanel.showAtBreakpoint]:(e,o)=>`calc((100% - min(100% - ${e} - ${t.components.layoutControls.width}, ${o}) - ${e} + ${t.components.layoutControls.width})/2 + 2px)`})})}
+    ${t.mediaQueries.print} {
+      display: none;
+    }
+  `}
+`;export const NextSectionButtonWrap=styled.div`
+  padding: ${({theme:t})=>`${4*t.spacing.unit}px ${5*t.spacing.unit}px`};
+  align-self: flex-start;
+  text-align: right;
+
+  display: flex;
+  flex-direction: row;
+
+  ${({theme:t})=>{const e=t.layout.showDarkRightPanel?t.spacing.sectionHorizontal:t.spacing.sectionHorizontal/2;return css`
+      ${mediaCSS({width:mediaMap(t.breakpoints,[t.rightPanel.width],{[ZERO_BREAKPOINT]:()=>"100%",[t.rightPanel.showAtBreakpoint]:t=>`calc(100% - ${t})`}),paddingLeft:t.spacing.sectionHorizontal,paddingRight:{[ZERO_BREAKPOINT]:t.spacing.sectionHorizontal,[t.rightPanel.showAtBreakpoint]:e}})}
+    `}}
+`;const ChangeViewSvgColumn=styled((()=>_jsxs("svg",Object.assign({width:"15",height:"20",viewBox:"0 0 15 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[_jsx("line",{x1:"13.2858",y1:"5.28564",x2:"1.00005",y2:"5.28564",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0),_jsx("line",{x1:"13.2858",y1:"1",x2:"1.00005",y2:"0.999998",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0),_jsx("rect",{x:"14.2858",y:"20",width:"14.2857",height:"11.4286",rx:"1",transform:"rotate(-180 14.2858 20)",fill:"#9AA6B1"},void 0)]}),void 0)))`
+  position: absolute;
+`,ChangeViewSvgRow=styled((()=>_jsxs("svg",Object.assign({width:"20",height:"16",viewBox:"0 0 20 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[_jsx("line",{x1:"1",y1:"4",x2:"8",y2:"4",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0),_jsx("line",{x1:"1",y1:"8",x2:"8",y2:"8",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0),_jsx("line",{x1:"1",y1:"12",x2:"8",y2:"12",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0),_jsx("rect",{x:"11",width:"9",height:"16",rx:"1",fill:"#9AA6B1"},void 0)]}),void 0)))`
+  position: absolute;
+`,StyledChangeViewButton=styled.a`
+  display: flex;
+  position: relative;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  z-index: 1;
+  /* Rectangle 201 */
+  width: ${({theme:t})=>t.components.layoutControls.width};
+  height: ${({theme:t})=>t.components.layoutControls.height};
+  background: #e5e8eb;
+  border-radius: ${({theme:t})=>t.shape.borderRadius};
+`;export const ChangeViewButton=({store:t,isVisible:e})=>t.options.showChangeLayoutButton&&e?_jsx(Tooltip,Object.assign({tip:"Change layout",placement:"left"},{children:_jsx(StyledChangeViewButton,Object.assign({onClick:()=>{t.toggleLayout(t.layout===LayoutVariant.STACKED?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED)}},{children:t.layout===LayoutVariant.STACKED?_jsx(ChangeViewSvgRow,{},void 0):_jsx(ChangeViewSvgColumn,{},void 0)}),void 0)}),void 0):null;export const ControlsWrap=styled.span`
+  position: sticky;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  top: ${t=>t.theme.components.layoutControls.top};
+  right: 24px;
+  height: ${({theme:t})=>`calc(${t.components.layoutControls.height} * 2 + ${2*t.spacing.unit}px)`};
+  z-index: 1;
+  ${({theme:t})=>css`
+    ${mediaCSS({display:{[ZERO_BREAKPOINT]:"none",[t.rightPanel.showAtBreakpoint]:"flex"}})}
+    ${t.mediaQueries.print} {
+      display: none;
+    }
+  `}
+`;
 //# sourceMappingURL=styled.elements.js.map