@diplodoc/client 3.7.2 → 3.8.1

package/build/client/vendor.rtl.css

@@ -14,7 +14,7 @@
 .dc-toc-label_offset{margin-right:10px}[dir=rtl] .dc-toc-label_offset{/* rtl:begin:ignore */margin-right:10px/* rtl:end:ignore */}
 .g-label{--_--bg-color: none;--_--bg-color-hover: none;--_--text-color: none;display:inline-flex;align-items:center;position:relative;height:var(--_--height);border-radius:var(--_--border-radius);color:var(--_--text-color);background-color:var(--_--bg-color);transition-property:opacity,color,background-color;transition-duration:.15s;transition-timing-function:ease-in-out;box-sizing:border-box;isolation:isolate}.g-label__text{font-family:var(--g-text-body-font-family);font-weight:var(--g-text-body-font-weight);font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height);display:flex;align-items:baseline;margin:0 var(--_--margin-inline);width:100%;line-height:var(--_--height);text-align:center;white-space:nowrap;overflow:hidden}.g-label__content,.g-label__key{text-overflow:ellipsis;overflow:hidden}.g-label__value{display:flex;opacity:.7;overflow:hidden}.g-label__separator{margin:0 4px}.g-label__main-button{padding:0;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);color:inherit;background:none;border:none;outline:none;cursor:pointer;border-radius:inherit;z-index:1}.g-label__main-button:empty{position:absolute;inset:0}.g-label__addon{display:flex;align-items:center;justify-content:center;width:var(--_--height);height:var(--_--height);border-radius:var(--_--border-radius)}.g-label__addon_side_start,.g-label__addon_side_end{position:absolute;inset-block-start:0}.g-label__addon_side_start{inset-inline-start:2px;border-start-end-radius:0;border-end-end-radius:0}.g-label__addon_side_end{inset-inline-end:0;border-start-start-radius:0;border-end-start-radius:0}.g-label__addon_type_button{padding:0;font-family:var(--g-text-body-font-family);font-size:inherit;font-weight:var(--g-text-body-font-weight);color:inherit;background:none;border:none;outline:none;cursor:pointer;z-index:2;cursor:pointer;color:var(--_--text-color);background-color:transparent;transition:color .15s ease-in-out,background-color .15s ease-in-out,transform .1s ease-out}.g-label__addon_type_button:active{transform:scale(0.96)}.g-label_size_xs{--_--height: 20px;--_--border-radius: var(--g-border-radius-xs);--_--margin-inline: 8px;--_--margin-addon-start: 24px;--_--margin-addon-end: 22px}.g-label_size_s{--_--height: 24px;--_--border-radius: var(--g-border-radius-s);--_--margin-inline: 10px;--_--margin-addon-start: 28px;--_--margin-addon-end: 26px}.g-label_size_m{--_--height: 28px;--_--border-radius: var(--g-border-radius-m);--_--margin-inline: 12px;--_--margin-addon-start: 32px;--_--margin-addon-end: 32px}.g-label_disabled{opacity:.7;pointer-events:none}.g-label_interactive{cursor:pointer}.g-label_theme_normal{--_--bg-color: var(--g-color-base-misc-light);--_--bg-color-hover: var(--g-color-base-misc-light-hover);--_--text-color: var(--g-color-text-misc-heavy)}.g-label_theme_success{--_--bg-color: var(--g-color-base-positive-light);--_--bg-color-hover: var(--g-color-base-positive-light-hover);--_--text-color: var(--g-color-text-positive-heavy)}.g-label_theme_info{--_--bg-color: var(--g-color-base-info-light);--_--bg-color-hover: var(--g-color-base-info-light-hover);--_--text-color: var(--g-color-text-info-heavy)}.g-label_theme_warning{--_--bg-color: var(--g-color-base-warning-light);--_--bg-color-hover: var(--g-color-base-warning-light-hover);--_--text-color: var(--g-color-text-warning-heavy)}.g-label_theme_danger{--_--bg-color: var(--g-color-base-danger-light);--_--bg-color-hover: var(--g-color-base-danger-light-hover);--_--text-color: var(--g-color-text-danger-heavy)}.g-label_theme_utility{--_--bg-color: var(--g-color-base-utility-light);--_--bg-color-hover: var(--g-color-base-utility-light-hover);--_--text-color: var(--g-color-text-utility-heavy)}.g-label_theme_unknown{--_--bg-color: var(--g-color-base-neutral-light);--_--bg-color-hover: var(--g-color-base-neutral-light-hover);--_--text-color: var(--g-color-text-complementary)}.g-label_theme_clear{--_--bg-color: transparent;--_--bg-color-hover: var(--g-color-base-simple-hover);--_--text-color: var(--g-color-text-complementary);box-shadow:inset 0 0 0 1px var(--g-color-line-generic)}.g-label:has(.g-label__addon_side_start) .g-label__text{margin-inline-start:var(--_--margin-addon-start)}.g-label:has(.g-label__addon_side_end) .g-label__text{margin-inline-end:var(--_--margin-addon-end)}.g-label_interactive:hover:not(:has(.g-label__addon_type_button:hover)),.g-label__addon_type_button:hover{background-color:var(--_--bg-color-hover)}.g-label__main-button:focus-visible,.g-label__addon_type_button:focus-visible{outline:2px solid var(--g-color-line-focus)}
 .g-popover{display:inline-block;position:relative}.g-popover:not(.g-popover_disabled){cursor:pointer}.g-popover__handler{display:inline-block}.g-popover__tooltip{--_--padding: 16px;--_--close-offset: 8px;--_--close-size: 24px}.g-popover__tooltip-popup-content{box-sizing:border-box;min-height:40px;max-width:var(--g-popover-max-width, 300px);padding:var(--g-popover-padding, var(--_--padding));cursor:default}.g-popover__tooltip-title{font-family:var(--g-text-subheader-font-family);font-weight:var(--g-text-subheader-font-weight);font-size:var(--g-text-subheader-3-font-size);line-height:var(--g-text-subheader-3-line-height);display:inline-flex;margin:0 0 12px}.g-popover__tooltip-buttons{display:flex;flex-wrap:wrap;gap:5px;margin-block-start:20px}.g-popover__tooltip-button{flex:1}.g-popover__tooltip-close{position:absolute;inset-block-start:var(--_--close-offset);inset-inline-end:var(--_--close-offset)}.g-popover__tooltip-content{font-family:var(--g-text-body-font-family);font-weight:var(--g-text-body-font-weight);font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height);overflow-wrap:break-word}.g-popover__tooltip-content_secondary{opacity:.7}.g-popover__tooltip-links>*{margin-block-start:8px}.g-popover__tooltip-links>*:first-child{margin-block-start:0}.g-popover__tooltip-content+.g-popover__tooltip-links>*:first-child{margin-block-start:12px}.g-popover__tooltip-link{font-family:var(--g-text-body-font-family);font-weight:var(--g-text-body-font-weight);font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height);display:inline-block}.g-popover__tooltip_theme_info.g-popover__tooltip_theme_info,.g-popover__tooltip_theme_info .g-popover__tooltip_theme_announcement,.g-popover__tooltip_theme_announcement.g-popover__tooltip_theme_info,.g-popover__tooltip_theme_announcement .g-popover__tooltip_theme_announcement{color:var(--g-color-text-primary)}.g-popover__tooltip_force-links-appearance.g-popover__tooltip_theme_info .g-popover__tooltip-content a:not(.g-button),.g-popover__tooltip_theme_announcement .g-popover__tooltip-content a:not(.g-button){text-decoration:none;color:var(--g-color-text-link)}.g-popover__tooltip_force-links-appearance.g-popover__tooltip_theme_info .g-popover__tooltip-content a:not(.g-button):hover,.g-popover__tooltip_theme_announcement .g-popover__tooltip-content a:not(.g-button):hover{color:var(--g-color-text-link-hover)}.g-popover__tooltip_theme_announcement{--g-popup-background-color: var(--g-color-base-simple-hover-solid);--g-popup-border-color: var(--g-color-base-simple-hover-solid)}.g-popover__tooltip_theme_special{--g-popup-background-color: var(--g-color-base-brand);--g-popup-border-color: var(--g-color-base-brand);color:var(--g-color-text-light-primary)}.g-popover__tooltip_theme_special .g-popover__tooltip-content a:not(.g-button){font-weight:var(--g-text-accent-font-weight);color:var(--g-color-text-light-primary)}.g-popover__tooltip_theme_special .g-popover__tooltip-content a:not(.g-button):hover{color:var(--g-color-text-light-secondary)}.g-popover__tooltip_theme_special .g-link{color:var(--g-color-text-light-primary)}.g-popover__tooltip_theme_special .g-link:hover{color:var(--g-color-text-light-secondary)}.g-popover__tooltip_size_l{--_--padding: 24px}.g-popover__tooltip_size_l .g-popover__tooltip-title{font-family:var(--g-text-header-font-family);font-weight:var(--g-text-header-font-weight);font-size:var(--g-text-header-1-font-size);line-height:var(--g-text-header-1-line-height)}.g-popover__tooltip_size_l .g-popover__tooltip-content{font-family:var(--g-text-body-font-family);font-weight:var(--g-text-body-font-weight);font-size:var(--g-text-body-2-font-size);line-height:var(--g-text-body-2-line-height)}.g-popover__tooltip_with-close .g-popover__tooltip-title,.g-popover__tooltip_with-close .g-popover__tooltip-content{padding-inline-end:calc(var(--_--close-offset) + var(--_--close-size) - var(--_--padding))}
