@diplodoc/client 3.3.4 → 3.4.1

package/build/server/vendor.js

@@ -1745,10 +1745,12 @@ __webpack_require__.d(__webpack_exports__, {
   A: () => (/* binding */ Controls_default)
 });
 
-// EXTERNAL MODULE: ./node_modules/react/index.js
-var react = __webpack_require__(96540);
+// UNUSED EXPORTS: ControlsList
+
 // EXTERNAL MODULE: ./node_modules/bem-cn-lite/lib/index.js
 var lib = __webpack_require__(23614);
+// EXTERNAL MODULE: ./node_modules/react/index.js
+var react = __webpack_require__(96540);
 // EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/components/Feedback/Feedback.js + 9 modules
 var Feedback = __webpack_require__(8278);
 ;// ./node_modules/@gravity-ui/icons/esm/Envelope.js
@@ -2029,6 +2031,8 @@ var Subscribe_default = Subscribe;
 
 //# sourceMappingURL=Subscribe.js.map
 
+// EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/hooks/useInterface.js
+var useInterface = __webpack_require__(40258);
 ;// ./node_modules/@gravity-ui/icons/esm/SquareDashedCircle.js
 
 const SquareDashedCircle = (props) => (react.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16" }, props),
@@ -2587,6 +2591,26 @@ var DividerControl_default = DividerControl;
 // extracted by mini-css-extract-plugin
 
 ;// ./node_modules/@diplodoc/components/build/esm/components/Controls/Controls.js
+var Controls_defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var Controls_getOwnPropSymbols = Object.getOwnPropertySymbols;
+var Controls_hasOwnProp = Object.prototype.hasOwnProperty;
+var Controls_propIsEnum = Object.prototype.propertyIsEnumerable;
+var Controls_defNormalProp = (obj, key, value) => key in obj ? Controls_defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var Controls_spreadValues = (a, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (Controls_hasOwnProp.call(b2, prop))
+      Controls_defNormalProp(a, prop, b2[prop]);
+  if (Controls_getOwnPropSymbols)
+    for (var prop of Controls_getOwnPropSymbols(b2)) {
+      if (Controls_propIsEnum.call(b2, prop))
+        Controls_defNormalProp(a, prop, b2[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
+
 // src/components/Controls/Controls.tsx
 
 
@@ -2595,14 +2619,13 @@ var DividerControl_default = DividerControl;
 
 
 
+
 var Controls_b = (0,lib/* default */.A)("dc-controls");
 function hasLangs(langs) {
   return (langs == null ? void 0 : langs.length) && langs.length > 1;
 }
-var Controls = (0,react.memo)((props) => {
-  const { isVerticalView } = (0,react.useContext)(ControlsLayout/* ControlsLayoutContext */.s);
+var ControlsList = (props) => {
   const {
-    className,
     fullScreen,
     singlePage,
     theme,
@@ -2627,7 +2650,8 @@ var Controls = (0,react.memo)((props) => {
     vcsUrl,
     vcsType,
     isLiked,
-    isDisliked
+    isDisliked,
+    isHiddenFeedback
   } = props;
   const withFullscreenControl = Boolean(onChangeFullScreen);
   const withSettingsControl = Boolean(
@@ -2637,7 +2661,9 @@ var Controls = (0,react.memo)((props) => {
   const withSinglePageControl = Boolean(onChangeSinglePage);
   const withPdfControl = Boolean(pdfLink);
   const withEditControl = Boolean(!singlePage && !hideEditControl && vcsUrl);
-  const withFeedbackControl = Boolean(!singlePage && !hideFeedbackControls && onSendFeedback);
+  const withFeedbackControl = Boolean(
+    !singlePage && !hideFeedbackControls && !isHiddenFeedback && onSendFeedback
+  );
   const withSubscribeControls = Boolean(!singlePage && onSubscribe);
   const controls = [
     withFullscreenControl && /* @__PURE__ */ react.createElement(
@@ -2722,7 +2748,14 @@ var Controls = (0,react.memo)((props) => {
     }
     return result;
   }, []);
-  if (!controls.length) {
+  return controls;
+};
+var Controls = (0,react.memo)((props) => {
+  const { isVerticalView } = (0,react.useContext)(ControlsLayout/* ControlsLayoutContext */.s);
+  const isHiddenFeedback = (0,useInterface/* useInterface */.j)("feedback");
+  const { className } = props;
+  const controls = /* @__PURE__ */ react.createElement(ControlsList, __spreadProps(Controls_spreadValues({}, props), { isHiddenFeedback }));
+  if (!controls) {
     return null;
   }
   return /* @__PURE__ */ react.createElement("div", { className: Controls_b({ vertical: isVerticalView }, className) }, controls);
@@ -2886,6 +2919,8 @@ var lib = __webpack_require__(23614);
 var useTranslation = __webpack_require__(62438);
 // EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/hooks/usePopupState.js + 1 modules
 var usePopupState = __webpack_require__(70806);
+// EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/hooks/useInterface.js
+var useInterface = __webpack_require__(40258);
 // EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/models/index.js
 var models = __webpack_require__(78184);
 ;// ./node_modules/@gravity-ui/icons/esm/ThumbsDownFill.js
@@ -3300,6 +3335,10 @@ var Feedback = (props) => {
     [onSendFeedback, setInnerState, dislikeSuccessPopup, hideFeedbackPopups]
   );
   const isDislikePopupVisible = dislikeSuccessPopup.visible || dislikeVariantsPopup.visible;
+  const isFeedbackHidden = (0,useInterface/* useInterface */.j)("feedback");
+  if (isFeedbackHidden) {
+    return null;
+  }
   return /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(Feedback_ControlsLayout, { view }, /* @__PURE__ */ react.createElement(
     LikeControl_default,
     {
@@ -4493,7 +4532,7 @@ var Toc = class extends react.Component {
   }
   getInitialState() {
     return {
-      registry: new TocItemRegistry(this.props.items, this.normalizeUrl),
+      registry: new TocItemRegistry(this.props.items || [], this.normalizeUrl),
       fixedById: {},
       activeId: null,
       contentScrolled: false
@@ -5670,6 +5709,8 @@ var ToMainMenu_default = ToMainMenu;
 
 //# sourceMappingURL=ToMainMenu.js.map
 
+// EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/hooks/useInterface.js
+var useInterface = __webpack_require__(40258);
 ;// ./node_modules/@diplodoc/components/build/esm/components/navigation/SidebarContent/SidebarContent.css
 // extracted by mini-css-extract-plugin
 
@@ -5702,6 +5743,7 @@ var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
 
 
 
+
 var SidebarContent_b = (0,lib/* default */.A)("dc-sidebar-content");
 var SidebarContent = ({
   mainMenuOpenessData,
@@ -5710,16 +5752,18 @@ var SidebarContent = ({
   mobileControlsData,
   children
 }) => {
-  var _a;
+  var _a, _b;
   const mainMenuIsOpened = mainMenuOpenessData && mainMenuOpenessData.isMainMenuOpened;
   const mainMenuIsClosed = mainMenuOpenessData && !mainMenuOpenessData.isMainMenuOpened;
-  const toc = navigationTocData && navigationTocData.toc && navigationTocData.toc.items.length > 0 && mainMenuIsClosed && /* @__PURE__ */ react.createElement(react.Fragment, null, pcNavigationData && Boolean((_a = pcNavigationData == null ? void 0 : pcNavigationData.leftItemsWithIconSize) == null ? void 0 : _a.length) && /* @__PURE__ */ react.createElement("div", { className: SidebarContent_b("to-main-menu") }, /* @__PURE__ */ react.createElement(
+  const tocItems = ((_a = navigationTocData == null ? void 0 : navigationTocData.toc) == null ? void 0 : _a.items) || [];
+  const isTocHidden = (0,useInterface/* useInterface */.j)("toc");
+  const toc = navigationTocData && tocItems.length > 0 && mainMenuIsClosed && /* @__PURE__ */ react.createElement(react.Fragment, null, pcNavigationData && Boolean((_b = pcNavigationData == null ? void 0 : pcNavigationData.leftItemsWithIconSize) == null ? void 0 : _b.length) && /* @__PURE__ */ react.createElement("div", { className: SidebarContent_b("to-main-menu") }, /* @__PURE__ */ react.createElement(
     ToMainMenu_default,
     {
       mainMenuIsOpen: mainMenuIsOpened,
       openMainMenu: mainMenuOpenessData.openMainMenu
     }
-  )), /* @__PURE__ */ react.createElement("div", { className: SidebarContent_b("toc") }, /* @__PURE__ */ react.createElement(
+  )), !isTocHidden && /* @__PURE__ */ react.createElement("div", { className: SidebarContent_b("toc") }, /* @__PURE__ */ react.createElement(
     Toc/* default */.A,
     __spreadProps(__spreadValues({}, navigationTocData.toc), {
       router: navigationTocData.router,
@@ -5727,7 +5771,7 @@ var SidebarContent = ({
       hideTocHeader: true
     })
   )));
-  const withoutToc = !navigationTocData || !navigationTocData.toc || typeof navigationTocData.toc.items.length === "number" && navigationTocData.toc.items.length === 0;
+  const withoutToc = tocItems.length === 0;
   const mainMenu = pcNavigationData && (mainMenuIsOpened || withoutToc) && /* @__PURE__ */ react.createElement("div", { className: SidebarContent_b("main-menu") }, pcNavigationData.leftItemsWithIconSize && /* @__PURE__ */ react.createElement(
     NavigationList/* NavigationList */.r,
     {
@@ -8149,6 +8193,71 @@ var SUPPORTED_LANGS = Object.keys(_i18n__WEBPACK_IMPORTED_MODULE_1__/* ["default
 //# sourceMappingURL=constants.js.map
 
 
+/***/ }),
+
+/***/ 6790:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Z: () => (/* binding */ InterfaceContext),
+/* harmony export */   p: () => (/* binding */ InterfaceProvider)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(96540);
+// src/contexts/InterfaceContext.tsx
+
+var InterfaceContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({
+  interface: {},
+  isHidden: () => false
+});
+var InterfaceProvider = ({
+  interface: viewerInterface,
+  children
+}) => {
+  const isHidden = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(
+    (name) => {
+      if (viewerInterface && name in viewerInterface) {
+        return !viewerInterface[name];
+      }
+      return false;
+    },
+    [viewerInterface]
+  );
+  const value = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(
+    () => ({
+      interface: viewerInterface,
+      isHidden
+    }),
+    [viewerInterface, isHidden]
+  );
+  return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(InterfaceContext.Provider, { value }, children);
+};
+
+//# sourceMappingURL=InterfaceContext.js.map
+
+
+/***/ }),
+
+/***/ 40258:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   j: () => (/* binding */ useInterface)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(96540);
+/* harmony import */ var _contexts_InterfaceContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6790);
+// src/hooks/useInterface.ts
+
+
+function useInterface(name) {
+  const { isHidden } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_contexts_InterfaceContext__WEBPACK_IMPORTED_MODULE_1__/* .InterfaceContext */ .Z);
+  return isHidden(name);
+}
+
+//# sourceMappingURL=useInterface.js.map
+
+
 /***/ }),
 
 /***/ 26591:
@@ -9106,6 +9215,8 @@ var ContentWrapper = (_a) => {
 
 // EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/components/Toc/Toc.js + 9 modules
 var Toc = __webpack_require__(54821);
+// EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/hooks/useInterface.js
+var useInterface = __webpack_require__(40258);
 ;// ./node_modules/@diplodoc/components/build/esm/components/DocLayout/DocLayout.css
 // extracted by mini-css-extract-plugin
 
@@ -9129,7 +9240,6 @@ var DocLayout_spreadValues = (a, b2) => {
   return a;
 };
 var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
-var __publicField = (obj, key, value) => DocLayout_defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
 // src/components/DocLayout/DocLayout.tsx
 
@@ -9137,83 +9247,72 @@ var __publicField = (obj, key, value) => DocLayout_defNormalProp(obj, typeof key
 
 
 
+
 var b = (0,lib/* default */.A)("dc-doc-layout");
 var Left = () => null;
 var Center = () => null;
 var Right = () => null;
-var DocLayout = class extends react.Component {
-  render() {
-    const {
-      children,
-      className,
-      fullScreen = false,
-      wideFormat = false,
-      hideRight = false,
-      loading = false,
-      footer = null,
-      legacyToc = false
-    } = this.props;
-    let left, center, right;
-    const modes = {
-      "regular-page-width": !wideFormat,
-      "full-screen": fullScreen,
-      "hidden-right": hideRight,
-      loading
-    };
-    react.Children.forEach(children, (child) => {
-      if (!child) {
-        return;
-      }
-      switch (child.type) {
-        case Left:
-          left = child.props.children;
-          break;
-        case Center:
-          center = child.props.children;
-          break;
-        case Right:
-          right = child.props.children;
-          break;
-      }
-    });
-    return /* @__PURE__ */ react.createElement("div", { className: b(null, className) }, /* @__PURE__ */ react.createElement("div", { className: b("mobile-only") }, footer), fullScreen ? null : /* @__PURE__ */ react.createElement("div", { className: b("left", modes, legacyToc ? b("legacy-toc") : void 0) }, this.renderToc(), left), fullScreen || hideRight ? null : /* @__PURE__ */ react.createElement("div", { className: b("right", modes) }, right), /* @__PURE__ */ react.createElement("div", { className: b("center", modes) }, center, /* @__PURE__ */ react.createElement("div", { className: b("desktop-only") }, footer)));
-  }
-  renderToc() {
-    const {
-      toc,
+var DocLayout = ({
+  children,
+  className,
+  fullScreen = false,
+  wideFormat = false,
+  hideRight = false,
+  loading = false,
+  footer = null,
+  legacyToc = false,
+  toc,
+  router,
+  headerHeight,
+  tocTitleIcon,
+  hideTocHeader,
+  hideToc,
+  singlePage,
+  onChangeSinglePage,
+  pdfLink
+}) => {
+  const isTocHidden = (0,useInterface/* useInterface */.j)("toc");
+  let left, center, right;
+  const modes = {
+    "regular-page-width": !wideFormat,
+    "full-screen": fullScreen,
+    "hidden-right": hideRight,
+    loading
+  };
+  react.Children.forEach(children, (child) => {
+    if (!child) {
+      return;
+    }
+    switch (child.type) {
+      case Left:
+        left = child.props.children;
+        break;
+      case Center:
+        center = child.props.children;
+        break;
+      case Right:
+        right = child.props.children;
+        break;
+    }
+  });
+  return /* @__PURE__ */ react.createElement("div", { className: b(null, className) }, /* @__PURE__ */ react.createElement("div", { className: b("mobile-only") }, footer), fullScreen ? null : !isTocHidden && /* @__PURE__ */ react.createElement("div", { className: b("left", modes, legacyToc ? b("legacy-toc") : void 0) }, toc && !hideToc && /* @__PURE__ */ react.createElement("div", { className: b("toc") }, /* @__PURE__ */ react.createElement(
+    Toc/* default */.A,
+    __spreadProps(DocLayout_spreadValues({
+      key: getStateKey(hideRight, wideFormat, toc.singlePage)
+    }, toc), {
       router,
       headerHeight,
       tocTitleIcon,
-      hideRight,
-      wideFormat,
       hideTocHeader,
-      hideToc,
       singlePage,
       onChangeSinglePage,
       pdfLink
-    } = this.props;
-    if (!toc || hideToc) {
-      return null;
-    }
-    return /* @__PURE__ */ react.createElement("div", { className: b("toc") }, /* @__PURE__ */ react.createElement(
-      Toc/* default */.A,
-      __spreadProps(DocLayout_spreadValues({
-        key: getStateKey(hideRight, wideFormat, toc.singlePage)
-      }, toc), {
-        router,
-        headerHeight,
-        tocTitleIcon,
-        hideTocHeader,
-        singlePage,
-        onChangeSinglePage,
-        pdfLink
-      })
-    ));
-  }
+    })
+  )), left), fullScreen || hideRight ? null : /* @__PURE__ */ react.createElement("div", { className: b("right", modes) }, right), /* @__PURE__ */ react.createElement("div", { className: b("center", modes) }, center, /* @__PURE__ */ react.createElement("div", { className: b("desktop-only") }, footer)));
 };
-__publicField(DocLayout, "Left", Left);
-__publicField(DocLayout, "Center", Center);
-__publicField(DocLayout, "Right", Right);
+DocLayout.Left = Left;
+DocLayout.Center = Center;
+DocLayout.Right = Right;
 
 //# sourceMappingURL=DocLayout.js.map
 
@@ -9252,7 +9351,7 @@ var DocContentPage = ({
       headerHeight,
       className: DocContentPage_b(modes),
       hideTocHeader,
-      hideToc: hideToc || (data == null ? void 0 : data.fullScreen),
+      hideToc,
       fullScreen: fullScreen || (data == null ? void 0 : data.fullScreen),
       tocTitleIcon,
       footer,
@@ -9564,6 +9663,8 @@ const Link_Link = (props) => (react.createElement("svg", Object.assign({ xmlns:
 
 // EXTERNAL MODULE: ./node_modules/react-dom/index.js
 var react_dom = __webpack_require__(40961);
+// EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/contexts/InterfaceContext.js
+var InterfaceContext = __webpack_require__(6790);
 // EXTERNAL MODULE: ./node_modules/@diplodoc/components/build/esm/models/index.js
 var models = __webpack_require__(78184);
 ;// ./node_modules/@gravity-ui/icons/esm/StarFill.js
@@ -10238,6 +10339,7 @@ var SubNavigation_spreadProps = (a, b2) => SubNavigation_defProps(a, SubNavigati
 
 
 
+
 var SubNavigation_b = (0,lib/* default */.A)("dc-subnavigation");
 var SubNavigation_ICON_SIZE = {
   width: 20,
@@ -10259,6 +10361,7 @@ var SubNavigation = (0,react.memo)(
   }) => {
     var _a;
     const ref = (0,react.useRef)(null);
+    const isTocHidden = (0,useInterface/* useInterface */.j)("toc");
     const [menuOpen, setMenuOpen] = (0,react.useState)(false);
     const { miniTocOpen, closeMiniToc, miniTocHandler } = useMiniTocData_default(hideMiniToc, menuOpen);
     const [visible, setVisibility] = useVisibility_default(menuOpen, miniTocOpen);
@@ -10288,7 +10391,7 @@ var SubNavigation = (0,react.memo)(
         onSidebarOpenedChange,
         mobileControlsData
       },
-      /* @__PURE__ */ react.createElement("div", { className: SubNavigation_b("toc") }, /* @__PURE__ */ react.createElement(
+      !isTocHidden && /* @__PURE__ */ react.createElement("div", { className: SubNavigation_b("toc") }, /* @__PURE__ */ react.createElement(
         Toc/* default */.A,
         SubNavigation_spreadProps(SubNavigation_spreadValues({}, toc), {
           router,
@@ -11521,7 +11624,7 @@ var TocNavControl = (0,react.memo)(({ item, isNext, onClick }) => {
 });
 TocNavControl.displayName = "TocNavControl";
 var TocNavPanel = (0,react.memo)(({ items, router, fixed, className, onClick }) => {
-  const flatToc = (0,react.useMemo)(() => getFlatToc(items), [items]);
+  const flatToc = (0,react.useMemo)(() => getFlatToc(items || []), [items]);
   const { prevItem, nextItem } = (0,react.useMemo)(
     () => getBoundingItems(flatToc, router),
     [flatToc, router]
@@ -11654,7 +11757,7 @@ var DocPage_spreadValues = (a, b2) => {
   return a;
 };
 var DocPage_spreadProps = (a, b2) => DocPage_defProps(a, DocPage_getOwnPropDescs(b2));
-var DocPage_publicField = (obj, key, value) => DocPage_defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __publicField = (obj, key, value) => DocPage_defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
 // src/components/DocPage/DocPage.tsx
 
@@ -11678,16 +11781,17 @@ var DocPage_publicField = (obj, key, value) => DocPage_defNormalProp(obj, typeof
 
 
 
+
 
 
 var DocPage_b = (0,lib/* default */.A)("dc-doc-page");
 var DocPage = class extends react.Component {
   constructor(props) {
     super(props);
-    DocPage_publicField(this, "state");
-    DocPage_publicField(this, "bodyRef", null);
-    DocPage_publicField(this, "bodyObserver", null);
-    DocPage_publicField(this, "handleBodyMutation", (mutationsList) => {
+    __publicField(this, "state");
+    __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();
@@ -11714,10 +11818,10 @@ var DocPage = class extends react.Component {
         });
       }, 0);
     });
-    DocPage_publicField(this, "setBodyRef", (ref) => {
+    __publicField(this, "setBodyRef", (ref) => {
       this.bodyRef = ref;
     });
-    DocPage_publicField(this, "addLinksToOriginalArticle", () => {
+    __publicField(this, "addLinksToOriginalArticle", () => {
       const { singlePage, generatePathToVcs } = this.props;
       if (!this.bodyRef || !singlePage) {
         return;
@@ -11735,11 +11839,11 @@ var DocPage = class extends react.Component {
         }
       }
     });
-    DocPage_publicField(this, "getIsVerticalView", () => {
+    __publicField(this, "getIsVerticalView", () => {
       const { fullScreen } = this.props;
       return !this.showMiniToc || fullScreen;
     });
-    DocPage_publicField(this, "renderSearchBar", () => {
+    __publicField(this, "renderSearchBar", () => {
       const {
         showSearchBar,
         searchQuery,
@@ -11750,7 +11854,9 @@ var DocPage = class extends react.Component {
         onCloseSearchBar,
         singlePage
       } = this.props;
-      if (!showSearchBar || singlePage) {
+      const { isHidden } = this.context;
+      const isTocHidden = isHidden("toc");
+      if (isTocHidden || !showSearchBar || singlePage) {
         return null;
       }
       return /* @__PURE__ */ react.createElement("div", { className: DocPage_b("search-bar") }, /* @__PURE__ */ react.createElement(
@@ -12039,7 +12145,9 @@ var DocPage = class extends react.Component {
   }
   renderFeedback() {
     const { singlePage, isLiked, isDisliked, onSendFeedback, hideFeedbackControls } = this.props;
-    if (singlePage || hideFeedbackControls || !onSendFeedback) {
+    const { isHidden } = this.context;
+    const isFeedbackHidden = isHidden("feedback");
+    if (isFeedbackHidden || singlePage || hideFeedbackControls || !onSendFeedback) {
       return null;
     }
     return /* @__PURE__ */ react.createElement("div", { className: DocPage_b("feedback") }, /* @__PURE__ */ react.createElement(
@@ -12054,7 +12162,9 @@ var DocPage = class extends react.Component {
   }
   renderTocNavPanel() {
     const { toc, singlePage, router, fullScreen, onTocNavPanelClick } = this.props;
-    if (!toc || singlePage) {
+    const { isHidden } = this.context;
+    const isTocHidden = isHidden("toc");
+    if (isTocHidden || !toc || singlePage) {
       return null;
     }
     return /* @__PURE__ */ react.createElement(
@@ -12130,7 +12240,8 @@ var DocPage = class extends react.Component {
     )));
   }
 };
-DocPage_publicField(DocPage, "defaultProps", constants/* DEFAULT_SETTINGS */.a$);
+__publicField(DocPage, "defaultProps", constants/* DEFAULT_SETTINGS */.a$);
+__publicField(DocPage, "contextType", InterfaceContext/* InterfaceContext */.Z);
 var DocPage_default = withHighlightedSearchWords_default(DocPage);
 
 //# sourceMappingURL=DocPage.js.map
@@ -12628,7 +12739,8 @@ function registerInlineDirective(md, name, handler) {
     return handler(args.state, params);
   };
 }
-function registerLeafBlockDirective(md, name, handler) {
+function registerLeafBlockDirective(md, nameOrConfig, maybeHandler) {
+  const [name, handler] = isString(nameOrConfig) ? [nameOrConfig, maybeHandler] : [nameOrConfig.name, buildLeafBlockHandler(nameOrConfig)];
   md[LEAF_BLOCK_KEY] ||= {};
   md[LEAF_BLOCK_KEY][name] = handler;
   md.blockDirectives[name] = getBlockDefaultHandler(md, name);
@@ -12656,6 +12768,19 @@ function getBlockDefaultHandler(md, name) {
     return false;
   };
 }
+function buildLeafBlockHandler(config) {
+  return (state, params) => {
+    if (!config.match(params, state)) {
+      return false;
+    }
+    const { container } = config;
+    const token = state.push(container.token, container.tag, 0);
+    token.map = [params.startLine, params.endLine];
+    token.markup = "::" + config.name;
+    applyTokenFields(token, container, params, state.env);
+    return true;
+  };
+}
 function buildContainerHandler(config) {
   return (state, params) => {
     if (!params.content) {
@@ -12671,26 +12796,17 @@ function buildContainerHandler(config) {
     let token = state.push(container.token + "_open", container.tag, 1);
     token.map = [params.startLine, params.endLine];
     token.markup = ":::" + config.name;
-    if (container.attrs) {
-      const attrs = isFunction(container.attrs) ? container.attrs(params) : container.attrs;
-      token.attrs = Object.entries(attrs);
-    }
+    applyTokenFields(token, container, params, state.env);
     if (inlineContent) {
       token = state.push(inlineContent.token + "_open", inlineContent.tag, 1);
-      if (inlineContent.attrs) {
-        const attrs = isFunction(inlineContent.attrs) ? inlineContent.attrs(params) : inlineContent.attrs;
-        token.attrs = Object.entries(attrs);
-      }
+      applyTokenFields(token, inlineContent, params, state.env);
       token = createBlockInlineToken(state, params);
       token = state.push(inlineContent.token + "_close", inlineContent.tag, -1);
     }
     if (content) {
       token = state.push(content.token + "_open", content.tag, 1);
       token.map = [params.startLine + 1, params.endLine - 1];
-      if (content.attrs) {
-        const attrs = isFunction(content.attrs) ? content.attrs(params) : content.attrs;
-        token.attrs = Object.entries(attrs);
-      }
+      applyTokenFields(token, content, params, state.env);
     }
     if (contentTokenizer) {
       contentTokenizer(state, params.content, params);
@@ -12718,10 +12834,7 @@ function buildCodeContainerHandler(config) {
     token.content = params.content.raw;
     token.markup = ":::";
     token.info = name;
-    if (container.attrs) {
-      const attrs = isFunction(container.attrs) ? container.attrs(params) : container.attrs;
-      token.attrs = Object.entries(attrs);
-    }
+    applyTokenFields(token, container, params, state.env);
     return true;
   };
 }
@@ -12788,6 +12901,16 @@ function buildDests(orig) {
   }
   return dests;
 }
+function applyTokenFields(token, { attrs, meta }, params, env) {
+  if (attrs !== void 0) {
+    const value = isFunction(attrs) ? attrs(params, env) : attrs;
+    token.attrs = Object.entries(value);
+  }
+  if (meta !== void 0) {
+    const value = isFunction(meta) ? meta(params, env) : meta;
+    token.meta = value;
+  }
+}
 
 // src/index.ts
 var directiveParser = () => {
@@ -13646,6 +13769,25 @@ bem-cn/lib/index.js:
 //# sourceMappingURL=index.min.js.map
 
 
+/***/ }),
+
+/***/ 81452:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   UQ: () => (/* binding */ rg)
+/* harmony export */ });
+/* unused harmony exports usePageConstructor, usePageConstructorController */
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(96540);
+/* harmony import */ var react_dom_client__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5338);
+/* harmony import */ var _gravity_ui_page_constructor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(47658);
+/* harmony import */ var _gravity_ui_page_constructor__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(95168);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(74848);
+var x=Object.defineProperty;var C=(I,g)=>x(I,"name",{value:g,configurable:!0});var p=C((I,g,A)=>new Promise((t,c)=>{var b=C(l=>{try{i(A.next(l))}catch(e){c(e)}},"fulfilled"),G=C(l=>{try{i(A.throw(l))}catch(e){c(e)}},"rejected"),i=C(l=>l.done?t(l.value):Promise.resolve(l.value).then(b,G),"step");i((A=A.apply(I,g)).next())}),"__async"),R,Y,k,v,f,V,L;R=new WeakMap;Y=new WeakMap;k=new WeakMap;v=new WeakMap;f=new WeakMap;V=new WeakMap;L=new WeakMap;var W=C(()=>typeof window<"u"&&typeof window.document<"u","isBrowser"),o=Symbol.for("extension-load-queues"),J=Symbol.for("single-queue"),u=C(I=>{if(W()){if(!window[I])window[I]=[];else if(!Array.isArray(window[I]))throw new Error(`Expected window[${String(I)}] to be an array`);return window[I]}else throw new Error("Cannot initialize QueueStore in a non-browser environment.")},"getScriptStore"),Z=C(()=>{if(W())(typeof window[o]!="object"||window[o]===null)&&(window[o]={});else throw new Error("Cannot initialize QueueStore in a non-browser environment.")},"ensureQueuesSymbolInitialized"),N=C(I=>{var g;return Z(),((g=window[o])==null?void 0:g[I])||!1},"getQueueStore"),H=C(I=>(Z(),g=>{window[o][I]=g}),"createHandleQueueCreated"),s=C(({store:I,createController:g,queueKey:A=J,isQueueCreated:t=N(A),onQueueCreated:c=H(A)})=>{if(!I||t)return;c(!0);let b=g(),G=I.splice(0,I.length);I.push=function(...n){return n.forEach(h=>{G.push(h),l()}),G.length};let i=!1;function l(){i||e()}C(l,"unqueue");function e(){return p(this,null,function*(){i=!0;let n=G.shift();if(n)return yield n(b),e();i=!1})}C(e,"next"),l()},"createLoadQueue");function r(I,g){return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_gravity_ui_page_constructor__WEBPACK_IMPORTED_MODULE_3__/* .PageConstructorProvider */ .Z,{ssrConfig:{isServer:g===void 0?typeof window>"u"&&typeof global<"u":g},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_gravity_ui_page_constructor__WEBPACK_IMPORTED_MODULE_4__/* .PageConstructor */ .i,{content:I})})}C(r,"createPageConstructorElement");var B={PageConstructor:"yfm-page-constructor"};var a=Symbol.for("page-constructor-store"),z=Symbol.for("page-constructor-queue"),d=class{static{C(this,"PageConstructorController")}renderContainer(g){try{let A=g.getAttribute("data-hydrated")==="true",t=g.getAttribute("data-rendered")==="true";if(A||t)return;let c=g.getAttribute("data-content-encoded");if(!c)return;let b=decodeURIComponent(c),G=JSON.parse(b);!A&&g.innerHTML.trim()!==""?((0,react_dom_client__WEBPACK_IMPORTED_MODULE_1__/* .hydrateRoot */ .c)(g,r(G,!1)),g.setAttribute("data-hydrated","true")):t||((0,react_dom_client__WEBPACK_IMPORTED_MODULE_1__/* .createRoot */ .H)(g).render(r(G,!1)),g.setAttribute("data-rendered","true"))}catch(A){console.error("Failed to render component:",A)}}getContainers(){return typeof document>"u"?[]:Array.from(document.querySelectorAll(`.${B.PageConstructor}`))}render(){this.getContainers().forEach(A=>this.renderContainer(A))}},X={render:C(()=>{u(a).push(g=>{g.render()})},"render")};if(typeof document<"u"){let I=u(a);s({store:I,createController:C(()=>{let g=new d;return document.readyState==="complete"||document.readyState==="interactive"?g.render():document.addEventListener("DOMContentLoaded",()=>{g.render()}),g},"createController"),queueKey:z})}function D(I){let[g,A]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);return (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{let t=u(I),c=C(b=>{A(b)},"callback");return t.push(c),()=>{let b=t.indexOf(c);b>-1&&t.splice(b,1)}},[I]),g}C(D,"useController");function ng(){return D(a)}C(ng,"usePageConstructorController");function ag(){return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(()=>{X.render()},[])}C(ag,"usePageConstructor");function rg(){return (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{X.render()},[]),null}C(rg,"PageConstructorRuntime");
+//# sourceMappingURL=index.js.map
+
+
 /***/ }),
 
 /***/ 26269:
@@ -20470,7 +20612,8 @@ __export(common_exports, {
   createLoadQueue: () => createLoadQueue,
   getQueueStore: () => getQueueStore,
   getScriptStore: () => getScriptStore,
-  isBrowser: () => isBrowser
+  isBrowser: () => isBrowser,
+  parseMdAttrs: () => parseMdAttrs
 });
 module.exports = __toCommonJS(common_exports);
 
@@ -20645,6 +20788,140 @@ _currentKeyType = new WeakMap();
 _selectors = new WeakMap();
 _handlers = new WeakMap();
 
+// src/lib/common/parse-md-attrs.ts
+function parseMdAttrs(md, src, pos, max) {
+  if (pos >= max) {
+    return null;
+  }
+  if (src.charCodeAt(pos) !== 123) {
+    return null;
+  }
+  const attrs = {};
+  ++pos;
+  pos = skipBlanks(src, pos, max);
+  for (; pos < max; pos = skipBlanks(src, pos, max)) {
+    if (src.charCodeAt(pos) === 125) {
+      ++pos;
+      return { pos, attrs };
+    }
+    const c = src.charCodeAt(pos);
+    if (c === 35) {
+      ++pos;
+      const rst = parseUnsurroundedName(src, pos, max);
+      if (rst === null) {
+        return null;
+      }
+      pos = rst.pos;
+      const key = "id", value = rst.name;
+      if (typeof attrs[key] === "undefined") {
+        attrs[key] = [value];
+      } else {
+        attrs[key].push(value);
+      }
+    } else if (c === 46) {
+      ++pos;
+      const rst = parseUnsurroundedName(src, pos, max);
+      if (rst === null) {
+        return null;
+      }
+      pos = rst.pos;
+      const key = "class", value = rst.name;
+      if (typeof attrs[key] === "undefined") {
+        attrs[key] = [value];
+      } else {
+        attrs[key].push(value);
+      }
+    } else {
+      let rst = parseAttrName(src, pos, max);
+      if (rst === null) {
+        return null;
+      }
+      const key = rst.name;
+      pos = rst.pos;
+      pos = skipBlanks(src, pos, max);
+      if (pos >= max) {
+        return null;
+      }
+      let value;
+      if (src.charCodeAt(pos) === 61) {
+        ++pos;
+        pos = skipBlanks(src, pos, max);
+        if (pos >= max) {
+          return null;
+        }
+        const c2 = src.charCodeAt(pos);
+        if (c2 === 34 || c2 === 39) {
+          const rst2 = md.helpers.parseLinkTitle(src, pos, max);
+          if (!rst2.ok) {
+            return null;
+          }
+          value = rst2.str;
+          pos = rst2.pos;
+        } else {
+          rst = parseUnsurroundedName(src, pos, max);
+          if (rst === null) {
+            return null;
+          }
+          value = rst.name;
+          pos = rst.pos;
+        }
+      } else {
+        if (isBlank(src.charCodeAt(pos - 1))) {
+          --pos;
+        }
+        value = "";
+      }
+      if (typeof value !== "undefined") {
+        if (typeof attrs[key] === "undefined") {
+          attrs[key] = [value];
+        } else {
+          attrs[key].push(value);
+        }
+      }
+    }
+    if (pos >= max) {
+      return null;
+    }
+    const charBetween = src.charCodeAt(pos);
+    if (!isBlank(charBetween) && charBetween !== 125) {
+      return null;
+    }
+  }
+  return null;
+  function isBlank(code) {
+    return md.utils.isSpace(code) || code === 10;
+  }
+  function skipBlanks(src2, pos2, max2) {
+    for (; pos2 < max2; pos2++) {
+      const code = src2.charCodeAt(pos2);
+      if (!isBlank(code)) {
+        break;
+      }
+    }
+    return pos2;
+  }
+}
+var ATTR_NAME_RE = /^[a-z][a-z0-9\-_]*/;
+function parseAttrName(src, pos, max) {
+  const oldPos = pos;
+  const rst = src.slice(pos, max).match(ATTR_NAME_RE);
+  if (rst === null) {
+    return null;
+  }
+  pos += rst[0].length;
+  return { pos, name: src.slice(oldPos, pos) };
+}
+var UNSURROUNDED_STRING_RE = /^[a-z0-9\-_]+/i;
+function parseUnsurroundedName(src, pos, max) {
+  const oldPos = pos;
+  const rst = src.slice(pos, max).match(UNSURROUNDED_STRING_RE);
+  if (rst === null) {
+    return null;
+  }
+  pos += rst[0].length;
+  return { pos, name: src.slice(oldPos, pos) };
+}
+
 // src/lib/common/browser.ts
 var isBrowser = () => {
   return typeof window !== "undefined" && typeof window.document !== "undefined";
@@ -105490,12 +105767,18 @@ function findNextLine(src, startLine, endLine, state) {
     const max = state.eMarks[line];
     let pos = state.bMarks[line] + state.tShift[line];
     let pos2 = state.skipChars(pos, 0x3A);
-    if (pos2 - pos < 3) continue; // not a start mark or a close mark
-    if (pos2 === max) {
-      // close mark
-      --level;
-    } else {
-      // open mark
+    let colonsCount = pos2 - pos;
+
+    if (colonsCount >= 3) {
+      pos2 = skipBlanks(src, pos2, max);
+      if (pos2 === max) {
+        --level; // close mark
+        continue;
+      }
+    }
+
+    // if it's an opening marker, increase nesting level
+    if (colonsCount >= 3 && pos2 < max) {
       ++level;
     }
   }