@redocly/reference-docs 3.0.0-alpha.8 → 3.0.0-alpha.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=void 0;var templateObject_1,tslib_1=require("tslib"),react_tabs_1=require("react-tabs"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.Tab=(0,styled_components_1.default)(react_tabs_1.Tab)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n flex: 1;\n cursor: pointer;\n padding: 5px 10px;\n font-size: var(--panel-samples-tabs-font-size);\n line-height: 26px;\n font-weight: var(--panel-samples-tabs-font-weight);\n text-align: center;\n color: var(--panel-samples-tabs-text-color);\n background-color: var(--panel-samples-tabs-background-color);\n border-bottom: 4px solid var(--panel-samples-tabs-border-color);\n margin-bottom: -4px;\n\n &.react-tabs__tab--selected {\n background-color: var(--panel-samples-tabs-active-background-color);\n border-color: var(--panel-samples-tabs-active-border-color);\n }\n\n &:hover {\n border-color: var(--panel-samples-tabs-hover-border-color);\n background-color: var(--panel-samples-tabs-hover-background-color);\n }\n\n &:first-child {\n border-top-left-radius: var(--border-radius);\n }\n\n &:last-child {\n border-top-right-radius: var(--border-radius);\n }\n"],["\n flex: 1;\n cursor: pointer;\n padding: 5px 10px;\n font-size: var(--panel-samples-tabs-font-size);\n line-height: 26px;\n font-weight: var(--panel-samples-tabs-font-weight);\n text-align: center;\n color: var(--panel-samples-tabs-text-color);\n background-color: var(--panel-samples-tabs-background-color);\n border-bottom: 4px solid var(--panel-samples-tabs-border-color);\n margin-bottom: -4px;\n\n &.react-tabs__tab--selected {\n background-color: var(--panel-samples-tabs-active-background-color);\n border-color: var(--panel-samples-tabs-active-border-color);\n }\n\n &:hover {\n border-color: var(--panel-samples-tabs-hover-border-color);\n background-color: var(--panel-samples-tabs-hover-background-color);\n }\n\n &:first-child {\n border-top-left-radius: var(--border-radius);\n }\n\n &:last-child {\n border-top-right-radius: var(--border-radius);\n }\n"])));
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=void 0;var templateObject_1,tslib_1=require("tslib"),react_tabs_1=require("react-tabs"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.Tab=(0,styled_components_1.default)(react_tabs_1.Tab)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n flex: 1;\n cursor: pointer;\n padding: 5px 10px;\n font-size: var(--panel-samples-tabs-font-size);\n line-height: 26px;\n font-weight: var(--panel-samples-tabs-font-weight);\n text-align: center;\n color: var(--panel-samples-tabs-text-color);\n background-color: var(--panel-samples-tabs-background-color);\n border-bottom: 4px solid var(--panel-samples-tabs-border-color);\n margin-bottom: -4px;\n\n &:hover {\n border-color: var(--panel-samples-tabs-hover-border-color);\n background-color: var(--panel-samples-tabs-hover-background-color);\n }\n\n &.react-tabs__tab--selected {\n background-color: var(--panel-samples-tabs-active-background-color);\n border-color: var(--panel-samples-tabs-active-border-color);\n }\n\n &:first-child {\n border-top-left-radius: var(--border-radius);\n }\n\n &:last-child {\n border-top-right-radius: var(--border-radius);\n }\n"],["\n flex: 1;\n cursor: pointer;\n padding: 5px 10px;\n font-size: var(--panel-samples-tabs-font-size);\n line-height: 26px;\n font-weight: var(--panel-samples-tabs-font-weight);\n text-align: center;\n color: var(--panel-samples-tabs-text-color);\n background-color: var(--panel-samples-tabs-background-color);\n border-bottom: 4px solid var(--panel-samples-tabs-border-color);\n margin-bottom: -4px;\n\n &:hover {\n border-color: var(--panel-samples-tabs-hover-border-color);\n background-color: var(--panel-samples-tabs-hover-background-color);\n }\n\n &.react-tabs__tab--selected {\n background-color: var(--panel-samples-tabs-active-background-color);\n border-color: var(--panel-samples-tabs-active-border-color);\n }\n\n &:first-child {\n border-top-left-radius: var(--border-radius);\n }\n\n &:last-child {\n border-top-right-radius: var(--border-radius);\n }\n"])));
2
2
  //# sourceMappingURL=Tab.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodemirrorInput=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),informed_1=require("informed"),react_codemirror2_react_17_1=require("react-codemirror2-react-17"),styled_components_1=require("styled-components");require("./codemirror-helpers");var templateObject_1,types_1=require("../../types"),CodeMirrorStyles=(0,styled_components_1.createGlobalStyle)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n .cm-s-material.CodeMirror {\n background-color: var(--samples-panel-controls-background-color)!important;\n color: var(--text-color-inverse)!important;\n font-family: var(--code-font-family);\n line-height: 18px;\n padding: 10px;\n }\n\n .CodeMirror-lint-mark-error {\n background-size: 4px;\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n }\n\n .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n background: rgba(255, 255, 255, 0.3) !important;\n }\n\n .cm-s-material .CodeMirror-code .cm-string.cm-property {\n color: var(--code-block-tokens-property-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-string {\n color: var(--code-block-tokens-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-atom {\n color: var(--text-color-inverse);\n }\n\n div .cm-s-material .CodeMirror-matchingbracket {\n outline: 1px solid grey;\n text-decoration: none;\n }\n\n .react-codemirror2 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n overflow: hidden;\n\n flex: 1;\n }\n\n .CodeMirror {\n flex: 1;\n border-radius: var(--panel-border-radius);\n }\n"],["\n .cm-s-material.CodeMirror {\n background-color: var(--samples-panel-controls-background-color)!important;\n color: var(--text-color-inverse)!important;\n font-family: var(--code-font-family);\n line-height: 18px;\n padding: 10px;\n }\n\n .CodeMirror-lint-mark-error {\n background-size: 4px;\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n }\n\n .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n background: rgba(255, 255, 255, 0.3) !important;\n }\n\n .cm-s-material .CodeMirror-code .cm-string.cm-property {\n color: var(--code-block-tokens-property-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-string {\n color: var(--code-block-tokens-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-atom {\n color: var(--text-color-inverse);\n }\n\n div .cm-s-material .CodeMirror-matchingbracket {\n outline: 1px solid grey;\n text-decoration: none;\n }\n\n .react-codemirror2 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n overflow: hidden;\n\n flex: 1;\n }\n\n .CodeMirror {\n flex: 1;\n border-radius: var(--panel-border-radius);\n }\n"]))),CodemirrorInput=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:function(e,o){/^[a-zA-Z0-9_":]$/.test(o.key)&&r.editor.execCommand("autocomplete")}}),Object.defineProperty(r,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.editor=e,e.on("keyup",r._onKeyUp)}}),Object.defineProperty(r,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.editor.refresh()}}),Object.defineProperty(r,"showHintHandler",{enumerable:!0,configurable:!0,writable:!0,value:function(){return r.editor.showHint({completeSingle:!0})}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;setTimeout((function(){e.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){document.removeEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.fieldState.value,r=this.props.fieldApi,o=r.setValue,t=r.setTouched,n=r.setError,i=this.props,a=i.onChange,l=i.onBlur,c=i.forwardedRef;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(CodeMirrorStyles,null),react_1.default.createElement(react_codemirror2_react_17_1.Controlled,{editorDidMount:this.initEditor,value:e||"",ref:c,onBeforeChange:function(e,r,t){o(t),a&&a(t)},onBlur:function(e){t(!1),l&&l(e)},options:{mode:this.props.mode||types_1.MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":this.showHintHandler,"Ctrl-Space":this.showHintHandler},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:n}}}))}}),r}(react_1.default.PureComponent);exports.CodemirrorInput=CodemirrorInput,exports.default=(0,informed_1.asField)(CodemirrorInput);
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodemirrorInput=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),informed_1=require("informed"),react_codemirror2_react_17_1=require("react-codemirror2-react-17"),styled_components_1=require("styled-components");require("./codemirror-helpers");var templateObject_1,types_1=require("../../types"),CodeMirrorStyles=(0,styled_components_1.createGlobalStyle)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n .cm-s-material.CodeMirror {\n background-color: var(--panel-samples-controls-background-color)!important;\n color: var(--text-color-inverse)!important;\n font-family: var(--code-font-family);\n line-height: 18px;\n padding: 10px;\n }\n\n .CodeMirror-lint-mark-error {\n background-size: 4px;\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n }\n\n .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n background: rgba(255, 255, 255, 0.3) !important;\n }\n\n .cm-s-material .CodeMirror-code .cm-string.cm-property {\n color: var(--code-block-tokens-property-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-string {\n color: var(--code-block-tokens-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-atom {\n color: var(--text-color-inverse);\n }\n\n div .cm-s-material .CodeMirror-matchingbracket {\n outline: 1px solid grey;\n text-decoration: none;\n }\n\n .react-codemirror2 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n overflow: hidden;\n\n flex: 1;\n }\n\n .CodeMirror {\n flex: 1;\n border-radius: var(--panel-border-radius);\n }\n"],["\n .cm-s-material.CodeMirror {\n background-color: var(--panel-samples-controls-background-color)!important;\n color: var(--text-color-inverse)!important;\n font-family: var(--code-font-family);\n line-height: 18px;\n padding: 10px;\n }\n\n .CodeMirror-lint-mark-error {\n background-size: 4px;\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n }\n\n .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n background: rgba(255, 255, 255, 0.3) !important;\n }\n\n .cm-s-material .CodeMirror-code .cm-string.cm-property {\n color: var(--code-block-tokens-property-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-string {\n color: var(--code-block-tokens-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-atom {\n color: var(--text-color-inverse);\n }\n\n div .cm-s-material .CodeMirror-matchingbracket {\n outline: 1px solid grey;\n text-decoration: none;\n }\n\n .react-codemirror2 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n overflow: hidden;\n\n flex: 1;\n }\n\n .CodeMirror {\n flex: 1;\n border-radius: var(--panel-border-radius);\n }\n"]))),CodemirrorInput=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:function(e,o){/^[a-zA-Z0-9_":]$/.test(o.key)&&r.editor.execCommand("autocomplete")}}),Object.defineProperty(r,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.editor=e,e.on("keyup",r._onKeyUp)}}),Object.defineProperty(r,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.editor.refresh()}}),Object.defineProperty(r,"showHintHandler",{enumerable:!0,configurable:!0,writable:!0,value:function(){return r.editor.showHint({completeSingle:!0})}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;setTimeout((function(){e.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){document.removeEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.fieldState.value,r=this.props.fieldApi,o=r.setValue,t=r.setTouched,n=r.setError,i=this.props,a=i.onChange,l=i.onBlur,c=i.forwardedRef;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(CodeMirrorStyles,null),react_1.default.createElement(react_codemirror2_react_17_1.Controlled,{editorDidMount:this.initEditor,value:e||"",ref:c,onBeforeChange:function(e,r,t){o(t),a&&a(t)},onBlur:function(e){t(!1),l&&l(e)},options:{mode:this.props.mode||types_1.MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":this.showHintHandler,"Ctrl-Space":this.showHintHandler},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:n}}}))}}),r}(react_1.default.PureComponent);exports.CodemirrorInput=CodemirrorInput,exports.default=(0,informed_1.asField)(CodemirrorInput);
2
2
  //# sourceMappingURL=CodemirrorInput.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PullRight=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),redoc_lib_1=require("../../redoc-lib"),Panel_1=require("../Panel"),MarkdownCodeBlock=(0,styled_components_1.default)(redoc_lib_1.Markdown)(templateObject_1||(templateObject_1=(0,tslib_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"])));function PullRight(n){var o=n.children;return react_1.default.createElement(StyledRightPanel,null,react_1.default.createElement(Panel_1.CodePanel,null,this.props.children&&react_1.default.createElement(MarkdownCodeBlock,{source:o})))}exports.PullRight=PullRight;var templateObject_1,templateObject_2,StyledRightPanel=(0,styled_components_1.default)(redoc_lib_1.SamplesPanel)(templateObject_2||(templateObject_2=(0,tslib_1.__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"])));
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PullRight=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),redoc_lib_1=require("../../redoc-lib"),Panel_1=require("../Panel"),MarkdownCodeBlock=(0,styled_components_1.default)(redoc_lib_1.Markdown)(templateObject_1||(templateObject_1=(0,tslib_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(--panel-samples-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(--panel-samples-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"])));function PullRight(n){var o=n.children;return react_1.default.createElement(StyledRightPanel,null,react_1.default.createElement(Panel_1.CodePanel,null,this.props.children&&react_1.default.createElement(MarkdownCodeBlock,{source:o})))}exports.PullRight=PullRight;var templateObject_1,templateObject_2,StyledRightPanel=(0,styled_components_1.default)(redoc_lib_1.SamplesPanel)(templateObject_2||(templateObject_2=(0,tslib_1.__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"])));
2
2
  //# sourceMappingURL=PullRight.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StickyResponsiveSidebar=void 0;var Stickyfill,tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),RedocNormalizedOptions_1=require("../../services/RedocNormalizedOptions"),index_1=require("../../utils/index"),OptionsProvider_1=require("../OptionsProvider"),ChevronSvg_1=require("./ChevronSvg");index_1.IS_BROWSER&&(Stickyfill=require("stickyfill"));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n overflow: hidden;\n flex-direction: column;\n backface-visibility: hidden;\n /* contain: strict; TODO: breaks layout since Chrome 80*/\n height: 100vh;\n top: 0;\n flex: 0 0 auto;\n position: fixed;\n display: ",";\n z-index: 20;\n width: 100%;\n background: var(--sidebar-background-color);\n border-right: 1px solid var(--sidebar-border-color);\n\n ","\n"],["\n overflow: hidden;\n flex-direction: column;\n backface-visibility: hidden;\n /* contain: strict; TODO: breaks layout since Chrome 80*/\n height: 100vh;\n top: 0;\n flex: 0 0 auto;\n position: fixed;\n display: ",";\n z-index: 20;\n width: 100%;\n background: var(--sidebar-background-color);\n border-right: 1px solid var(--sidebar-border-color);\n\n ","\n"])),(function(e){return e.open?"flex":"none"}),(function(e){var n=e.theme;return(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n "," {\n position: sticky;\n z-index: auto;\n width: var(--sidebar-width);\n display: flex;\n }\n "," {\n display: none;\n }\n "],["\n "," {\n position: sticky;\n z-index: auto;\n width: var(--sidebar-width);\n display: flex;\n }\n "," {\n display: none;\n }\n "])),n.mediaQueries[n.showAtBreakpoint.sidebar],n.mediaQueries.print)})),FloatingButton=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n outline: none;\n user-select: none;\n background-color: var(--fab-background-color);\n cursor: pointer;\n position: fixed;\n right: 20px;\n z-index: 100;\n border-radius: 50%; // round button\n box-shadow: var(--fab-box-shadow);\n bottom: 44px;\n width: 60px;\n height: 60px;\n padding: 0 20px;\n color: var(--fab-icon-color);\n display: flex;\n\n svg {\n color: var(--fab-icon-color);\n }\n\n &:hover {\n background-color: var(--fab-hover-background);\n box-shadow: var(--fab-hover-box-shadow);\n\n svg {\n color: var(--fab-hover-icon-color);\n }\n }\n\n &:active {\n background-color: var(--fab-active-background);\n box-shadow: var(--fab-active-box-shadow);\n\n svg {\n color: var(--fab-active-icon-color);\n }\n }\n\n ","\n"],["\n outline: none;\n user-select: none;\n background-color: var(--fab-background-color);\n cursor: pointer;\n position: fixed;\n right: 20px;\n z-index: 100;\n border-radius: 50%; // round button\n box-shadow: var(--fab-box-shadow);\n bottom: 44px;\n width: 60px;\n height: 60px;\n padding: 0 20px;\n color: var(--fab-icon-color);\n display: flex;\n\n svg {\n color: var(--fab-icon-color);\n }\n\n &:hover {\n background-color: var(--fab-hover-background);\n box-shadow: var(--fab-hover-box-shadow);\n\n svg {\n color: var(--fab-hover-icon-color);\n }\n }\n\n &:active {\n background-color: var(--fab-active-background);\n box-shadow: var(--fab-active-box-shadow);\n\n svg {\n color: var(--fab-active-icon-color);\n }\n }\n\n ","\n"])),(function(e){var n=e.theme;return(0,styled_components_1.css)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n "," {\n display: none;\n }\n "," {\n display: none;\n }\n "],["\n "," {\n display: none;\n }\n "," {\n display: none;\n }\n "])),n.mediaQueries[n.showAtBreakpoint.sidebar],n.mediaQueries.print)})),StickyResponsiveSidebar=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(n,"state",{enumerable:!0,configurable:!0,writable:!0,value:{offsetTop:"0px"}}),Object.defineProperty(n,"stickyElement",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(n,"toggleNavMenu",{enumerable:!0,configurable:!0,writable:!0,value:function(){n.props.menu.toggleSidebar()}}),n}return(0,tslib_1.__extends)(n,e),Object.defineProperty(n.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){stickyfill&&stickyfill.add(this.stickyElement),this.setState({offsetTop:this.getScrollYOffset(this.context)})}}),Object.defineProperty(n.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){stickyfill&&stickyfill.remove(this.stickyElement)}}),Object.defineProperty(n.prototype,"getScrollYOffset",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return(void 0!==this.props.scrollYOffset?RedocNormalizedOptions_1.RedocNormalizedOptions.normalizeScrollYOffset(this.props.scrollYOffset)():e.scrollYOffset())+"px"}}),Object.defineProperty(n.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,n=this.props.menu.sideBarOpened,t=this.state.offsetTop;return React.createElement(React.Fragment,null,React.createElement(StyledStickySidebar,{open:n,className:this.props.className,style:{top:t,height:"calc(100vh - "+t+")"},ref:function(n){e.stickyElement=n}},this.props.children),!this.context.hideFab&&React.createElement(FloatingButton,{onClick:this.toggleNavMenu},React.createElement(ChevronSvg_1.AnimatedExpandButton,{open:n})))}}),Object.defineProperty(n,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),n=(0,tslib_1.__decorate)([mobx_react_1.observer],n)}(React.Component);exports.StickyResponsiveSidebar=StickyResponsiveSidebar;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StickyResponsiveSidebar=void 0;var Stickyfill,tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),MobileSidebarButton_1=require("@redocly/theme/Sidebar/MobileSidebarButton"),RedocNormalizedOptions_1=require("../../services/RedocNormalizedOptions"),index_1=require("../../utils/index"),OptionsProvider_1=require("../OptionsProvider");index_1.IS_BROWSER&&(Stickyfill=require("stickyfill"));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n overflow: hidden;\n flex-direction: column;\n backface-visibility: hidden;\n /* contain: strict; TODO: breaks layout since Chrome 80*/\n height: 100vh;\n top: 0;\n flex: 0 0 auto;\n position: fixed;\n display: ",";\n z-index: 2;\n width: 100%;\n background: var(--sidebar-background-color);\n border-right: 1px solid var(--sidebar-border-color);\n\n ","\n"],["\n overflow: hidden;\n flex-direction: column;\n backface-visibility: hidden;\n /* contain: strict; TODO: breaks layout since Chrome 80*/\n height: 100vh;\n top: 0;\n flex: 0 0 auto;\n position: fixed;\n display: ",";\n z-index: 2;\n width: 100%;\n background: var(--sidebar-background-color);\n border-right: 1px solid var(--sidebar-border-color);\n\n ","\n"])),(function(e){return e.open?"flex":"none"}),(function(e){var t=e.theme;return(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n "," {\n position: sticky;\n z-index: auto;\n width: var(--sidebar-width);\n display: flex;\n }\n "," {\n display: none;\n }\n "],["\n "," {\n position: sticky;\n z-index: auto;\n width: var(--sidebar-width);\n display: flex;\n }\n "," {\n display: none;\n }\n "])),t.mediaQueries[t.showAtBreakpoint.sidebar],t.mediaQueries.print)})),FloatingButton=(0,styled_components_1.default)(MobileSidebarButton_1.MobileSidebarButton)(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n --fab-background-color: var(--color-secondary-900);\n --fab-active-background: var(--color-secondary-900);\n\n ","\n"],["\n --fab-background-color: var(--color-secondary-900);\n --fab-active-background: var(--color-secondary-900);\n\n ","\n"])),(function(e){var t=e.theme;return(0,styled_components_1.css)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n "," {\n display: none;\n }\n "," {\n display: none;\n }\n "],["\n "," {\n display: none;\n }\n "," {\n display: none;\n }\n "])),t.mediaQueries[t.showAtBreakpoint.sidebar],t.mediaQueries.print)})),StickyResponsiveSidebar=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:{offsetTop:"0px"}}),Object.defineProperty(t,"stickyElement",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"toggleNavMenu",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.menu.toggleSidebar()}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){stickyfill&&stickyfill.add(this.stickyElement),this.setState({offsetTop:this.getScrollYOffset(this.context)})}}),Object.defineProperty(t.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){stickyfill&&stickyfill.remove(this.stickyElement)}}),Object.defineProperty(t.prototype,"getScrollYOffset",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return(void 0!==this.props.scrollYOffset?RedocNormalizedOptions_1.RedocNormalizedOptions.normalizeScrollYOffset(this.props.scrollYOffset)():e.scrollYOffset())+"px"}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props.menu.sideBarOpened,n=this.state.offsetTop;return React.createElement(React.Fragment,null,React.createElement(StyledStickySidebar,{open:t,className:this.props.className,style:{top:n,height:"calc(100vh - "+n+")"},ref:function(t){e.stickyElement=t}},this.props.children),!this.context.hideFab&&React.createElement(FloatingButton,{opened:t,onClick:this.toggleNavMenu}))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);exports.StickyResponsiveSidebar=StickyResponsiveSidebar;
2
2
  //# sourceMappingURL=StickyResponsiveSidebar.js.map
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject}from"tslib";import{Tab as ReactTab}from"react-tabs";import styled from"styled-components";export var Tab=styled(ReactTab)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n flex: 1;\n cursor: pointer;\n padding: 5px 10px;\n font-size: var(--panel-samples-tabs-font-size);\n line-height: 26px;\n font-weight: var(--panel-samples-tabs-font-weight);\n text-align: center;\n color: var(--panel-samples-tabs-text-color);\n background-color: var(--panel-samples-tabs-background-color);\n border-bottom: 4px solid var(--panel-samples-tabs-border-color);\n margin-bottom: -4px;\n\n &.react-tabs__tab--selected {\n background-color: var(--panel-samples-tabs-active-background-color);\n border-color: var(--panel-samples-tabs-active-border-color);\n }\n\n &:hover {\n border-color: var(--panel-samples-tabs-hover-border-color);\n background-color: var(--panel-samples-tabs-hover-background-color);\n }\n\n &:first-child {\n border-top-left-radius: var(--border-radius);\n }\n\n &:last-child {\n border-top-right-radius: var(--border-radius);\n }\n"],["\n flex: 1;\n cursor: pointer;\n padding: 5px 10px;\n font-size: var(--panel-samples-tabs-font-size);\n line-height: 26px;\n font-weight: var(--panel-samples-tabs-font-weight);\n text-align: center;\n color: var(--panel-samples-tabs-text-color);\n background-color: var(--panel-samples-tabs-background-color);\n border-bottom: 4px solid var(--panel-samples-tabs-border-color);\n margin-bottom: -4px;\n\n &.react-tabs__tab--selected {\n background-color: var(--panel-samples-tabs-active-background-color);\n border-color: var(--panel-samples-tabs-active-border-color);\n }\n\n &:hover {\n border-color: var(--panel-samples-tabs-hover-border-color);\n background-color: var(--panel-samples-tabs-hover-background-color);\n }\n\n &:first-child {\n border-top-left-radius: var(--border-radius);\n }\n\n &:last-child {\n border-top-right-radius: var(--border-radius);\n }\n"])));var templateObject_1;
1
+ import{__makeTemplateObject}from"tslib";import{Tab as ReactTab}from"react-tabs";import styled from"styled-components";export var Tab=styled(ReactTab)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n flex: 1;\n cursor: pointer;\n padding: 5px 10px;\n font-size: var(--panel-samples-tabs-font-size);\n line-height: 26px;\n font-weight: var(--panel-samples-tabs-font-weight);\n text-align: center;\n color: var(--panel-samples-tabs-text-color);\n background-color: var(--panel-samples-tabs-background-color);\n border-bottom: 4px solid var(--panel-samples-tabs-border-color);\n margin-bottom: -4px;\n\n &:hover {\n border-color: var(--panel-samples-tabs-hover-border-color);\n background-color: var(--panel-samples-tabs-hover-background-color);\n }\n\n &.react-tabs__tab--selected {\n background-color: var(--panel-samples-tabs-active-background-color);\n border-color: var(--panel-samples-tabs-active-border-color);\n }\n\n &:first-child {\n border-top-left-radius: var(--border-radius);\n }\n\n &:last-child {\n border-top-right-radius: var(--border-radius);\n }\n"],["\n flex: 1;\n cursor: pointer;\n padding: 5px 10px;\n font-size: var(--panel-samples-tabs-font-size);\n line-height: 26px;\n font-weight: var(--panel-samples-tabs-font-weight);\n text-align: center;\n color: var(--panel-samples-tabs-text-color);\n background-color: var(--panel-samples-tabs-background-color);\n border-bottom: 4px solid var(--panel-samples-tabs-border-color);\n margin-bottom: -4px;\n\n &:hover {\n border-color: var(--panel-samples-tabs-hover-border-color);\n background-color: var(--panel-samples-tabs-hover-background-color);\n }\n\n &.react-tabs__tab--selected {\n background-color: var(--panel-samples-tabs-active-background-color);\n border-color: var(--panel-samples-tabs-active-border-color);\n }\n\n &:first-child {\n border-top-left-radius: var(--border-radius);\n }\n\n &:last-child {\n border-top-right-radius: var(--border-radius);\n }\n"])));var templateObject_1;
2
2
  //# sourceMappingURL=Tab.js.map
@@ -1,2 +1,2 @@
1
- import{__extends,__makeTemplateObject}from"tslib";import React from"react";import{asField}from"informed";import{Controlled as CodeMirror}from"react-codemirror2-react-17";import{createGlobalStyle}from"styled-components";import"./codemirror-helpers";import{MediaTypes}from"../../types";var templateObject_1,CodeMirrorStyles=createGlobalStyle(templateObject_1||(templateObject_1=__makeTemplateObject(["\n .cm-s-material.CodeMirror {\n background-color: var(--samples-panel-controls-background-color)!important;\n color: var(--text-color-inverse)!important;\n font-family: var(--code-font-family);\n line-height: 18px;\n padding: 10px;\n }\n\n .CodeMirror-lint-mark-error {\n background-size: 4px;\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n }\n\n .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n background: rgba(255, 255, 255, 0.3) !important;\n }\n\n .cm-s-material .CodeMirror-code .cm-string.cm-property {\n color: var(--code-block-tokens-property-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-string {\n color: var(--code-block-tokens-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-atom {\n color: var(--text-color-inverse);\n }\n\n div .cm-s-material .CodeMirror-matchingbracket {\n outline: 1px solid grey;\n text-decoration: none;\n }\n\n .react-codemirror2 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n overflow: hidden;\n\n flex: 1;\n }\n\n .CodeMirror {\n flex: 1;\n border-radius: var(--panel-border-radius);\n }\n"],["\n .cm-s-material.CodeMirror {\n background-color: var(--samples-panel-controls-background-color)!important;\n color: var(--text-color-inverse)!important;\n font-family: var(--code-font-family);\n line-height: 18px;\n padding: 10px;\n }\n\n .CodeMirror-lint-mark-error {\n background-size: 4px;\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n }\n\n .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n background: rgba(255, 255, 255, 0.3) !important;\n }\n\n .cm-s-material .CodeMirror-code .cm-string.cm-property {\n color: var(--code-block-tokens-property-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-string {\n color: var(--code-block-tokens-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-atom {\n color: var(--text-color-inverse);\n }\n\n div .cm-s-material .CodeMirror-matchingbracket {\n outline: 1px solid grey;\n text-decoration: none;\n }\n\n .react-codemirror2 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n overflow: hidden;\n\n flex: 1;\n }\n\n .CodeMirror {\n flex: 1;\n border-radius: var(--panel-border-radius);\n }\n"]))),CodemirrorInput=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:function(e,o){/^[a-zA-Z0-9_":]$/.test(o.key)&&r.editor.execCommand("autocomplete")}}),Object.defineProperty(r,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.editor=e,e.on("keyup",r._onKeyUp)}}),Object.defineProperty(r,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.editor.refresh()}}),Object.defineProperty(r,"showHintHandler",{enumerable:!0,configurable:!0,writable:!0,value:function(){return r.editor.showHint({completeSingle:!0})}}),r}return __extends(r,e),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;setTimeout((function(){e.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){document.removeEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.fieldState.value,r=this.props.fieldApi,o=r.setValue,n=r.setTouched,t=r.setError,i=this.props,a=i.onChange,l=i.onBlur,c=i.forwardedRef;return React.createElement(React.Fragment,null,React.createElement(CodeMirrorStyles,null),React.createElement(CodeMirror,{editorDidMount:this.initEditor,value:e||"",ref:c,onBeforeChange:function(e,r,n){o(n),a&&a(n)},onBlur:function(e){n(!1),l&&l(e)},options:{mode:this.props.mode||MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":this.showHintHandler,"Ctrl-Space":this.showHintHandler},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:t}}}))}}),r}(React.PureComponent);export{CodemirrorInput};export default asField(CodemirrorInput);
1
+ import{__extends,__makeTemplateObject}from"tslib";import React from"react";import{asField}from"informed";import{Controlled as CodeMirror}from"react-codemirror2-react-17";import{createGlobalStyle}from"styled-components";import"./codemirror-helpers";import{MediaTypes}from"../../types";var templateObject_1,CodeMirrorStyles=createGlobalStyle(templateObject_1||(templateObject_1=__makeTemplateObject(["\n .cm-s-material.CodeMirror {\n background-color: var(--panel-samples-controls-background-color)!important;\n color: var(--text-color-inverse)!important;\n font-family: var(--code-font-family);\n line-height: 18px;\n padding: 10px;\n }\n\n .CodeMirror-lint-mark-error {\n background-size: 4px;\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n }\n\n .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n background: rgba(255, 255, 255, 0.3) !important;\n }\n\n .cm-s-material .CodeMirror-code .cm-string.cm-property {\n color: var(--code-block-tokens-property-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-string {\n color: var(--code-block-tokens-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-atom {\n color: var(--text-color-inverse);\n }\n\n div .cm-s-material .CodeMirror-matchingbracket {\n outline: 1px solid grey;\n text-decoration: none;\n }\n\n .react-codemirror2 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n overflow: hidden;\n\n flex: 1;\n }\n\n .CodeMirror {\n flex: 1;\n border-radius: var(--panel-border-radius);\n }\n"],["\n .cm-s-material.CodeMirror {\n background-color: var(--panel-samples-controls-background-color)!important;\n color: var(--text-color-inverse)!important;\n font-family: var(--code-font-family);\n line-height: 18px;\n padding: 10px;\n }\n\n .CodeMirror-lint-mark-error {\n background-size: 4px;\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n }\n\n .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n background: rgba(255, 255, 255, 0.3) !important;\n }\n\n .cm-s-material .CodeMirror-code .cm-string.cm-property {\n color: var(--code-block-tokens-property-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-string {\n color: var(--code-block-tokens-string-color);\n }\n\n .cm-s-material .CodeMirror-code .cm-atom {\n color: var(--text-color-inverse);\n }\n\n div .cm-s-material .CodeMirror-matchingbracket {\n outline: 1px solid grey;\n text-decoration: none;\n }\n\n .react-codemirror2 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n overflow: hidden;\n\n flex: 1;\n }\n\n .CodeMirror {\n flex: 1;\n border-radius: var(--panel-border-radius);\n }\n"]))),CodemirrorInput=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:function(e,o){/^[a-zA-Z0-9_":]$/.test(o.key)&&r.editor.execCommand("autocomplete")}}),Object.defineProperty(r,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.editor=e,e.on("keyup",r._onKeyUp)}}),Object.defineProperty(r,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.editor.refresh()}}),Object.defineProperty(r,"showHintHandler",{enumerable:!0,configurable:!0,writable:!0,value:function(){return r.editor.showHint({completeSingle:!0})}}),r}return __extends(r,e),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;setTimeout((function(){e.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){document.removeEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.fieldState.value,r=this.props.fieldApi,o=r.setValue,n=r.setTouched,t=r.setError,i=this.props,a=i.onChange,l=i.onBlur,c=i.forwardedRef;return React.createElement(React.Fragment,null,React.createElement(CodeMirrorStyles,null),React.createElement(CodeMirror,{editorDidMount:this.initEditor,value:e||"",ref:c,onBeforeChange:function(e,r,n){o(n),a&&a(n)},onBlur:function(e){n(!1),l&&l(e)},options:{mode:this.props.mode||MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":this.showHintHandler,"Ctrl-Space":this.showHintHandler},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:t}}}))}}),r}(React.PureComponent);export{CodemirrorInput};export default asField(CodemirrorInput);
2
2
  //# sourceMappingURL=CodemirrorInput.js.map
