@diplodoc/components 3.0.0-alpha-4 → 3.0.0-alpha-6

package/build/cjs/components/DocPage/DocPage.js

@@ -1,10 +1,27 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a, prop, b2[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a, prop, b2[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -26,6 +43,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // src/components/DocPage/DocPage.tsx
 var DocPage_exports = {};
@@ -49,17 +70,122 @@ var import_HTML = require("../HTML");
 var import_MiniToc = require("../MiniToc");
 var import_SearchBar = require("../SearchBar");
 var import_TocNavPanel = require("../TocNavPanel");
-var import_link = __toESM(require("../../../../assets/icons/link.svg"));
 var import_DocPage = require("./DocPage.css");
+var LinkIcon = `
+    <svg width="14" height="14" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M13.294 2.214 11.767.684c-.911-.912-2.499-.912-3.41 0L6.83 2.214a2.412 2.412 0 0 0-.147 3.233L7.936 4.19a.66.66 0 0 1 .132-.738l1.527-1.53a.658.658 0 0 1 .934 0l1.527 1.53a.664.664 0 0 1 0 .936l-1.527 1.53a.68.68 0 0 1-.734.129L8.54 7.306c.43.356.958.559 1.523.559.644 0 1.249-.251 1.705-.707l1.527-1.53a2.42 2.42 0 0 0 0-3.414zM9.532 5.69a.876.876 0 0 0-1.237-1.239l-.082.082-1.238 1.24-1.189 1.19-1.237 1.24-.082.082a.876.876 0 0 0 1.237 1.24l.082-.083 1.238-1.239 1.189-1.191 1.237-1.24.082-.082zm-3.601 4.833c.2-.2.24-.494.131-.738L7.316 8.53a2.412 2.412 0 0 1-.148 3.233l-1.527 1.529A2.392 2.392 0 0 1 3.937 14c-.645 0-1.25-.25-1.705-.707l-1.527-1.53a2.421 2.421 0 0 1 0-3.415L2.232 6.82c.854-.856 2.299-.898 3.227-.146L4.207 7.927a.65.65 0 0 0-.737.131l-1.528 1.53a.664.664 0 0 0 0 .936l1.527 1.53a.68.68 0 0 0 .935 0l1.527-1.53z" fill="currentColor"/>
+    </svg>
+`;
 var b = (0, import_bem_cn_lite.default)("dc-doc-page");
 var DocPage = class extends import_react.default.Component {
-  static defaultProps = import_constants.DEFAULT_SETTINGS;
-  state = {
-    loading: true,
-    keyDOM: (0, import_utils.getRandomKey)()
-  };
-  bodyRef = null;
-  bodyObserver = null;
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", {
+      loading: true,
+      keyDOM: (0, import_utils.getRandomKey)()
+    });
+    __publicField(this, "bodyRef", null);
+    __publicField(this, "bodyObserver", null);
+    __publicField(this, "handleBodyMutation", (mutationsList) => {
+      const { onContentMutation, onContentLoaded } = this.props;
+      if (this.props.singlePage && this.bodyObserver && this.bodyRef) {
+        this.bodyObserver.disconnect();
+        this.addLinksToOriginalArticle();
+        this.bodyObserver.observe(this.bodyRef, {
+          childList: true,
+          subtree: true
+        });
+      }
+      if (onContentMutation) {
+        setTimeout(onContentMutation, 0);
+      }
+      this.setState({ loading: false });
+      if (!onContentLoaded) {
+        return;
+      }
+      setTimeout(() => {
+        mutationsList.filter(({ type }) => type === "childList").forEach((mutation) => {
+          const yfmRoot = mutation.target;
+          const yfmImages = [...yfmRoot.querySelectorAll("img")];
+          yfmImages.forEach((img) => {
+            img.addEventListener("load", onContentLoaded, false);
+          });
+        });
+      }, 0);
+    });
+    __publicField(this, "setBodyRef", (ref) => {
+      this.bodyRef = ref;
+    });
+    __publicField(this, "addLinksToOriginalArticle", () => {
+      const { singlePage, convertPathToOriginalArticle, generatePathToVcs, vcsType } = this.props;
+      if (singlePage) {
+        const elements = document.querySelectorAll("[data-original-article]");
+        for (const el of elements) {
+          const href = el.getAttribute("data-original-article") || "";
+          const linkWrapperEl = (0, import_utils.getHeaderTag)(el);
+          if (linkWrapperEl) {
+            const anchors = linkWrapperEl.querySelectorAll(".yfm-anchor");
+            for (const anchor of anchors) {
+              anchor.classList.add("yfm-anchor_hidden");
+            }
+            const linkToOriginal = document.createElement("a");
+            linkToOriginal.href = (0, import_utils.callSafe)(convertPathToOriginalArticle, href);
+            linkToOriginal.className = "yfm-anchor yfm-original-link";
+            linkToOriginal.innerHTML = LinkIcon;
+            linkWrapperEl.append(linkToOriginal);
+            if (typeof generatePathToVcs === "function") {
+              const vcsHref = (0, import_utils.callSafe)(generatePathToVcs, href);
+              const linkToVcs = (0, import_utils.createElementFromHTML)(
+                import_server.default.renderToStaticMarkup(
+                  /* @__PURE__ */ import_react.default.createElement(
+                    import_Controls.EditControl,
+                    {
+                      vcsUrl: vcsHref,
+                      vcsType,
+                      view: "wide",
+                      className: b("edit-button")
+                    }
+                  )
+                )
+              );
+              linkWrapperEl.append(linkToVcs);
+              linkWrapperEl.classList.add(b("header-container"));
+            }
+          }
+        }
+      }
+    });
+    __publicField(this, "getIsVerticalView", () => {
+      const { fullScreen } = this.props;
+      return !this.showMiniToc || fullScreen;
+    });
+    __publicField(this, "renderSearchBar", () => {
+      const {
+        showSearchBar,
+        searchQuery,
+        searchCurrentIndex,
+        searchCountResults,
+        onClickPrevSearch,
+        onClickNextSearch,
+        onCloseSearchBar,
+        singlePage
+      } = this.props;
+      if (!showSearchBar || singlePage) {
+        return null;
+      }
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: b("search-bar") }, /* @__PURE__ */ import_react.default.createElement(
+        import_SearchBar.SearchBar,
+        {
+          searchCurrentIndex,
+          searchCountResults,
+          onClickPrevSearch,
+          onClickNextSearch,
+          onCloseSearchBar,
+          searchQuery
+        }
+      ));
+    });
+  }
   componentDidMount() {
     const { singlePage } = this.props;
     if (singlePage) {
@@ -133,33 +259,6 @@ var DocPage = class extends import_react.default.Component {
       ))
     );
   }
-  handleBodyMutation = (mutationsList) => {
-    const { onContentMutation, onContentLoaded } = this.props;
-    if (this.props.singlePage && this.bodyObserver && this.bodyRef) {
-      this.bodyObserver.disconnect();
-      this.addLinksToOriginalArticle();
-      this.bodyObserver.observe(this.bodyRef, {
-        childList: true,
-        subtree: true
-      });
-    }
-    if (onContentMutation) {
-      setTimeout(onContentMutation, 0);
-    }
-    this.setState({ loading: false });
-    if (!onContentLoaded) {
-      return;
-    }
-    setTimeout(() => {
-      mutationsList.filter(({ type }) => type === "childList").forEach((mutation) => {
-        const yfmRoot = mutation.target;
-        const yfmImages = [...yfmRoot.querySelectorAll("img")];
-        yfmImages.forEach((img) => {
-          img.addEventListener("load", onContentLoaded, false);
-        });
-      });
-    }, 0);
-  };
   addBodyObserver() {
     if (!this.bodyObserver) {
       this.bodyObserver = new MutationObserver(this.handleBodyMutation);
@@ -171,9 +270,6 @@ var DocPage = class extends import_react.default.Component {
       });
     }
   }
-  setBodyRef = (ref) => {
-    this.bodyRef = ref;
-  };
   renderLoader() {
     const { renderLoader } = this.props;
     const { loading } = this.state;
@@ -182,45 +278,6 @@ var DocPage = class extends import_react.default.Component {
     }
     return /* @__PURE__ */ import_react.default.createElement("div", { className: b("loader-wrapper") }, renderLoader());
   }
