@redocly/reference-docs 2.36.1 → 2.37.1

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject,__spreadArray}from"tslib";import*as React from"react";import styled from"styled-components";import{FormLabel}from"../common/form";export var ParameterArray=function(e){var n,t,r,a,o,l=e.name,i=e.param,c=e.place,m=e.renderParameter,s=React.useState([]),d=s[0],p=s[1],u=(null===(n=i.schema.items)||void 0===n?void 0:n.fields)?null===(t=i.schema.items)||void 0===t?void 0:t.fields:[{schema:(null===(r=i.schema.items)||void 0===r?void 0:r.schema)||i.schema.items,name:"",required:i.required,description:null===(a=i.schema.items)||void 0===a?void 0:a.description,externalDocs:null===(o=i.schema.items)||void 0===o?void 0:o.externalDocs,deprecated:!1,toggle:function(){return null},expanded:!1}];return React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement(FormLabel,{required:i.required},l,"(",d.length," items)"),React.createElement("span",{onClick:function(){p(__spreadArray(__spreadArray([],d,!0),[d.length?d[d.length-1]+1:0],!1))}},"Add item +")),null==d?void 0:d.map((function(e,n){return React.createElement(Row,{key:e},React.createElement(Delete,{onClick:function(){return n=e,void p(d.filter((function(e){return e!==n})));var n}},"delete"),u.map((function(t){return m(t,c,l+".["+e+"]","["+n+"]"+(t.name&&"."+t.name))})))})))};var templateObject_1,templateObject_2,Row=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n  label {\n    padding-bottom: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: 1.5;\n  }\n  span {\n    cursor: pointer;\n    margin-left: auto;\n    color: ",";\n    &:hover {\n      color: #fff;\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n  label {\n    padding-bottom: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: 1.5;\n  }\n  span {\n    cursor: pointer;\n    margin-left: auto;\n    color: ",";\n    &:hover {\n      color: #fff;\n    }\n  }\n"])),(function(e){return e.theme.colors.text.secondary})),Delete=styled.span(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  position: relative;\n"],["\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  position: relative;\n"])));
+import{__assign,__makeTemplateObject,__spreadArray}from"tslib";import{jsxs as _jsxs,jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{useState}from"react";import styled from"styled-components";import{FormLabel}from"../common/form";export var ParameterArray=function(e){var n,t,r,o,i,a=e.name,s=e.param,l=e.place,m=e.renderParameter,d=useState([]),c=d[0],p=d[1],u=(null===(n=s.schema.items)||void 0===n?void 0:n.fields)?null===(t=s.schema.items)||void 0===t?void 0:t.fields:[{schema:(null===(r=s.schema.items)||void 0===r?void 0:r.schema)||s.schema.items,name:"",required:s.required,description:null===(o=s.schema.items)||void 0===o?void 0:o.description,externalDocs:null===(i=s.schema.items)||void 0===i?void 0:i.externalDocs,deprecated:!1,toggle:function(){return null},expanded:!1}];return _jsxs(_Fragment,{children:[_jsxs(Row,{children:[_jsxs(FormLabel,__assign({required:s.required},{children:[a,"(",c.length," items)"]}),void 0),_jsx("span",__assign({onClick:function(){p(__spreadArray(__spreadArray([],c,!0),[c.length?c[c.length-1]+1:0],!1))}},{children:"Add item +"}),void 0)]},void 0),null==c?void 0:c.map((function(e,n){return _jsxs(Row,{children:[_jsx(Delete,__assign({onClick:function(){return n=e,void p(c.filter((function(e){return e!==n})));var n}},{children:"delete"}),void 0),u.map((function(t){return m(t,l,a+".["+e+"]","["+n+"]"+(t.name&&"."+t.name))}))]},e)}))]},void 0)};var templateObject_1,templateObject_2,Row=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n  label {\n    padding-bottom: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: 1.5;\n  }\n  span {\n    cursor: pointer;\n    margin-left: auto;\n    color: ",";\n    &:hover {\n      color: #fff;\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n  label {\n    padding-bottom: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: 1.5;\n  }\n  span {\n    cursor: pointer;\n    margin-left: auto;\n    color: ",";\n    &:hover {\n      color: #fff;\n    }\n  }\n"])),(function(e){return e.theme.colors.text.secondary})),Delete=styled.span(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  position: relative;\n"],["\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  position: relative;\n"])));
 //# sourceMappingURL=ParameterArray.js.map

package/lib-esm/components/console/ParameterDropdown.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+/// <reference types="react" />
 interface ParameterEnumDropdownProps {
     initValue: string;
     paramEnum: Array<string>;
 }
-export declare const ParameterEnumDropdown: React.ComponentType<import("informed").FieldProps<string, any> & ParameterEnumDropdownProps>;
+export declare const ParameterEnumDropdown: import("react").ComponentType<import("informed").FieldProps<string, any> & ParameterEnumDropdownProps>;
 export {};

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

@@ -1,2 +1,2 @@
-import*as React from"react";import{asField}from"informed";import{useMount}from"../../hooks";import{Dropdown}from"../common/Dropdown";var ParameterEnumDropdownComponent=function(e){var a=e.initValue,r=e.paramEnum,o=e.fieldApi,n=React.useState(),t=n[0],u=n[1],i=r.map((function(e,a){return{idx:a,value:e}}));useMount((function(){if(a)if(Array.isArray(a)){var e=a.length?a[0]:"";u(e),o.setValue(e)}else u(a),o.setValue(a)}));return React.createElement(Dropdown,{clearable:!0,fullWidth:!0,variant:"dark",value:t,options:i,handleClear:function(){o.setValue(""),u("")},onChange:function(e){o.setValue(e.value),u(e.value)}})};export var ParameterEnumDropdown=asField(ParameterEnumDropdownComponent);
+import{jsx as _jsx}from"react/jsx-runtime";import{useState}from"react";import{asField}from"informed";import{useMount}from"../../hooks";import{Dropdown}from"../common/Dropdown";var ParameterEnumDropdownComponent=function(e){var r=e.initValue,o=e.paramEnum,a=e.fieldApi,n=useState(),t=n[0],u=n[1],i=o.map((function(e,r){return{idx:r,value:e}}));useMount((function(){if(r)if(Array.isArray(r)){var e=r.length?r[0]:"";u(e),a.setValue(e)}else u(r),a.setValue(r)}));return _jsx(Dropdown,{clearable:!0,fullWidth:!0,variant:"dark",value:t,options:i,handleClear:function(){a.setValue(""),u("")},onChange:function(e){a.setValue(e.value),u(e.value)}},void 0)};export var ParameterEnumDropdown=asField(ParameterEnumDropdownComponent);
 //# sourceMappingURL=ParameterDropdown.js.map

package/lib-esm/components/console/RequestBody/RequestBody.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import type { RequestBodyProps } from './types';
-export declare const RequestBody: React.NamedExoticComponent<RequestBodyProps>;
+export declare const RequestBody: import("react").NamedExoticComponent<RequestBodyProps>;

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

@@ -1,2 +1,2 @@
-import{__assign}from"tslib";import React,{memo,useCallback,useEffect}from"react";import{observer}from"mobx-react";import merge from"deepmerge";import{DropdownOrLabel,MediaTypesSwitch}from"../../../redoc-lib";import{ExampleSwitch,useExampleKey}from"../../Samples";import{arrayMergeStrategy}from"../../../services/utils";import{isRootFileUpload}from"../../common/FileUpload/helper";import{MediaTypes}from"../../../types";import{Dropdown}from"../../common/Dropdown";import{RequestBodyForm}from"../RequestBodyForm";import{RequestMimeLabel}from"../RequestMimeLabel";import CodemirrorInput from"../CodemirrorInput";import{encodeSample,getStorageExampleKey}from"../utils";import{fromSessionStorage,toSessionStorage}from"../../../utils";var RequestBodyComponent=observer((function(e){var o,t,a=e.body,r=e.formApi,i=e.resolvedBody,n=e.properties,m=e.id,l=e.validate,p=a.content,d=function(e){var o;if(!p||!p.hasSample)return"";var t=null===(o=p.active)||void 0===o?void 0:o.examples;if(!(null==t?void 0:t[e]))return"";var a=null==t?void 0:t[e].value,r=n?merge(a,n,{arrayMerge:arrayMergeStrategy}):a;return JSON.stringify(r,null,2)},s=null===(o=null==p?void 0:p.operation)||void 0===o?void 0:o.activeExampleName,u=function(e){null==p||p.activateExampleName(e),r.setValue("body",d(e))},c=function(e,o){(0,r.setValue)("body."+e,o)};useEffect((function(){var e,o;if(null===(e=null==p?void 0:p.operation)||void 0===e?void 0:e.activeMimeName){var t=getStorageExampleKey(m,p.operation.activeMimeName,s,null===(o=null==p?void 0:p.active)||void 0===o?void 0:o.examples);r.setValue("body",fromSessionStorage(t)||d(s||""))}else r.setValue("body",JSON.stringify(n||{},null,2))}),[s,null===(t=null==p?void 0:p.operation)||void 0===t?void 0:t.activeMimeName,null==p?void 0:p.active]);var v=useCallback((function(e,o,t){return void 0===e&&(e=""),void 0===o&&(o=""),void 0===t&&(t=[]),function(a){toSessionStorage(getStorageExampleKey(m,e,o,t),a)}}),[m]);return React.createElement(React.Fragment,null,React.createElement(MediaTypesSwitch,{content:a.content,renderDropdown:function(e){return React.createElement(DropdownOrLabel,__assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel,Dropdown:Dropdown}))}},(function(e){var o=e.examples||{},t=Object.keys(o),a=e.schema,p=isRootFileUpload(a||{},e.name)||e.name===MediaTypes.MULTIPART||e.name===MediaTypes.URL_ENCODED,d=useExampleKey(e.operation,o).exampleKey,s=fromSessionStorage(getStorageExampleKey(m,e.name,d,o))||encodeSample(o[d],n);return React.createElement(React.Fragment,null,t.length&&1!==t.length&&React.createElement(ExampleSwitch,{examples:o,onChange:u,exampleKey:d})||null,p?React.createElement(RequestBodyForm,{mediaType:e,formApi:r,onChange:c}):React.createElement(CodemirrorInput,{id:"body"+m,field:"body",initialValue:s,schema:((null==i?void 0:i.content[e.name])||{}).schema,mode:e.name,validate:l,onChange:v(e.name,d,o)}))})))}));export var RequestBody=memo(RequestBodyComponent);
+import{__assign}from"tslib";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback,useEffect}from"react";import{observer}from"mobx-react";import merge from"deepmerge";import{DropdownOrLabel,MediaTypesSwitch}from"../../../redoc-lib";import{ExampleSwitch,useExampleKey}from"../../Samples";import{arrayMergeStrategy}from"../../../services/utils";import{isRootFileUpload}from"../../common/FileUpload/helper";import{MediaTypes}from"../../../types";import{Dropdown}from"../../common/Dropdown";import{RequestBodyForm}from"../RequestBodyForm";import{RequestMimeLabel}from"../RequestMimeLabel";import CodemirrorInput from"../CodemirrorInput";import{encodeSample,getStorageExampleKey}from"../utils";import{fromSessionStorage,toSessionStorage}from"../../../utils";var RequestBodyComponent=observer((function(e){var o,r,i=e.body,a=e.formApi,t=e.resolvedBody,n=e.properties,m=e.id,l=e.validate,s=i.content,d=function(e){var o;if(!s||!s.hasSample)return"";var r=null===(o=s.active)||void 0===o?void 0:o.examples;if(!(null==r?void 0:r[e]))return"";var i=null==r?void 0:r[e].value,a=n?merge(i,n,{arrayMerge:arrayMergeStrategy}):i;return JSON.stringify(a,null,2)},p=null===(o=null==s?void 0:s.operation)||void 0===o?void 0:o.activeExampleName,u=function(e){null==s||s.activateExampleName(e),a.setValue("body",d(e))},v=function(e,o){(0,a.setValue)("body."+e,o)};useEffect((function(){var e,o;if(null===(e=null==s?void 0:s.operation)||void 0===e?void 0:e.activeMimeName){var r=getStorageExampleKey(m,s.operation.activeMimeName,p,null===(o=null==s?void 0:s.active)||void 0===o?void 0:o.examples);a.setValue("body",fromSessionStorage(r)||d(p||""))}else a.setValue("body",JSON.stringify(n||{},null,2))}),[p,null===(r=null==s?void 0:s.operation)||void 0===r?void 0:r.activeMimeName,null==s?void 0:s.active]);var c=useCallback((function(e,o,r){return void 0===e&&(e=""),void 0===o&&(o=""),void 0===r&&(r=[]),function(i){toSessionStorage(getStorageExampleKey(m,e,o,r),i)}}),[m]);return _jsx(_Fragment,{children:_jsx(MediaTypesSwitch,__assign({content:i.content,renderDropdown:function(e){return _jsx(DropdownOrLabel,__assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel,Dropdown:Dropdown}),void 0)}},{children:function(e){var o=e.examples||{},r=Object.keys(o),i=e.schema,s=isRootFileUpload(i||{},e.name)||e.name===MediaTypes.MULTIPART||e.name===MediaTypes.URL_ENCODED,d=useExampleKey(e.operation,o).exampleKey,p=fromSessionStorage(getStorageExampleKey(m,e.name,d,o))||encodeSample(o[d],n);return _jsxs(_Fragment,{children:[r.length&&1!==r.length&&_jsx(ExampleSwitch,{examples:o,onChange:u,exampleKey:d},void 0)||null,s?_jsx(RequestBodyForm,{mediaType:e,formApi:a,onChange:v},void 0):_jsx(CodemirrorInput,{id:"body"+m,field:"body",initialValue:p,schema:((null==t?void 0:t.content[e.name])||{}).schema,mode:e.name,validate:l,onChange:c(e.name,d,o)},void 0)]},void 0)}}),void 0)},void 0)}));export var RequestBody=memo(RequestBodyComponent);
 //# sourceMappingURL=RequestBody.js.map

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import React,{useEffect}from"react";import{observer}from"mobx-react";import{isMultipartFileUploadProperty,isRootFileUpload,mimeTypeToAccept}from"../common/FileUpload/helper";import{FormControl,FormLabel}from"../common/form";import{styled}from"../../redoc-lib";import{FileUpload}from"../common/FileUpload";import{FormTextField,invertedInputStyles}from"../common/TextField";import{DefinitionTypes}from"../../models";import{MediaTypes}from"../../types";import{useExampleKey}from"../Samples";export var RequestBodyForm=observer((function(e){var t,o=e.mediaType,l=e.onChange,n=e.formApi,a=o.examples||{},m=useExampleKey(o.operation,a).exampleKey,r=null===(t=a[m])||void 0===t?void 0:t.rawValue,i=getRequestBodyFormFields(o);useEffect((function(){return n&&i.forEach((function(e){var t,o,l=null==r?void 0:r[e.name],a=null!==(o=null!==(t=e.example)&&void 0!==t?t:null==l?void 0:l.example)&&void 0!==o?o:l,m="object"==typeof a?JSON.stringify(a):a;void 0!==a&&n.setValue("body."+e.name,""+m)}))}),[m]);var p=o.schema||{};return isRootFileUpload(p,o.name)?React.createElement(FileFormControlWrapper,null,React.createElement(FormControl,null,React.createElement(StyledFileUpload,{fullWidth:!0,id:"body."+o.name,name:"body."+o.name,accept:mimeTypeToAccept(o.name),schema:p,contentName:o.name,onChange:l}))):p.type===DefinitionTypes.OBJECT||i?React.createElement(FileFormControlWrapper,null,i.map((function(e){var t=e.schema||{},n=o.name===MediaTypes.MULTIPART&&isMultipartFileUploadProperty(t),a=t.contentMediaType||"",m=n?React.createElement(StyledFileUpload,{fullWidth:!0,id:"body."+e.name,name:"body."+e.name,accept:mimeTypeToAccept(a),multiple:"array"===t.type,schema:t,contentName:e.name,onChange:l}):React.createElement(FormTextField,{fullWidth:!0,id:"body."+e.name,field:"body."+e.name,placeholder:t.description||e.name});return React.createElement(FormControl,{key:e.name},React.createElement(FormLabel,null,e.name,":"),m)}))):(console.warn('Invalid schema for request body and mime type: "'+o.name+'"',p),null)}));export function getRequestBodyFormFields(e){var t,o,l,n,a;return((null===(o=null===(t=e.schema)||void 0===t?void 0:t.oneOf)||void 0===o?void 0:o.length)?(null===(l=e.schema)||void 0===l?void 0:l.oneOf[null===(n=e.schema)||void 0===n?void 0:n.activeOneOf].fields)||[]:(null===(a=e.schema)||void 0===a?void 0:a.fields)||[]).filter((function(e){return!e.schema.readOnly}))}var templateObject_1,templateObject_2,FileFormControlWrapper=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  > div {\n    margin-top: 10px;\n  }\n"],["\n  > div {\n    margin-top: 10px;\n  }\n"]))),StyledFileUpload=styled(FileUpload)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  ","\n  ",";\n  ","\n"],["\n  ","\n  ",";\n  ","\n"])),invertedInputStyles,(function(e){return"password"===e.inputType?"padding-right: 40px;":""}),(function(e){return e.fullWidth?"width: 100%;":""}));
+import{__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useEffect}from"react";import{observer}from"mobx-react";import{isMultipartFileUploadProperty,isRootFileUpload,mimeTypeToAccept}from"../common/FileUpload/helper";import{FormControl,FormLabel}from"../common/form";import{styled}from"../../redoc-lib";import{FileUpload}from"../common/FileUpload";import{FormTextField,invertedInputStyles}from"../common/TextField";import{DefinitionTypes}from"../../models";import{MediaTypes}from"../../types";import{useExampleKey}from"../Samples";export var RequestBodyForm=observer((function(e){var o,t=e.mediaType,i=e.onChange,n=e.formApi,l=t.examples||{},r=useExampleKey(t.operation,l).exampleKey,m=null===(o=l[r])||void 0===o?void 0:o.rawValue,a=getRequestBodyFormFields(t);useEffect((function(){return n&&a.forEach((function(e){var o,t,i=null==m?void 0:m[e.name],l=null!==(t=null!==(o=e.example)&&void 0!==o?o:null==i?void 0:i.example)&&void 0!==t?t:i,r="object"==typeof l?JSON.stringify(l):l;void 0!==l&&n.setValue("body."+e.name,""+r)}))}),[r]);var d=t.schema||{};return isRootFileUpload(d,t.name)?_jsx(FileFormControlWrapper,{children:_jsx(FormControl,{children:_jsx(StyledFileUpload,{fullWidth:!0,id:"body."+t.name,name:"body."+t.name,accept:mimeTypeToAccept(t.name),schema:d,contentName:t.name,onChange:i},void 0)},void 0)},void 0):d.type===DefinitionTypes.OBJECT||a?_jsx(FileFormControlWrapper,{children:a.map((function(e){var o=e.schema||{},n=t.name===MediaTypes.MULTIPART&&isMultipartFileUploadProperty(o),l=o.contentMediaType||"",r=n?_jsx(StyledFileUpload,{fullWidth:!0,id:"body."+e.name,name:"body."+e.name,accept:mimeTypeToAccept(l),multiple:"array"===o.type,schema:o,contentName:e.name,onChange:i},void 0):_jsx(FormTextField,{fullWidth:!0,id:"body."+e.name,field:"body."+e.name,placeholder:o.description||e.name},void 0);return _jsxs(FormControl,{children:[_jsxs(FormLabel,{children:[e.name,":"]},void 0),r]},e.name)}))},void 0):(console.warn('Invalid schema for request body and mime type: "'+t.name+'"',d),null)}));export function getRequestBodyFormFields(e){var o,t,i,n,l;return((null===(t=null===(o=e.schema)||void 0===o?void 0:o.oneOf)||void 0===t?void 0:t.length)?(null===(i=e.schema)||void 0===i?void 0:i.oneOf[null===(n=e.schema)||void 0===n?void 0:n.activeOneOf].fields)||[]:(null===(l=e.schema)||void 0===l?void 0:l.fields)||[]).filter((function(e){return!e.schema.readOnly}))}var templateObject_1,templateObject_2,FileFormControlWrapper=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  > div {\n    margin-top: 10px;\n  }\n"],["\n  > div {\n    margin-top: 10px;\n  }\n"]))),StyledFileUpload=styled(FileUpload)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  ","\n  ",";\n  ","\n"],["\n  ","\n  ",";\n  ","\n"])),invertedInputStyles,(function(e){return"password"===e.inputType?"padding-right: 40px;":""}),(function(e){return e.fullWidth?"width: 100%;":""}));
 //# sourceMappingURL=RequestBodyForm.js.map

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