@@ -1,2 +1,2 @@
1
- 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"])));
1
+ 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(--panel-samples-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(--panel-samples-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"])));
2
2
  //# sourceMappingURL=PullRight.js.map
@@ -1,2 +1,2 @@
1
- import{__decorate,__extends,__makeTemplateObject}from"tslib";import{observer}from"mobx-react";import*as React from"react";import styled,{css}from"styled-components";import{RedocNormalizedOptions}from"../../services/RedocNormalizedOptions";import{IS_BROWSER}from"../../utils/index";import{OptionsContext}from"../OptionsProvider";import{AnimatedExpandButton}from"./ChevronSvg";var Stickyfill;IS_BROWSER&&(Stickyfill=require("stickyfill"));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n overflow: hidden;\n flex-direction: column;\n backface-visibility: hidden;\n /* contain: strict; TODO: breaks layout since Chrome 80*/\n height: 100vh;\n top: 0;\n flex: 0 0 auto;\n position: fixed;\n display: ",";\n z-index: 20;\n width: 100%;\n background: var(--sidebar-background-color);\n border-right: 1px solid var(--sidebar-border-color);\n\n ","\n"],["\n overflow: hidden;\n flex-direction: column;\n backface-visibility: hidden;\n /* contain: strict; TODO: breaks layout since Chrome 80*/\n height: 100vh;\n top: 0;\n flex: 0 0 auto;\n position: fixed;\n display: ",";\n z-index: 20;\n width: 100%;\n background: var(--sidebar-background-color);\n border-right: 1px solid var(--sidebar-border-color);\n\n ","\n"])),(function(e){return e.open?"flex":"none"}),(function(e){var n=e.theme;return css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n "," {\n position: sticky;\n z-index: auto;\n width: var(--sidebar-width);\n display: flex;\n }\n "," {\n display: none;\n }\n "],["\n "," {\n position: sticky;\n z-index: auto;\n width: var(--sidebar-width);\n display: flex;\n }\n "," {\n display: none;\n }\n "])),n.mediaQueries[n.showAtBreakpoint.sidebar],n.mediaQueries.print)})),FloatingButton=styled.div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n outline: none;\n user-select: none;\n background-color: var(--fab-background-color);\n cursor: pointer;\n position: fixed;\n right: 20px;\n z-index: 100;\n border-radius: 50%; // round button\n box-shadow: var(--fab-box-shadow);\n bottom: 44px;\n width: 60px;\n height: 60px;\n padding: 0 20px;\n color: var(--fab-icon-color);\n display: flex;\n\n svg {\n color: var(--fab-icon-color);\n }\n\n &:hover {\n background-color: var(--fab-hover-background);\n box-shadow: var(--fab-hover-box-shadow);\n\n svg {\n color: var(--fab-hover-icon-color);\n }\n }\n\n &:active {\n background-color: var(--fab-active-background);\n box-shadow: var(--fab-active-box-shadow);\n\n svg {\n color: var(--fab-active-icon-color);\n }\n }\n\n ","\n"],["\n outline: none;\n user-select: none;\n background-color: var(--fab-background-color);\n cursor: pointer;\n position: fixed;\n right: 20px;\n z-index: 100;\n border-radius: 50%; // round button\n box-shadow: var(--fab-box-shadow);\n bottom: 44px;\n width: 60px;\n height: 60px;\n padding: 0 20px;\n color: var(--fab-icon-color);\n display: flex;\n\n svg {\n color: var(--fab-icon-color);\n }\n\n &:hover {\n background-color: var(--fab-hover-background);\n box-shadow: var(--fab-hover-box-shadow);\n\n svg {\n color: var(--fab-hover-icon-color);\n }\n }\n\n &:active {\n background-color: var(--fab-active-background);\n box-shadow: var(--fab-active-box-shadow);\n\n svg {\n color: var(--fab-active-icon-color);\n }\n }\n\n ","\n"])),(function(e){var n=e.theme;return css(templateObject_3||(templateObject_3=__makeTemplateObject(["\n "," {\n display: none;\n }\n "," {\n display: none;\n }\n "],["\n "," {\n display: none;\n }\n "," {\n display: none;\n }\n "])),n.mediaQueries[n.showAtBreakpoint.sidebar],n.mediaQueries.print)})),StickyResponsiveSidebar=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(n,"state",{enumerable:!0,configurable:!0,writable:!0,value:{offsetTop:"0px"}}),Object.defineProperty(n,"stickyElement",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(n,"toggleNavMenu",{enumerable:!0,configurable:!0,writable:!0,value:function(){n.props.menu.toggleSidebar()}}),n}return __extends(n,e),Object.defineProperty(n.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){stickyfill&&stickyfill.add(this.stickyElement),this.setState({offsetTop:this.getScrollYOffset(this.context)})}}),Object.defineProperty(n.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){stickyfill&&stickyfill.remove(this.stickyElement)}}),Object.defineProperty(n.prototype,"getScrollYOffset",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return(void 0!==this.props.scrollYOffset?RedocNormalizedOptions.normalizeScrollYOffset(this.props.scrollYOffset)():e.scrollYOffset())+"px"}}),Object.defineProperty(n.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,n=this.props.menu.sideBarOpened,o=this.state.offsetTop;return React.createElement(React.Fragment,null,React.createElement(StyledStickySidebar,{open:n,className:this.props.className,style:{top:o,height:"calc(100vh - "+o+")"},ref:function(n){e.stickyElement=n}},this.props.children),!this.context.hideFab&&React.createElement(FloatingButton,{onClick:this.toggleNavMenu},React.createElement(AnimatedExpandButton,{open:n})))}}),Object.defineProperty(n,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),n=__decorate([observer],n)}(React.Component);export{StickyResponsiveSidebar};
1
+ import{__decorate,__extends,__makeTemplateObject}from"tslib";import{observer}from"mobx-react";import*as React from"react";import styled,{css}from"styled-components";import{MobileSidebarButton}from"@redocly/theme/Sidebar/MobileSidebarButton";import{RedocNormalizedOptions}from"../../services/RedocNormalizedOptions";import{IS_BROWSER}from"../../utils/index";import{OptionsContext}from"../OptionsProvider";var Stickyfill;IS_BROWSER&&(Stickyfill=require("stickyfill"));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n overflow: hidden;\n flex-direction: column;\n backface-visibility: hidden;\n /* contain: strict; TODO: breaks layout since Chrome 80*/\n height: 100vh;\n top: 0;\n flex: 0 0 auto;\n position: fixed;\n display: ",";\n z-index: 2;\n width: 100%;\n background: var(--sidebar-background-color);\n border-right: 1px solid var(--sidebar-border-color);\n\n ","\n"],["\n overflow: hidden;\n flex-direction: column;\n backface-visibility: hidden;\n /* contain: strict; TODO: breaks layout since Chrome 80*/\n height: 100vh;\n top: 0;\n flex: 0 0 auto;\n position: fixed;\n display: ",";\n z-index: 2;\n width: 100%;\n background: var(--sidebar-background-color);\n border-right: 1px solid var(--sidebar-border-color);\n\n ","\n"])),(function(e){return e.open?"flex":"none"}),(function(e){var t=e.theme;return css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n "," {\n position: sticky;\n z-index: auto;\n width: var(--sidebar-width);\n display: flex;\n }\n "," {\n display: none;\n }\n "],["\n "," {\n position: sticky;\n z-index: auto;\n width: var(--sidebar-width);\n display: flex;\n }\n "," {\n display: none;\n }\n "])),t.mediaQueries[t.showAtBreakpoint.sidebar],t.mediaQueries.print)})),FloatingButton=styled(MobileSidebarButton)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n --fab-background-color: var(--color-secondary-900);\n --fab-active-background: var(--color-secondary-900);\n\n ","\n"],["\n --fab-background-color: var(--color-secondary-900);\n --fab-active-background: var(--color-secondary-900);\n\n ","\n"])),(function(e){var t=e.theme;return css(templateObject_3||(templateObject_3=__makeTemplateObject(["\n "," {\n display: none;\n }\n "," {\n display: none;\n }\n "],["\n "," {\n display: none;\n }\n "," {\n display: none;\n }\n "])),t.mediaQueries[t.showAtBreakpoint.sidebar],t.mediaQueries.print)})),StickyResponsiveSidebar=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:{offsetTop:"0px"}}),Object.defineProperty(t,"stickyElement",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"toggleNavMenu",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.menu.toggleSidebar()}}),t}return __extends(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){stickyfill&&stickyfill.add(this.stickyElement),this.setState({offsetTop:this.getScrollYOffset(this.context)})}}),Object.defineProperty(t.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){stickyfill&&stickyfill.remove(this.stickyElement)}}),Object.defineProperty(t.prototype,"getScrollYOffset",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return(void 0!==this.props.scrollYOffset?RedocNormalizedOptions.normalizeScrollYOffset(this.props.scrollYOffset)():e.scrollYOffset())+"px"}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props.menu.sideBarOpened,n=this.state.offsetTop;return React.createElement(React.Fragment,null,React.createElement(StyledStickySidebar,{open:t,className:this.props.className,style:{top:n,height:"calc(100vh - "+n+")"},ref:function(t){e.stickyElement=t}},this.props.children),!this.context.hideFab&&React.createElement(FloatingButton,{opened:t,onClick:this.toggleNavMenu}))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),t=__decorate([observer],t)}(React.Component);export{StickyResponsiveSidebar};
2
2
  //# sourceMappingURL=StickyResponsiveSidebar.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redocly/reference-docs",
