@redocly/reference-docs 3.0.0-alpha.2 → 3.0.0-alpha.5

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

@@ -1,2 +1,2 @@
-import{__assign,__awaiter,__extends,__generator}from"tslib";import*as React from"react";import{Button}from"@redocly/theme";import{FormControl,FormLabel,FormError,FormWrapper,FormHeader,TokenField,TokenValue,TokenClear,TokenShowHide}from"../common/form";import{fromSessionStorage,getSecurityDetailsOptions,toSessionStorage}from"../../utils";import{OAuth2}from"../../services/OAuth2";import{FormDropdown,FormTextField}from"../common/TextField";import Scope from"./Scope";import{normalizeUrlProtocol}from"./utils";function validateToken(e){if(!e)return"Token is required"}var OAuth2TokenInput=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{error:"",loading:!1,tokenMasked:!0}}),Object.defineProperty(t,"clearToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.formApi.setValue("auth."+t.props.id+".token",""),toSessionStorage("auth."+t.props.id+".token","")}}),Object.defineProperty(t,"toggleTokenMask",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState({tokenMasked:!t.state.tokenMasked})}}),Object.defineProperty(t,"requestToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){return __awaiter(t,void 0,void 0,(function(){var e,t,o,r,n,i,l,a=this;return __generator(this,(function(s){switch(s.label){case 0:return this.state.loading?[2]:(e=this.props,t=e.server,o=e.flow,r=e.authCorsProxyUrl,n=r&&o.tokenUrl?r+normalizeUrlProtocol(o.tokenUrl):o.tokenUrl,this.errors.client_id||this.errors.client_secret?(console.log("Provide client_id and client_secret"),[2]):(i=this.values.client_id,l=this.values.client_secret,i&&l?(this.setState({loading:!0}),[4,OAuth2.authorizeClientCredentials({tokenUrl:n.startsWith("http")?n:t+n,clientId:i,clientSecret:l,scopes:this.values.scopes,successCallback:function(e){a.props.formApi.setValue("auth."+a.props.id+".token",e),a.setState({loading:!1})},errorCallback:function(e){a.clearToken(),a.setState({error:e.message,loading:!1})}})]):(console.log("Provide client_id and client_secret"),[2])));case 1:return s.sent(),[2]}}))}))}}),t}return __extends(t,e),Object.defineProperty(t.prototype,"values",{get:function(){var e,t,o;return(null===(o=null===(t=null===(e=this.props.form)||void 0===e?void 0:e.values)||void 0===t?void 0:t.auth)||void 0===o?void 0:o[this.props.id])||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"errors",{get:function(){var e,t;return(null===(t=null===(e=this.props.form.errors)||void 0===e?void 0:e.auth)||void 0===t?void 0:t[this.props.id])||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.state,t=e.loading,o=e.error,r=e.tokenMasked,n=this.props,i=n.id,l=n.defaultValues,a=Object.keys(this.props.flow.scopes),s=fromSessionStorage("auth."+i+".token")||JSON.stringify(null==l?void 0:l.token);s=s?JSON.parse(s):"";var c=getSecurityDetailsOptions(i,"client_id"),u={field:"auth."+i+".client_id",fullWidth:!0,initialValue:fromSessionStorage("auth."+i+".client_id")||this.props.clientId||(null==l?void 0:l.client_id),initValue:fromSessionStorage("auth."+i+".client_id")||this.props.clientId||(null==l?void 0:l.client_id),placeholder:"Your OAuth2 app Client ID"};return React.createElement(React.Fragment,null,React.createElement(FormWrapper,null,React.createElement(FormControl,null,React.createElement(FormLabel,null,"Client ID:"),c?React.createElement(FormDropdown,__assign({},u,{options:c})):React.createElement(FormTextField,__assign({},u,{type:"password",panel:"try-it"}))),React.createElement(FormControl,null,React.createElement(FormLabel,null,"Client Secret:"),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:"auth."+i+".client_secret",initialValue:fromSessionStorage("auth."+i+".client_secret")||(null==l?void 0:l.client_secret),panel:"try-it"})),React.createElement(FormTextField,{fullWidth:!0,field:"auth."+i+".token",type:"hidden",initialValue:s,validate:validateToken}),React.createElement(Scope,{id:i,scopes:a})),React.createElement(Button,{color:"primary",onClick:this.requestToken,blinking:t},t?"Loading...":"Request Token"),React.createElement(FormHeader,null," Access Token "),o?React.createElement(FormError,{style:{marginBottom:"1em"}},"Failed to request token: ",React.createElement("pre",null,o)," "):this.values.token&&this.values.token.access_token?React.createElement(TokenField,null,React.createElement(TokenValue,{length:this.values.token.access_token.length,masked:r},this.values.token.access_token),React.createElement(TokenShowHide,{onClick:this.toggleTokenMask},r?"Show":"Hide"," "),React.createElement(TokenClear,{onClick:this.clearToken}," Clear ")):React.createElement(FormError,{style:{marginBottom:"1em"}},"No token"))}}),t}(React.Component);export{OAuth2TokenInput};export default OAuth2TokenInput;
+import{__assign,__awaiter,__extends,__generator}from"tslib";import*as React from"react";import{Button}from"@redocly/theme";import{FormControl,FormLabel,FormError,FormWrapper,FormHeader,TokenField,TokenValue,TokenClear,TokenShowHide}from"../common/form";import{fromSessionStorage,getSecurityDetailsOptions,toSessionStorage}from"../../utils";import{OAuth2}from"../../services/OAuth2";import{FormDropdown,FormTextField}from"../common/TextField";import Scope from"./Scope";import{getOAuth2TokenEndpointAuthHeader,normalizeUrlProtocol,validateTokenEndpointMethod}from"./utils";function validateToken(e){if(!e)return"Token is required"}var OAuth2TokenInput=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{error:"",loading:!1,tokenMasked:!0}}),Object.defineProperty(t,"clearToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.formApi.setValue("auth."+t.props.id+".token",""),toSessionStorage("auth."+t.props.id+".token","")}}),Object.defineProperty(t,"toggleTokenMask",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState({tokenMasked:!t.state.tokenMasked})}}),Object.defineProperty(t,"requestToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){return __awaiter(t,void 0,void 0,(function(){var e,t,o,r,n,i,l,a,s=this;return __generator(this,(function(c){switch(c.label){case 0:return this.state.loading?[2]:(e=this.props,t=e.server,o=e.flow,r=e.authCorsProxyUrl,n=r&&o.tokenUrl?r+normalizeUrlProtocol(o.tokenUrl):o.tokenUrl,this.errors.client_id||this.errors.client_secret?(console.log("Provide client_id and client_secret"),[2]):(i=this.values.client_id,l=this.values.client_secret,i&&l?(this.setState({loading:!0}),a=o["x-tokenEndpointAuthMethod"],validateTokenEndpointMethod(a)?[4,OAuth2.authorizeClientCredentials({tokenUrl:n.startsWith("http")?n:t+n,clientId:i,clientSecret:l,scopes:this.values.scopes,extraHeaders:getOAuth2TokenEndpointAuthHeader({authMethod:a,clientId:i,clientSecret:l}),successCallback:function(e){s.props.formApi.setValue("auth."+s.props.id+".token",e),s.setState({loading:!1})},errorCallback:function(e){s.clearToken(),s.setState({error:e.message,loading:!1})}})]:(console.log("Unsupported token endpoint auth method: "+a),[2])):(console.log("Provide client_id and client_secret"),[2])));case 1:return c.sent(),[2]}}))}))}}),t}return __extends(t,e),Object.defineProperty(t.prototype,"values",{get:function(){var e,t,o;return(null===(o=null===(t=null===(e=this.props.form)||void 0===e?void 0:e.values)||void 0===t?void 0:t.auth)||void 0===o?void 0:o[this.props.id])||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"errors",{get:function(){var e,t;return(null===(t=null===(e=this.props.form.errors)||void 0===e?void 0:e.auth)||void 0===t?void 0:t[this.props.id])||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.state,t=e.loading,o=e.error,r=e.tokenMasked,n=this.props,i=n.id,l=n.defaultValues,a=Object.keys(this.props.flow.scopes),s=fromSessionStorage("auth."+i+".token")||JSON.stringify(null==l?void 0:l.token);s=s?JSON.parse(s):"";var c=getSecurityDetailsOptions(i,"client_id"),u={field:"auth."+i+".client_id",fullWidth:!0,initialValue:fromSessionStorage("auth."+i+".client_id")||this.props.clientId||(null==l?void 0:l.client_id),initValue:fromSessionStorage("auth."+i+".client_id")||this.props.clientId||(null==l?void 0:l.client_id),placeholder:"Your OAuth2 app Client ID"};return React.createElement(React.Fragment,null,React.createElement(FormWrapper,null,React.createElement(FormControl,null,React.createElement(FormLabel,null,"Client ID:"),c?React.createElement(FormDropdown,__assign({},u,{options:c})):React.createElement(FormTextField,__assign({},u,{type:"password",panel:"try-it"}))),React.createElement(FormControl,null,React.createElement(FormLabel,null,"Client Secret:"),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:"auth."+i+".client_secret",initialValue:fromSessionStorage("auth."+i+".client_secret")||(null==l?void 0:l.client_secret),panel:"try-it"})),React.createElement(FormTextField,{fullWidth:!0,field:"auth."+i+".token",type:"hidden",initialValue:s,validate:validateToken}),React.createElement(Scope,{id:i,scopes:a})),React.createElement(Button,{color:"primary",onClick:this.requestToken,blinking:t},t?"Loading...":"Request Token"),React.createElement(FormHeader,null," Access Token "),o?React.createElement(FormError,{style:{marginBottom:"1em"}},"Failed to request token: ",React.createElement("pre",null,o)," "):this.values.token&&this.values.token.access_token?React.createElement(TokenField,null,React.createElement(TokenValue,{length:this.values.token.access_token.length,masked:r},this.values.token.access_token),React.createElement(TokenShowHide,{onClick:this.toggleTokenMask},r?"Show":"Hide"," "),React.createElement(TokenClear,{onClick:this.clearToken}," Clear ")):React.createElement(FormError,{style:{marginBottom:"1em"}},"No token"))}}),t}(React.Component);export{OAuth2TokenInput};export default OAuth2TokenInput;
 //# sourceMappingURL=OAuth2TokenInput.js.map

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { FormApi, FormState } from 'informed';
 import type { SecurityScheme } from '../../redoc-lib';