@@ -1,2 +1,2 @@
-import*as React from"react";import{JsonViewer,langFromMime,SourceCodeWithText,SourceCodeWithFile}from"../../redoc-lib";import{PanelStyledPre,ResponseHeader}from"./ResponsePanel";export function ResponseBody(e){var t=e.response;return React.createElement(React.Fragment,null,React.createElement(ResponseHeader,null," Body: "),getResponseBody(t))}function getResponseBody(e){return e.body?React.createElement(JsonViewer,{data:e.body}):e.fileInfo?React.createElement(SourceCodeWithFile,{fileInfo:e.fileInfo}):null!==e.data?e.data?React.createElement(SourceCodeWithText,{lang:langFromMime(e.headers["Content-Type"]||"text/plain"),source:e.data}):React.createElement(PanelStyledPre,null,React.createElement("i",null,"(no content)")):null}
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{JsonViewer,langFromMime,SourceCodeWithText,SourceCodeWithFile}from"../../redoc-lib";import{PanelStyledPre,ResponseHeader}from"./ResponsePanel";export function ResponseBody(e){var o=e.response;return _jsxs(_Fragment,{children:[_jsx(ResponseHeader,{children:" Body: "},void 0),getResponseBody(o)]},void 0)}function getResponseBody(e){return e.body?_jsx(JsonViewer,{data:e.body},void 0):e.fileInfo?_jsx(SourceCodeWithFile,{fileInfo:e.fileInfo},void 0):null!==e.data?e.data?_jsx(SourceCodeWithText,{lang:langFromMime(e.headers["Content-Type"]||"text/plain"),source:e.data},void 0):_jsx(PanelStyledPre,{children:_jsx("i",{children:"(no content)"},void 0)},void 0):null}
 //# sourceMappingURL=ResponseBody.js.map

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject,__spreadArray}from"tslib";import*as React from"react";import{OptionsContext,styled}from"../../redoc-lib";import{PanelStyledPre,ResponseHeader}from"./ResponsePanel";export function ResponseHeadersList(e){var t=e.headers,a=React.useContext(OptionsContext),n=React.useState(!0),r=n[0],l=n[1],o=a.maxResponseHeadersToShowInTryIt,p=Object.keys(t),c=!!o&&p.length>o,m=c&&r?__spreadArray([],p,!0).splice(0,o):__spreadArray([],p,!0);return React.createElement(React.Fragment,null,React.createElement(ResponseHeader,null," Headers: "),React.createElement(PanelStyledPre,null,m.map((function(e){return React.createElement("div",{key:e},React.createElement(HeaderName,null,e,":"),React.createElement("code",null,t[e]))})),c&&React.createElement(StyledShowMoreLabel,{onClick:function(){l(!r)}},r?"Show more...":"Hide headers")))}var templateObject_1,templateObject_2,HeaderName=styled.strong(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  text-transform: capitalize;\n  display: inline-block;\n  padding-right: 5px;\n"],["\n  text-transform: capitalize;\n  display: inline-block;\n  padding-right: 5px;\n"]))),StyledShowMoreLabel=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  cursor: pointer;\n  margin-top: 5px;\n  font-size: 14px;\n"],["\n  cursor: pointer;\n  margin-top: 5px;\n  font-size: 14px;\n"])));HeaderName.displayName="HeaderName",StyledShowMoreLabel.displayName="StyledShowMoreLabel";
+import{__assign,__makeTemplateObject,__spreadArray}from"tslib";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useContext,useState}from"react";import{OptionsContext,styled}from"../../redoc-lib";import{PanelStyledPre,ResponseHeader}from"./ResponsePanel";export function ResponseHeadersList(e){var t=e.headers,r=useContext(OptionsContext),a=useState(!0),n=a[0],s=a[1],o=r.maxResponseHeadersToShowInTryIt,i=Object.keys(t),d=!!o&&i.length>o,l=d&&n?__spreadArray([],i,!0).splice(0,o):__spreadArray([],i,!0);return _jsxs(_Fragment,{children:[_jsx(ResponseHeader,{children:" Headers: "},void 0),_jsxs(PanelStyledPre,{children:[l.map((function(e){return _jsxs("div",{children:[_jsxs(HeaderName,{children:[e,":"]},void 0),_jsx("code",{children:t[e]},void 0)]},e)})),d&&_jsx(StyledShowMoreLabel,__assign({onClick:function(){s(!n)}},{children:n?"Show more...":"Hide headers"}),void 0)]},void 0)]},void 0)}var templateObject_1,templateObject_2,HeaderName=styled.strong(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  text-transform: capitalize;\n  display: inline-block;\n  padding-right: 5px;\n"],["\n  text-transform: capitalize;\n  display: inline-block;\n  padding-right: 5px;\n"]))),StyledShowMoreLabel=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  cursor: pointer;\n  margin-top: 5px;\n  font-size: 14px;\n"],["\n  cursor: pointer;\n  margin-top: 5px;\n  font-size: 14px;\n"])));HeaderName.displayName="HeaderName",StyledShowMoreLabel.displayName="StyledShowMoreLabel";
 //# sourceMappingURL=ResponseHeadersList.js.map