-  addLinksToOriginalArticle = () => {
-    const { singlePage, convertPathToOriginalArticle, generatePathToVcs, vcsType } = this.props;
-    if (singlePage) {
-      const elements = document.querySelectorAll("[data-original-article]");
-      for (const el of elements) {
-        const href = el.getAttribute("data-original-article") || "";
-        const linkWrapperEl = (0, import_utils.getHeaderTag)(el);
-        if (linkWrapperEl) {
-          const anchors = linkWrapperEl.querySelectorAll(".yfm-anchor");
-          for (const anchor of anchors) {
-            anchor.classList.add("yfm-anchor_hidden");
-          }
-          const linkToOriginal = document.createElement("a");
-          linkToOriginal.href = (0, import_utils.callSafe)(convertPathToOriginalArticle, href);
-          linkToOriginal.className = "yfm-anchor yfm-original-link";
-          linkToOriginal.innerHTML = import_server.default.renderToStaticMarkup(/* @__PURE__ */ import_react.default.createElement(import_link.default, null));
-          linkWrapperEl.append(linkToOriginal);
-          if (typeof generatePathToVcs === "function") {
-            const vcsHref = (0, import_utils.callSafe)(generatePathToVcs, href);
-            const linkToVcs = (0, import_utils.createElementFromHTML)(
-              import_server.default.renderToStaticMarkup(
-                /* @__PURE__ */ import_react.default.createElement(
-                  import_Controls.EditControl,
-                  {
-                    vcsUrl: vcsHref,
-                    vcsType,
-                    view: "wide",
-                    className: b("edit-button")
-                  }
-                )
-              )
-            );
-            linkWrapperEl.append(linkToVcs);
-            linkWrapperEl.classList.add(b("header-container"));
-          }
-        }
-      }
-    }
-  };
   get showMiniToc() {
     const { showMiniToc, singlePage, headings, toc } = this.props;
     if (singlePage) {
@@ -255,18 +312,19 @@ var DocPage = class extends import_react.default.Component {
     ));
   }
   renderPageContributors() {
+    var _a;
     const { meta, hideContributors } = this.props;
     if (hideContributors) {
       return null;
     }
-    const author = this.renderAuthor(!meta?.contributors?.length);
+    const author = this.renderAuthor(!((_a = meta == null ? void 0 : meta.contributors) == null ? void 0 : _a.length));
     const contributors = this.renderContributors();
     const separator = author && contributors && /* @__PURE__ */ import_react.default.createElement("div", { className: b("separator") }, ",");
     return /* @__PURE__ */ import_react.default.createElement("div", { className: b("page-contributors") }, author, " ", separator, " ", contributors);
   }
   renderAuthor(onlyAuthor) {
     const { meta } = this.props;
-    if (!(0, import_utils.isContributor)(meta?.author)) {
+    if (!(0, import_utils.isContributor)(meta == null ? void 0 : meta.author)) {
       return null;
     }
     return /* @__PURE__ */ import_react.default.createElement(
@@ -281,7 +339,7 @@ var DocPage = class extends import_react.default.Component {
   }
   renderContributors() {
     const { meta } = this.props;
-    if (!meta?.contributors || meta.contributors.length === 0) {
+    if (!(meta == null ? void 0 : meta.contributors) || meta.contributors.length === 0) {
       return null;
     }
     return /* @__PURE__ */ import_react.default.createElement(import_Contributors.default, { users: meta.contributors });
@@ -355,12 +413,11 @@ var DocPage = class extends import_react.default.Component {
     }
     return /* @__PURE__ */ import_react.default.createElement(
       import_TocNavPanel.TocNavPanel,
-      {
-        ...toc,
+      __spreadProps(__spreadValues({}, toc), {
         router,
         fixed: fullScreen,
         className: b("toc-nav-panel")
-      }
+      })
     );
   }
   isEditable() {
@@ -368,36 +425,6 @@ var DocPage = class extends import_react.default.Component {
     const editable = toc.stage !== "preview" && meta.stage !== "preview" && meta.editable !== false && toc.editable !== false;
     return Boolean(editable && vcsUrl && vcsType);
   }
-  getIsVerticalView = () => {
-    const { fullScreen } = this.props;
-    return !this.showMiniToc || fullScreen;
-  };
-  renderSearchBar = () => {
-    const {
-      showSearchBar,
-      searchQuery,
-      searchCurrentIndex,
-      searchCountResults,
-      onClickPrevSearch,
-      onClickNextSearch,
-      onCloseSearchBar,
-      singlePage
-    } = this.props;
-    if (!showSearchBar || singlePage) {
-      return null;
-    }
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: b("search-bar") }, /* @__PURE__ */ import_react.default.createElement(
-      import_SearchBar.SearchBar,
-      {
-        searchCurrentIndex,
-        searchCountResults,
-        onClickPrevSearch,
-        onClickNextSearch,
-        onCloseSearchBar,
-        searchQuery
-      }
-    ));
-  };
   renderControls() {
     const {
       lang,
@@ -456,5 +483,6 @@ var DocPage = class extends import_react.default.Component {
     )));
   }
 };
+__publicField(DocPage, "defaultProps", import_constants.DEFAULT_SETTINGS);
 var DocPage_default = (0, import_SearchBar.withHighlightedSearchWords)(DocPage);
 //# sourceMappingURL=DocPage.js.map

package/build/cjs/components/DocPage/DocPage.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/DocPage/DocPage.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport block from 'bem-cn-lite';\nimport ReactDOMServer from 'react-dom/server';\n\nimport {DEFAULT_SETTINGS} from '../../constants';\nimport {\n    DocPageData,\n    DocSettings,\n    FeedbackSendData,\n    Lang,\n    Router,\n    SubscribeData,\n    TextSizes,\n    Theme,\n    Vcs,\n} from '../../models';\nimport {\n    InnerProps,\n    callSafe,\n    createElementFromHTML,\n    getHeaderTag,\n    getRandomKey,\n    getStateKey,\n    isContributor,\n} from '../../utils';\nimport {BookmarkButton} from '../BookmarkButton';\nimport {Breadcrumbs} from '../Breadcrumbs';\nimport Contributors from '../Contributors/Contributors';\nimport {Controls, ControlsLayout, EditControl} from '../Controls';\nimport {DocLayout} from '../DocLayout';\nimport {DocPageTitle} from '../DocPageTitle';\nimport {Feedback, FeedbackView} from '../Feedback';\nimport {HTML} from '../HTML';\nimport {MiniToc} from '../MiniToc';\nimport {SearchBar, withHighlightedSearchWords} from '../SearchBar';\nimport {TocNavPanel} from '../TocNavPanel';\n\nimport LinkIcon from '../../../assets/icons/link.svg';\n\nimport './DocPage.scss';\n\nconst b = block('dc-doc-page');\n\nexport interface DocPageProps extends DocPageData, DocSettings {\n    lang: Lang;\n    langs?: string[];\n    router: Router;\n    headerHeight?: number;\n    tocTitleIcon?: React.ReactNode;\n    hideToc?: boolean;\n\n    showSearchBar?: boolean;\n    searchQuery?: string;\n    onClickPrevSearch?: () => void;\n    onClickNextSearch?: () => void;\n    onCloseSearchBar?: () => void;\n    searchCurrentIndex?: number;\n    searchCountResults?: number;\n\n    hideTocHeader?: boolean;\n    hideControls?: boolean;\n    hideEditControl?: boolean;\n    hideFeedbackControls?: boolean;\n    hideContributors?: boolean;\n    renderLoader?: () => React.ReactNode;\n    convertPathToOriginalArticle?: (path: string) => string;\n    generatePathToVcs?: (path: string) => string;\n    onChangeLang?: (lang: Lang) => void;\n    onChangeFullScreen?: (value: boolean) => void;\n    onChangeSinglePage?: (value: boolean) => void;\n    onChangeWideFormat?: (value: boolean) => void;\n    onChangeShowMiniToc?: (value: boolean) => void;\n    onChangeBookmarkPage?: (value: boolean) => void;\n    onChangeTheme?: (theme: Theme) => void;\n    onChangeTextSize?: (textSize: TextSizes) => void;\n    onSendFeedback?: (data: FeedbackSendData) => void;\n    onContentMutation?: () => void;\n    onContentLoaded?: () => void;\n    onSubscribe?: (data: SubscribeData) => void;\n    pdfLink?: string;\n}\n\ntype DocPageInnerProps = InnerProps<DocPageProps, DocSettings>;\ntype DocPageState = {\n    loading: boolean;\n    keyDOM: number;\n};\n\nclass DocPage extends React.Component<DocPageInnerProps, DocPageState> {\n    static defaultProps: DocSettings = DEFAULT_SETTINGS;\n\n    state: DocPageState = {\n        loading: true,\n        keyDOM: getRandomKey(),\n    };\n\n    bodyRef: HTMLDivElement | null = null;\n    bodyObserver: MutationObserver | null = null;\n\n    componentDidMount(): void {\n        const {singlePage} = this.props;\n\n        if (singlePage) {\n            this.addLinksToOriginalArticle();\n        }\n\n        this.setState({loading: false});\n\n        this.addBodyObserver();\n    }\n\n    componentDidUpdate(prevProps: DocPageInnerProps): void {\n        if (prevProps.singlePage !== this.props.singlePage) {\n            this.setState({loading: true});\n        }\n\n        if (prevProps.html !== this.props.html) {\n            this.setState({keyDOM: getRandomKey()});\n        }\n    }\n\n    componentWillUnmount(): void {\n        if (this.bodyObserver) {\n            this.bodyObserver.disconnect();\n        }\n    }\n\n    render() {\n        const {\n            toc,\n            router,\n            headerHeight,\n            wideFormat,\n            fullScreen,\n            singlePage,\n            tocTitleIcon,\n            hideTocHeader,\n            hideToc,\n            footer,\n            onChangeSinglePage,\n            pdfLink,\n        } = this.props;\n\n        const hideMiniToc = !this.showMiniToc;\n        const modes = {\n            'regular-page-width': !wideFormat,\n            'full-screen': fullScreen,\n            'hidden-mini-toc': hideMiniToc,\n            'single-page': singlePage,\n        };\n\n        return (\n            <DocLayout\n                toc={toc}\n                router={router}\n                headerHeight={headerHeight}\n                className={b(modes)}\n                fullScreen={fullScreen}\n                hideRight={hideMiniToc}\n                tocTitleIcon={tocTitleIcon}\n                wideFormat={wideFormat}\n                hideTocHeader={hideTocHeader}\n                hideToc={hideToc}\n                loading={this.state.loading}\n                footer={footer}\n                singlePage={singlePage}\n                onChangeSinglePage={onChangeSinglePage}\n                pdfLink={pdfLink}\n            >\n                <DocLayout.Center>\n                    {this.renderSearchBar()}\n                    {this.renderBreadcrumbs()}\n                    {this.renderControls()}\n                    <div className={b('main')}>\n                        <main className={b('content')}>\n                            {this.renderTitle()}\n                            {this.renderPageContributors()}\n                            {hideMiniToc ? null : this.renderContentMiniToc()}\n                            {this.renderBody()}\n                            {this.renderFeedback()}\n                        </main>\n                        {this.renderTocNavPanel()}\n                    </div>\n                    {this.renderLoader()}\n                </DocLayout.Center>\n                <DocLayout.Right>\n                    {/* This key allows recalculating the offset for the mini-toc for Safari */}\n                    <div\n                        className={b('aside')}\n                        key={getStateKey(this.showMiniToc, wideFormat, singlePage)}\n                    >\n                        {hideMiniToc ? null : this.renderAsideMiniToc()}\n                    </div>\n                </DocLayout.Right>\n            </DocLayout>\n        );\n    }\n\n    private handleBodyMutation = (mutationsList: MutationRecord[]) => {\n        const {onContentMutation, onContentLoaded} = this.props;\n\n        if (this.props.singlePage && this.bodyObserver && this.bodyRef) {\n            this.bodyObserver.disconnect();\n            this.addLinksToOriginalArticle();\n            this.bodyObserver.observe(this.bodyRef, {\n                childList: true,\n                subtree: true,\n            });\n        }\n\n        if (onContentMutation) {\n            setTimeout(onContentMutation, 0);\n        }\n\n        this.setState({loading: false});\n\n        if (!onContentLoaded) {\n            return;\n        }\n\n        setTimeout(() => {\n            mutationsList\n                .filter(({type}) => type === 'childList')\n                .forEach((mutation) => {\n                    const yfmRoot = mutation.target as HTMLElement;\n                    const yfmImages = [...yfmRoot.querySelectorAll('img')];\n\n                    yfmImages.forEach((img) => {\n                        img.addEventListener('load', onContentLoaded, false);\n                    });\n                });\n        }, 0);\n    };\n\n    private addBodyObserver() {\n        if (!this.bodyObserver) {\n            this.bodyObserver = new MutationObserver(this.handleBodyMutation);\n        }\n\n        if (this.bodyRef) {\n            this.bodyObserver.observe(this.bodyRef, {\n                childList: true,\n                subtree: true,\n            });\n        }\n    }\n\n    private setBodyRef = (ref: HTMLDivElement) => {\n        this.bodyRef = ref;\n    };\n\n    private renderLoader() {\n        const {renderLoader} = this.props;\n        const {loading} = this.state;\n\n        if (!renderLoader || !loading) {\n            return null;\n        }\n\n        return <div className={b('loader-wrapper')}>{renderLoader()}</div>;\n    }\n\n    private addLinksToOriginalArticle = () => {\n        const {singlePage, convertPathToOriginalArticle, generatePathToVcs, vcsType} = this.props;\n\n        if (singlePage) {\n            const elements = document.querySelectorAll('[data-original-article]');\n            for (const el of elements) {\n                const href = el.getAttribute('data-original-article') || '';\n                const linkWrapperEl = getHeaderTag(el as HTMLElement);\n\n                if (linkWrapperEl) {\n                    /* Hide anchors */\n                    const anchors = linkWrapperEl.querySelectorAll('.yfm-anchor');\n                    for (const anchor of anchors) {\n                        anchor.classList.add('yfm-anchor_hidden');\n                    }\n\n                    /* Create the link to the original article */\n                    const linkToOriginal = document.createElement('a');\n                    linkToOriginal.href = callSafe(convertPathToOriginalArticle, href);\n                    linkToOriginal.className = 'yfm-anchor yfm-original-link';\n                    linkToOriginal.innerHTML = ReactDOMServer.renderToStaticMarkup(<LinkIcon />);\n                    linkWrapperEl.append(linkToOriginal);\n\n                    /* Create the link to the vcs */\n                    if (typeof generatePathToVcs === 'function') {\n                        const vcsHref = callSafe(generatePathToVcs, href);\n                        const linkToVcs = createElementFromHTML(\n                            ReactDOMServer.renderToStaticMarkup(\n                                <EditControl\n                                    vcsUrl={vcsHref}\n                                    vcsType={vcsType}\n                                    view={'wide'}\n                                    className={b('edit-button')}\n                                />,\n                            ),\n                        );\n                        linkWrapperEl.append(linkToVcs);\n                        linkWrapperEl.classList.add(b('header-container'));\n                    }\n                }\n            }\n        }\n    };\n\n    get showMiniToc() {\n        const {showMiniToc, singlePage, headings, toc} = this.props;\n\n        if (singlePage) {\n            return false;\n        }\n\n        const emptyHeaderOrSinglePage = headings.length === 0 || toc.singlePage;\n        const soloHeaderWithChildren =\n            headings.length === 1 && headings[0].items && headings[0].items.length >= 1;\n\n        if (emptyHeaderOrSinglePage || !(soloHeaderWithChildren || headings.length >= 2)) {\n            return false;\n        }\n\n        return showMiniToc;\n    }\n\n    private renderBreadcrumbs() {\n        const {breadcrumbs} = this.props;\n\n        if (!breadcrumbs || breadcrumbs.length < 2) {\n            return null;\n        }\n\n        return (\n            <div className={b('breadcrumbs')}>\n                <Breadcrumbs items={breadcrumbs} />\n            </div>\n        );\n    }\n\n    private renderTitle() {\n        const {title, meta, bookmarkedPage, onChangeBookmarkPage} = this.props;\n        const withBookmarks = onChangeBookmarkPage;\n\n        if (!title) {\n            return null;\n        }\n\n        return (\n            <DocPageTitle stage={meta.stage} className={b('title')}>\n                <HTML>{title}</HTML>\n                {withBookmarks && (\n                    <BookmarkButton\n                        isBookmarked={Boolean(bookmarkedPage)}\n                        onBookmark={onChangeBookmarkPage}\n                    />\n                )}\n            </DocPageTitle>\n        );\n    }\n\n    private renderPageContributors() {\n        const {meta, hideContributors} = this.props;\n\n        if (hideContributors) {\n            return null;\n        }\n\n        const author = this.renderAuthor(!meta?.contributors?.length);\n        const contributors = this.renderContributors();\n\n        const separator = author && contributors && <div className={b('separator')}>{','}</div>;\n\n        return (\n            <div className={b('page-contributors')}>\n                {author} {separator} {contributors}\n            </div>\n        );\n    }\n\n    private renderAuthor(onlyAuthor: boolean) {\n        const {meta} = this.props;\n\n        if (!isContributor(meta?.author)) {\n            return null;\n        }\n\n        return (\n            <Contributors\n                users={[meta.author]}\n                onlyAuthor={onlyAuthor}\n                translationName={'authors'}\n                isAuthor={true}\n            />\n        );\n    }\n\n    private renderContributors() {\n        const {meta} = this.props;\n\n        if (!meta?.contributors || meta.contributors.length === 0) {\n            return null;\n        }\n\n        return <Contributors users={meta.contributors} />;\n    }\n\n    private renderContentMiniToc() {\n        const {headings} = this.props;\n\n        return (\n            <div className={b('content-mini-toc', 'yfm')}>\n                <ul>\n                    {headings.map(({title, href, level, items}, index) => {\n                        if (level !== 2) {\n                            return null;\n                        }\n\n                        return (\n                            <li key={index}>\n                                <a href={href}>{title}</a>\n                                {items && (\n                                    <ul>\n                                        {items.map(\n                                            (\n                                                {\n                                                    title: itemTitle,\n                                                    href: itemHref,\n                                                    level: itemLevel,\n                                                },\n                                                idx,\n                                            ) => {\n                                                if (itemLevel !== 3) {\n                                                    return null;\n                                                }\n\n                                                return (\n                                                    <li key={idx}>\n                                                        <a href={itemHref}>{itemTitle}</a>\n                                                    </li>\n                                                );\n                                            },\n                                        )}\n                                    </ul>\n                                )}\n                            </li>\n                        );\n                    })}\n                </ul>\n            </div>\n        );\n    }\n\n    private renderBody() {\n        const {html, textSize} = this.props;\n\n        if (!html) {\n            return null;\n        }\n\n        return (\n            <div\n                ref={this.setBodyRef}\n                className={b('body', {'text-size': textSize}, 'yfm')}\n                dangerouslySetInnerHTML={{__html: html}}\n            />\n        );\n    }\n\n    private renderAsideMiniToc() {\n        const {headings, router, headerHeight} = this.props;\n        const {keyDOM} = this.state;\n\n        return (\n            <div className={b('aside-mini-toc')}>\n                <MiniToc\n                    headings={headings}\n                    router={router}\n                    headerHeight={headerHeight}\n                    key={keyDOM}\n                />\n            </div>\n        );\n    }\n\n    private renderFeedback() {\n        const {singlePage, isLiked, isDisliked, onSendFeedback, hideFeedbackControls} = this.props;\n\n        if (singlePage || hideFeedbackControls || !onSendFeedback) {\n            return null;\n        }\n\n        return (\n            <div className={b('feedback')}>\n                <Feedback\n                    isLiked={isLiked}\n                    isDisliked={isDisliked}\n                    onSendFeedback={onSendFeedback}\n                    view={FeedbackView.Wide}\n                />\n            </div>\n        );\n    }\n\n    private renderTocNavPanel() {\n        const {toc, singlePage, router, fullScreen} = this.props;\n\n        if (singlePage) {\n            return null;\n        }\n\n        return (\n            <TocNavPanel\n                {...toc}\n                router={router}\n                fixed={fullScreen}\n                className={b('toc-nav-panel')}\n            />\n        );\n    }\n\n    private isEditable() {\n        const {toc, meta, vcsUrl, vcsType} = this.props;\n        const editable =\n            toc.stage !== 'preview' &&\n            meta.stage !== 'preview' &&\n            meta.editable !== false &&\n            toc.editable !== false;\n\n        return Boolean(editable && vcsUrl && vcsType);\n    }\n\n    private getIsVerticalView = () => {\n        const {fullScreen} = this.props;\n        return !this.showMiniToc || fullScreen;\n    };\n\n    private renderSearchBar = () => {\n        const {\n            showSearchBar,\n            searchQuery,\n            searchCurrentIndex,\n            searchCountResults,\n            onClickPrevSearch,\n            onClickNextSearch,\n            onCloseSearchBar,\n            singlePage,\n        } = this.props;\n\n        if (!showSearchBar || singlePage) {\n            return null;\n        }\n\n        return (\n            <div className={b('search-bar')}>\n                <SearchBar\n                    searchCurrentIndex={searchCurrentIndex}\n                    searchCountResults={searchCountResults}\n                    onClickPrevSearch={onClickPrevSearch}\n                    onClickNextSearch={onClickNextSearch}\n                    onCloseSearchBar={onCloseSearchBar}\n                    searchQuery={searchQuery}\n                />\n            </div>\n        );\n    };\n\n    private renderControls() {\n        const {\n            lang,\n            langs,\n            textSize,\n            theme,\n            wideFormat,\n            fullScreen,\n            singlePage,\n            vcsUrl,\n            vcsType,\n            onChangeLang,\n            onChangeFullScreen,\n            onChangeWideFormat,\n            onChangeShowMiniToc,\n            onChangeTheme,\n            onChangeTextSize,\n            onSendFeedback,\n            onSubscribe,\n            isLiked,\n            isDisliked,\n            hideControls,\n            hideEditControl,\n            hideFeedbackControls,\n        } = this.props;\n\n        if (hideControls) {\n            return null;\n        }\n\n        const isVerticalView = this.getIsVerticalView();\n\n        return (\n            <div className={b('controls', {vertical: isVerticalView})}>\n                <ControlsLayout isVerticalView={isVerticalView}>\n                    <Controls\n                        lang={lang}\n                        langs={langs}\n                        textSize={textSize}\n                        theme={theme}\n                        wideFormat={wideFormat}\n                        showMiniToc={this.showMiniToc}\n                        fullScreen={fullScreen}\n                        singlePage={singlePage}\n                        vcsUrl={vcsUrl as string}\n                        vcsType={vcsType as Vcs}\n                        isLiked={isLiked}\n                        isDisliked={isDisliked}\n                        onChangeLang={onChangeLang}\n                        onChangeFullScreen={onChangeFullScreen}\n                        onChangeWideFormat={onChangeWideFormat}\n                        onChangeShowMiniToc={onChangeShowMiniToc}\n                        onChangeTheme={onChangeTheme}\n                        onChangeTextSize={onChangeTextSize}\n                        onSendFeedback={onSendFeedback}\n                        onSubscribe={onSubscribe}\n                        hideEditControl={hideEditControl || fullScreen || !this.isEditable()}\n                        hideFeedbackControls={hideFeedbackControls}\n                    />\n                </ControlsLayout>\n            </div>\n        );\n    }\n}\n\nexport default withHighlightedSearchWords(DocPage);\n"],
-  "mappings": "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",
-  "names": ["block", "React", "ReactDOMServer", "LinkIcon", "Contributors"]
+  "sourcesContent": ["import React from 'react';\n\nimport block from 'bem-cn-lite';\nimport ReactDOMServer from 'react-dom/server';\n\nimport {DEFAULT_SETTINGS} from '../../constants';\nimport {\n    DocPageData,\n    DocSettings,\n    FeedbackSendData,\n    Lang,\n    Router,\n    SubscribeData,\n    TextSizes,\n    Theme,\n    Vcs,\n} from '../../models';\nimport {\n    InnerProps,\n    callSafe,\n    createElementFromHTML,\n    getHeaderTag,\n    getRandomKey,\n    getStateKey,\n    isContributor,\n} from '../../utils';\nimport {BookmarkButton} from '../BookmarkButton';\nimport {Breadcrumbs} from '../Breadcrumbs';\nimport Contributors from '../Contributors/Contributors';\nimport {Controls, ControlsLayout, EditControl} from '../Controls';\nimport {DocLayout} from '../DocLayout';\nimport {DocPageTitle} from '../DocPageTitle';\nimport {Feedback, FeedbackView} from '../Feedback';\nimport {HTML} from '../HTML';\nimport {MiniToc} from '../MiniToc';\nimport {SearchBar, withHighlightedSearchWords} from '../SearchBar';\nimport {TocNavPanel} from '../TocNavPanel';\n\n// TODO(V3): replace with gravity-ui\nconst LinkIcon = `\n    <svg width=\"14\" height=\"14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.294 2.214 11.767.684c-.911-.912-2.499-.912-3.41 0L6.83 2.214a2.412 2.412 0 0 0-.147 3.233L7.936 4.19a.66.66 0 0 1 .132-.738l1.527-1.53a.658.658 0 0 1 .934 0l1.527 1.53a.664.664 0 0 1 0 .936l-1.527 1.53a.68.68 0 0 1-.734.129L8.54 7.306c.43.356.958.559 1.523.559.644 0 1.249-.251 1.705-.707l1.527-1.53a2.42 2.42 0 0 0 0-3.414zM9.532 5.69a.876.876 0 0 0-1.237-1.239l-.082.082-1.238 1.24-1.189 1.19-1.237 1.24-.082.082a.876.876 0 0 0 1.237 1.24l.082-.083 1.238-1.239 1.189-1.191 1.237-1.24.082-.082zm-3.601 4.833c.2-.2.24-.494.131-.738L7.316 8.53a2.412 2.412 0 0 1-.148 3.233l-1.527 1.529A2.392 2.392 0 0 1 3.937 14c-.645 0-1.25-.25-1.705-.707l-1.527-1.53a2.421 2.421 0 0 1 0-3.415L2.232 6.82c.854-.856 2.299-.898 3.227-.146L4.207 7.927a.65.65 0 0 0-.737.131l-1.528 1.53a.664.664 0 0 0 0 .936l1.527 1.53a.68.68 0 0 0 .935 0l1.527-1.53z\" fill=\"currentColor\"/>\n    </svg>\n`;\n\nimport './DocPage.scss';\n\nconst b = block('dc-doc-page');\n\nexport interface DocPageProps extends DocPageData, DocSettings {\n    lang: Lang;\n    langs?: string[];\n    router: Router;\n    headerHeight?: number;\n    tocTitleIcon?: React.ReactNode;\n    hideToc?: boolean;\n\n    showSearchBar?: boolean;\n    searchQuery?: string;\n    onClickPrevSearch?: () => void;\n    onClickNextSearch?: () => void;\n    onCloseSearchBar?: () => void;\n    searchCurrentIndex?: number;\n    searchCountResults?: number;\n\n    hideTocHeader?: boolean;\n    hideControls?: boolean;\n    hideEditControl?: boolean;\n    hideFeedbackControls?: boolean;\n    hideContributors?: boolean;\n    renderLoader?: () => React.ReactNode;\n    convertPathToOriginalArticle?: (path: string) => string;\n    generatePathToVcs?: (path: string) => string;\n    onChangeLang?: (lang: Lang) => void;\n    onChangeFullScreen?: (value: boolean) => void;\n    onChangeSinglePage?: (value: boolean) => void;\n    onChangeWideFormat?: (value: boolean) => void;\n    onChangeShowMiniToc?: (value: boolean) => void;\n    onChangeBookmarkPage?: (value: boolean) => void;\n    onChangeTheme?: (theme: Theme) => void;\n    onChangeTextSize?: (textSize: TextSizes) => void;\n    onSendFeedback?: (data: FeedbackSendData) => void;\n    onContentMutation?: () => void;\n    onContentLoaded?: () => void;\n    onSubscribe?: (data: SubscribeData) => void;\n    pdfLink?: string;\n}\n\ntype DocPageInnerProps = InnerProps<DocPageProps, DocSettings>;\ntype DocPageState = {\n    loading: boolean;\n    keyDOM: number;\n};\n\nclass DocPage extends React.Component<DocPageInnerProps, DocPageState> {\n    static defaultProps: DocSettings = DEFAULT_SETTINGS;\n\n    state: DocPageState = {\n        loading: true,\n        keyDOM: getRandomKey(),\n    };\n\n    bodyRef: HTMLDivElement | null = null;\n    bodyObserver: MutationObserver | null = null;\n\n    componentDidMount(): void {\n        const {singlePage} = this.props;\n\n        if (singlePage) {\n            this.addLinksToOriginalArticle();\n        }\n\n        this.setState({loading: false});\n\n        this.addBodyObserver();\n    }\n\n    componentDidUpdate(prevProps: DocPageInnerProps): void {\n        if (prevProps.singlePage !== this.props.singlePage) {\n            this.setState({loading: true});\n        }\n\n        if (prevProps.html !== this.props.html) {\n            this.setState({keyDOM: getRandomKey()});\n        }\n    }\n\n    componentWillUnmount(): void {\n        if (this.bodyObserver) {\n            this.bodyObserver.disconnect();\n        }\n    }\n\n    render() {\n        const {\n            toc,\n            router,\n            headerHeight,\n            wideFormat,\n            fullScreen,\n            singlePage,\n            tocTitleIcon,\n            hideTocHeader,\n            hideToc,\n            footer,\n            onChangeSinglePage,\n            pdfLink,\n        } = this.props;\n\n        const hideMiniToc = !this.showMiniToc;\n        const modes = {\n            'regular-page-width': !wideFormat,\n            'full-screen': fullScreen,\n            'hidden-mini-toc': hideMiniToc,\n            'single-page': singlePage,\n        };\n\n        return (\n            <DocLayout\n                toc={toc}\n                router={router}\n                headerHeight={headerHeight}\n                className={b(modes)}\n                fullScreen={fullScreen}\n                hideRight={hideMiniToc}\n                tocTitleIcon={tocTitleIcon}\n                wideFormat={wideFormat}\n                hideTocHeader={hideTocHeader}\n                hideToc={hideToc}\n                loading={this.state.loading}\n                footer={footer}\n                singlePage={singlePage}\n                onChangeSinglePage={onChangeSinglePage}\n                pdfLink={pdfLink}\n            >\n                <DocLayout.Center>\n                    {this.renderSearchBar()}\n                    {this.renderBreadcrumbs()}\n                    {this.renderControls()}\n                    <div className={b('main')}>\n                        <main className={b('content')}>\n                            {this.renderTitle()}\n                            {this.renderPageContributors()}\n                            {hideMiniToc ? null : this.renderContentMiniToc()}\n                            {this.renderBody()}\n                            {this.renderFeedback()}\n                        </main>\n                        {this.renderTocNavPanel()}\n                    </div>\n                    {this.renderLoader()}\n                </DocLayout.Center>\n                <DocLayout.Right>\n                    {/* This key allows recalculating the offset for the mini-toc for Safari */}\n                    <div\n                        className={b('aside')}\n                        key={getStateKey(this.showMiniToc, wideFormat, singlePage)}\n                    >\n                        {hideMiniToc ? null : this.renderAsideMiniToc()}\n                    </div>\n                </DocLayout.Right>\n            </DocLayout>\n        );\n    }\n\n    private handleBodyMutation = (mutationsList: MutationRecord[]) => {\n        const {onContentMutation, onContentLoaded} = this.props;\n\n        if (this.props.singlePage && this.bodyObserver && this.bodyRef) {\n            this.bodyObserver.disconnect();\n            this.addLinksToOriginalArticle();\n            this.bodyObserver.observe(this.bodyRef, {\n                childList: true,\n                subtree: true,\n            });\n        }\n\n        if (onContentMutation) {\n            setTimeout(onContentMutation, 0);\n        }\n\n        this.setState({loading: false});\n\n        if (!onContentLoaded) {\n            return;\n        }\n\n        setTimeout(() => {\n            mutationsList\n                .filter(({type}) => type === 'childList')\n                .forEach((mutation) => {\n                    const yfmRoot = mutation.target as HTMLElement;\n                    const yfmImages = [...yfmRoot.querySelectorAll('img')];\n\n                    yfmImages.forEach((img) => {\n                        img.addEventListener('load', onContentLoaded, false);\n                    });\n                });\n        }, 0);\n    };\n\n    private addBodyObserver() {\n        if (!this.bodyObserver) {\n            this.bodyObserver = new MutationObserver(this.handleBodyMutation);\n        }\n\n        if (this.bodyRef) {\n            this.bodyObserver.observe(this.bodyRef, {\n                childList: true,\n                subtree: true,\n            });\n        }\n    }\n\n    private setBodyRef = (ref: HTMLDivElement) => {\n        this.bodyRef = ref;\n    };\n\n    private renderLoader() {\n        const {renderLoader} = this.props;\n        const {loading} = this.state;\n\n        if (!renderLoader || !loading) {\n            return null;\n        }\n\n        return <div className={b('loader-wrapper')}>{renderLoader()}</div>;\n    }\n\n    private addLinksToOriginalArticle = () => {\n        const {singlePage, convertPathToOriginalArticle, generatePathToVcs, vcsType} = this.props;\n\n        if (singlePage) {\n            const elements = document.querySelectorAll('[data-original-article]');\n            for (const el of elements) {\n                const href = el.getAttribute('data-original-article') || '';\n                const linkWrapperEl = getHeaderTag(el as HTMLElement);\n\n                if (linkWrapperEl) {\n                    /* Hide anchors */\n                    const anchors = linkWrapperEl.querySelectorAll('.yfm-anchor');\n                    for (const anchor of anchors) {\n                        anchor.classList.add('yfm-anchor_hidden');\n                    }\n\n                    /* Create the link to the original article */\n                    const linkToOriginal = document.createElement('a');\n                    linkToOriginal.href = callSafe(convertPathToOriginalArticle, href);\n                    linkToOriginal.className = 'yfm-anchor yfm-original-link';\n                    linkToOriginal.innerHTML = LinkIcon;\n                    linkWrapperEl.append(linkToOriginal);\n\n                    /* Create the link to the vcs */\n                    if (typeof generatePathToVcs === 'function') {\n                        const vcsHref = callSafe(generatePathToVcs, href);\n                        const linkToVcs = createElementFromHTML(\n                            ReactDOMServer.renderToStaticMarkup(\n                                <EditControl\n                                    vcsUrl={vcsHref}\n                                    vcsType={vcsType}\n                                    view={'wide'}\n                                    className={b('edit-button')}\n                                />,\n                            ),\n                        );\n                        linkWrapperEl.append(linkToVcs);\n                        linkWrapperEl.classList.add(b('header-container'));\n                    }\n                }\n            }\n        }\n    };\n\n    get showMiniToc() {\n        const {showMiniToc, singlePage, headings, toc} = this.props;\n\n        if (singlePage) {\n            return false;\n        }\n\n        const emptyHeaderOrSinglePage = headings.length === 0 || toc.singlePage;\n        const soloHeaderWithChildren =\n            headings.length === 1 && headings[0].items && headings[0].items.length >= 1;\n\n        if (emptyHeaderOrSinglePage || !(soloHeaderWithChildren || headings.length >= 2)) {\n            return false;\n        }\n\n        return showMiniToc;\n    }\n\n    private renderBreadcrumbs() {\n        const {breadcrumbs} = this.props;\n\n        if (!breadcrumbs || breadcrumbs.length < 2) {\n            return null;\n        }\n\n        return (\n            <div className={b('breadcrumbs')}>\n                <Breadcrumbs items={breadcrumbs} />\n            </div>\n        );\n    }\n\n    private renderTitle() {\n        const {title, meta, bookmarkedPage, onChangeBookmarkPage} = this.props;\n        const withBookmarks = onChangeBookmarkPage;\n\n        if (!title) {\n            return null;\n        }\n\n        return (\n            <DocPageTitle stage={meta.stage} className={b('title')}>\n                <HTML>{title}</HTML>\n                {withBookmarks && (\n                    <BookmarkButton\n                        isBookmarked={Boolean(bookmarkedPage)}\n                        onBookmark={onChangeBookmarkPage}\n                    />\n                )}\n            </DocPageTitle>\n        );\n    }\n\n    private renderPageContributors() {\n        const {meta, hideContributors} = this.props;\n\n        if (hideContributors) {\n            return null;\n        }\n\n        const author = this.renderAuthor(!meta?.contributors?.length);\n        const contributors = this.renderContributors();\n\n        const separator = author && contributors && <div className={b('separator')}>{','}</div>;\n\n        return (\n            <div className={b('page-contributors')}>\n                {author} {separator} {contributors}\n            </div>\n        );\n    }\n\n    private renderAuthor(onlyAuthor: boolean) {\n        const {meta} = this.props;\n\n        if (!isContributor(meta?.author)) {\n            return null;\n        }\n\n        return (\n            <Contributors\n                users={[meta.author]}\n                onlyAuthor={onlyAuthor}\n                translationName={'authors'}\n                isAuthor={true}\n            />\n        );\n    }\n\n    private renderContributors() {\n        const {meta} = this.props;\n\n        if (!meta?.contributors || meta.contributors.length === 0) {\n            return null;\n        }\n\n        return <Contributors users={meta.contributors} />;\n    }\n\n    private renderContentMiniToc() {\n        const {headings} = this.props;\n\n        return (\n            <div className={b('content-mini-toc', 'yfm')}>\n                <ul>\n                    {headings.map(({title, href, level, items}, index) => {\n                        if (level !== 2) {\n                            return null;\n                        }\n\n                        return (\n                            <li key={index}>\n                                <a href={href}>{title}</a>\n                                {items && (\n                                    <ul>\n                                        {items.map(\n                                            (\n                                                {\n                                                    title: itemTitle,\n                                                    href: itemHref,\n                                                    level: itemLevel,\n                                                },\n                                                idx,\n                                            ) => {\n                                                if (itemLevel !== 3) {\n                                                    return null;\n                                                }\n\n                                                return (\n                                                    <li key={idx}>\n                                                        <a href={itemHref}>{itemTitle}</a>\n                                                    </li>\n                                                );\n                                            },\n                                        )}\n                                    </ul>\n                                )}\n                            </li>\n                        );\n                    })}\n                </ul>\n            </div>\n        );\n    }\n\n    private renderBody() {\n        const {html, textSize} = this.props;\n\n        if (!html) {\n            return null;\n        }\n\n        return (\n            <div\n                ref={this.setBodyRef}\n                className={b('body', {'text-size': textSize}, 'yfm')}\n                dangerouslySetInnerHTML={{__html: html}}\n            />\n        );\n    }\n\n    private renderAsideMiniToc() {\n        const {headings, router, headerHeight} = this.props;\n        const {keyDOM} = this.state;\n\n        return (\n            <div className={b('aside-mini-toc')}>\n                <MiniToc\n                    headings={headings}\n                    router={router}\n                    headerHeight={headerHeight}\n                    key={keyDOM}\n                />\n            </div>\n        );\n    }\n\n    private renderFeedback() {\n        const {singlePage, isLiked, isDisliked, onSendFeedback, hideFeedbackControls} = this.props;\n\n        if (singlePage || hideFeedbackControls || !onSendFeedback) {\n            return null;\n        }\n\n        return (\n            <div className={b('feedback')}>\n                <Feedback\n                    isLiked={isLiked}\n                    isDisliked={isDisliked}\n                    onSendFeedback={onSendFeedback}\n                    view={FeedbackView.Wide}\n                />\n            </div>\n        );\n    }\n\n    private renderTocNavPanel() {\n        const {toc, singlePage, router, fullScreen} = this.props;\n\n        if (singlePage) {\n            return null;\n        }\n\n        return (\n            <TocNavPanel\n                {...toc}\n                router={router}\n                fixed={fullScreen}\n                className={b('toc-nav-panel')}\n            />\n        );\n    }\n\n    private isEditable() {\n        const {toc, meta, vcsUrl, vcsType} = this.props;\n        const editable =\n            toc.stage !== 'preview' &&\n            meta.stage !== 'preview' &&\n            meta.editable !== false &&\n            toc.editable !== false;\n\n        return Boolean(editable && vcsUrl && vcsType);\n    }\n\n    private getIsVerticalView = () => {\n        const {fullScreen} = this.props;\n        return !this.showMiniToc || fullScreen;\n    };\n\n    private renderSearchBar = () => {\n        const {\n            showSearchBar,\n            searchQuery,\n            searchCurrentIndex,\n            searchCountResults,\n            onClickPrevSearch,\n            onClickNextSearch,\n            onCloseSearchBar,\n            singlePage,\n        } = this.props;\n\n        if (!showSearchBar || singlePage) {\n            return null;\n        }\n\n        return (\n            <div className={b('search-bar')}>\n                <SearchBar\n                    searchCurrentIndex={searchCurrentIndex}\n                    searchCountResults={searchCountResults}\n                    onClickPrevSearch={onClickPrevSearch}\n                    onClickNextSearch={onClickNextSearch}\n                    onCloseSearchBar={onCloseSearchBar}\n                    searchQuery={searchQuery}\n                />\n            </div>\n        );\n    };\n\n    private renderControls() {\n        const {\n            lang,\n            langs,\n            textSize,\n            theme,\n            wideFormat,\n            fullScreen,\n            singlePage,\n            vcsUrl,\n            vcsType,\n            onChangeLang,\n            onChangeFullScreen,\n            onChangeWideFormat,\n            onChangeShowMiniToc,\n            onChangeTheme,\n            onChangeTextSize,\n            onSendFeedback,\n            onSubscribe,\n            isLiked,\n            isDisliked,\n            hideControls,\n            hideEditControl,\n            hideFeedbackControls,\n        } = this.props;\n\n        if (hideControls) {\n            return null;\n        }\n\n        const isVerticalView = this.getIsVerticalView();\n\n        return (\n            <div className={b('controls', {vertical: isVerticalView})}>\n                <ControlsLayout isVerticalView={isVerticalView}>\n                    <Controls\n                        lang={lang}\n                        langs={langs}\n                        textSize={textSize}\n                        theme={theme}\n                        wideFormat={wideFormat}\n                        showMiniToc={this.showMiniToc}\n                        fullScreen={fullScreen}\n                        singlePage={singlePage}\n                        vcsUrl={vcsUrl as string}\n                        vcsType={vcsType as Vcs}\n                        isLiked={isLiked}\n                        isDisliked={isDisliked}\n                        onChangeLang={onChangeLang}\n                        onChangeFullScreen={onChangeFullScreen}\n                        onChangeWideFormat={onChangeWideFormat}\n                        onChangeShowMiniToc={onChangeShowMiniToc}\n                        onChangeTheme={onChangeTheme}\n                        onChangeTextSize={onChangeTextSize}\n                        onSendFeedback={onSendFeedback}\n                        onSubscribe={onSubscribe}\n                        hideEditControl={hideEditControl || fullScreen || !this.isEditable()}\n                        hideFeedbackControls={hideFeedbackControls}\n                    />\n                </ControlsLayout>\n            </div>\n        );\n    }\n}\n\nexport default withHighlightedSearchWords(DocPage);\n"],
+  "mappings": "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",
+  "names": ["block", "React", "ReactDOMServer", "Contributors"]
 }