-.dc-toc{display:flex;flex-direction:column;height:calc(100vh - 0px);height:calc(100vh - var(--dc-header-height, 0px));overflow:hidden;border-left:1px solid var(--g-color-line-generic)}@media(max-width: 768px){.dc-toc{padding:12px 16px 0px;border-left:none;overflow-y:auto}}.dc-toc__empty{padding:5px 24px 5px 15px}.dc-toc__top{flex-grow:0;flex-shrink:0;display:flex;align-items:flex-start;padding:10px 0 8px 10px;margin-bottom:12px}@media(max-width: 768px){.dc-toc__top{padding:10px 28px 10px 12px;margin-bottom:0}}.dc-toc__top_scrolled{border-bottom:1px solid var(--g-color-line-generic)}.dc-toc__top-header-icon{display:flex;margin-left:5px;flex-shrink:0}[dir=rtl] .dc-toc__top-header-icon{/* rtl:begin:ignore */margin-left:5px/* rtl:end:ignore */}.dc-toc__top-header{flex-grow:0;position:relative;font-weight:500;font-size:var(--g-text-body-3-font-size);line-height:var(--g-text-body-3-line-height)}.dc-toc__top-header_link{color:inherit;-webkit-text-decoration:none;text-decoration:none;display:flex;align-items:center;border-radius:var(--g-focus-border-radius);color:var(--g-color-text-link);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;border-radius:var(--g-focus-border-radius);outline:none}.utilityfocus .dc-toc__top-header_link:focus{outline:2px solid #ffdb4d}.dc-toc__top-header_link:focus{box-shadow:0 0 0 2px var(--g-color-line-focus);outline:0}.dc-toc__top-header_link:focus:not(:focus-visible){box-shadow:none}.dc-toc__top-header_link:hover,.dc-toc__top-header_link:active{color:var(--g-color-text-link-hover)}.dc-toc__top-header_link:hover{color:var(--g-color-text-primary)}.dc-toc__top-header_link:focus{outline:2px solid var(--g-color-line-focus);outline-offset:0}.dc-toc__top-header_link:focus:not(:focus-visible){outline:0}.dc-toc__bottom{flex-grow:0;flex-shrink:0;display:flex;align-items:center;padding:4px 0 20px 10px}.dc-toc__bottom_scrolled{border-top:1px solid var(--g-color-line-generic)}@media(max-width: 768px){.dc-toc__bottom_scrolled{border-top:0}}.dc-toc__content{--g-scrollbar-width: 6px;position:relative;flex-grow:1;overflow-y:auto;scrollbar-width:thin}@media(max-width: 768px){.dc-toc__content{overflow-y:visible;overflow-y:initial}}@media(min-width: 769px){.dc-toc__content_offset_top{padding-top:24px}}.dc-toc__list{margin:0;padding:0;list-style:none;display:block}.dc-toc__list-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dc-toc__list-item_labeled{margin-top:16px}.dc-toc__list-item_main>*:first-child{color:var(--g-color-text-primary)}.dc-toc__list-item:not(.dc-toc__list-item_opened)>.dc-toc__list{display:none}.dc-toc__list-item:not(.dc-toc__list-item_labeled)>.dc-toc__list{padding-right:20px}[dir=rtl] .dc-toc__list-item:not(.dc-toc__list-item_labeled)>.dc-toc__list{/* rtl:begin:ignore */padding-right:20px/* rtl:end:ignore */}.dc-toc__content>.dc-toc__list{padding-left:21px;padding-bottom:30px}@media(max-width: 768px){.dc-toc__content>.dc-toc__list{padding-left:0}}
+.dc-toc{display:flex;flex-direction:column;height:calc(100vh - 0px);height:calc(100vh - var(--dc-header-height, 0px));overflow:hidden;border-left:1px solid var(--g-color-line-generic)}@media(max-width: 768px){.dc-toc{padding:12px 16px 0px;border-left:none;overflow-y:auto}}.dc-toc__empty{padding:5px 24px 5px 15px}.dc-toc__top{flex-grow:0;flex-shrink:0;display:flex;align-items:flex-start;padding:10px 0 8px 10px;margin-bottom:12px}@media(max-width: 768px){.dc-toc__top{padding:10px 28px 10px 12px;margin-bottom:0}}.dc-toc__top_scrolled{border-bottom:1px solid var(--g-color-line-generic)}.dc-toc__top-header-icon{display:flex;margin-left:5px;flex-shrink:0}[dir=rtl] .dc-toc__top-header-icon{/* rtl:begin:ignore */margin-left:5px/* rtl:end:ignore */}.dc-toc__top-header{flex-grow:0;position:relative;font-weight:500;font-size:var(--g-text-body-3-font-size);line-height:var(--g-text-body-3-line-height)}.dc-toc__top-header_link{color:inherit;-webkit-text-decoration:none;text-decoration:none;display:flex;align-items:center;border-radius:var(--g-focus-border-radius);color:var(--g-color-text-link);-webkit-text-decoration:none;text-decoration:none;cursor:pointer;border-radius:var(--g-focus-border-radius);outline:none}.utilityfocus .dc-toc__top-header_link:focus{outline:2px solid #ffdb4d}.dc-toc__top-header_link:focus{box-shadow:0 0 0 2px var(--g-color-line-focus);outline:0}.dc-toc__top-header_link:focus:not(:focus-visible){box-shadow:none}.dc-toc__top-header_link:hover,.dc-toc__top-header_link:active{color:var(--g-color-text-link-hover)}.dc-toc__top-header_link:hover{color:var(--g-color-text-primary)}.dc-toc__top-header_link:focus{outline:2px solid var(--g-color-line-focus);outline-offset:0}.dc-toc__top-header_link:focus:not(:focus-visible){outline:0}.dc-toc__bottom{flex-grow:0;flex-shrink:0;display:flex;align-items:center;padding:4px 0 20px 10px}.dc-toc__bottom_scrolled{border-top:1px solid var(--g-color-line-generic)}@media(max-width: 768px){.dc-toc__bottom_scrolled{border-top:0}}.dc-toc__content{--g-scrollbar-width: 6px;position:relative;flex-grow:1;overflow-y:auto;scrollbar-width:thin}@media(max-width: 768px){.dc-toc__content{overflow-y:visible;overflow-y:initial}}@media(min-width: 769px){.dc-toc__content_offset_top{padding-top:12px}}.dc-toc__list{margin:0;padding:0;list-style:none;display:block}.dc-toc__list-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dc-toc__list-item_labeled{margin-top:16px}.dc-toc__list-item_main>*:first-child{color:var(--g-color-text-primary)}.dc-toc__list-item:not(.dc-toc__list-item_opened)>.dc-toc__list{display:none}.dc-toc__list-item:not(.dc-toc__list-item_labeled)>.dc-toc__list{padding-right:20px}[dir=rtl] .dc-toc__list-item:not(.dc-toc__list-item_labeled)>.dc-toc__list{/* rtl:begin:ignore */padding-right:20px/* rtl:end:ignore */}.dc-toc__content>.dc-toc__list{padding-left:21px;padding-bottom:30px}@media(max-width: 768px){.dc-toc__content>.dc-toc__list{padding-left:0}}
 .dc-toc-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dc-toc-item__link{--g-focus-border-radius: 4px;display:block;-webkit-text-decoration:none;text-decoration:none;border-radius:4px;border-radius:var(--g-focus-border-radius)}.dc-toc-item__link:focus{outline:2px solid var(--g-color-line-focus);outline-offset:-2px}.dc-toc-item__link:focus:not(:focus-visible){outline:0}.dc-toc-item__wrapper{display:flex;align-items:center;padding:7px 0px 5px}.dc-toc-item__text-block{display:block;position:relative;padding:7px 20px 7px 12px;width:100%}@media(max-width: 768px){.dc-toc-item__text-block{padding:10px 40px 10px 12px}[dir=rtl] .dc-toc-item__text-block{padding:10px 12px 10px 40px}}[dir=rtl] .dc-toc-item__text-block{/* rtl:begin:ignore */padding:7px 20px 7px 12px/* rtl:end:ignore */}.dc-toc-item__text{--g-focus-border-radius: 4px;font-family:inherit;font-size:inherit;font-weight:inherit;box-sizing:border-box;word-break:break-word;background-color:transparent;border:0;text-align:right;text-align:initial;border-radius:4px;border-radius:var(--g-focus-border-radius);color:var(--g-color-text-primary)}@media(max-width: 768px){.dc-toc-item__text{font-size:var(--g-text-body-2-font-size);line-height:var(--g-text-body-2-line-height)}}.dc-toc-item__text_active{border-radius:3px;background:var(--g-color-base-selection)}.dc-toc-item__text_labeled{font-weight:500;text-transform:uppercase;font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height)}.dc-toc-item__text_deprecated span{width:90%;display:block}.dc-toc-item__text_deprecated svg{position:absolute;top:50%;left:6px;transform:translateY(-50%);opacity:.6}.dc-toc-item__text_clicable{cursor:pointer}.dc-toc-item__text_clicable:hover{border-radius:3px;background:var(--g-color-base-simple-hover)}.dc-toc-item__text:focus{outline:2px solid var(--g-color-line-focus);outline-offset:-2px}.dc-toc-item__text:focus:not(:focus-visible){outline:0}.dc-toc-item__icon{position:absolute;right:0}[dir=rtl] .dc-toc-item__icon{/* rtl:begin:ignore */right:0/* rtl:end:ignore */}@media(max-width: 768px){.dc-toc-item__icon{right:12px}[dir=rtl] .dc-toc-item__icon{left:12px}}@media(max-width: 768px){.dc-toc-item__arrow{margin-left:20px}[dir=rtl] .dc-toc-item__arrow{margin-right:20px}}.dc-toc-item__arrow:hover:before{background:none}
 .dc-toggle-arrow{transition:transform .15s;stroke-width:2px}.dc-toggle-arrow_type_horizontal{transform:rotate(0deg)}[dir=rtl] .dc-toggle-arrow_type_horizontal{/* rtl:begin:ignore */transform:rotate(180deg)/* rtl:end:ignore */}.dc-toggle-arrow_type_vertical{transform:rotate(-90deg)}.dc-toggle-arrow_open.dc-toggle-arrow_type_horizontal{transform:rotate(-90deg)}[dir=rtl] .dc-toggle-arrow_open.dc-toggle-arrow_type_horizontal{/* rtl:begin:ignore */transform:rotate(90deg)/* rtl:end:ignore */}.dc-toggle-arrow_open.dc-toggle-arrow_type_vertical{transform:rotate(90deg)}[dir=rtl] .dc-toggle-arrow_open.dc-toggle-arrow_type_vertical{/* rtl:begin:ignore */transform:rotate(90deg)/* rtl:end:ignore */}.dc-toggle-arrow_thin{stroke-width:1px}.dc-toggle-arrow_slow{transition-duration:.3s}
 .dc-controls{display:flex;align-items:center;font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height)}.dc-controls__control:not(:last-child),.dc-controls__divider{margin-left:4px}.dc-controls__list{padding:4px 0}.dc-controls__list-icon{font-size:22px}.dc-controls__icon-rotated{transform:rotate(-90deg)}.dc-controls__popup-tooltip{padding:0}@media(min-width: 769px){.dc-controls_vertical{flex-direction:column}.dc-controls_vertical .dc-controls__divider{height:1px;width:16px}.dc-controls_vertical .dc-controls__control:not(:last-child),.dc-controls_vertical .dc-controls__divider{margin-left:0;margin-bottom:4px}}