package/lib-esm/components/console/ResponsePanel.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { PureComponent } from 'react';
 import type { FileInfo } from '../../redoc-lib/src/common-elements/Download';
 export interface OpenApiResponseData extends FileInfo {
     body?: GenericObject;
@@ -18,6 +18,6 @@ export interface ResponsePanelProps {
 }
 export declare const ResponseHeader: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
 export declare const PanelStyledPre: import("styled-components").StyledComponent<"pre", import("../../services/extendTheme").ProTheme, {}, never>;
-export declare class ResponsePanel extends React.PureComponent<ResponsePanelProps> {
+export declare class ResponsePanel extends PureComponent<ResponsePanelProps> {
     render(): JSX.Element;
 }

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

@@ -1,2 +1,2 @@
-import{__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{styled}from"../../redoc-lib";import{StyledPre}from"../../redoc-lib/src/common-elements";import{ResponseBody}from"./ResponseBody";import{ResponseHeadersList}from"./ResponseHeadersList";var ResponseBadges=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-bottom: 10px;\n"],["\n  margin-bottom: 10px;\n"]))),ResponseBadgeBase=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: ",";\n"],["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: ",";\n"])),(function(e){return e.theme.colors.text.light})),ResponseBadge=styled(ResponseBadgeBase)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(e){var t=e.theme,n=e.code;return n>=200&&n<300?t.colors.responses.success.tabTextColor:n>=300&&n<400?t.colors.responses.redirect.tabTextColor:n>400?t.colors.responses.error.tabTextColor:t.colors.responses.info.tabTextColor})),ErrorHeader=styled.header(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  font-weight: bold;\n  margin-bottom: 10px;\n"],["\n  font-weight: bold;\n  margin-bottom: 10px;\n"]))),ErrorDetails=styled.code(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"],["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"])));export var ResponseHeader=styled.div(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"],["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"])));export var PanelStyledPre=styled(StyledPre)(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"],["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,ResponsePanel=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,n=t.error,r=t.response,a=t.time,l=r||n&&n.response,o=l&&l.data&&l.data.length||0;return e=o>1e6?(o/1e6).toFixed(2)+" MB":o>1e3?(o/1e3).toFixed(2)+" KB":o+" B",n&&!n.response||!l?React.createElement(React.Fragment,null,React.createElement(ErrorHeader,null," Could not get any response "),React.createElement(ErrorDetails,null,n&&n.message||"Unknown error"),React.createElement("br",null),React.createElement(ErrorHeader,null," Why this might have happened:"),React.createElement("div",null," - CORS is misconfigured on the server"),React.createElement("div",null," - ","The server couldn't send a response"),React.createElement("div",null," - No internet access"),React.createElement("div",null," - Documentation issue - contact API owner"),React.createElement("div",null," - Misconfigured security definition")):l?React.createElement(React.Fragment,null,React.createElement(ResponseBadges,null,React.createElement(ResponseBadge,{code:l.status},React.createElement("span",null," Status: "),l.status," ",l.statusText),React.createElement(ResponseBadgeBase,null,React.createElement("span",null," Time: "),a,"ms"),React.createElement(ResponseBadgeBase,null,React.createElement("span",null," Size: "),e)),React.createElement("div",null,React.createElement(ResponseHeadersList,{headers:l.headers}),React.createElement(ResponseBody,{response:l}))):React.createElement(React.Fragment,null,"Something went wrong")}}),t}(React.PureComponent);export{ResponsePanel};
+import{__assign,__extends,__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{PureComponent}from"react";import{styled}from"../../redoc-lib";import{StyledPre}from"../../redoc-lib/src/common-elements";import{ResponseBody}from"./ResponseBody";import{ResponseHeadersList}from"./ResponseHeadersList";var ResponseBadges=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-bottom: 10px;\n"],["\n  margin-bottom: 10px;\n"]))),ResponseBadgeBase=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: ",";\n"],["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: ",";\n"])),(function(e){return e.theme.colors.text.light})),ResponseBadge=styled(ResponseBadgeBase)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(e){var t=e.theme,n=e.code;return n>=200&&n<300?t.colors.responses.success.tabTextColor:n>=300&&n<400?t.colors.responses.redirect.tabTextColor:n>400?t.colors.responses.error.tabTextColor:t.colors.responses.info.tabTextColor})),ErrorHeader=styled.header(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  font-weight: bold;\n  margin-bottom: 10px;\n"],["\n  font-weight: bold;\n  margin-bottom: 10px;\n"]))),ErrorDetails=styled.code(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"],["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"])));export var ResponseHeader=styled.div(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"],["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"])));export var PanelStyledPre=styled(StyledPre)(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"],["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,ResponsePanel=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,n=t.error,r=t.response,s=t.time,o=r||n&&n.response,i=o&&o.data&&o.data.length||0;return e=i>1e6?(i/1e6).toFixed(2)+" MB":i>1e3?(i/1e3).toFixed(2)+" KB":i+" B",n&&!n.response||!o?_jsxs(_Fragment,{children:[_jsx(ErrorHeader,{children:" Could not get any response "},void 0),_jsx(ErrorDetails,{children:n&&n.message||"Unknown error"},void 0),_jsx("br",{},void 0),_jsx(ErrorHeader,{children:" Why this might have happened:"},void 0),_jsx("div",{children:" - CORS is misconfigured on the server"},void 0),_jsxs("div",{children:[" - ","The server couldn't send a response"]},void 0),_jsx("div",{children:" - No internet access"},void 0),_jsx("div",{children:" - Documentation issue - contact API owner"},void 0),_jsx("div",{children:" - Misconfigured security definition"},void 0)]},void 0):o?_jsxs(_Fragment,{children:[_jsxs(ResponseBadges,{children:[_jsxs(ResponseBadge,__assign({code:o.status},{children:[_jsx("span",{children:" Status: "},void 0),o.status," ",o.statusText]}),void 0),_jsxs(ResponseBadgeBase,{children:[_jsx("span",{children:" Time: "},void 0),s,"ms"]},void 0),_jsxs(ResponseBadgeBase,{children:[_jsx("span",{children:" Size: "},void 0),e]},void 0)]},void 0),_jsxs("div",{children:[_jsx(ResponseHeadersList,{headers:o.headers},void 0),_jsx(ResponseBody,{response:o},void 0)]},void 0)]},void 0):_jsx(_Fragment,{children:"Something went wrong"},void 0)}}),t}(PureComponent);export{ResponsePanel};
 //# sourceMappingURL=ResponsePanel.js.map

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

@@ -1,2 +1,2 @@
-import*as React from"react";import{FormControl,FormLabel}from"../common/form";import{CheckboxList}from"../common/CheckboxList";import{fromSessionStorage}from"../../utils";export default function Scope(e){var t=e.scopes,o=e.id,r=[];try{r=JSON.parse(fromSessionStorage("auth."+o+".scopes"))}catch(e){}return t&&t.length?React.createElement(FormControl,null,React.createElement(FormLabel,null," Scopes: "),React.createElement(CheckboxList,{field:"auth."+o+".scopes",initialValue:r,items:t,showControls:!0,trimItemsLength:!0})):React.createElement(React.Fragment,null)}
+import{Fragment as _Fragment,jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{FormControl,FormLabel}from"../common/form";import{CheckboxList}from"../common/CheckboxList";import{fromSessionStorage}from"../../utils";export default function Scope(o){var s=o.scopes,r=o.id,t=[];try{t=JSON.parse(fromSessionStorage("auth."+r+".scopes"))}catch(o){}return s&&s.length?_jsxs(FormControl,{children:[_jsx(FormLabel,{children:" Scopes: "},void 0),_jsx(CheckboxList,{field:"auth."+r+".scopes",initialValue:t,items:s,showControls:!0,trimItemsLength:!0},void 0)]},void 0):_jsx(_Fragment,{},void 0)}
 //# sourceMappingURL=Scope.js.map

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import React,{useCallback}from"react";import{Markdown,styled}from"../../redoc-lib";import{Dropdown}from"../common/Dropdown";import{FormControl,FormLabel}from"../common/form";import{TextField}from"../common/TextField";export default function ServerVariable(e){var t=e.name,a=e.value,o=e.description,r=e.variableEnum,l=e.onChange,n=e.defaultValue,m=useCallback((function(e){return l(e.target.value)}),[l]),c=useCallback((function(e){return l(e.value)}),[l]),d=r?r.map((function(e,t){return{value:e,idx:t}})):[];return React.createElement(FormControl,null,React.createElement(FormLabel,null,t,":"),d&&d.length?React.createElement(Dropdown,{fullWidth:!0,variant:"dark",value:a,options:d,onChange:c}):React.createElement(TextField,{fullWidth:!0,value:a,onChange:m,placeholder:n}),o&&React.createElement(StyledMarkdown,{compact:!0,source:o}))}var templateObject_1,StyledMarkdown=styled(Markdown)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-top: 5px;\n  color: #d0d0d0;\n"],["\n  margin-top: 5px;\n  color: #d0d0d0;\n"])));
+import{__makeTemplateObject}from"tslib";import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{useCallback}from"react";import{Markdown,styled}from"../../redoc-lib";import{Dropdown}from"../common/Dropdown";import{FormControl,FormLabel}from"../common/form";import{TextField}from"../common/TextField";export default function ServerVariable(e){var o=e.name,r=e.value,t=e.description,a=e.variableEnum,n=e.onChange,l=e.defaultValue,m=useCallback((function(e){return n(e.target.value)}),[n]),d=useCallback((function(e){return n(e.value)}),[n]),i=a?a.map((function(e,o){return{value:e,idx:o}})):[];return _jsxs(FormControl,{children:[_jsxs(FormLabel,{children:[o,":"]},void 0),i&&i.length?_jsx(Dropdown,{fullWidth:!0,variant:"dark",value:r,options:i,onChange:d},void 0):_jsx(TextField,{fullWidth:!0,value:r,onChange:m,placeholder:l},void 0),t&&_jsx(StyledMarkdown,{compact:!0,source:t},void 0)]},void 0)}var templateObject_1,StyledMarkdown=styled(Markdown)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-top: 5px;\n  color: #d0d0d0;\n"],["\n  margin-top: 5px;\n  color: #d0d0d0;\n"])));
 //# sourceMappingURL=ServerVariable.js.map

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

@@ -1,2 +1,2 @@
-import{__assign,__makeTemplateObject}from"tslib";import React,{useState}from"react";import{observer}from"mobx-react";import{styled}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";export var ServersDropdown=observer((function(e){var r=e.operation,a=e.onChange,t=fromSessionStorage("serverUrl"),o=r.servers.findIndex((function(e){return e.url===t})),n=useState(o<0?0:o),s=n[0],i=n[1],l=useState({}),m=l[0],u=l[1];useMount((function(){var e=getServerWithVariables(r.servers,s);a(e),u(e.variables)}));var v=r.servers.map((function(e,r){return{idx:r,serverUrl:e.url,value:"\n          "+expandDefaultServerVariables(expandVariables(e.url,m),e.variables)+"\n        - "+(e.description||"Default")+"\n      "}})),p=Object.keys(m);return React.createElement(ServerDropdownWrap,{"data-cy":"console-target-server"},React.createElement(FormLabel,{htmlFor:"server"},"Target server: "),React.createElement(FormControl,null,React.createElement(Dropdown,{variant:"dark",value:v[s].value,options:v,fullWidth:!0,onChange:function(e){var t=r.servers.find((function(r){return r.url===e.serverUrl})),o=r.servers.findIndex((function(r){return r.url===e.serverUrl})),n=getDefaultOrStoredVariables(t);a({url:e.serverUrl||"",variables:n}),toSessionStorage("serverUrl",e.serverUrl||""),i(o),u(n)}})),null==p?void 0:p.map((function(e){var t,o=null===(t=r.servers[s].variables)||void 0===t?void 0:t[e];if(o)return React.createElement(ServerVariable,{key:e,name:e,value:m[e],defaultValue:o.default,onChange:function(t){return function(e,t){var o,n=r.servers[s],i=t||""===t?t:getDefaultOrStoredVariables(n)[e],l=__assign(__assign({},m),((o={})[e]=i,o));u(l),updateVariablesStorage(e,i),a(__assign(__assign({},n),{variables:l}))}(e,t)},variableEnum:o.enum,description:o.description})})))}));var templateObject_1,ServerDropdownWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-bottom: 20px;\n"],["\n  margin-bottom: 20px;\n"])));
+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}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";export var ServersDropdown=observer((function(r){var e=r.operation,a=r.onChange,o=fromSessionStorage("serverUrl"),t=e.servers.findIndex((function(r){return r.url===o})),s=useState(t<0?0:t),n=s[0],i=s[1],l=useState({}),v=l[0],u=l[1];useMount((function(){var r=getServerWithVariables(e.servers,n);a(r),u(r.variables)}));var m=e.servers.map((function(r,e){return{idx:e,serverUrl:r.url,value:"\n          "+expandDefaultServerVariables(expandVariables(r.url,v),r.variables)+"\n        - "+(r.description||"Default")+"\n      "}})),d=Object.keys(v);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:m[n].value,options:m,fullWidth:!0,onChange:function(r){var o=e.servers.find((function(e){return e.url===r.serverUrl})),t=e.servers.findIndex((function(e){return e.url===r.serverUrl})),s=getDefaultOrStoredVariables(o);a({url:r.serverUrl||"",variables:s}),toSessionStorage("serverUrl",r.serverUrl||""),i(t),u(s)}},void 0)},void 0),null==d?void 0:d.map((function(r){var o,t=null===(o=e.servers[n].variables)||void 0===o?void 0:o[r];if(t)return _jsx(ServerVariable,{name:r,value:v[r],defaultValue:t.default,onChange:function(o){return function(r,o){var t,s=e.servers[n],i=o||""===o?o:getDefaultOrStoredVariables(s)[r],l=__assign(__assign({},v),((t={})[r]=i,t));u(l),updateVariablesStorage(r,i),a(__assign(__assign({},s),{variables:l}))}(r,o)},variableEnum:t.enum,description:t.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"])));
 //# sourceMappingURL=ServersDropdown.js.map