package/build/cjs/components/DocPageTitle/DocPageTitle.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/DocPageTitle/Users/3y3k0/doctools/docs-components/src/components/DocPageTitle/DocPageTitle.scss", "../../../../src/components/DocPageTitle/%3Cinput%20css%20npOMQh%3E"],
+  "sources": ["../../../../src/components/DocPageTitle/Users/3y3k0/doctools/docs-components/src/components/DocPageTitle/DocPageTitle.scss", "../../../../src/components/DocPageTitle/%3Cinput%20css%20PmtF5J%3E"],
   "sourcesContent": [".dc-doc-page-title {\n    position: relative;\n\n    &__label {\n        position: absolute;\n        left: 0;\n        top: -11px;\n    }\n}\n", ".dc-doc-page-title {\n  position: relative;\n}\n.dc-doc-page-title__label {\n  position: absolute;\n  left: 0;\n  top: -11px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Eb2NQYWdlVGl0bGUiLCJzb3VyY2VzIjpbIkRvY1BhZ2VUaXRsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0k7O0FBRUE7RUFDSTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIuZGMtZG9jLXBhZ2UtdGl0bGUge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICZfX2xhYmVsIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICB0b3A6IC0xMXB4O1xuICAgIH1cbn1cbiJdfQ== */"],
   "mappings": ";AAAA,CAAA;AACI,YAAA;ACCJ;ADCI,CAAA;AACI,YAAA;AACA,QAAA;AACA,OAAA;ACCR;",
   "names": []