-import type { SecurityDetails } from '../../utils';
+import type { SecurityDetails } from '../../types';
 export interface OpenIDConnectProps {
     server: string;
     authCorsProxyUrl: Maybe<string>;
@@ -13,3 +13,6 @@ export interface OpenIDConnectProps {
     defaultValues?: SecurityDetails;
 }
 export declare function OpenIDConnect(props: OpenIDConnectProps): JSX.Element;
+export declare function Error({ message }: {
+    message: string;
+}): JSX.Element;

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

@@ -1,2 +1,2 @@
-import{__awaiter,__generator,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{discoverOpenIDConnect}from"../../services/OpenIDConnect";import{LinearProgress}from"../common/LinearProgress";import{FormError}from"../common/form";import{OAuth2Flow}from"./OAuth2Flow";export function OpenIDConnect(e){var t,r=this,n=e.scheme,o=e.defaultValues,a=React.useState({}),l=a[0],c=a[1],i=React.useState(),m=i[0],s=i[1],u=React.useState(!1),p=u[0],d=u[1];React.useEffect((function(){f(n.openIdConnectUrl)}),[n.openIdConnectUrl]);var f=function(e){return __awaiter(r,void 0,void 0,(function(){var t,r;return __generator(this,(function(n){switch(n.label){case 0:d(!0),s(""),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,discoverOpenIDConnect(e)];case 2:return t=n.sent(),c(t),[3,4];case 3:return r=n.sent(),s(r.message),[3,4];case 4:return d(!1),[2]}}))}))};return React.createElement("div",null,p?React.createElement("div",null,React.createElement("div",null,"Fetching OpenID Connect metadata..."),React.createElement(LinearProgress,null)):React.createElement("div",null,m?React.createElement(FormError,null,m):(null===(t=null==l?void 0:l.response_types_supported)||void 0===t?void 0:t.includes("token"))?React.createElement(React.Fragment,null,React.createElement(FlowName,null,"OAuth2 Implicit Flow"),React.createElement(OAuth2Flow,{key:e.id,authorizationUrl:l.authorization_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:l.scopes_supported,server:e.server,id:e.id,form:e.form,formApi:e.formApi,clientId:e.clientId,flow:"implicit",defaultValues:o})):React.createElement("div",null,"Unsupported flow")))}var templateObject_1,FlowName=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"],["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"])));
+import{__awaiter,__generator}from"tslib";import React,{useState,useEffect}from"react";import{discoverOpenIDConnect}from"../../services/OpenIDConnect";import{LinearProgress}from"../common/LinearProgress";import{FormError}from"../common/form";import{OAuth2Flow}from"./OAuth2Flow";import{FlowName}from"./styled";export function OpenIDConnect(e){var t,r,o=this,n=e.scheme,a=e.defaultValues,l=useState({}),i=l[0],c=l[1],u=useState(),s=u[0],m=u[1],d=useState(!1),p=d[0],f=d[1];useEffect((function(){v(n.openIdConnectUrl)}),[n.openIdConnectUrl]);var v=function(e){return __awaiter(o,void 0,void 0,(function(){var t,r;return __generator(this,(function(o){switch(o.label){case 0:f(!0),m(""),o.label=1;case 1:return o.trys.push([1,3,,4]),[4,discoverOpenIDConnect(e)];case 2:return t=o.sent(),c(t),[3,4];case 3:return r=o.sent(),m(r.message),[3,4];case 4:return f(!1),[2]}}))}))};return p?React.createElement(Loading,null):s?React.createElement(Error,{message:s}):React.createElement("div",null,React.createElement("div",null,(null===(t=null==i?void 0:i.response_types_supported)||void 0===t?void 0:t.includes("token"))?React.createElement(React.Fragment,null,React.createElement(FlowName,null,"OAuth2 Implicit Flow"),React.createElement(OAuth2Flow,{key:e.id,authorizationUrl:i.authorization_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:i.scopes_supported,server:e.server,id:e.id,form:e.form,formApi:e.formApi,clientId:e.clientId,flow:"implicit",defaultValues:a})):(null===(r=null==i?void 0:i.response_types_supported)||void 0===r?void 0:r.includes("code"))?React.createElement(React.Fragment,null,React.createElement(FlowName,null,"OAuth2 Authorization Flow"),React.createElement(OAuth2Flow,{key:e.id,authorizationUrl:i.authorization_endpoint,tokenUrl:i.token_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:i.scopes_supported,server:e.server,id:e.id,form:e.form,formApi:e.formApi,clientId:e.clientId,tokenEndpointAuthMethod:null==i?void 0:i.token_endpoint_auth_methods_supported,flow:"authorizationCode",defaultValues:a})):React.createElement("div",null,"Unsupported flow")))}function Loading(){return React.createElement("div",null,React.createElement("div",null,React.createElement("div",null,"Fetching OpenID Connect metadata..."),React.createElement(LinearProgress,null)))}export function Error(e){var t=e.message;return React.createElement("div",null,React.createElement("div",null,React.createElement(FormError,null,t)))}
 //# sourceMappingURL=OpenIDConnect.js.map

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { FieldModel } from '../../redoc-lib';
+interface ParameterArrayProps {
+    name: string;
+    param: FieldModel;
+    place: string;
+    renderParameter: any;
+}
+export declare const ParameterArray: ({ name, param, place, renderParameter, }: ParameterArrayProps) => JSX.Element;
+export {};

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

@@ -0,0 +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: var(--text-color-secondary);\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: var(--text-color-secondary);\n    &:hover {\n      color: #fff;\n    }\n  }\n"]))),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/RequestBody/RequestBody.d.ts

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

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

@@ -0,0 +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}from"../utils";import{fromSessionStorage,toSessionStorage}from"../../../utils";var RequestBodyComponent=observer((function(e){var o,r=e.body,t=e.formApi,a=e.resolvedBody,n=e.properties,i=e.id,m=e.validate,l=r.content,p=function(e){var o;if(!l||!l.hasSample)return"";var r=null===(o=l.active)||void 0===o?void 0:o.examples;if(!(null==r?void 0:r[e]))return"";var t=null==r?void 0:r[e].value,a=n?merge(t,n,{arrayMerge:arrayMergeStrategy}):t;return JSON.stringify(a,null,2)},s=null===(o=null==l?void 0:l.operation)||void 0===o?void 0:o.activeExampleName,d=function(e){var o;null===(o=null==l?void 0:l.operation)||void 0===o||o.activateExampleName(e),t.setValue("body",p(e))},u=function(e,o){(0,t.setValue)("body."+e,o)};useEffect((function(){!1!==s?t.setValue("body",fromSessionStorage(i+"_"+(s||""))||p(s||"")):t.setValue("body",JSON.stringify(n||{},null,2))}),[s]);var c=useCallback((function(e){return function(o){toSessionStorage(i+"_"+e,o)}}),[i]);return React.createElement(React.Fragment,null,React.createElement(MediaTypesSwitch,{content:r.content,renderDropdown:function(e){return React.createElement(DropdownOrLabel,__assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel,Dropdown:Dropdown}))}},(function(e){var o=e.examples||{},r=Object.keys(o),l=e.schema,p=isRootFileUpload(l||{},e.name)||e.name===MediaTypes.MULTIPART||e.name===MediaTypes.URL_ENCODED,s=useExampleKey(e.operation,o).exampleKey,f=fromSessionStorage(i+"_"+s)||encodeSample(o[s],n);return React.createElement(React.Fragment,null,r.length&&1!==r.length&&React.createElement(ExampleSwitch,{examples:o,onChange:d,exampleKey:s,panel:"try-it"})||null,p?React.createElement(RequestBodyForm,{mediaType:e,formApi:t,onChange:u}):React.createElement(CodemirrorInput,{id:"body"+i,field:"body",initialValue:f,schema:((null==a?void 0:a.content[e.name])||{}).schema,mode:e.name,validate:m,onChange:c(s)}))})))}));export var RequestBody=memo(RequestBodyComponent);
+//# sourceMappingURL=RequestBody.js.map

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