package/lib-esm/components/console/TryItPanel.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { PanelComponentProps } from '../Panel';
 export declare function TryItPanel({ header, error, success, ...rest }: React.PropsWithChildren<{
     header: string;

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

@@ -1,2 +1,2 @@
-import{__assign,__makeTemplateObject,__rest}from"tslib";import*as React from"react";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,t=e.success,o=__rest(e,["header","error","success"]);return React.createElement(StyledTryItPanel,__assign({},o,{header:function(e){var a=e.toggle,l=e.expanded;return React.createElement(Header,{onClick:a,isExpanded:l,"data-cy":o["data-cy"]},React.createElement(Trigger,null,React.createElement(Title,null,n),React.createElement(ShelfIcon,{direction:l?"down":"right"})),r&&React.createElement(CrossIcon,{size:"14px",color:"#ff908b"})||null,t&&React.createElement(LockIcon,{size:"14px",color:"#56ff26"})||null)}}))}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{__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"}));
 //# sourceMappingURL=TryItPanel.js.map

package/lib-esm/components/pluggable/PullRight.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-export declare class PullRight extends React.Component {
+import { Component } from 'react';
+export declare class PullRight extends Component {
     render(): JSX.Element;
 }

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

@@ -1,2 +1,2 @@
-import{__extends,__makeTemplateObject}from"tslib";import*as React 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 e,t,r=n.theme;return mediaCSS({color:(null===(t=null===(e=r.typography)||void 0===e?void 0:e.rightPanelHeading)||void 0===t?void 0:t.color)||r.rightPanel.textColor})}),(function(n){var e=n.theme;return mediaCSS({backgroundColor:e.rightPanel.panelControlsBackgroundColor})}),(function(n){var e=n.theme;return mediaCSS({backgroundColor:lighten(.05,e.rightPanel.panelControlsBackgroundColor)})}),(function(n){var e=n.theme;return"\n          background-color: "+lighten(.05,e.rightPanel.panelControlsBackgroundColor)+";\n          border-color: "+lighten(.1,e.rightPanel.panelControlsBackgroundColor)+" !important;\n      "}),(function(n){var e=n.theme;return lighten(.2,e.typography.code.color)}),(function(n){var e=n.theme;return invert(e.typography.code.backgroundColor)}),(function(n){var e=n.theme;return lighten(.25,e.typography.links.color)}),(function(n){return 4*n.theme.spacing.unit}),(function(n){return n.theme.codeBlock.borderRadius}),(function(n){var e=n.theme;return mediaCSS({background:e.codeBlock.backgroundColor})})),PullRight=function(n){function e(){return null!==n&&n.apply(this,arguments)||this}return __extends(e,n),Object.defineProperty(e.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return React.createElement(StyledRightPanel,null,React.createElement(CodePanel,null,this.props.children&&React.createElement(DarkMarkdown,{source:this.props.children})))}}),e}(React.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{__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"])));
 //# sourceMappingURL=PullRight.js.map

package/lib-esm/components/pluggable/RedocExample.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { Component } from 'react';
 import type { OpenAPIEncoding } from '../../redoc-lib';
 import type { ProStore } from '../../services/ProStore';
 interface RedocExampleProps {
@@ -9,7 +9,7 @@ interface RedocExampleProps {
         [field: string]: OpenAPIEncoding;
     };
 }
-export declare class RedocExample extends React.Component<RedocExampleProps> {
+export declare class RedocExample extends Component<RedocExampleProps> {
     render(): JSX.Element;
 }
 export {};

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

@@ -1,2 +1,2 @@
-import{__extends}from"tslib";import*as React from"react";import{ExampleModel,Example,Row}from"../../redoc-lib";import{ExamplesWrap}from"./styled.components";var RedocExample=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.store,r=e.pointer,o=e.mimeType,a=e.encoding,n=new ExampleModel(t.definition.parser,{$ref:r},o,a);return React.createElement(Row,{layout:t.layout},React.createElement(ExamplesWrap,null,React.createElement(Example,{example:n,mimeType:o})))}}),t}(React.Component);export{RedocExample};
+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};
 //# sourceMappingURL=RedocExample.js.map

