@diplodoc/client 5.5.0 → 5.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -36,7 +36,7 @@
36
36
  .dc-doc-page-title{position:relative;display:flex;align-items:flex-end}.dc-doc-page-title__label{position:absolute;right:0;top:-11px}
37
37
  .dc-note{position:relative;padding:20px 64px 20px 20px;border-radius:10px}.dc-note__wrapper{margin:20px 36px}.dc-note__xmark{position:absolute;top:0;left:0}.dc-note__template{padding:20px;border:1px solid var(--g-color-line-generic)}.dc-note__title{font-weight:700}.dc-note>p{margin:0 0 10px}.dc-note>p:first-child::before{box-sizing:content-box;display:block;width:24px;height:24px;margin-top:-2px;margin-right:-44px;padding-left:20px;float:right}.dc-note>p:last-child{margin-bottom:0}.dc-note.dc-accent-info>p:first-child::before{content:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(2,123,243)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E')}.dc-note.dc-accent-tip>p:first-child::before{content:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(86,189,103)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E')}.dc-note.dc-accent-alert>p:first-child::before{content:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(255,70,69)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E')}.dc-note.dc-accent-warning>p:first-child::before{content:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(241,149,24)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E')}.dc-note.dc-accent-info{background:rgba(2, 123, 243, 0.08)}.dc-note.dc-accent-tip{background:rgba(63, 201, 46, 0.1)}.dc-note.dc-accent-alert{background:rgba(235, 50, 38, 0.08)}.dc-note.dc-accent-warning{background:rgba(255, 136, 0, 0.15)}.pc-page-constructor__docs .dc-note__wrapper,.fullscreen-mode .dc-note__wrapper{margin:0px 0px 20px}
38
38
  .dc-share-button{vertical-align:middle;margin:0 12px 5px 0}.dc-share-button:hover::before{background-color:transparent}