@@ -0,0 +1,2 @@
+export { RequestBody } from './RequestBody';
+export * from './types';

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

@@ -0,0 +1,2 @@
+export{RequestBody}from"./RequestBody";export*from"./types";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,10 @@
+import type { FormApi } from 'informed';
+import type { RequestBodyModel, OpenAPIRequestBody } from '../../../redoc-lib';
+export interface RequestBodyProps {
+    body: RequestBodyModel;
+    resolvedBody: OpenAPIRequestBody;
+    validate: () => string | undefined;
+    formApi: FormApi;
+    id: string;
+    properties: any;
+}

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

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

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

@@ -1,9 +1,10 @@
-import React from 'react';
+/// <reference types="react" />
 import type { FormApi } from 'informed';
 import type { FieldModel, MediaTypeModel } from '../../redoc-lib';
+import type { UploadFileType } from '../../models';
 export declare const RequestBodyForm: (props: {
     mediaType: MediaTypeModel;
-    onChange: React.ChangeEventHandler<HTMLInputElement>;
+    onChange(key: string, file: UploadFileType): void;
     formApi?: FormApi<import("informed").FormValues> | undefined;
 }) => JSX.Element | null;
 export declare function getRequestBodyFormFields(mediaType: MediaTypeModel): FieldModel[];

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{MimeLabel}from"../shared";export var RequestMimeLabel=styled(MimeLabel)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  border-radius: var(--panels-border-radius);\n  margin-bottom: 10px;\n"],["\n  border-radius: var(--panels-border-radius);\n  margin-bottom: 10px;\n"])));var templateObject_1;
+import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{MimeLabel}from"../shared";export var RequestMimeLabel=styled(MimeLabel)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  border-radius: var(--panel-border-radius);\n  margin-bottom: 10px;\n"],["\n  border-radius: var(--panel-border-radius);\n  margin-bottom: 10px;\n"])));var templateObject_1;
 //# sourceMappingURL=RequestMimeLabel.js.map

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