package/lib-esm/components/pluggable/RedocRequestBody.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
+import { Component } from 'react';
 import type { ProStore } from '../../services';
 interface RedocRequestBodyProps {
     store: ProStore;
     pointer: string;
     hideSamples?: boolean;
 }
-export declare class RedocRequestBody extends React.Component<RedocRequestBodyProps> {
+export declare class RedocRequestBody extends Component<RedocRequestBodyProps> {
     render(): JSX.Element;
 }
 export {};

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

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

package/lib-esm/components/pluggable/RedocResponse.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import { Component } from 'react';
 import type { ProStore } from '../../services/ProStore';
 export interface RedocResponseProps {
     store: ProStore;
     pointer: string;
     hideSamples?: boolean;
 }
-export declare class RedocResponse extends React.Component<RedocResponseProps> {
+export declare class RedocResponse extends Component<RedocResponseProps> {
     render(): JSX.Element;
 }

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

@@ -1,2 +1,2 @@
-import{__extends}from"tslib";import*as React 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 t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.store,o=e.pointer,r=e.hideSamples,n=new OperationModel(t.definition.parser,{pointer:o,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,t.options,!1),a=new ResponseModel({parser:t.definition.parser,code:"default",defaultAsError:!1,infoOrRef:{$ref:o},options:t.options,operation:n});a.description=a.summary;var l=r?FullWidthPanel:MiddlePanel;return React.createElement(Row,{layout:t.layout},React.createElement(l,{style:{paddingBottom:"20px"}},React.createElement(ResponseDetails,{response:a})),!r&&a.content&&React.createElement(RightPanel,null,React.createElement(SamplesWrap,null,React.createElement(PayloadSamples,{content:a.content})))||React.createElement("span",null))}}),t}(React.Component);export{RedocResponse};
+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};
 //# sourceMappingURL=RedocResponse.js.map