package/build/components/App/index.d.ts

@@ -1,8 +1,9 @@
 import type { NavigationData, PageContent } from '@gravity-ui/page-constructor';
 import type { SearchConfig } from '../Search';
 import type { RouterConfig } from '../Router';
-import { ReactElement } from 'react';
-import { DocContentPageData as DocContentPageDataBase, DocLeadingPageData, DocPageData, Lang } from '@diplodoc/components';
+import type { ReactElement } from 'react';
+import type { DocContentPageData as DocContentPageDataBase, DocLeadingPageData, DocPageData } from '@diplodoc/components';
+import { Lang } from '@diplodoc/components';
 import '@diplodoc/transform/dist/js/yfm';
 import '../../interceptors/leading-page-links';
 import './App.scss';

package/build/server/app.js

@@ -918,6 +918,7 @@ var LINK_KEYS = toConsumableArray_default()(new Set([].concat(LINK_KEYS_LEADING_
 ;// ./src/utils.ts
 
 
+
 function isBrowser() {
   return typeof document !== 'undefined';
 }
@@ -1012,6 +1013,58 @@ function setSetting(name, value) {
     sessionStorage.setItem(name, String(value));
   } catch (_unused2) {}
 }
+function isHeaderTag(el) {
+  if (!el) return false;
+  return ['H1', 'H2', 'H3', 'H4', 'H5', 'H6'].indexOf(el.tagName) !== -1;
+}
+function isCutTag(el) {
+  if (!el) return false;
+  return el.matches('.yfm-cut');
+}
+function focusActiveTab(cutNode) {
+  cutNode.classList.toggle('open');
+  cutNode.setAttribute('open', 'true');
+  cutNode.classList.add('cut-highlight');
+  cutNode.scrollIntoView(true);
+  window.scrollBy(0, -100);
+  setTimeout(function () {
+    cutNode.classList.remove('cut-highlight');
+  }, 1000);
+}
+
+/**
+ * Scrolls to the element.
+ * If the element is a heading - simply scrolls to it, since needed offset is already in css.
+ * If the element is of any other type - calculate the offset form the element position in heading and scroll to it.
+ * @param {HTMLElement} el
+ */
+
+function scrollToElement(el) {
+  if (!el) return;
+  if (isHeaderTag(el)) {
+    // Header already includes the offset in css
+    // That puts it where we want it when it's scrolled to
+    el.scrollIntoView();
+  } else if (isCutTag(el)) {
+    focusActiveTab(el);
+  } else {
+    var _header$clientHeight;
+    // For elements other than headers calculate the offset
+    var _ref2 = Array.from(document.getElementsByClassName('Layout__header')),
+      _ref3 = slicedToArray_default()(_ref2, 1),
+      header = _ref3[0];
+    var headerOffset = (_header$clientHeight = header === null || header === void 0 ? void 0 : header.clientHeight) !== null && _header$clientHeight !== void 0 ? _header$clientHeight : 0;
+    var anchorPosition = el.offsetTop;
+    window.scrollTo(0, anchorPosition - headerOffset);
+  }
+}
+function scrollToHash() {
+  var hash = window.location.hash.substring(1);
+  if (hash) {
+    var element = document.getElementById(hash);
+    scrollToElement(element);
+  }
+}
 // EXTERNAL MODULE: ./src/interceptors/leading-page-links.js
 var leading_page_links = __webpack_require__(44186);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectWithoutProperties.js
@@ -1561,8 +1614,8 @@ function useMobile() {
   }, [onResizeHandler]);
   return mobileView;
 }