@@ -1,2 +1,2 @@
-import{__extends,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{ResponseBody}from"./ResponseBody";import{ResponseHeadersList}from"./ResponseHeadersList";var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,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: var(--color-content-inverse);\n"],["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: var(--color-content-inverse);\n"]))),ResponseBadge=styled(ResponseBadgeBase)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(e){var t=e.code;return t>=200&&t<300?"var(--response-success-text-color)":t>=300&&t<400?"var(--response-redirect-text-color)":t>400?"var(--response-error-text-color)":"var(--response-info-text-color)"})),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"]))),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,a=t.response,r=t.time,l=a||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 sent 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: "),r,"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{__extends,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{ResponseBody}from"./ResponseBody";import{ResponseHeadersList}from"./ResponseHeadersList";var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,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: var(--text-color-inverse);\n"],["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: var(--text-color-inverse);\n"]))),ResponseBadge=styled(ResponseBadgeBase)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(e){var t=e.code;return t>=200&&t<300?"var(--response-success-text-color)":t>=300&&t<400?"var(--response-redirect-text-color)":t>400?"var(--response-error-text-color)":"var(--response-info-text-color)"})),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"]))),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,a=t.response,r=t.time,l=a||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 sent 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: "),r,"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};
 //# sourceMappingURL=ResponsePanel.js.map

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { ServersDropdownProps } from './types';
+export declare const ServersDropdown: ({ operation, onChange }: ServersDropdownProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import{__assign,__makeTemplateObject}from"tslib";import React,{useState}from"react";import{observer}from"mobx-react";import styled from"styled-components";import{fromSessionStorage,toSessionStorage}from"../../../utils";import{FormControl,FormLabel}from"../../common/form";import{expandDefaultServerVariables,expandVariables,getServerWithVariables,getDefaultOrStoredVariables,updateVariablesStorage}from"../utils";import ServerVariable from"../ServerVariable";import{useMount}from"../../../hooks";import{TryItDropdown}from"../styled";export var ServersDropdown=observer((function(e){var r=e.operation,t=e.onChange,a=fromSessionStorage("serverUrl"),o=r.servers.findIndex((function(e){return e.url===a})),n=useState(o<0?0:o),s=n[0],l=n[1],i=useState({}),m=i[0],u=i[1];useMount((function(){var e=getServerWithVariables(r.servers,s);t(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(TryItDropdown,{variant:"dark",value:v[s].value,options:v,fullWidth:!0,onChange:function(e){var a=r.servers.find((function(r){return r.url===e.serverUrl})),o=r.servers.findIndex((function(r){return r.url===e.serverUrl})),n=getDefaultOrStoredVariables(a);t({url:e.serverUrl||"",variables:n}),toSessionStorage("serverUrl",e.serverUrl||""),l(o),u(n)}})),null==p?void 0:p.map((function(e){var a,o=null===(a=r.servers[s].variables)||void 0===a?void 0:a[e];if(o)return React.createElement(ServerVariable,{key:e,name:e,value:m[e],defaultValue:o.default,onChange:function(a){return function(e,a){var o,n=r.servers[s],l=a||""===a?a:getDefaultOrStoredVariables(n)[e],i=__assign(__assign({},m),((o={})[e]=l,o));u(i),updateVariablesStorage(e,l),t(__assign(__assign({},n),{variables:i}))}(e,a)},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"])));
+//# sourceMappingURL=ServersDropdown.js.map

package/lib-esm/components/console/ServersDropdown/index.d.ts

@@ -0,0 +1 @@
+export { ServersDropdown } from './ServersDropdown';

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

@@ -0,0 +1,2 @@
+export{ServersDropdown}from"./ServersDropdown";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/console/ServersDropdown/types.d.ts

@@ -0,0 +1,5 @@
+import type { OperationModel, Server } from '../../../redoc-lib';
+export interface ServersDropdownProps {
+    operation: OperationModel;
+    onChange: (server: Server) => void;
+}

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

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { PanelComponentProps } from '../Panel';
+import type { PanelComponentProps } from '@redocly/theme';
 export declare function TryItPanel({ header, error, success, ...rest }: React.PropsWithChildren<{
     header: string;
     error?: boolean;

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

@@ -1,2 +1,2 @@
-import{__assign,__makeTemplateObject,__rest}from"tslib";import React from"react";import styled from"styled-components";import{Header,Panel,Title,Trigger}from"../Panel";import{CrossIcon,LockIcon,ShelfIcon}from"../../redoc-lib";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 l=e.toggle,a=e.expanded;return React.createElement(Header,{onClick:l,isExpanded:a,"data-cy":o["data-cy"]},React.createElement(Trigger,null,React.createElement(Title,null,n),React.createElement(ShelfIcon,{direction:a?"down":"right"})),r&&React.createElement(CrossIcon,{size:"14px",color:"--color-error-500"})||null,t&&React.createElement(LockIcon,{size:"14px",color:"--color-success-500"})||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 React from"react";import styled from"styled-components";import{PanelHeaderTitle,PanelHeader,Panel,PanelBody,ShelfIcon}from"@redocly/theme";import{Trigger}from"../Panel";import{CrossIcon,LockIcon}from"../../redoc-lib";export function TryItPanel(e){var r=e.header,n=e.error,t=e.success,o=__rest(e,["header","error","success"]);return React.createElement(StyledTryItPanel,__assign({className:"panel-try-it-nested"},o,{header:function(e){var a=e.toggle,l=e.expanded,c=void 0!==l&&l;return React.createElement(PanelHeader,{onClick:a,expanded:c,"data-cy":o["data-cy"]},React.createElement(Trigger,null,React.createElement(PanelHeaderTitle,null,r),React.createElement(ShelfIcon,{direction:c?"down":"right"})),n&&React.createElement(CrossIcon,{size:"14px",color:"--color-error-500"})||null,t&&React.createElement(LockIcon,{size:"14px",color:"--color-success-500"})||null)}}))}var templateObject_1,StyledTryItPanel=styled(Panel)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  "," {\n    border: 1px solid\n      ",";\n    padding: 10px;\n  }\n\n  "," {\n    border: 1px solid\n      ",";\n    border-top: 0;\n  }\n"],["\n  "," {\n    border: 1px solid\n      ",";\n    padding: 10px;\n  }\n\n  "," {\n    border: 1px solid\n      ",";\n    border-top: 0;\n  }\n"])),PanelHeader,(function(e){return e.error?"var(--color-error-300)":"var(--panel-try-it-nested-heading-border-color)"}),PanelBody,(function(e){return e.error?"var(--color-error-300)":"var(--panel-try-it-nested-body-border-color)"}));
 //# sourceMappingURL=TryItPanel.js.map

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

@@ -10,9 +10,11 @@ export declare const ConsoleBody: import("styled-components").StyledComponent<"d
 export declare const CloseButton: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const invertedInputStyles: import("styled-components").FlattenSimpleInterpolation;
 export declare const TryItDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
-    dense?: boolean | undefined;
     fullWidth?: boolean | undefined;
     variant?: "dark" | "light" | undefined;
 }, never>;
-export declare const PanelPreCodeBlock: import("styled-components").StyledComponent<"pre", any, {}, never>;
+export declare const PanelPreCodeBlock: import("styled-components").StyledComponent<"pre", any, {
+    'data-component-name': string;
+}, "data-component-name">;
 export declare const ResponseHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FlowName: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import styled,{css,keyframes}from"styled-components";import{PreformattedCodeBlock}from"@redocly/theme";import{Dropdown}from"../common/Dropdown";var shake=keyframes(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n"],["\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n"])));export var blink=keyframes(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  0% {\n    background-color: #007abf;\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: #007abf;\n  }\n"],["\n  0% {\n    background-color: #007abf;\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: #007abf;\n  }\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,shakeAnimation=css(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  animation: "," 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n"],["\n  animation: "," 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n"])),shake);export var ConsoleWrap=styled.div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  background-color: var(--samples-panel-background-color);\n  color: var(--color-content-inverse);\n  font-family: var(--code-font-family);\n  border-radius: var(--panels-border-radius);\n  overflow: hidden;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  max-height: calc(85vh - ","px);\n  margin-bottom: 10px;\n  ",";\n  > div:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n"],["\n  background-color: var(--samples-panel-background-color);\n  color: var(--color-content-inverse);\n  font-family: var(--code-font-family);\n  border-radius: var(--panels-border-radius);\n  overflow: hidden;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  max-height: calc(85vh - ","px);\n  margin-bottom: 10px;\n  ",";\n  > div:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n"])),(function(n){var e=n.scrollYOffset;return e?e():0}),(function(n){return n.shaking&&shakeAnimation}));export var ConsoleBody=styled.div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  flex: 1;\n  padding: 20px 20px 15px;\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: var(--samples-panel-background-color);\n"],["\n  flex: 1;\n  padding: 20px 20px 15px;\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: var(--samples-panel-background-color);\n"])),(function(n){return n.hidden?"none":"flex"}));export var CloseButton=styled.span(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: var(--color-content-inverse);\n"],["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: var(--color-content-inverse);\n"])));export var invertedInputStyles=css(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: var(--global-border-radius);\n  background-color: var(--samples-panel-controls-background-color);\n  color: var(--color-content-inverse);\n  font-family: var(--code-font-family);\n  font-size: var(--font-size-base);\n\n  &::placeholder {\n    opacity: 0.6;\n    color: var(--color-content-inverse);\n  }\n\n  &:-webkit-autofill {\n    background-color: var(--samples-panel-background-color);\n  }\n"],["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: var(--global-border-radius);\n  background-color: var(--samples-panel-controls-background-color);\n  color: var(--color-content-inverse);\n  font-family: var(--code-font-family);\n  font-size: var(--font-size-base);\n\n  &::placeholder {\n    opacity: 0.6;\n    color: var(--color-content-inverse);\n  }\n\n  &:-webkit-autofill {\n    background-color: var(--samples-panel-background-color);\n  }\n"])));export var TryItDropdown=styled(Dropdown)(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  .dropdown-select,\n  label {\n    background-color: var(--try-it-panel-controls-background-color);\n    border-color: var(--try-it-panel-controls-background-color);\n  }\n"],["\n  .dropdown-select,\n  label {\n    background-color: var(--try-it-panel-controls-background-color);\n    border-color: var(--try-it-panel-controls-background-color);\n  }\n"])));export var PanelPreCodeBlock=styled(PreformattedCodeBlock)(templateObject_9||(templateObject_9=__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"])));export var ResponseHeader=styled.div(templateObject_10||(templateObject_10=__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"])));
+import{__makeTemplateObject}from"tslib";import styled,{css,keyframes}from"styled-components";import{PreformattedCodeBlock}from"@redocly/theme";import{Dropdown}from"../common/Dropdown";var shake=keyframes(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n"],["\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n"])));export var blink=keyframes(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  0% {\n    background-color: #007abf;\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: #007abf;\n  }\n"],["\n  0% {\n    background-color: #007abf;\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: #007abf;\n  }\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,shakeAnimation=css(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  animation: "," 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n"],["\n  animation: "," 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n"])),shake);export var ConsoleWrap=styled.div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  background-color: var(--panel-samples-background-color);\n  color: var(--panel-samples-text-color);\n  font-family: var(--panel-samples-font-family);\n  border-radius: var(--panel-border-radius);\n  overflow: hidden;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  max-height: calc(85vh - ","px);\n  margin-bottom: 10px;\n  ",";\n  > div:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n"],["\n  background-color: var(--panel-samples-background-color);\n  color: var(--panel-samples-text-color);\n  font-family: var(--panel-samples-font-family);\n  border-radius: var(--panel-border-radius);\n  overflow: hidden;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  max-height: calc(85vh - ","px);\n  margin-bottom: 10px;\n  ",";\n  > div:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n"])),(function(n){var e=n.scrollYOffset;return e?e():0}),(function(n){return n.shaking&&shakeAnimation}));export var ConsoleBody=styled.div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  flex: 1;\n  padding: var(--panel-samples-body-padding);\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: var(--panel-samples-body-background-color);\n"],["\n  flex: 1;\n  padding: var(--panel-samples-body-padding);\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: var(--panel-samples-body-background-color);\n"])),(function(n){return n.hidden?"none":"flex"}));export var CloseButton=styled.span(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: var(--text-color-inverse);\n"],["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: var(--text-color-inverse);\n"])));export var invertedInputStyles=css(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: var(--border-radius);\n  background-color: var(--panel-try-it-input-background-color);\n  color: var(--panel-try-it-input-text-color);\n  font-family: var(--code-font-family);\n  font-size: var(--font-size-base);\n  border: var(--panel-try-it-input-border);\n\n  &::placeholder {\n    opacity: 0.6;\n    color: var(--text-color-inverse);\n  }\n\n  &:-webkit-autofill {\n    background-color: var(--panel-samples-background-color);\n  }\n"],["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: var(--border-radius);\n  background-color: var(--panel-try-it-input-background-color);\n  color: var(--panel-try-it-input-text-color);\n  font-family: var(--code-font-family);\n  font-size: var(--font-size-base);\n  border: var(--panel-try-it-input-border);\n\n  &::placeholder {\n    opacity: 0.6;\n    color: var(--text-color-inverse);\n  }\n\n  &:-webkit-autofill {\n    background-color: var(--panel-samples-background-color);\n  }\n"])));export var TryItDropdown=styled(Dropdown)(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  .dropdown-select,\n  label {\n    background-color: var(--panel-try-it-dropdown-background-color);\n    border: var(--panel-try-it-dropdown-border);\n    color: var(--panel-try-it-dropdown-color);\n  }\n"],["\n  .dropdown-select,\n  label {\n    background-color: var(--panel-try-it-dropdown-background-color);\n    border: var(--panel-try-it-dropdown-border);\n    color: var(--panel-try-it-dropdown-color);\n  }\n"])));export var PanelPreCodeBlock=styled(PreformattedCodeBlock)(templateObject_9||(templateObject_9=__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"])));export var ResponseHeader=styled.div(templateObject_10||(templateObject_10=__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 FlowName=styled.div(templateObject_11||(templateObject_11=__makeTemplateObject(["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"],["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"])));
 //# sourceMappingURL=styled.js.map

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

@@ -1,5 +1,6 @@
-import type { FieldModel, OpenAPIServer, SecurityScheme, Server, ServerVariables, OperationModel } from '../../redoc-lib';
+import type { FieldModel, OpenAPIServer, SecurityScheme, Server, ServerVariables, OperationModel, ExampleModel } from '../../redoc-lib';
 import type { RedocProNormalizedOptions } from '../../services';
+import type { RequestBodyProps } from './RequestBody';
 export declare function normalizeUrlProtocol(url: string): string;
 export declare function updateStorage(state: GenericObject): void;
 export declare const getParameters: (parameters: FieldModel[], type: string) => GenericObject;
@@ -14,3 +15,10 @@ export declare function getFileNameFromHeaders(headers: Record<string, string>):
 export declare const makeRequestInterceptor: ({ requestInterceptor, sendXUserAgentInTryIt, disableTryItRequestUrlEncoding, }: Pick<RedocProNormalizedOptions, 'requestInterceptor' | 'sendXUserAgentInTryIt' | 'disableTryItRequestUrlEncoding'>, operation: OperationModel, securitySchemaAuth?: string | undefined) => (req: Request) => void | Request;
 export declare function requiredValidator(value: unknown): string | undefined;
 export declare function fromCookie(scheme: SecurityScheme): string | undefined;
+export declare const validateTokenEndpointMethod: (token: string[] | string | undefined) => boolean;
+export declare const getOAuth2TokenEndpointAuthHeader: ({ authMethod, clientId, clientSecret, }: {
+    authMethod?: string | string[] | undefined;
+    clientId: string;
+    clientSecret: string;
+}) => Record<'Authorization', string> | GenericObject;
+export declare function encodeSample(sample: ExampleModel, properties: RequestBodyProps['properties']): string;

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

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

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

@@ -1,6 +1,7 @@
 export * from './NextSectionButton';
 export * from './StoreProvider';
 export * from './RedoclyReferenceDocs';
+export * from './RedoclyReferenceDocsMultiStandalone';
 export * from './pluggable';
 export * from './console/ConsoleLazy';
 export * from './ProProviders';

package/lib-esm/components/index.js

@@ -1,2 +1,2 @@
-export*from"./NextSectionButton";export*from"./StoreProvider";export*from"./RedoclyReferenceDocs";export*from"./pluggable";export*from"./console/ConsoleLazy";export*from"./ProProviders";export{ToggleRightPanelButton,ControlsWrap,ChangeViewButton,BackgroundStub,NextSectionButtonWrap,ApiContentWrap,BackgroundStubFix}from"./styled.elements";export{TextField}from"./common/TextField";export{Checkbox}from"./common/Checkbox";export{Dropdown}from"./common/Dropdown";export{FormControl,FormLabel,FormError}from"./common/form";
+export*from"./NextSectionButton";export*from"./StoreProvider";export*from"./RedoclyReferenceDocs";export*from"./RedoclyReferenceDocsMultiStandalone";export*from"./pluggable";export*from"./console/ConsoleLazy";export*from"./ProProviders";export{ToggleRightPanelButton,ControlsWrap,ChangeViewButton,BackgroundStub,NextSectionButtonWrap,ApiContentWrap,BackgroundStubFix}from"./styled.elements";export{TextField}from"./common/TextField";export{Checkbox}from"./common/Checkbox";export{Dropdown}from"./common/Dropdown";export{FormControl,FormLabel,FormError}from"./common/form";
 //# sourceMappingURL=index.js.map

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import React from"react";import styled from"styled-components";import{SamplesPanel,Markdown}from"../../redoc-lib";import{CodePanel}from"../Panel/CodePanel";var MarkdownCodeBlock=styled(Markdown)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    color: var(--samples-panel-heading-color, var(--samples-panel-text-color));\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        background-color: var(--samples-panel-controls-background-color);\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        background-color: var(--samples-panel-markdown-background-color);\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      background-color: var(--samples-panel-markdown-background-color);\n      border-color: var(--samples-panel-markdown-border-color);\n    }\n  }\n\n  code {\n    font-size: var(--code-block-font-size);\n    font-family: var(--code-block-font-family);\n    color: var(--code-block-color);\n    background-color: var(--code-block-background-color);\n  }\n\n  a,\n  a:visited {\n    color: var(--link-visited);\n  }\n\n  pre {\n    border: none;\n    padding: calc(var(--spacing-unit) * 4);\n    border-radius: var(--code-block-border-radius);\n    background: var(--code-block-preformatted-background-color);\n  }\n"],["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    color: var(--samples-panel-heading-color, var(--samples-panel-text-color));\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        background-color: var(--samples-panel-controls-background-color);\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        background-color: var(--samples-panel-markdown-background-color);\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      background-color: var(--samples-panel-markdown-background-color);\n      border-color: var(--samples-panel-markdown-border-color);\n    }\n  }\n\n  code {\n    font-size: var(--code-block-font-size);\n    font-family: var(--code-block-font-family);\n    color: var(--code-block-color);\n    background-color: var(--code-block-background-color);\n  }\n\n  a,\n  a:visited {\n    color: var(--link-visited);\n  }\n\n  pre {\n    border: none;\n    padding: calc(var(--spacing-unit) * 4);\n    border-radius: var(--code-block-border-radius);\n    background: var(--code-block-preformatted-background-color);\n  }\n"])));export function PullRight(n){var o=n.children;return React.createElement(StyledRightPanel,null,React.createElement(CodePanel,null,this.props.children&&React.createElement(MarkdownCodeBlock,{source:o})))}var templateObject_1,templateObject_2,StyledRightPanel=styled(SamplesPanel)(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{__makeTemplateObject}from"tslib";import React from"react";import styled from"styled-components";import{SamplesPanel,Markdown}from"../../redoc-lib";import{CodePanel}from"../Panel";var MarkdownCodeBlock=styled(Markdown)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    color: var(--panel-samples-heading-text-color, var(--panel-samples-text-color));\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        background-color: var(--samples-panel-controls-background-color);\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        background-color: var(--samples-panel-markdown-background-color);\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      background-color: var(--samples-panel-markdown-background-color);\n      border-color: var(--samples-panel-markdown-border-color);\n    }\n  }\n\n  code {\n    font-size: var(--code-block-font-size);\n    font-family: var(--code-block-font-family);\n    color: var(--code-block-text-color);\n    background-color: var(--code-block-background-color);\n  }\n\n  a,\n  a:visited {\n    color: var(--link-visited);\n  }\n\n  pre {\n    border: none;\n    padding: calc(var(--spacing-unit) * 4);\n    border-radius: var(--code-block-border-radius);\n    background: var(--code-block-background-color);\n  }\n"],["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    color: var(--panel-samples-heading-text-color, var(--panel-samples-text-color));\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        background-color: var(--samples-panel-controls-background-color);\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        background-color: var(--samples-panel-markdown-background-color);\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      background-color: var(--samples-panel-markdown-background-color);\n      border-color: var(--samples-panel-markdown-border-color);\n    }\n  }\n\n  code {\n    font-size: var(--code-block-font-size);\n    font-family: var(--code-block-font-family);\n    color: var(--code-block-text-color);\n    background-color: var(--code-block-background-color);\n  }\n\n  a,\n  a:visited {\n    color: var(--link-visited);\n  }\n\n  pre {\n    border: none;\n    padding: calc(var(--spacing-unit) * 4);\n    border-radius: var(--code-block-border-radius);\n    background: var(--code-block-background-color);\n  }\n"])));export function PullRight(n){var o=n.children;return React.createElement(StyledRightPanel,null,React.createElement(CodePanel,null,this.props.children&&React.createElement(MarkdownCodeBlock,{source:o})))}var templateObject_1,templateObject_2,StyledRightPanel=styled(SamplesPanel)(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/styled.components.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{SamplesMiddlePanel}from"../../redoc-lib";export var SamplesWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  padding: calc(var(--spacing-unit) * 4);\n  border-radius: var(--panels-border-radius);\n  background-color: var(--samples-panel-background-color);\n"],["\n  padding: calc(var(--spacing-unit) * 4);\n  border-radius: var(--panels-border-radius);\n  background-color: var(--samples-panel-background-color);\n"])));export var ExamplesWrap=styled(SamplesWrap)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  width: 100%;\n"],["\n  width: 100%;\n"])));export var FullWidthPanel=styled(SamplesMiddlePanel)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  width: 100%;\n"],["\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  width: 100%;\n"])));var templateObject_1,templateObject_2,templateObject_3;
+import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{SamplesMiddlePanel}from"../../redoc-lib";export var SamplesWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  padding: calc(var(--spacing-unit) * 4);\n  border-radius: var(--panel-border-radius);\n  background-color: var(--panel-samples-background-color);\n"],["\n  padding: calc(var(--spacing-unit) * 4);\n  border-radius: var(--panel-border-radius);\n  background-color: var(--panel-samples-background-color);\n"])));export var ExamplesWrap=styled(SamplesWrap)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  width: 100%;\n"],["\n  width: 100%;\n"])));export var FullWidthPanel=styled(SamplesMiddlePanel)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  width: 100%;\n"],["\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  width: 100%;\n"])));var templateObject_1,templateObject_2,templateObject_3;
 //# sourceMappingURL=styled.components.js.map