package/lib-esm/components/pluggable/RedocSchema.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { Component } from 'react';
 import type { OpenAPISchema } from '../../redoc-lib';
 import type { ProStore } from '../../services';
 interface RedocSchemaProps {
@@ -6,7 +6,7 @@ interface RedocSchemaProps {
     pointer?: string;
     schema?: OpenAPISchema;
 }
-export declare class RedocSchema extends React.Component<RedocSchemaProps> {
+export declare class RedocSchema extends Component<RedocSchemaProps> {
     render(): JSX.Element;
 }
 export {};

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

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

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

@@ -1,2 +1,2 @@
-import{__awaiter,__generator}from"tslib";import*as React from"react";import{useState}from"react";import{Button}from"./Button";export var CopyButton=function(t){var e=t.text,r=useState("Copy"),o=r[0],n=r[1];return React.createElement(Button,{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(e)];case 1:return t.sent(),n("Copied!"),setTimeout((function(){return n("Copy")}),1500),[2]}}))}))}},o)};
+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)};
 //# sourceMappingURL=CopyButton.js.map

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";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 React.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("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"}),React.createElement("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"}),React.createElement("rect",{x:"15",y:"10",width:"2",height:"10",rx:"1",transform:"rotate(-180 15 10)",fill:"#9AA6B1"}))}))(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),HideRightPanelSVG=styled((function(){return React.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("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"}),React.createElement("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"}),React.createElement("rect",{width:"2",height:"10",rx:"1",fill:"#9AA6B1"}))}))(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(e){return e.theme.components.layoutControls.width}),(function(e){return e.theme.components.layoutControls.height}),(function(e){return e.theme.shape.borderRadius}));export var ToggleRightPanelButton=observer((function(e){var t=e.store,n=e.isVisible;return t.options.showRightPanelToggle&&n?React.createElement(Tooltip,{tip:t.showRightPanel?"Hide samples":"Show samples",placement:"left"},React.createElement(StyledToggleRightPanelButton,{onClick:function(){t.toggleRightPanel()}},t.showRightPanel?React.createElement(HideRightPanelSVG,null):React.createElement(ShowRightPanelSVG,null))):null}));var IntArrowIcon=function(e){return React.createElement("svg",{className:e.className,version:"1.1",viewBox:"0 0 24 24",x:"0",xmlns:"http://www.w3.org/2000/svg",y:"0","aria-hidden":"true"},React.createElement("polygon",{points:"17.3 8.3 12 13.6 6.7 8.3 5.3 9.7 12 16.4 18.7 9.7 "}))};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(e){return"rotate("+("left"===e.direction?"90deg":"-90deg")+")"}),(function(e){var t,n=e.theme;return mediaCSS({fill:null===(t=n.rightPanel)||void 0===t?void 0:t.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(e){var t=e.theme;return"\n    -webkit-font-smoothing: "+t.typography.smoothing+";\n    "+(t.typography.optimizeSpeed?"text-rendering: optimizeSpeed !important":"")+";\n  "}),(function(e){var t=e.theme;return 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})}));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(e){var t,n=e.theme,a=e.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:(t={},t[ZERO_BREAKPOINT]="auto",t.small="calc(100% - "+n.sidebar.width+")",t),maxWidth:n.layout[a||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(e){var t,n,a=e.theme;return css(templateObject_8||(templateObject_8=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({background:a.rightPanel.backgroundColor,display:(t={},t[ZERO_BREAKPOINT]="none",t[a.rightPanel.showAtBreakpoint]="initial",t),left:mediaMap(a.breakpoints,[a.rightPanel.width],(n={},n[ZERO_BREAKPOINT]=function(){return"0"},n[a.rightPanel.showAtBreakpoint]=function(e){return"calc(100% - "+e+")"},n))}),a.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(e){var t,n,a=e.theme;return css(templateObject_10||(templateObject_10=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({background:a.rightPanel.backgroundColor,display:(t={},t[ZERO_BREAKPOINT]="none",t[a.rightPanel.showAtBreakpoint]="initial",t),width:mediaMap(a.breakpoints,[a.sidebar.width,a.layout["three-panel"].maxWidth],(n={},n[ZERO_BREAKPOINT]=function(){return"0"},n[a.rightPanel.showAtBreakpoint]=function(e,t){return"calc((100% - min(100% - "+e+" - "+a.components.layoutControls.width+", "+t+") - "+e+" + "+a.components.layoutControls.width+")/2 + 2px)"},n))}),a.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(e){var t=e.theme;return 4*t.spacing.unit+"px "+5*t.spacing.unit+"px"}),(function(e){var t,n,a=e.theme,i=a.layout.showDarkRightPanel?a.spacing.sectionHorizontal:a.spacing.sectionHorizontal/2;return css(templateObject_12||(templateObject_12=__makeTemplateObject(["\n      ","\n    "],["\n      ","\n    "])),mediaCSS({width:mediaMap(a.breakpoints,[a.rightPanel.width],(t={},t[ZERO_BREAKPOINT]=function(){return"100%"},t[a.rightPanel.showAtBreakpoint]=function(e){return"calc(100% - "+e+")"},t)),paddingLeft:a.spacing.sectionHorizontal,paddingRight:(n={},n[ZERO_BREAKPOINT]=a.spacing.sectionHorizontal,n[a.rightPanel.showAtBreakpoint]=i,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 React.createElement("svg",{width:"15",height:"20",viewBox:"0 0 15 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("line",{x1:"13.2858",y1:"5.28564",x2:"1.00005",y2:"5.28564",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"13.2858",y1:"1",x2:"1.00005",y2:"0.999998",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("rect",{x:"14.2858",y:"20",width:"14.2857",height:"11.4286",rx:"1",transform:"rotate(-180 14.2858 20)",fill:"#9AA6B1"}))}))(templateObject_14||(templateObject_14=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),ChangeViewSvgRow=styled((function(){return React.createElement("svg",{width:"20",height:"16",viewBox:"0 0 20 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("line",{x1:"1",y1:"4",x2:"8",y2:"4",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"1",y1:"8",x2:"8",y2:"8",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"1",y1:"12",x2:"8",y2:"12",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("rect",{x:"11",width:"9",height:"16",rx:"1",fill:"#9AA6B1"}))}))(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(e){return e.theme.components.layoutControls.width}),(function(e){return e.theme.components.layoutControls.height}),(function(e){return e.theme.shape.borderRadius}));export var ChangeViewButton=function(e){var t=e.store,n=e.isVisible;return t.options.showChangeLayoutButton&&n?React.createElement(Tooltip,{tip:"Change layout",placement:"left"},React.createElement(StyledChangeViewButton,{onClick:function(){t.toggleLayout(t.layout===LayoutVariant.STACKED?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED)}},t.layout===LayoutVariant.STACKED?React.createElement(ChangeViewSvgRow,null):React.createElement(ChangeViewSvgColumn,null))):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(e){return e.theme.components.layoutControls.top}),(function(e){var t=e.theme;return"calc("+t.components.layoutControls.height+" * 2 + "+2*t.spacing.unit+"px)"}),(function(e){var t,n=e.theme;return css(templateObject_17||(templateObject_17=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({display:(t={},t[ZERO_BREAKPOINT]="none",t[n.rightPanel.showAtBreakpoint]="flex",t)}),n.mediaQueries.print)}));
+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)}));
 //# sourceMappingURL=styled.elements.js.map