-// EXTERNAL MODULE: ./node_modules/@diplodoc/mdx-extension/build/esm/index.js + 20 modules
-var esm = __webpack_require__(2097);
+// EXTERNAL MODULE: ./node_modules/@diplodoc/mdx-extension/build/esm/hooks/useMdxSsr.js + 8 modules
+var useMdxSsr = __webpack_require__(91353);
 ;// ./src/components/App/withMdxInit.tsx
 
 function withMdxInit_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -1583,16 +1636,16 @@ var withMdxInit = function withMdxInit(_ref) {
         refCtr.current = v;
         return forwardRef(v);
       }, [forwardRef]);
-      (0,esm/* useMdxSsr */.Xf)({
+      var node = (0,useMdxSsr/* default */.A)({
         refCtr: refCtr,
         components: components,
         pureComponents: pureComponents,
         mdxArtifacts: mdxArtifacts,
         html: html
       });
-      return /*#__PURE__*/react.createElement(Component, withMdxInit_objectSpread(withMdxInit_objectSpread({}, props), {}, {
+      return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(Component, withMdxInit_objectSpread(withMdxInit_objectSpread({}, props), {}, {
         forwardRef: forwardRefWrap
-      }));
+      })), node);
     };
   };
   return withMdx;
@@ -1681,6 +1734,7 @@ function App(props) {
     updateThemeClassName({
       theme: theme
     });
+    scrollToHash();
   }, [theme, mobileView, wideFormat, fullScreen, landingPage]);
   return /*#__PURE__*/react.createElement("div", {
     className: "App"