package/lib-esm/components/shared/HttpVerb.d.ts

@@ -1,4 +1,6 @@
 export declare const HttpVerb: import("styled-components").StyledComponent<"span", any, {
+    className: `operation-type ${string}`;
+    'data-component-name': string;
+} & {
     type: string;
-    compact?: boolean | undefined;
-}, never>;
+}, "className" | "data-component-name">;

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";export var HttpVerb=styled.span(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  display: inline-block;\n  color: var(--http-badge-color);\n  text-transform: uppercase;\n  text-align: center;\n  font-family: var(--http-badge-font-family);\n  border-radius: var(--http-badge-border-radius);\n  background-color: ",";\n  min-width: 58px;\n  padding: 0 8px;\n  font-size: var(--http-badge-font-size);\n  line-height: var(--http-badge-line-height);\n  font-weight: var(--http-badge-font-weight);\n"],["\n  display: inline-block;\n  color: var(--http-badge-color);\n  text-transform: uppercase;\n  text-align: center;\n  font-family: var(--http-badge-font-family);\n  border-radius: var(--http-badge-border-radius);\n  background-color: ",";\n  min-width: 58px;\n  padding: 0 8px;\n  font-size: var(--http-badge-font-size);\n  line-height: var(--http-badge-line-height);\n  font-weight: var(--http-badge-font-weight);\n"])),(function(t){return"var(--color-http-"+t.type+", var(--color-http-basic))"}));var templateObject_1;
+import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{OperationBadge}from"@redocly/theme/OperationBadge";export var HttpVerb=styled(OperationBadge)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  display: inline-block;\n  padding: 0 8px;\n"],["\n  display: inline-block;\n  padding: 0 8px;\n"])));var templateObject_1;
 //# sourceMappingURL=HttpVerb.js.map

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";export var MimeLabel=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  background-color: var(--samples-panel-controls-background-color);\n  color: var(--color-content-inverse);\n  font-family: var(--code-font-family);\n  margin-bottom: 0;\n  height: 30px;\n  padding: 7px 10px;\n  font-size: 14px;\n  line-height: 16px;\n  border-radius: var(--global-border-radius);\n"],["\n  background-color: var(--samples-panel-controls-background-color);\n  color: var(--color-content-inverse);\n  font-family: var(--code-font-family);\n  margin-bottom: 0;\n  height: 30px;\n  padding: 7px 10px;\n  font-size: 14px;\n  line-height: 16px;\n  border-radius: var(--global-border-radius);\n"])));var templateObject_1;
+import{__makeTemplateObject}from"tslib";import styled from"styled-components";export var MimeLabel=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  background-color: var(--panel-samples-dropdown-background-color);\n  color: var(---panel-samples-dropdown-color);\n  font-family: var(--code-font-family);\n  margin-bottom: 0;\n  height: 36px;\n  padding: var(--dropdown-padding);\n  font-size: 14px;\n  line-height: 16px;\n  border: var(--panel-samples-dropdown-border);\n  border-radius: var(--border-radius);\n"],["\n  background-color: var(--panel-samples-dropdown-background-color);\n  color: var(---panel-samples-dropdown-color);\n  font-family: var(--code-font-family);\n  margin-bottom: 0;\n  height: 36px;\n  padding: var(--dropdown-padding);\n  font-size: 14px;\n  line-height: 16px;\n  border: var(--panel-samples-dropdown-border);\n  border-radius: var(--border-radius);\n"])));var templateObject_1;
 //# sourceMappingURL=MimeLabel.js.map