3
- "version": "3.0.0-alpha.8",
3
+ "version": "3.0.0-alpha.9",
4
4
  "description": "Redocly Reference Docs",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",
@@ -87,7 +87,7 @@
87
87
  "prepare": "husky install"
88
88
  },
89
89
  "peerDependencies": {
90
- "@redocly/theme": "^0.4.4",
90
+ "@redocly/theme": "^0.4.7",
91
91
  "core-js": "^3.1.4",
92
92
  "mobx": "^6.3.2",
93
93
  "react": "^16.8.4 || ^17.0.0",
@@ -97,7 +97,7 @@
97
97
  "devDependencies": {
98
98
  "@percy/cli": "^1.0.0-beta.68",
99
99
  "@percy/cypress": "^3.1.1",
100
- "@redocly/theme": "^0.4.4",
100
+ "@redocly/theme": "^0.4.7",
101
101
  "@testing-library/jest-dom": "^5.15.1",
102
102
  "@testing-library/react": "^11.1.0",
103
103
  "@testing-library/react-hooks": "^8.0.1",
@@ -1,23 +0,0 @@
1
- (function() {
2
- try {
3
- var menu = document.querySelector('[role=menuitem].active:not([type="group"])');
4
- if (menu) {
5
- if (menu.scrollIntoViewIfNeeded) {
6
- menu.scrollIntoViewIfNeeded();
7
- } else {
8
- menu.parentElement.scrollIntoView();
9
- }
10
- }
11
-
12
- var hash = (window.location.hash || '').substring(1);
13
- var path = window.location.pathname.substring(1);
14
- if (path[path.length - 1] === '/')
15
- path = path.substring(0, path.length - 1);
16
-
17
- var el =
18
- document.querySelector('[data-section-id="' + hash + '"]') ||
19
- document.querySelector('[data-section-id="' + path + '/' + hash + '"]');
20
-
21
- if (el) el.scrollIntoView();
22
- } catch (e) {}
23
- })();
@@ -1,25 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang='en'>
3
- <head>
4
- <meta charset='utf8' />
5
- <title>{{title}}</title>
6
- {{#if favicon}}
7
- <link rel='icon' type='image/png' href='{{favicon}}' />
8
- {{/if}}
9
- <!-- needed for adaptive design -->
10
- <meta name='viewport' content='width=device-width, initial-scale=1' />
11
- <style>
12
- body { padding: 0; margin: 0; }
13
- </style>
14
- {{{redocHead}}}
15
- <link
16
- href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600|Source+Code+Pro:400:700'
17
- rel='stylesheet'
18
- />
19
- </head>
20
-
21
- <body>
22
- {{{redocHTML}}}
23
- </body>
24
-
25
- </html>
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const AnimatedExpandButton: ({ open }: {
3
- open: boolean;
4
- }) => JSX.Element;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedExpandButton=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),AnimatedExpandButton=function(e){var t=e.open?8:-4;return React.createElement(ChevronContainer,null,React.createElement(ChevronSvg,{size:15,style:{transform:"translate(2px, "+t+"px) rotate(180deg)",transition:"transform 0.2s ease"}}),React.createElement(ChevronSvg,{size:15,style:{transform:"translate(2px, "+(0-t)+"px)",transition:"transform 0.2s ease"}}))};exports.AnimatedExpandButton=AnimatedExpandButton;var templateObject_1,ChevronSvg=function(e){var t=e.size,n=void 0===t?10:t,r=e.className,a=void 0===r?"":r,l=e.style;return React.createElement("svg",{className:a,style:l||{},viewBox:"0 0 926.23699 573.74994",version:"1.1",x:"0px",y:"0px",width:n,height:n},React.createElement("g",{transform:"translate(904.92214,-879.1482)"},React.createElement("path",{d:"\n m -673.67664,1221.6502 -231.2455,-231.24803 55.6165,\n -55.627 c 30.5891,-30.59485 56.1806,-55.627 56.8701,-55.627 0.6894,\n 0 79.8637,78.60862 175.9427,174.68583 l 174.6892,174.6858 174.6892,\n -174.6858 c 96.079,-96.07721 175.253196,-174.68583 175.942696,\n -174.68583 0.6895,0 26.281,25.03215 56.8701,\n 55.627 l 55.6165,55.627 -231.245496,231.24803 c -127.185,127.1864\n -231.5279,231.248 -231.873,231.248 -0.3451,0 -104.688,\n -104.0616 -231.873,-231.248 z\n ",fill:"currentColor"})))},ChevronContainer=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n margin-top: 2px;\n user-select: none;\n width: 20px;\n height: 20px;\n align-self: center;\n display: flex;\n flex-direction: column;\n"],["\n margin-top: 2px;\n user-select: none;\n width: 20px;\n height: 20px;\n align-self: center;\n display: flex;\n flex-direction: column;\n"])));
2
- //# sourceMappingURL=ChevronSvg.js.map
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const AnimatedExpandButton: ({ open }: {
3
- open: boolean;
4
- }) => JSX.Element;
@@ -1,2 +0,0 @@
1
- import{__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";export var AnimatedExpandButton=function(e){var t=e.open?8:-4;return React.createElement(ChevronContainer,null,React.createElement(ChevronSvg,{size:15,style:{transform:"translate(2px, "+t+"px) rotate(180deg)",transition:"transform 0.2s ease"}}),React.createElement(ChevronSvg,{size:15,style:{transform:"translate(2px, "+(0-t)+"px)",transition:"transform 0.2s ease"}}))};var templateObject_1,ChevronSvg=function(e){var t=e.size,n=void 0===t?10:t,a=e.className,r=void 0===a?"":a,l=e.style;return React.createElement("svg",{className:r,style:l||{},viewBox:"0 0 926.23699 573.74994",version:"1.1",x:"0px",y:"0px",width:n,height:n},React.createElement("g",{transform:"translate(904.92214,-879.1482)"},React.createElement("path",{d:"\n m -673.67664,1221.6502 -231.2455,-231.24803 55.6165,\n -55.627 c 30.5891,-30.59485 56.1806,-55.627 56.8701,-55.627 0.6894,\n 0 79.8637,78.60862 175.9427,174.68583 l 174.6892,174.6858 174.6892,\n -174.6858 c 96.079,-96.07721 175.253196,-174.68583 175.942696,\n -174.68583 0.6895,0 26.281,25.03215 56.8701,\n 55.627 l 55.6165,55.627 -231.245496,231.24803 c -127.185,127.1864\n -231.5279,231.248 -231.873,231.248 -0.3451,0 -104.688,\n -104.0616 -231.873,-231.248 z\n ",fill:"currentColor"})))},ChevronContainer=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n margin-top: 2px;\n user-select: none;\n width: 20px;\n height: 20px;\n align-self: center;\n display: flex;\n flex-direction: column;\n"],["\n margin-top: 2px;\n user-select: none;\n width: 20px;\n height: 20px;\n align-self: center;\n display: flex;\n flex-direction: column;\n"])));
2
- //# sourceMappingURL=ChevronSvg.js.map