package/lib-esm/events/codeSampleCopy.d.ts

@@ -0,0 +1,2 @@
+import type { CodeSampleCopyProps, CodeSamplesCopiedEvent } from './types';
+export declare const createCodeSampleCopyEvent: ({ operation, type, lang, label, }: CodeSampleCopyProps) => CodeSamplesCopiedEvent;

package/lib-esm/events/codeSampleCopy.js

@@ -0,0 +1,2 @@
+import{createTrackingEvent}from"./creator";import{AnalyticsEventType}from"./types";var codeSampleCopyEvent=createTrackingEvent(AnalyticsEventType.CodeSampleCopied);export var createCodeSampleCopyEvent=function(e){var a=e.operation,t=e.type,o=e.lang,p=void 0===o?"":o,r=e.label,i=void 0===r?"":r;return codeSampleCopyEvent({resource:"Redocly_CodeSample",action:"CodeSampleCopied",operationId:a.id,operationPath:a.path,operationHttpVerb:a.httpVerb,operationSummary:a.name,exampleId:a.activeExampleName||void 0,exampleMimeType:a.activeMimeName,label:i,lang:p,type:t})};
+//# sourceMappingURL=codeSampleCopy.js.map

package/lib-esm/events/creator.d.ts

@@ -0,0 +1,2 @@
+import type { AnalyticsEvent, AnalyticsEventType } from './types';
+export declare function createTrackingEvent<T extends AnalyticsEvent>(eventType: AnalyticsEventType): (payload: Omit<T, 'eventType'>) => T;