package/lib-esm/components/shared/index.d.ts

@@ -1,4 +1,3 @@
 export * from './HttpVerb';
-export * from './SelectOnClick';
 export * from './NoSampleLabel';
 export * from './MimeLabel';

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

@@ -1,2 +1,2 @@
-export*from"./HttpVerb";export*from"./SelectOnClick";export*from"./NoSampleLabel";export*from"./MimeLabel";
+export*from"./HttpVerb";export*from"./NoSampleLabel";export*from"./MimeLabel";
 //# sourceMappingURL=index.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,{css}from"styled-components";import{Tooltip}from"@redocly/theme";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  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  height: var(--layout-buttons-height);\n  width: var(--layout-buttons-width);\n  background: #e5e8eb;\n  border-radius: var(--global-border-radius);\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  height: var(--layout-buttons-height);\n  width: var(--layout-buttons-width);\n  background: #e5e8eb;\n  border-radius: var(--global-border-radius);\n"])));export var ToggleRightPanelButton=observer((function(t){var e=t.store,n=t.isVisible;return e.options.showRightPanelToggle&&n?React.createElement(Tooltip,{tip:e.showRightPanel?"Hide samples":"Show samples",placement:"left"},React.createElement(StyledToggleRightPanelButton,{onClick:function(){e.toggleRightPanel()}},e.showRightPanel?React.createElement(HideRightPanelSVG,null):React.createElement(ShowRightPanelSVG,null))):null}));export var RedocWrap=styled.div(templateObject_4||(templateObject_4=__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  text-rendering: var(--text-rendering, auto) !important;\n\n  font-family: var(--font-family-base);\n  font-size: var(--font-size-base);\n  line-height: var(--line-height-base);\n  font-weight: var(--font-weight-regular);\n  color: var(--color-content);\n  -webkit-font-smoothing: var(--smoothing);\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  text-rendering: var(--text-rendering, auto) !important;\n\n  font-family: var(--font-family-base);\n  font-size: var(--font-size-base);\n  line-height: var(--line-height-base);\n  font-weight: var(--font-weight-regular);\n  color: var(--color-content);\n  -webkit-font-smoothing: var(--smoothing);\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"])));export var ApiContentWrap=styled.div(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n  width: auto;\n\n  ",";\n"],["\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n  width: auto;\n\n  ",";\n"])),(function(t){var e=t.layout,n=void 0===e?LayoutVariant.THREE_PANEL:e,a=t.theme;return css(templateObject_5||(templateObject_5=__makeTemplateObject(["\n      max-width: ",";\n\n      "," {\n        width: calc(100% - var(--sidebar-width));\n        max-width: var(--layout-","-small-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-medium-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-large-max-width);\n      }\n\n      "," {\n        width: 100%;\n        padding: 0;\n      }\n    "],["\n      max-width: ",";\n\n      "," {\n        width: calc(100% - var(--sidebar-width));\n        max-width: var(--layout-","-small-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-medium-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-large-max-width);\n      }\n\n      "," {\n        width: 100%;\n        padding: 0;\n      }\n    "])),n===LayoutVariant.THREE_PANEL?"100%":"",a.mediaQueries.small,n,a.mediaQueries.medium,n,a.mediaQueries.large,n,a.mediaQueries.print)}));export var BackgroundStub=styled.div(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  background: var(--samples-panel-block-background-color);\n\n  ","\n"],["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  background: var(--samples-panel-block-background-color);\n\n  ","\n"])),(function(t){var e=t.theme;return css(templateObject_7||(templateObject_7=__makeTemplateObject(["\n    "," {\n      display: initial;\n      left: calc(100% - var(--samples-panel-width));\n    }\n\n    "," {\n      display: none;\n    }\n  "],["\n    "," {\n      display: initial;\n      left: calc(100% - var(--samples-panel-width));\n    }\n\n    "," {\n      display: none;\n    }\n  "])),e.mediaQueries[e.showAtBreakpoint.samplesPanel],e.mediaQueries.print)}));var getBackgroundStubFixWidth=function(t){return css(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  width: calc(\n    (\n        100% - min(100% - var(--sidebar-width) - var(--layout-buttons-width), var(",")) -\n          var(--sidebar-width) + var(--layout-buttons-width)\n      ) / 2 + 2px /* 2px to account for rounding errors */\n  );\n"],["\n  width: calc(\n    (\n        100% - min(100% - var(--sidebar-width) - var(--layout-buttons-width), var(",")) -\n          var(--sidebar-width) + var(--layout-buttons-width)\n      ) / 2 + 2px /* 2px to account for rounding errors */\n  );\n"])),t)};export var BackgroundStubFix=styled.div(templateObject_11||(templateObject_11=__makeTemplateObject(["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  background: var(--samples-panel-block-background-color);\n  width: 0;\n\n  ","\n"],["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  background: var(--samples-panel-block-background-color);\n  width: 0;\n\n  ","\n"])),(function(t){var e=t.theme;return css(templateObject_10||(templateObject_10=__makeTemplateObject(["\n    "," {\n      display: initial;\n      ",";\n    }\n\n    "," {\n      ",";\n    }\n\n    "," {\n      display: none;\n    }\n  "],["\n    "," {\n      display: initial;\n      ",";\n    }\n\n    "," {\n      ",";\n    }\n\n    "," {\n      display: none;\n    }\n  "])),e.mediaQueries[e.showAtBreakpoint.samplesPanel],getBackgroundStubFixWidth("--layout-three-panel-medium-max-width"),e.mediaQueries.large,getBackgroundStubFixWidth("--layout-three-panel-large-max-width"),e.mediaQueries.print)}));export var NextSectionButtonWrap=styled.div(templateObject_12||(templateObject_12=__makeTemplateObject(["\n  padding-top: calc(var(--spacing-unit) * 4);\n  padding-bottom: calc(var(--spacing-unit) * 4);\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n\n  "," {\n    width: calc(100% - var(--samples-panel-width));\n    padding-right: var(--samples-panel-gap, var(--spacing-horizontal));\n  }\n"],["\n  padding-top: calc(var(--spacing-unit) * 4);\n  padding-bottom: calc(var(--spacing-unit) * 4);\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n\n  "," {\n    width: calc(100% - var(--samples-panel-width));\n    padding-right: var(--samples-panel-gap, var(--spacing-horizontal));\n  }\n"])),(function(t){var e=t.theme;return e.mediaQueries[e.showAtBreakpoint.samplesPanel]}));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,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_13||(templateObject_13=__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_14||(templateObject_14=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),StyledChangeViewButton=styled.a(templateObject_15||(templateObject_15=__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  height: var(--layout-buttons-height);\n  width: var(--layout-buttons-width);\n  background: #e5e8eb;\n  border-radius: var(--global-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  height: var(--layout-buttons-height);\n  width: var(--layout-buttons-width);\n  background: #e5e8eb;\n  border-radius: var(--global-border-radius);\n"])));export var ChangeViewButton=function(t){var e=t.store,n=t.isVisible;return e.options.showChangeLayoutButton&&n?React.createElement(Tooltip,{tip:"Change layout",placement:"left"},React.createElement(StyledChangeViewButton,{onClick:function(){e.toggleLayout(e.layout===LayoutVariant.STACKED?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED)}},e.layout===LayoutVariant.STACKED?React.createElement(ChangeViewSvgRow,null):React.createElement(ChangeViewSvgColumn,null))):null};export var ControlsWrap=styled.span(templateObject_17||(templateObject_17=__makeTemplateObject(["\n  position: sticky;\n  display: none;\n  flex-direction: column;\n  justify-content: space-between;\n  top: var(--layout-buttons-top-offset);\n  right: 24px;\n  height: calc(var(--layout-buttons-height) * 2 + var(--spacing-unit) * 2);\n  z-index: 1;\n\n  ","\n"],["\n  position: sticky;\n  display: none;\n  flex-direction: column;\n  justify-content: space-between;\n  top: var(--layout-buttons-top-offset);\n  right: 24px;\n  height: calc(var(--layout-buttons-height) * 2 + var(--spacing-unit) * 2);\n  z-index: 1;\n\n  ","\n"])),(function(t){var e=t.theme;return css(templateObject_16||(templateObject_16=__makeTemplateObject(["\n    "," {\n      display: flex;\n    }\n\n    "," {\n      display: none;\n    }\n  "],["\n    "," {\n      display: flex;\n    }\n\n    "," {\n      display: none;\n    }\n  "])),e.mediaQueries[e.showAtBreakpoint.samplesPanel],e.mediaQueries.print)}));