package/build/cjs/components/ErrorBoundary/ErrorBoundary.js

@@ -5,6 +5,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -26,6 +27,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // src/components/ErrorBoundary/ErrorBoundary.tsx
 var ErrorBoundary_exports = {};
@@ -37,7 +42,10 @@ var import_react = __toESM(require("react"));
 var import_lodash = require("lodash");
 var import_ErrorPage = require("../ErrorPage");
 var ErrorBoundary = class extends import_react.default.Component {
-  state = {};
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", {});
+  }
   componentDidUpdate(prevProps) {
     if (this.state.error && !(0, import_lodash.isEqual)(this.props, prevProps)) {
       this.setState({ error: void 0, errorInfo: void 0 });

package/build/cjs/components/ErrorBoundary/ErrorBoundary.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/ErrorBoundary/ErrorBoundary.tsx"],
   "sourcesContent": ["import React, {PropsWithChildren} from 'react';\n\nimport {isEqual} from 'lodash';\n\nimport {ErrorPage} from '../ErrorPage';\n\ninterface ErrorBoundaryState {\n    error?: Error;\n    errorInfo?: unknown;\n}\n\nclass ErrorBoundary extends React.Component<PropsWithChildren<ErrorBoundaryState>> {\n    state: ErrorBoundaryState = {};\n\n    componentDidUpdate(prevProps: ErrorBoundaryState) {\n        if (this.state.error && !isEqual(this.props, prevProps)) {\n            this.setState({error: undefined, errorInfo: undefined});\n        }\n    }\n\n    componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n        this.setState({error, errorInfo});\n    }\n\n    render() {\n        const {children} = this.props;\n        const {error} = this.state;\n\n        return error ? <ErrorPage /> : children;\n    }\n}\n\nexport default ErrorBoundary;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAuC;AAEvC,oBAAsB;AAEtB,uBAAwB;AAOxB,IAAM,gBAAN,cAA4B,aAAAA,QAAM,UAAiD;AAAA,EAC/E,QAA4B,CAAC;AAAA,EAE7B,mBAAmB,WAA+B;AAC9C,QAAI,KAAK,MAAM,SAAS,KAAC,uBAAQ,KAAK,OAAO,SAAS,GAAG;AACrD,WAAK,SAAS,EAAC,OAAO,QAAW,WAAW,OAAS,CAAC;AAAA,IAC1D;AAAA,EACJ;AAAA,EAEA,kBAAkB,OAAc,WAA4B;AACxD,SAAK,SAAS,EAAC,OAAO,UAAS,CAAC;AAAA,EACpC;AAAA,EAEA,SAAS;AACL,UAAM,EAAC,SAAQ,IAAI,KAAK;AACxB,UAAM,EAAC,MAAK,IAAI,KAAK;AAErB,WAAO,QAAQ,6BAAAA,QAAA,cAAC,gCAAU,IAAK;AAAA,EACnC;AACJ;AAEA,IAAO,wBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAuC;AAEvC,oBAAsB;AAEtB,uBAAwB;AAOxB,IAAM,gBAAN,cAA4B,aAAAA,QAAM,UAAiD;AAAA,EAAnF;AAAA;AACI,iCAA4B,CAAC;AAAA;AAAA,EAE7B,mBAAmB,WAA+B;AAC9C,QAAI,KAAK,MAAM,SAAS,KAAC,uBAAQ,KAAK,OAAO,SAAS,GAAG;AACrD,WAAK,SAAS,EAAC,OAAO,QAAW,WAAW,OAAS,CAAC;AAAA,IAC1D;AAAA,EACJ;AAAA,EAEA,kBAAkB,OAAc,WAA4B;AACxD,SAAK,SAAS,EAAC,OAAO,UAAS,CAAC;AAAA,EACpC;AAAA,EAEA,SAAS;AACL,UAAM,EAAC,SAAQ,IAAI,KAAK;AACxB,UAAM,EAAC,MAAK,IAAI,KAAK;AAErB,WAAO,QAAQ,6BAAAA,QAAA,cAAC,gCAAU,IAAK;AAAA,EACnC;AACJ;AAEA,IAAO,wBAAQ;",
   "names": ["React"]
 }

package/build/cjs/components/ErrorPage/ErrorPage.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/ErrorPage/Users/3y3k0/doctools/docs-components/src/components/ErrorPage/ErrorPage.scss", "../../../../src/components/ErrorPage/%3Cinput%20css%20u2wLuV%3E", "../../../../src/components/ErrorPage/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
+  "sources": ["../../../../src/components/ErrorPage/Users/3y3k0/doctools/docs-components/src/components/ErrorPage/ErrorPage.scss", "../../../../src/components/ErrorPage/%3Cinput%20css%20TpZ7d0%3E", "../../../../src/components/ErrorPage/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
   "sourcesContent": ["@import '../../styles/variables';\n@import '../../styles/mixins';\n\n.ErrorPage {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-top: 70px;\n    padding: 0 50px;\n    text-align: center;\n\n    &__image {\n        width: 230px;\n        height: 230px;\n        margin-bottom: 40px;\n\n        background-size: contain;\n        background-repeat: no-repeat;\n        background-position: center center;\n\n        //The images for error page are supposed to be installed via overriding \"background-image\" variable\n        &_code {\n            &_403 {\n                background-image: var(--dc-error-image-403);\n            }\n\n            &_404 {\n                background-image: var(--dc-error-image-404);\n            }\n\n            &_500 {\n                background-image: var(--dc-error-image-500);\n            }\n        }\n    }\n\n    &__code {\n        margin-bottom: 10px;\n    }\n\n    &__title {\n        @include heading3();\n\n        max-width: 800px;\n        margin-bottom: 20px;\n    }\n\n    &__description {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n\n        max-width: 600px;\n\n        &-link {\n            width: 100%;\n            max-width: 200px;\n        }\n    }\n\n    a {\n        @include link();\n    }\n\n    .mobile & {\n        margin-top: 40px;\n        padding: 0 20px;\n    }\n}\n", ".ErrorPage {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-top: 70px;\n  padding: 0 50px;\n  text-align: center;\n}\n.ErrorPage__image {\n  width: 230px;\n  height: 230px;\n  margin-bottom: 40px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center center;\n}\n.ErrorPage__image_code_403 {\n  background-image: var(--dc-error-image-403);\n}\n.ErrorPage__image_code_404 {\n  background-image: var(--dc-error-image-404);\n}\n.ErrorPage__image_code_500 {\n  background-image: var(--dc-error-image-500);\n}\n.ErrorPage__code {\n  margin-bottom: 10px;\n}\n.ErrorPage__title {\n  font-size: var(--g-text-header-2-font-size);\n  line-height: var(--g-text-header-2-line-height);\n  font-weight: 500;\n  max-width: 800px;\n  margin-bottom: 20px;\n}\n.ErrorPage__description {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  max-width: 600px;\n}\n.ErrorPage__description-link {\n  width: 100%;\n  max-width: 200px;\n}\n.ErrorPage a {\n  outline: none;\n  color: var(--g-color-text-link);\n  text-decoration: none;\n  cursor: pointer;\n}\n.utilityfocus .ErrorPage a:focus {\n  outline: 2px solid #ffdb4d;\n}\n.ErrorPage a:hover, .ErrorPage a:active {\n  color: var(--g-color-text-link-hover);\n}\n.mobile .ErrorPage {\n  margin-top: 40px;\n  padding: 0 20px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9FcnJvclBhZ2UiLCJzb3VyY2VzIjpbIkVycm9yUGFnZS5zY3NzIiwiLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0k7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBOztBQUlJO0VBQ0k7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOztBQUtaO0VBQ0k7O0FBR0o7RUNyQ0E7RUFDQTtFQXdEQTtFRGpCSTtFQUNBOztBQUdKO0VBQ0k7RUFDQTtFQUNBO0VBRUE7O0FBRUE7RUFDSTtFQUNBOztBQUlSO0VDcENBO0VBVUE7RUFDQTtFQUNBOztBQVZBO0VBQ0k7O0FBV0o7RUFFSTs7QUR3Qko7RUFDSTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLkVycm9yUGFnZSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLXRvcDogNzBweDtcbiAgICBwYWRkaW5nOiAwIDUwcHg7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuXG4gICAgJl9faW1hZ2Uge1xuICAgICAgICB3aWR0aDogMjMwcHg7XG4gICAgICAgIGhlaWdodDogMjMwcHg7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDQwcHg7XG5cbiAgICAgICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuICAgICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xuXG4gICAgICAgIC8vVGhlIGltYWdlcyBmb3IgZXJyb3IgcGFnZSBhcmUgc3VwcG9zZWQgdG8gYmUgaW5zdGFsbGVkIHZpYSBvdmVycmlkaW5nIFwiYmFja2dyb3VuZC1pbWFnZVwiIHZhcmlhYmxlXG4gICAgICAgICZfY29kZSB7XG4gICAgICAgICAgICAmXzQwMyB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogdmFyKC0tZGMtZXJyb3ItaW1hZ2UtNDAzKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJl80MDQge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHZhcigtLWRjLWVycm9yLWltYWdlLTQwNCk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICZfNTAwIHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiB2YXIoLS1kYy1lcnJvci1pbWFnZS01MDApO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fY29kZSB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XG4gICAgfVxuXG4gICAgJl9fdGl0bGUge1xuICAgICAgICBAaW5jbHVkZSBoZWFkaW5nMygpO1xuXG4gICAgICAgIG1heC13aWR0aDogODAwcHg7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gICAgfVxuXG4gICAgJl9fZGVzY3JpcHRpb24ge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBnYXA6IDEwcHg7XG5cbiAgICAgICAgbWF4LXdpZHRoOiA2MDBweDtcblxuICAgICAgICAmLWxpbmsge1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IDIwMHB4O1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgYSB7XG4gICAgICAgIEBpbmNsdWRlIGxpbmsoKTtcbiAgICB9XG5cbiAgICAubW9iaWxlICYge1xuICAgICAgICBtYXJnaW4tdG9wOiA0MHB4O1xuICAgICAgICBwYWRkaW5nOiAwIDIwcHg7XG4gICAgfVxufVxuIiwiQGltcG9ydCAnLi92YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAjeyRoZWFkZXJIZWlnaHR9KSk7XG59XG5cbkBtaXhpbiByZXNldC1saW5rLXN0eWxlKCkge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuQG1peGluIGlzbGFuZHMtZm9jdXMoKSB7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgIC51dGlsaXR5Zm9jdXMgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjZmZkYjRkO1xuICAgIH1cbn1cblxuQG1peGluIGxpbmsoKSB7XG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nMygpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTEpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xufVxuXG5AbWl4aW4gaGVhZGluZzYoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gZGVza3RvcC10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnc20nKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cbiJdfQ== */", "@import './variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
   "mappings": ";AAGA,CAAA;AACI,WAAA;AACA,kBAAA;AACA,eAAA;AACA,cAAA;AACA,WAAA,EAAA;AACA,cAAA;ACFJ;ADII,CAAA;AACI,SAAA;AACA,UAAA;AACA,iBAAA;AAEA,mBAAA;AACA,qBAAA;AACA,uBAAA,OAAA;ACHR;ADOY,CAAA;AACI,oBAAA,IAAA;ACLhB;ADQY,CAAA;AACI,oBAAA,IAAA;ACNhB;ADSY,CAAA;AACI,oBAAA,IAAA;ACPhB;ADYI,CAAA;AACI,iBAAA;ACVR;ADaI,CAAA;AErCA,aAAA,IAAA;AACA,eAAA,IAAA;AAwDA,eAAA;AFjBI,aAAA;AACA,iBAAA;ACVR;ADaI,CAAA;AACI,WAAA;AACA,kBAAA;AACA,OAAA;AAEA,aAAA;ACZR;ADcQ,CAAA;AACI,SAAA;AACA,aAAA;ACZZ;ADgBI,CAzDJ,UAyDI;AEpCA,WAAA;AAUA,SAAA,IAAA;AACA,2BAAA;AAAA,mBAAA;AACA,UAAA;ADcJ;ACxBI,CAAA,aAAA,CFvBJ,UEuBI,CAAA;AACI,WAAA,IAAA,MAAA;AD0BR;ACfI,CFnCJ,UEmCI,CAAA;AAAA,CFnCJ,UEmCI,CAAA;AAEI,SAAA,IAAA;ADgBR;ADQI,CAAA,OAAA,CA7DJ;AA8DQ,cAAA;AACA,WAAA,EAAA;ACNR;",
   "names": []

package/build/cjs/components/Feedback/Feedback.css.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Feedback/Users/3y3k0/doctools/docs-components/src/components/Feedback/Feedback.scss", "../../../../src/components/Feedback/%3Cinput%20css%2054dsm_%3E", "../../../../src/components/Feedback/Users/3y3k0/doctools/docs-components/src/styles/variables.scss"],
+  "sources": ["../../../../src/components/Feedback/Users/3y3k0/doctools/docs-components/src/components/Feedback/Feedback.scss", "../../../../src/components/Feedback/%3Cinput%20css%20WQR1dP%3E", "../../../../src/components/Feedback/Users/3y3k0/doctools/docs-components/src/styles/variables.scss"],
   "sourcesContent": ["@import '../../styles/mixins';\n@import '../../styles/variables';\n\n$popupWidth: 320px;\n\n@mixin tooltip-in-center {\n    @media screen and (max-width: map-get($screenBreakpoints, 'xs')) {\n        & {\n            // stylelint-disable declaration-no-important\n            right: 0 !important;\n            left: 0 !important;\n            margin: auto;\n        }\n    }\n}\n\n.dc-feedback {\n    &__container {\n        &_view_wide {\n            display: flex;\n            align-items: center;\n            flex-direction: column;\n            width: 100%;\n        }\n    }\n\n    &__container-row {\n        display: flex;\n        justify-content: center;\n        width: 100%;\n        padding: 28px;\n\n        border: 1px solid var(--g-color-line-generic);\n        border-radius: 8px;\n\n        &_view_wide {\n            display: flex;\n            align-items: center;\n        }\n    }\n\n    &__success-popup {\n        padding: $popupPadding 50px $popupPadding $popupPadding;\n        width: $popupWidth;\n\n        &_view_wide {\n            @include tooltip-in-center();\n        }\n    }\n\n    &__variants-popup {\n        padding: $popupPadding;\n        width: $popupWidth;\n\n        &_view_wide {\n            @include tooltip-in-center();\n        }\n    }\n\n    &__popup-title {\n        font-size: var(--g-text-body-2-font-size);\n        line-height: var(--g-text-body-2-line-height);\n        padding-bottom: 8px;\n    }\n\n    &__popup-text {\n        font-size: var(--g-text-body-short-font-size);\n        line-height: var(--g-text-body-short-line-height);\n    }\n\n    &__variants {\n        display: flex;\n        flex-direction: column;\n        padding: 8px 0;\n    }\n\n    &__variant {\n        margin-bottom: 8px;\n        white-space: normal;\n    }\n\n    &__variant:last-child {\n        margin-bottom: 0;\n    }\n\n    &__variants-actions {\n        padding-top: 8px;\n        display: flex;\n        justify-content: flex-end;\n    }\n\n    &__variants-action {\n        margin-left: 10px;\n    }\n\n    &__textarea {\n        padding: 8px 0;\n    }\n\n    &__title {\n        &_view_wide {\n            font-size: var(--g-text-body-2-font-size);\n            line-height: var(--g-text-body-2-line-height);\n            margin-right: 16px;\n            font-weight: 400;\n        }\n    }\n\n    &__controls {\n        display: flex;\n        gap: 10px;\n\n        &_view_wide {\n            display: flex;\n        }\n    }\n\n    &__control {\n        &:last-child {\n            font-size: 13px;\n            line-height: 18px;\n            display: flex;\n            align-items: center;\n        }\n\n        &_view_wide {\n            margin-right: 12px;\n\n            &:last-child {\n                margin-right: 0;\n            }\n        }\n\n        &_view_regular {\n            margin-right: 4px;\n\n            &:last-child {\n                margin-right: 0;\n            }\n        }\n    }\n}\n", ".dc-feedback__container_view_wide {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n}\n.dc-feedback__container-row {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  padding: 28px;\n  border: 1px solid var(--g-color-line-generic);\n  border-radius: 8px;\n}\n.dc-feedback__container-row_view_wide {\n  display: flex;\n  align-items: center;\n}\n.dc-feedback__success-popup {\n  padding: 16px 50px 16px 16px;\n  width: 320px;\n}\n@media screen and (max-width: 375px) {\n  .dc-feedback__success-popup_view_wide {\n    right: 0 !important;\n    left: 0 !important;\n    margin: auto;\n  }\n}\n.dc-feedback__variants-popup {\n  padding: 16px;\n  width: 320px;\n}\n@media screen and (max-width: 375px) {\n  .dc-feedback__variants-popup_view_wide {\n    right: 0 !important;\n    left: 0 !important;\n    margin: auto;\n  }\n}\n.dc-feedback__popup-title {\n  font-size: var(--g-text-body-2-font-size);\n  line-height: var(--g-text-body-2-line-height);\n  padding-bottom: 8px;\n}\n.dc-feedback__popup-text {\n  font-size: var(--g-text-body-short-font-size);\n  line-height: var(--g-text-body-short-line-height);\n}\n.dc-feedback__variants {\n  display: flex;\n  flex-direction: column;\n  padding: 8px 0;\n}\n.dc-feedback__variant {\n  margin-bottom: 8px;\n  white-space: normal;\n}\n.dc-feedback__variant:last-child {\n  margin-bottom: 0;\n}\n.dc-feedback__variants-actions {\n  padding-top: 8px;\n  display: flex;\n  justify-content: flex-end;\n}\n.dc-feedback__variants-action {\n  margin-left: 10px;\n}\n.dc-feedback__textarea {\n  padding: 8px 0;\n}\n.dc-feedback__title_view_wide {\n  font-size: var(--g-text-body-2-font-size);\n  line-height: var(--g-text-body-2-line-height);\n  margin-right: 16px;\n  font-weight: 400;\n}\n.dc-feedback__controls {\n  display: flex;\n  gap: 10px;\n}\n.dc-feedback__controls_view_wide {\n  display: flex;\n}\n.dc-feedback__control:last-child {\n  font-size: 13px;\n  line-height: 18px;\n  display: flex;\n  align-items: center;\n}\n.dc-feedback__control_view_wide {\n  margin-right: 12px;\n}\n.dc-feedback__control_view_wide:last-child {\n  margin-right: 0;\n}\n.dc-feedback__control_view_regular {\n  margin-right: 4px;\n}\n.dc-feedback__control_view_regular:last-child {\n  margin-right: 0;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9GZWVkYmFjayIsInNvdXJjZXMiOlsiRmVlZGJhY2suc2NzcyIsIi4uLy4uL3N0eWxlcy92YXJpYWJsZXMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQlE7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFJUjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBRUE7RUFDQTs7QUFFQTtFQUNJO0VBQ0E7O0FBSVI7RUFDSTtFQUNBLE9BeENLOztBQUdUO0VBQ0k7SUFFSTtJQUNBO0lBQ0E7OztBQXVDUjtFQUNJLFNDM0NPO0VENENQLE9BakRLOztBQUdUO0VBQ0k7SUFFSTtJQUNBO0lBQ0E7OztBQWdEUjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTtFQUNBOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOztBQUlBO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7O0FBSVI7RUFDSTtFQUNBOztBQUVBO0VBQ0k7O0FBS0o7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUVBO0VBQ0k7O0FBSVI7RUFDSTs7QUFFQTtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5AaW1wb3J0ICcuLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcblxuJHBvcHVwV2lkdGg6IDMyMHB4O1xuXG5AbWl4aW4gdG9vbHRpcC1pbi1jZW50ZXIge1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAneHMnKSkge1xuICAgICAgICAmIHtcbiAgICAgICAgICAgIC8vIHN0eWxlbGludC1kaXNhYmxlIGRlY2xhcmF0aW9uLW5vLWltcG9ydGFudFxuICAgICAgICAgICAgcmlnaHQ6IDAgIWltcG9ydGFudDtcbiAgICAgICAgICAgIGxlZnQ6IDAgIWltcG9ydGFudDtcbiAgICAgICAgICAgIG1hcmdpbjogYXV0bztcbiAgICAgICAgfVxuICAgIH1cbn1cblxuLmRjLWZlZWRiYWNrIHtcbiAgICAmX19jb250YWluZXIge1xuICAgICAgICAmX3ZpZXdfd2lkZSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2NvbnRhaW5lci1yb3cge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIHBhZGRpbmc6IDI4cHg7XG5cbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWdlbmVyaWMpO1xuICAgICAgICBib3JkZXItcmFkaXVzOiA4cHg7XG5cbiAgICAgICAgJl92aWV3X3dpZGUge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19zdWNjZXNzLXBvcHVwIHtcbiAgICAgICAgcGFkZGluZzogJHBvcHVwUGFkZGluZyA1MHB4ICRwb3B1cFBhZGRpbmcgJHBvcHVwUGFkZGluZztcbiAgICAgICAgd2lkdGg6ICRwb3B1cFdpZHRoO1xuXG4gICAgICAgICZfdmlld193aWRlIHtcbiAgICAgICAgICAgIEBpbmNsdWRlIHRvb2x0aXAtaW4tY2VudGVyKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX192YXJpYW50cy1wb3B1cCB7XG4gICAgICAgIHBhZGRpbmc6ICRwb3B1cFBhZGRpbmc7XG4gICAgICAgIHdpZHRoOiAkcG9wdXBXaWR0aDtcblxuICAgICAgICAmX3ZpZXdfd2lkZSB7XG4gICAgICAgICAgICBAaW5jbHVkZSB0b29sdGlwLWluLWNlbnRlcigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fcG9wdXAtdGl0bGUge1xuICAgICAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTItZm9udC1zaXplKTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTItbGluZS1oZWlnaHQpO1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogOHB4O1xuICAgIH1cblxuICAgICZfX3BvcHVwLXRleHQge1xuICAgICAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LXNob3J0LWZvbnQtc2l6ZSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1zaG9ydC1saW5lLWhlaWdodCk7XG4gICAgfVxuXG4gICAgJl9fdmFyaWFudHMge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBwYWRkaW5nOiA4cHggMDtcbiAgICB9XG5cbiAgICAmX192YXJpYW50IHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogOHB4O1xuICAgICAgICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICAgIH1cblxuICAgICZfX3ZhcmlhbnQ6bGFzdC1jaGlsZCB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgfVxuXG4gICAgJl9fdmFyaWFudHMtYWN0aW9ucyB7XG4gICAgICAgIHBhZGRpbmctdG9wOiA4cHg7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgfVxuXG4gICAgJl9fdmFyaWFudHMtYWN0aW9uIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gICAgfVxuXG4gICAgJl9fdGV4dGFyZWEge1xuICAgICAgICBwYWRkaW5nOiA4cHggMDtcbiAgICB9XG5cbiAgICAmX190aXRsZSB7XG4gICAgICAgICZfdmlld193aWRlIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMi1mb250LXNpemUpO1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTItbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAxNnB4O1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2NvbnRyb2xzIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZ2FwOiAxMHB4O1xuXG4gICAgICAgICZfdmlld193aWRlIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19jb250cm9sIHtcbiAgICAgICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxOHB4O1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICAmX3ZpZXdfd2lkZSB7XG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDEycHg7XG5cbiAgICAgICAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJl92aWV3X3JlZ3VsYXIge1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiA0cHg7XG5cbiAgICAgICAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuIiwiLy8gU2l6ZXNcbiRoZWFkZXJIZWlnaHQ6IDBweDtcbiRub3JtYWxPZmZzZXQ6IDIwcHg7XG4kbWluaVRvY09mZnNldDogNTZweDtcbiRibG9ja01hcmdpbkJvdHRvbUxhcmdlOiAyMHB4O1xuJGJsb2NrTWFyZ2luQm90dG9tTWVkaXVtOiAxNXB4O1xuJGhlYWRlck1hcmdpblRvcExhcmdlOiA0MHB4O1xuJGhlYWRlck1hcmdpblRvcE1lZGl1bTogMzJweDtcbiRwb3B1cFBhZGRpbmc6IDE2cHg7XG4kY2VudGVyQmxvY2tNYXhXaWR0aDogNzM2cHg7XG5cbiRzY3JlZW5CcmVha3BvaW50czogKFxuICAgICd4cyc6IDM3NXB4LFxuICAgICdzbSc6IDU3N3B4LFxuICAgICdtZCc6IDc2OXB4LFxuICAgICdsZyc6IDEwODFweCxcbiAgICAneGwnOiAxMTg1cHgsXG4pO1xuIl19 */", "// Sizes\n$headerHeight: 0px;\n$normalOffset: 20px;\n$miniTocOffset: 56px;\n$blockMarginBottomLarge: 20px;\n$blockMarginBottomMedium: 15px;\n$headerMarginTopLarge: 40px;\n$headerMarginTopMedium: 32px;\n$popupPadding: 16px;\n$centerBlockMaxWidth: 736px;\n\n$screenBreakpoints: (\n    'xs': 375px,\n    'sm': 577px,\n    'md': 769px,\n    'lg': 1081px,\n    'xl': 1185px,\n);\n"],
   "mappings": ";AAkBQ,CAAA;AACI,WAAA;AACA,eAAA;AACA,kBAAA;AACA,SAAA;ACjBZ;ADqBI,CAAA;AACI,WAAA;AACA,mBAAA;AACA,SAAA;AACA,WAAA;AAEA,UAAA,IAAA,MAAA,IAAA;AACA,iBAAA;ACpBR;ADsBQ,CAAA;AACI,WAAA;AACA,eAAA;ACpBZ;ADwBI,CAAA;AACI,WAAA,KAAA,KAAA,KAAA;AACA,SAAA;ACtBR;ADfI,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA;AACI,GAAA;AAEI,WAAA;AACA,UAAA;ACiBV;ADpBM,GAAA;AAII,YAAA;ACgBV;AACF;ADsBI,CAAA;AACI,WAAA;AACA,SAAA;ACpBR;AD1BI,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA;AACI,GAAA;AAEI,WAAA;AACA,UAAA;AC4BV;AD/BM,GAAA;AAII,YAAA;AC2BV;AACF;ADoBI,CAAA;AACI,aAAA,IAAA;AACA,eAAA,IAAA;AACA,kBAAA;AClBR;ADqBI,CAAA;AACI,aAAA,IAAA;AACA,eAAA,IAAA;ACnBR;ADsBI,CAAA;AACI,WAAA;AACA,kBAAA;AACA,WAAA,IAAA;ACpBR;ADuBI,CAAA;AACI,iBAAA;AACA,eAAA;ACrBR;ADwBI,CALA,oBAKA;AACI,iBAAA;ACtBR;ADyBI,CAAA;AACI,eAAA;AACA,WAAA;AACA,mBAAA;ACvBR;AD0BI,CAAA;AACI,eAAA;ACxBR;AD2BI,CAAA;AACI,WAAA,IAAA;ACzBR;AD6BQ,CAAA;AACI,aAAA,IAAA;AACA,eAAA,IAAA;AACA,gBAAA;AACA,eAAA;AC3BZ;AD+BI,CAAA;AACI,WAAA;AACA,OAAA;AC7BR;AD+BQ,CAAA;AACI,WAAA;AC7BZ;ADkCQ,CAAA,oBAAA;AACI,aAAA;AACA,eAAA;AACA,WAAA;AACA,eAAA;AChCZ;ADmCQ,CAAA;AACI,gBAAA;ACjCZ;ADmCY,CAHJ,8BAGI;AACI,gBAAA;ACjChB;ADqCQ,CAAA;AACI,gBAAA;ACnCZ;ADqCY,CAHJ,iCAGI;AACI,gBAAA;ACnChB;",
   "names": []