package/lib-esm/events/creator.js

@@ -0,0 +1,2 @@
+import{__assign}from"tslib";export function createTrackingEvent(n){return function(t){return __assign(__assign({},t),{eventType:n})}}
+//# sourceMappingURL=creator.js.map

package/lib-esm/events/index.d.ts

@@ -0,0 +1,5 @@
+export type { Events } from './types';
+export { AnalyticsEventType } from './types';
+export { createLanguageSwitchEvent } from './languageSwitch';
+export { creatPanelToggleEvent } from './panelToggle';
+export { createCodeSampleCopyEvent } from './codeSampleCopy';

package/lib-esm/events/index.js

@@ -0,0 +1,2 @@
+export{AnalyticsEventType}from"./types";export{createLanguageSwitchEvent}from"./languageSwitch";export{creatPanelToggleEvent}from"./panelToggle";export{createCodeSampleCopyEvent}from"./codeSampleCopy";
+//# sourceMappingURL=index.js.map

package/lib-esm/events/languageSwitch.d.ts

@@ -0,0 +1,2 @@
+import type { CodeSamplesLanguageSwitchedEvent, LanguageSwitchProps } from './types';
+export declare const createLanguageSwitchEvent: ({ operation, sample, }: LanguageSwitchProps) => CodeSamplesLanguageSwitchedEvent;

package/lib-esm/events/languageSwitch.js

@@ -0,0 +1,2 @@
+import{createTrackingEvent}from"./creator";import{AnalyticsEventType}from"./types";var languageSwitchEvent=createTrackingEvent(AnalyticsEventType.CodeSampleLanguageSwitched);export var createLanguageSwitchEvent=function(e){var a=e.operation,t=e.sample,n=t.lang,r=t.label;return languageSwitchEvent({resource:"Redocly_CodeSample",action:"LanguageSwitched",operationId:a.id,operationPath:a.path,operationHttpVerb:a.httpVerb,operationSummary:a.name,label:r||n,lang:n})};
+//# sourceMappingURL=languageSwitch.js.map

package/lib-esm/events/panelToggle.d.ts

@@ -0,0 +1,2 @@
+import type { PanelToggleEvent, PanelToggleProps } from './types';
+export declare const creatPanelToggleEvent: ({ operation, isExpanded, panelType, }: PanelToggleProps) => PanelToggleEvent;

package/lib-esm/events/panelToggle.js

@@ -0,0 +1,2 @@
+import{createTrackingEvent}from"./creator";import{AnalyticsEventType}from"./types";var panelToggleEvent=createTrackingEvent(AnalyticsEventType.PanelToggle);export var creatPanelToggleEvent=function(e){var t=e.operation,a=e.isExpanded,n=e.panelType;return panelToggleEvent({resource:"Redocly_Operation",action:"PanelToggled",operationId:t.id,operationPath:t.path,operationHttpVerb:t.httpVerb,operationSummary:t.name,panelType:n,state:a?"expanded":"collapsed"})};
+//# sourceMappingURL=panelToggle.js.map

package/lib-esm/events/types.d.ts

@@ -0,0 +1,63 @@
+import type { OperationModel, Sample } from '../redoc-lib';
+export interface LanguageSwitchProps {
+    operation: OperationModel;
+    sample: Sample;
+}
+export interface PanelToggleProps {
+    operation: OperationModel;
+    isExpanded: boolean;
+    panelType: PanelToggleEvent['panelType'];
+}
+export interface CodeSampleCopyProps {
+    operation: OperationModel;
+    lang?: string;
+    label?: string;
+    type: 'request' | 'response';
+    exampleId?: string;
+}
+export declare enum AnalyticsEventType {
+    CodeSampleLanguageSwitched = "CodeSampleLanguageSwitched",
+    CodeSampleCopied = "CodeSampleCopied",
+    OperationServerExpanded = "OperationServerExpanded",
+    PanelToggle = "PanelToggle",
+    TryItOpen = "TryItOpen",
+    TryItSent = "TryItSent"
+}
+export interface AnalyticsEvent {
+    eventType: AnalyticsEventType;
+    resource: 'Redocly_CodeSample' | 'Redocly_Operation' | 'Redocly_OperationTryIt';
+    action: 'LanguageSwitched' | 'PanelToggled' | 'Opened' | 'NavigatedOverrideLink' | 'Sent' | 'ValidationFailed' | 'CodeSampleCopied';
+    operationId?: string;
+    operationPath: string;
+    operationHttpVerb: string;
+    operationSummary?: string;
+}
+export interface CodeSamplesLanguageSwitchedEvent extends AnalyticsEvent {
+    lang: string;
+    label: string;
+    exampleId?: string;
+}
+export interface CodeSamplesCopiedEvent extends AnalyticsEvent {
+    lang: string;
+    label: string;
+    type: 'request' | 'response';
+    exampleId?: string;
+    exampleMimeType?: string;
+}
+declare type TryItOpenedEvent = AnalyticsEvent;
+export interface PanelToggleEvent extends AnalyticsEvent {
+    panelType: 'request' | 'responses' | 'request-samples' | 'response-samples';
+    state: 'expanded' | 'collapsed';
+    operationId: string;
+    operationPath: string;
+    operationHttpVerb: string;
+    operationSummary?: string;
+}
+export declare type Events = {
+    codeSamplesLanguageSwitch?: (event: CodeSamplesLanguageSwitchedEvent) => void;
+    codeSamplesCopy?: (event: CodeSamplesCopiedEvent) => void;
+    tryItOpen?: (event: TryItOpenedEvent) => void;
+    tryItSent?: (event: TryItOpenedEvent) => void;
+    panelToggle?: (event: PanelToggleEvent) => void;
+};
+export {};

package/lib-esm/events/types.js

@@ -0,0 +1,2 @@
+export var AnalyticsEventType;!function(e){e.CodeSampleLanguageSwitched="CodeSampleLanguageSwitched",e.CodeSampleCopied="CodeSampleCopied",e.OperationServerExpanded="OperationServerExpanded",e.PanelToggle="PanelToggle",e.TryItOpen="TryItOpen",e.TryItSent="TryItSent"}(AnalyticsEventType||(AnalyticsEventType={}));
+//# sourceMappingURL=types.js.map

package/lib-esm/index.d.ts

@@ -2,6 +2,7 @@ export * from './components/index';
 export * from './services/index';
 export * from './redoc-lib/index';
 export * from './models/index';
+export * from './events/index';
 export { setSecurityDetails, setSecurityDetailsVariants, setParameterValue } from './utils';
 export type { SecurityDetails } from './types';
 export type { OAuth2 } from './services/OAuth2';

package/lib-esm/index.js

@@ -1,2 +1,2 @@
-export*from"./components/index";export*from"./services/index";export*from"./redoc-lib/index";export*from"./models/index";export{setSecurityDetails,setSecurityDetailsVariants,setParameterValue}from"./utils";
+export*from"./components/index";export*from"./services/index";export*from"./redoc-lib/index";export*from"./models/index";export*from"./events/index";export{setSecurityDetails,setSecurityDetailsVariants,setParameterValue}from"./utils";
 //# sourceMappingURL=index.js.map

package/lib-esm/models/code-sample-options.d.ts

@@ -1,10 +1,11 @@
-import type { Events, CodeSamplesConfig } from '../services';
+import type { CodeSamplesConfig } from '../services';
+import type { Events } from '../events';
 export interface CodeSampleOptions {
     payloadSampleIdx: number;
     hideRequestPayloadSample: boolean;
     hideSingleRequestSampleTab: boolean;
     generatedPayloadSamplesMaxDepth: number;
     onlyRequiredInSamples: boolean;
-    events: Pick<Events, 'codeSamplesLanguageSwitch'>;
+    events: Pick<Events, 'codeSamplesLanguageSwitch' | 'codeSamplesCopy'>;
     generateCodeSamples?: CodeSamplesConfig;
 }