+import{__makeTemplateObject}from"tslib";import*as React from"react";import{observer}from"mobx-react";import styled,{css}from"styled-components";import{Tooltip}from"@redocly/theme/Tooltip";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:"var(--color-emphasis-400)"}),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:"var(--color-emphasis-400)"}),React.createElement("rect",{x:"15",y:"10",width:"2",height:"10",rx:"1",transform:"rotate(-180 15 10)",fill:"var(--color-emphasis-400)"}))}))(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:"var(--color-emphasis-400)"}),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:"var(--color-emphasis-400)"}),React.createElement("rect",{width:"2",height:"10",rx:"1",fill:"var(--color-emphasis-400)"}))}))(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  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  height: var(--layout-controls-height);\n  width: var(--layout-controls-width);\n  background: var(--color-emphasis-100);\n  border-radius: var(--border-radius);\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  height: var(--layout-controls-height);\n  width: var(--layout-controls-width);\n  background: var(--color-emphasis-100);\n  border-radius: var(--border-radius);\n"])));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}));export var RedocWrap=styled.div(templateObject_4||(templateObject_4=__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  text-rendering: var(--text-rendering, auto) !important;\n\n  font-family: var(--font-family-base);\n  font-size: var(--font-size-base);\n  line-height: var(--line-height-base);\n  font-weight: var(--font-weight-regular);\n  color: var(--text-color);\n  -webkit-font-text-smoothing: var(--text-smoothing);\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  text-rendering: var(--text-rendering, auto) !important;\n\n  font-family: var(--font-family-base);\n  font-size: var(--font-size-base);\n  line-height: var(--line-height-base);\n  font-weight: var(--font-weight-regular);\n  color: var(--text-color);\n  -webkit-font-text-smoothing: var(--text-smoothing);\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"])));export var ApiContentWrap=styled.div(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n  width: auto;\n\n  ",";\n"],["\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n  width: auto;\n\n  ",";\n"])),(function(e){var t=e.layout,n=void 0===t?LayoutVariant.THREE_PANEL:t,a=e.theme;return css(templateObject_5||(templateObject_5=__makeTemplateObject(["\n      max-width: ",";\n\n      "," {\n        width: calc(100% - var(--sidebar-width));\n        max-width: var(--layout-","-small-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-medium-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-large-max-width);\n      }\n\n      "," {\n        width: 100%;\n        padding: 0;\n      }\n    "],["\n      max-width: ",";\n\n      "," {\n        width: calc(100% - var(--sidebar-width));\n        max-width: var(--layout-","-small-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-medium-max-width);\n      }\n\n      "," {\n        max-width: var(--layout-","-large-max-width);\n      }\n\n      "," {\n        width: 100%;\n        padding: 0;\n      }\n    "])),n===LayoutVariant.THREE_PANEL?"100%":"",a.mediaQueries.small,n,a.mediaQueries.medium,n,a.mediaQueries.large,n,a.mediaQueries.print)}));export var BackgroundStub=styled.div(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  background: var(--panel-samples-block-background-color);\n\n  ","\n"],["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  background: var(--panel-samples-block-background-color);\n\n  ","\n"])),(function(e){var t=e.theme;return css(templateObject_7||(templateObject_7=__makeTemplateObject(["\n    "," {\n      display: initial;\n      left: calc(100% - var(--panel-samples-width));\n    }\n\n    "," {\n      display: none;\n    }\n  "],["\n    "," {\n      display: initial;\n      left: calc(100% - var(--panel-samples-width));\n    }\n\n    "," {\n      display: none;\n    }\n  "])),t.mediaQueries[t.showAtBreakpoint.samplesPanel],t.mediaQueries.print)}));var getBackgroundStubFixWidth=function(e){return css(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  width: calc(\n    (\n        100% - min(100% - var(--sidebar-width) - var(--layout-controls-width), var(",")) -\n          var(--sidebar-width) + var(--layout-controls-width)\n      ) / 2 + 2px /* 2px to account for rounding errors */\n  );\n"],["\n  width: calc(\n    (\n        100% - min(100% - var(--sidebar-width) - var(--layout-controls-width), var(",")) -\n          var(--sidebar-width) + var(--layout-controls-width)\n      ) / 2 + 2px /* 2px to account for rounding errors */\n  );\n"])),e)};export var BackgroundStubFix=styled.div(templateObject_11||(templateObject_11=__makeTemplateObject(["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  background: var(--panel-samples-block-background-color);\n  width: 0;\n\n  ","\n"],["\n  position: absolute;\n  display: none;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  background: var(--panel-samples-block-background-color);\n  width: 0;\n\n  ","\n"])),(function(e){var t=e.theme;return css(templateObject_10||(templateObject_10=__makeTemplateObject(["\n    "," {\n      display: initial;\n      ",";\n    }\n\n    "," {\n      ",";\n    }\n\n    "," {\n      display: none;\n    }\n  "],["\n    "," {\n      display: initial;\n      ",";\n    }\n\n    "," {\n      ",";\n    }\n\n    "," {\n      display: none;\n    }\n  "])),t.mediaQueries[t.showAtBreakpoint.samplesPanel],getBackgroundStubFixWidth("--layout-three-panel-medium-max-width"),t.mediaQueries.large,getBackgroundStubFixWidth("--layout-three-panel-large-max-width"),t.mediaQueries.print)}));export var NextSectionButtonWrap=styled.div(templateObject_12||(templateObject_12=__makeTemplateObject(["\n  padding-top: calc(var(--spacing-unit) * 4);\n  padding-bottom: calc(var(--spacing-unit) * 4);\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n\n  "," {\n    width: calc(100% - var(--panel-samples-width));\n    padding-right: var(--panel-gap-vertical, var(--panel-gap-horizontal));\n  }\n"],["\n  padding-top: calc(var(--spacing-unit) * 4);\n  padding-bottom: calc(var(--spacing-unit) * 4);\n  padding-left: var(--spacing-horizontal);\n  padding-right: var(--spacing-horizontal);\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n\n  "," {\n    width: calc(100% - var(--panel-samples-width));\n    padding-right: var(--panel-gap-vertical, var(--panel-gap-horizontal));\n  }\n"])),(function(e){var t=e.theme;return t.mediaQueries[t.showAtBreakpoint.samplesPanel]}));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,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:"var(--color-emphasis-400)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"13.2858",y1:"1",x2:"1.00005",y2:"0.999998",stroke:"var(--color-emphasis-400)",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:"var(--color-emphasis-400)"}))}))(templateObject_13||(templateObject_13=__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:"var(--color-emphasis-400)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"1",y1:"8",x2:"8",y2:"8",stroke:"var(--color-emphasis-400)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"1",y1:"12",x2:"8",y2:"12",stroke:"var(--color-emphasis-400)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("rect",{x:"11",width:"9",height:"16",rx:"1",fill:"var(--color-emphasis-400)"}))}))(templateObject_14||(templateObject_14=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),StyledChangeViewButton=styled.a(templateObject_15||(templateObject_15=__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  height: var(--layout-controls-height);\n  width: var(--layout-controls-width);\n  background: var(--color-emphasis-100);\n  border-radius: var(--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  height: var(--layout-controls-height);\n  width: var(--layout-controls-width);\n  background: var(--color-emphasis-100);\n  border-radius: var(--border-radius);\n"])));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_17||(templateObject_17=__makeTemplateObject(["\n  position: sticky;\n  display: none;\n  flex-direction: column;\n  justify-content: space-between;\n  top: var(--layout-controls-top-offset);\n  right: 24px;\n  height: calc(var(--layout-controls-height) * 2 + var(--spacing-unit) * 2);\n  z-index: 1;\n\n  ","\n"],["\n  position: sticky;\n  display: none;\n  flex-direction: column;\n  justify-content: space-between;\n  top: var(--layout-controls-top-offset);\n  right: 24px;\n  height: calc(var(--layout-controls-height) * 2 + var(--spacing-unit) * 2);\n  z-index: 1;\n\n  ","\n"])),(function(e){var t=e.theme;return css(templateObject_16||(templateObject_16=__makeTemplateObject(["\n    "," {\n      display: flex;\n    }\n\n    "," {\n      display: none;\n    }\n  "],["\n    "," {\n      display: flex;\n    }\n\n    "," {\n      display: none;\n    }\n  "])),t.mediaQueries[t.showAtBreakpoint.samplesPanel],t.mediaQueries.print)}));
 //# sourceMappingURL=styled.elements.js.map

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