39
- .dc-doc-leading-page{display:flex;max-width:1440px;font-size:var(--g-text-body-2-font-size);line-height:var(--g-text-body-2-line-height)}.dc-doc-leading-page_regular-page-width{max-width:1280px}.dc-doc-leading-page__main{margin-bottom:40px;padding:0 40px}.dc-doc-leading-page__title{margin:40px 0 20px;font-size:var(--g-text-display-2-font-size);line-height:var(--g-text-display-2-line-height)}@media(max-width: 768px){.dc-doc-leading-page__title{margin-top:20px}}.dc-doc-leading-page__description a{color:var(--g-color-text-link);-webkit-text-decoration:none;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;border-radius:var(--g-focus-border-radius);outline:none}.utilityfocus .dc-doc-leading-page__description a:focus{outline:2px solid #ffdb4d}.dc-doc-leading-page__description a:focus{box-shadow:0 0 0 2px var(--g-color-line-focus);outline:0}.dc-doc-leading-page__description a:focus:not(:focus-visible){box-shadow:none}.dc-doc-leading-page__description a:hover,.dc-doc-leading-page__description a:active{color:var(--g-color-text-link-hover)}.dc-doc-leading-page__description a:not([href]){color:inherit}.dc-doc-leading-page__links{margin:0;padding:0;list-style:none;display:flex;justify-content:space-between;flex-flow:column wrap}.dc-doc-leading-page__links_root{flex-direction:row;margin-top:70px;margin-bottom:-20px}.dc-doc-leading-page__links-left{padding-left:10px}.dc-doc-leading-page__links-item_root{display:flex;min-width:280px;max-width:400px;width:calc(50% - 20px);padding-top:15px;padding-bottom:15px;margin-bottom:20px;border-top:1px solid var(--g-color-line-generic)}.dc-doc-leading-page__links-title_root{font-weight:500;font-size:var(--g-text-header-1-font-size);line-height:var(--g-text-header-1-line-height);margin-bottom:10px;font-weight:500}.dc-doc-leading-page__links-link{color:var(--g-color-text-link);-webkit-text-decoration:none;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;border-radius:var(--g-focus-border-radius);outline:none}.utilityfocus .dc-doc-leading-page__links-link:focus{outline:2px solid #ffdb4d}.dc-doc-leading-page__links-link:focus{box-shadow:0 0 0 2px var(--g-color-line-focus);outline:0}.dc-doc-leading-page__links-link:focus:not(:focus-visible){box-shadow:none}.dc-doc-leading-page__links-link:hover,.dc-doc-leading-page__links-link:active{color:var(--g-color-text-link-hover)}@media(max-width: 768px){.dc-doc-leading-page__main{margin-right:0;margin-bottom:40px;padding:0 20px}.dc-doc-leading-page__links-item{width:100%}}
39
+ .dc-doc-leading-page{display:flex;max-width:1440px;font-size:var(--g-text-body-2-font-size);line-height:var(--g-text-body-2-line-height)}.dc-doc-leading-page_regular-page-width{max-width:1280px}.dc-doc-leading-page__main{margin-bottom:40px;padding:0 40px}.dc-doc-leading-page__body{font-size:var(--g-text-body-2-font-size);line-height:var(--g-text-body-2-line-height)}.dc-doc-leading-page__body_text-size_s{--g-text-body-1-font-size: 11px;--g-text-body-1-line-height: 16px;--g-text-body-2-font-size: 13px;--g-text-body-2-line-height: 18px;--g-text-body-3-font-size: 15px;--g-text-body-3-line-height: 22px;--g-text-body-short-font-size: 11px;--g-text-caption-1-font-size: 7px;--g-text-caption-2-font-size: 9px;--g-text-header-1-font-size: 18px;--g-text-header-2-font-size: 22px;--g-text-subheader-1-font-size: 11px;--g-text-subheader-2-font-size: 13px;--g-text-subheader-3-font-size: 15px;--g-text-display-1-font-size: 26px;--g-text-display-2-font-size: 30px;--g-text-display-3-font-size: 38px;--g-text-display-4-font-size: 46px;--g-text-code-1-font-size: 10px;--g-text-code-2-font-size: 12px;--g-text-code-3-font-size: 14px;--g-text-code-inline-1-font-size: 10px;--g-text-code-inline-2-font-size: 12px;--g-text-code-inline-3-font-size: 14px;--yfm-font-size: var(--g-text-body-2-font-size);--yfm-font-line-height: var(--g-text-body-2-line-height);--yfm-font-size-h2: var(--g-text-header-2-font-size);--yfm-font-size-h3: var(--g-text-header-1-font-size);--yfm-font-size-h4: var(--g-text-subheader-3-font-size);--yfm-font-size-h5: var(--g-text-subheader-2-font-size);--yfm-font-size-h6: var(--g-text-subheader-1-font-size)}.dc-doc-leading-page__body_text-size_l{--g-text-body-1-font-size: 15px;--g-text-body-1-line-height: 20px;--g-text-body-2-font-size: 17px;--g-text-body-2-line-height: 22px;--g-text-body-3-font-size: 19px;--g-text-body-3-line-height: 26px;--g-text-body-short-font-size: 15px;--g-text-caption-1-font-size: 11px;--g-text-caption-2-font-size: 13px;--g-text-header-1-font-size: 22px;--g-text-header-2-font-size: 26px;--g-text-subheader-1-font-size: 15px;--g-text-subheader-2-font-size: 17px;--g-text-subheader-3-font-size: 19px;--g-text-display-1-font-size: 30px;--g-text-display-2-font-size: 34px;--g-text-display-3-font-size: 42px;--g-text-display-4-font-size: 50px;--g-text-code-1-font-size: 14px;--g-text-code-2-font-size: 16px;--g-text-code-3-font-size: 18px;--g-text-code-inline-1-font-size: 14px;--g-text-code-inline-2-font-size: 16px;--g-text-code-inline-3-font-size: 18px;--yfm-font-size: var(--g-text-body-2-font-size);--yfm-font-line-height: var(--g-text-body-2-line-height);--yfm-font-size-h2: var(--g-text-header-2-font-size);--yfm-font-size-h3: var(--g-text-header-1-font-size);--yfm-font-size-h4: var(--g-text-subheader-3-font-size);--yfm-font-size-h5: var(--g-text-subheader-2-font-size);--yfm-font-size-h6: var(--g-text-subheader-1-font-size)}.dc-doc-leading-page__title{margin:40px 0 20px;font-size:var(--g-text-display-2-font-size);line-height:var(--g-text-display-2-line-height)}@media(max-width: 768px){.dc-doc-leading-page__title{margin-top:20px}}.dc-doc-leading-page__description a{color:var(--g-color-text-link);-webkit-text-decoration:none;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;border-radius:var(--g-focus-border-radius);outline:none}.utilityfocus .dc-doc-leading-page__description a:focus{outline:2px solid #ffdb4d}.dc-doc-leading-page__description a:focus{box-shadow:0 0 0 2px var(--g-color-line-focus);outline:0}.dc-doc-leading-page__description a:focus:not(:focus-visible){box-shadow:none}.dc-doc-leading-page__description a:hover,.dc-doc-leading-page__description a:active{color:var(--g-color-text-link-hover)}.dc-doc-leading-page__description a:not([href]){color:inherit}.dc-doc-leading-page__links{margin:0;padding:0;list-style:none;display:flex;justify-content:space-between;flex-flow:column wrap}.dc-doc-leading-page__links_root{flex-direction:row;margin-top:70px;margin-bottom:-20px}.dc-doc-leading-page__links-left{padding-left:10px}.dc-doc-leading-page__links-item_root{display:flex;min-width:280px;max-width:400px;width:calc(50% - 20px);padding-top:15px;padding-bottom:15px;margin-bottom:20px;border-top:1px solid var(--g-color-line-generic)}.dc-doc-leading-page__links-title_root{font-weight:500;font-size:var(--g-text-header-1-font-size);line-height:var(--g-text-header-1-line-height);margin-bottom:10px;font-weight:500}.dc-doc-leading-page__links-link{color:var(--g-color-text-link);-webkit-text-decoration:none;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;border-radius:var(--g-focus-border-radius);outline:none}.utilityfocus .dc-doc-leading-page__links-link:focus{outline:2px solid #ffdb4d}.dc-doc-leading-page__links-link:focus{box-shadow:0 0 0 2px var(--g-color-line-focus);outline:0}.dc-doc-leading-page__links-link:focus:not(:focus-visible){box-shadow:none}.dc-doc-leading-page__links-link:hover,.dc-doc-leading-page__links-link:active{color:var(--g-color-text-link-hover)}@media(max-width: 768px){.dc-doc-leading-page__main{margin-right:0;margin-bottom:40px;padding:0 20px}.dc-doc-leading-page__links-item{width:100%}}
40
40
  .dc-bookmark-button{vertical-align:middle;margin:0 12px 5px 0}.dc-bookmark-button:hover::before{background-color:transparent}.dc-bookmark-button_active .dc-bookmark-button__icon{color:var(--g-color-base-brand)}
41
41
  .dc-breadcrumbs{width:100%;font-size:var(--g-text-body-1-font-size);line-height:var(--g-text-body-1-line-height)}.dc-breadcrumbs__items{margin:0;padding:0;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--g-color-text-secondary)}.dc-breadcrumbs__item{display:inline}.dc-breadcrumbs__item::after{content:" / ";margin:0 5px;color:var(--g-color-text-hint)}.dc-breadcrumbs__item:last-child::after{display:none}.dc-breadcrumbs__item:last-child{color:var(--g-color-text-primary)}.dc-breadcrumbs__text{white-space:nowrap}.dc-breadcrumbs__text_link{outline:none;color:var(--g-color-text-link);-webkit-text-decoration:none;-webkit-text-decoration:none;text-decoration:none;cursor:pointer}
42
42
  .dc-contributor-avatars__one_contributor{display:flex;margin:0 1.5px}.dc-contributor-avatars__one_contributor a,.dc-contributor-avatars__one_contributor a:hover,.dc-contributor-avatars__one_contributor a:visited,.dc-contributor-avatars__one_contributor a:active{color:inherit;-webkit-text-decoration:none;-webkit-text-decoration:none;text-decoration:none;display:flex}.dc-contributor-avatars__one_contributor a{cursor:pointer}.dc-contributor-avatars__one_contributor a:hover,.dc-contributor-avatars__one_contributor a:active{color:var(--g-color-text-link-hover)}.dc-contributor-avatars__one_contributor>*{font-size:13px;font-weight:400;margin-left:5px;align-self:center}.dc-contributor-avatars__avatar{border-radius:50%;box-shadow:0 0 0 1.5px var(--g-color-line-generic-accent);border:0;color:inherit;cursor:inherit;background-color:inherit;padding:0;align-items:initial;font-family:inherit}.dc-contributor-avatars__avatar_size_small{height:23px;width:23px}.dc-contributor-avatars__avatar_size_big{height:33px;width:33px}.dc-contributor-avatars__avatar_default{text-align:center;display:flex;flex-direction:column;justify-content:center;font-size:12px;font-weight:500}.dc-contributor-avatars__avatar:focus{outline:2px solid var(--g-color-line-focus);outline-offset:1px}.dc-contributor-avatars__avatar:focus:not(:focus-visible){outline:0}.dc-contributor-avatars__displayed_avatars{display:flex}.dc-contributor-avatars__displayed_avatars a,.dc-contributor-avatars__displayed_avatars a:hover,.dc-contributor-avatars__displayed_avatars a:visited,.dc-contributor-avatars__displayed_avatars a:active{color:inherit;-webkit-text-decoration:none;-webkit-text-decoration:none;text-decoration:none;display:flex}.dc-contributor-avatars__displayed_avatars a{cursor:pointer}.dc-contributor-avatars__displayed_avatars>*{margin-right:1.5px;margin-left:3.5px}.dc-contributor-avatars__displayed_avatars a{border-radius:50%}.dc-contributor-avatars__hidden_avatars{font-size:12px;font-weight:500;color:var(--g-color-text-secondary);border-radius:50%;text-align:center;cursor:pointer}.dc-contributor-avatars__hidden_avatars>*{background:var(--g-color-base-misc-light);flex-direction:column;text-align:center;display:flex;justify-content:center;margin:0 1.5px;box-shadow:0 0 0 1.5px var(--g-color-line-generic-accent)}.dc-contributor-avatars__details{display:flex}.dc-contributor-avatars__details>div:last-child{font-size:13px;font-weight:400;margin:auto 12px}.dc-contributor-avatars__details_name{color:var(--g-color-text-primary);line-height:18px}.dc-contributor-avatars__popup{box-shadow:0px 3px 24px rgba(0, 0, 0, 0.2);padding:12px}.dc-contributor-avatars__popup>*:not(:last-child){margin-bottom:12px}.dc-contributor-avatars__popup a,.dc-contributor-avatars__popup a:hover,.dc-contributor-avatars__popup a:visited,.dc-contributor-avatars__popup a:active{color:inherit;-webkit-text-decoration:none;-webkit-text-decoration:none;text-decoration:none;display:flex}.dc-contributor-avatars__popup a{cursor:pointer}
@@ -10392,7 +10392,8 @@ var DocLeadingPage = ({
10392
10392
  notificationCb,
10393
10393
  isMobile,
10394
10394
  fullScreen,
10395
- pdfLink
10395
+ pdfLink,
10396
+ textSize
10396
10397
  }) => {
10397
10398
  const modes = {
10398
10399
  "regular-page-width": !wideFormat
@@ -10412,7 +10413,7 @@ var DocLeadingPage = ({
10412
10413
  fullScreen,
10413
10414
  pdfLink
10414
10415
  },
10415
- /* @__PURE__ */ react.createElement(DocLayout.Center, null, /* @__PURE__ */ react.createElement(Notification_default, { notification, notificationCb }), /* @__PURE__ */ react.createElement(ContentWrapper, { className: DocLeadingPage_b("main"), useMainTag }, /* @__PURE__ */ react.createElement(DocPageTitle, { stage: toc == null ? void 0 : toc.stage, className: DocLeadingPage_b("title") }, /* @__PURE__ */ react.createElement(HTML/* .HTML */.g, null, title), isMobile && /* @__PURE__ */ react.createElement(ShareButton, { className: DocLeadingPage_b("share-button"), title })), /* @__PURE__ */ react.createElement("div", { className: DocLeadingPage_b("description") }, /* @__PURE__ */ react.createElement(Text, { data: description, html: true, block: true })), /* @__PURE__ */ react.createElement(Links, { links, isRoot: true })))
10416
+ /* @__PURE__ */ react.createElement(DocLayout.Center, null, /* @__PURE__ */ react.createElement(Notification_default, { notification, notificationCb }), /* @__PURE__ */ react.createElement(ContentWrapper, { className: DocLeadingPage_b("main"), useMainTag }, /* @__PURE__ */ react.createElement(DocPageTitle, { stage: toc == null ? void 0 : toc.stage, className: DocLeadingPage_b("title") }, /* @__PURE__ */ react.createElement(HTML/* .HTML */.g, null, title), isMobile && /* @__PURE__ */ react.createElement(ShareButton, { className: DocLeadingPage_b("share-button"), title })), /* @__PURE__ */ react.createElement("div", { className: DocLeadingPage_b("description") }, /* @__PURE__ */ react.createElement(Text, { data: description, html: true, block: true })), /* @__PURE__ */ react.createElement("div", { className: DocLeadingPage_b("body", { "text-size": textSize }) }, /* @__PURE__ */ react.createElement(Links, { links, isRoot: true }))))
10416
10417
  );
10417
10418
  };
10418
10419
 
@@ -12688,7 +12689,6 @@ var DocPage = class extends react.Component {
12688
12689
  hideToc,
12689
12690
  footer,
12690
12691
  onChangeSinglePage,
12691
- pdfLink,
12692
12692
  pdfIconConfig,
12693
12693
  useMainTag,
12694
12694
  onChangeLang,
@@ -12701,6 +12701,7 @@ var DocPage = class extends react.Component {
12701
12701
  beforeSubNavigationContent
12702
12702
  } = this.props;
12703
12703
  const hideBurger = typeof headerHeight !== "undefined" && headerHeight > 0;
12704
+ const { tocPdfLink } = this.resolvePdfPlacement();
12704
12705
  const modes = {
12705
12706
  "regular-page-width": !wideFormat,
12706
12707
  "full-screen": fullScreen,
@@ -12733,7 +12734,7 @@ var DocPage = class extends react.Component {
12733
12734
  footer,
12734
12735
  singlePage,
12735
12736
  onChangeSinglePage,
12736
- pdfLink,
12737
+ pdfLink: tocPdfLink,
12737
12738
  pdfIconConfig,
12738
12739
  legacyToc
12739
12740
  },
@@ -12970,6 +12971,15 @@ var DocPage = class extends react.Component {
12970
12971
  const editable = toc.stage !== "preview" && meta.stage !== "preview" && meta.editable !== false && toc.editable !== false;
12971
12972
  return Boolean(editable && vcsUrl && vcsType);
12972
12973
  }
12974
+ resolvePdfPlacement() {
12975
+ const { pdfLink, pdfIconConfig } = this.props;
12976
+ const inHeader = (pdfIconConfig == null ? void 0 : pdfIconConfig.position) === "header";
12977
+ return {
12978
+ tocPdfLink: inHeader ? void 0 : pdfLink,
12979
+ headerPdfLink: inHeader ? pdfLink : void 0,
12980
+ headerPdfIconConfig: inHeader ? pdfIconConfig : void 0
12981
+ };
12982
+ }
12973
12983
  renderControls() {
12974
12984
  const {
12975
12985
  lang,
@@ -13000,6 +13010,7 @@ var DocPage = class extends react.Component {
13000
13010
  return null;
13001
13011
  }
13002
13012
  const isVerticalView = this.getIsVerticalView();
13013
+ const { headerPdfLink, headerPdfIconConfig } = this.resolvePdfPlacement();
13003
13014
  return /* @__PURE__ */ react.createElement("div", { className: DocPage_b("controls", { vertical: isVerticalView }) }, /* @__PURE__ */ react.createElement(ControlsLayout/* .ControlsLayout */.n, { isVerticalView }, /* @__PURE__ */ react.createElement(
13004
13015
  Controls/* ["default"] */.A,
13005
13016
  {
@@ -13025,7 +13036,9 @@ var DocPage = class extends react.Component {
13025
13036
  onSubscribe,
13026
13037
  hideEditControl: hideEditControl || fullScreen || !this.isEditable(),
13027
13038
  hideFeedbackControls,
13028
- availableLangs
13039
+ availableLangs,
13040
+ pdfLink: headerPdfLink,
13041
+ pdfIconConfig: headerPdfIconConfig
13029
13042
  }
13030
13043
  )));
13031
13044
  }