@@ -1,2 +1,3 @@
 export { useMount } from './useMount';
 export { useUnmount } from './useUnmount';
+export { useDimensions } from './useDimensions';

package/lib-esm/hooks/index.js

@@ -1,2 +1,2 @@
-export{useMount}from"./useMount";export{useUnmount}from"./useUnmount";
+export{useMount}from"./useMount";export{useUnmount}from"./useUnmount";export{useDimensions}from"./useDimensions";
 //# sourceMappingURL=index.js.map

package/lib-esm/hooks/useDimensions.d.ts

@@ -0,0 +1 @@
+export declare function useDimensions(node?: HTMLElement | null): [DOMRect | null];

package/lib-esm/hooks/useDimensions.js

@@ -0,0 +1,2 @@
+import{useLayoutEffect,useState}from"react";export function useDimensions(e){var n=useState(null),t=n[0],r=n[1];return useLayoutEffect((function(){if(e){var n=function(){return window.requestAnimationFrame((function(){return r(e.getBoundingClientRect())}))};return n(),window.addEventListener("resize",n),function(){window.removeEventListener("resize",n)}}}),[e]),[t]}
+//# sourceMappingURL=useDimensions.js.map

package/lib-esm/index.d.ts

@@ -3,5 +3,5 @@ export * from './services/index';
 export * from './redoc-lib/index';
 export * from './models/index';
 export { setSecurityDetails, setSecurityDetailsVariants, setParameterValue } from './utils';
-export type { SecurityDetails } from './utils';
+export type { SecurityDetails } from './types';
 export type { OAuth2 } from './services/OAuth2';

package/lib-esm/oauth2-redirect-page/handler/helpers.d.ts

@@ -1,4 +1,5 @@
 export declare const genericErrorMessage = "Something went wrong, please, try again.";
+export declare function normalizeState(state?: string | null): string | null | undefined;
 /**
  * Checks if two states are equal
  */

package/lib-esm/oauth2-redirect-page/handler/helpers.js

@@ -1,2 +1,2 @@
-export var genericErrorMessage="Something went wrong, please, try again.";function normalizeState(e){return e?e.replace(/=+$/,""):e}export function isStateValid(e,r){return Boolean(e)&&Boolean(r)&&normalizeState(e)===normalizeState(r)}
+export var genericErrorMessage="Something went wrong, please, try again.";export function normalizeState(e){return e?e.replace(/=+$/,""):e}export function isStateValid(e,r){return Boolean(e)&&Boolean(r)&&normalizeState(e)===normalizeState(r)}
 //# sourceMappingURL=helpers.js.map

package/lib-esm/redoc-lib/src/common-elements/Download.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{SamplesControlButton}from"@redocly/theme";export function Download(e){var t,o,l=e.fileInfo;if(!l)return null;var n=l.rawData,a=l.fileName,r=null===(o=null===(t=null===window||void 0===window?void 0:window.URL)||void 0===t?void 0:t.createObjectURL)||void 0===o?void 0:o.call(t,n instanceof Blob?n:new Blob([n],{type:"text/plain"}));return React.createElement(StyledAnchor,{href:r,download:a,title:"Download response"},React.createElement(SamplesControlButton,null,"Download"))}var templateObject_1,StyledAnchor=styled.a(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-left: 10px;\n"],["\n  margin-left: 10px;\n"])));
+import{__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{SamplesControlButton}from"@redocly/theme/SamplesPanelControls";export function Download(e){var t,l,o=e.fileInfo;if(!o)return null;var n=o.rawData,a=o.fileName,r=null===(l=null===(t=null===window||void 0===window?void 0:window.URL)||void 0===t?void 0:t.createObjectURL)||void 0===l?void 0:l.call(t,n instanceof Blob?n:new Blob([n],{type:"text/plain"}));return React.createElement(StyledAnchor,{href:r,download:a,title:"Download response"},React.createElement(SamplesControlButton,null,"Download"))}var templateObject_1,StyledAnchor=styled.a(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-left: 10px;\n"],["\n  margin-left: 10px;\n"])));
 //# sourceMappingURL=Download.js.map

package/lib-esm/redoc-lib/src/common-elements/LinkToField.js

@@ -1,2 +1,2 @@
-import{__assign,__makeTemplateObject}from"tslib";import React from"react";import styled from"styled-components";import{StoreContext}from"../components";import{SECTION_ATTR}from"../services/constants";import{constructFieldDeepFragment}from"../../../services/history/helpers";import{linkifyMixin,userIsForcingNavigation}from"./linkify";import{LinkIcon}from"./icons";export var LinkToField=function(e){var n,i,t,o=React.useContext(StoreContext),r=React.useState(!1),l=r[0],a=r[1],s=(null==o?void 0:o.menu.history.linkForId(null===(i=e.field.deps.operation)||void 0===i?void 0:i.id))||"",c=constructFieldDeepFragment(e.field),p=o&&c?o.menu.history.generateDeepLink(c,s):null,m=o?((n={})[SECTION_ATTR]=(null===(t=e.field.deps.operation)||void 0===t?void 0:t.id)+o.options.deepLinkPrefix+c,n.id=p&&p.split("#")[1]||void 0,n):null;return React.useEffect((function(){if(o&&m)return a(o.menu.history.currentId===m[SECTION_ATTR]),o.menu.history.subscribe((function(e){a(e===m[SECTION_ATTR])}))}),[null==o?void 0:o.menu.history,null==m?void 0:m[SECTION_ATTR]]),c&&o&&p?React.createElement("a",__assign({className:e.className+(l?" active":""),href:p,onClick:function(e){return function(e,n,i){n.defaultPrevented||userIsForcingNavigation(n)||(n.preventDefault(),e.replaceForField(i))}(null==o?void 0:o.menu.history,e,p),e.stopPropagation(),e.preventDefault(),o.options.onDeepLinkClick&&o.options.onDeepLinkClick(p),!1}},m),React.createElement(LinkIcon,null),e.children):React.createElement(React.Fragment,null,e.children||null)};export var ShareLinkToField=styled(LinkToField)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"],["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"])),linkifyMixin("&","13px"),LinkIcon,LinkIcon,LinkIcon);var templateObject_1;
+import{__assign,__makeTemplateObject}from"tslib";import React from"react";import styled from"styled-components";import{StoreContext}from"../components";import{SECTION_ATTR}from"../services/constants";import{constructFieldDeepFragment}from"../../../services/history/helpers";import{linkifyMixin,userIsForcingNavigation}from"./linkify";import{DeepLinkIcon,LinkIcon}from"./icons";export var LinkToField=function(e){var n,i,t,o=React.useContext(StoreContext),r=React.useState(!1),l=r[0],a=r[1],s=(null==o?void 0:o.menu.history.linkForId(null===(i=e.field.deps.operation)||void 0===i?void 0:i.id))||"",c=constructFieldDeepFragment(e.field),p=o&&c?o.menu.history.generateDeepLink(c,s):null,m=o?((n={})[SECTION_ATTR]=(null===(t=e.field.deps.operation)||void 0===t?void 0:t.id)+o.options.deepLinkPrefix+c,n.id=p&&p.split("#")[1]||void 0,n):null;return React.useEffect((function(){if(o&&m)return a(o.menu.history.currentId===m[SECTION_ATTR]),o.menu.history.subscribe((function(e){a(e===m[SECTION_ATTR])}))}),[null==o?void 0:o.menu.history,null==m?void 0:m[SECTION_ATTR]]),c&&o&&p?React.createElement("a",__assign({className:e.className+(l?" active":""),href:p,onClick:function(e){return function(e,n,i){n.defaultPrevented||userIsForcingNavigation(n)||(n.preventDefault(),e.replaceForField(i))}(null==o?void 0:o.menu.history,e,p),e.stopPropagation(),e.preventDefault(),o.options.onDeepLinkClick&&o.options.onDeepLinkClick(p),!1}},m),React.createElement(DeepLinkIcon,null),e.children):React.createElement(React.Fragment,null,e.children||null)};export var ShareLinkToField=styled(LinkToField)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  ","\n\n  color: var(--schema-property-deep-link-icon-color);\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"],["\n  ","\n\n  color: var(--schema-property-deep-link-icon-color);\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"])),linkifyMixin("&","13px"),LinkIcon,LinkIcon,LinkIcon);var templateObject_1;
 //# sourceMappingURL=LinkToField.js.map