@diplodoc/components 4.28.0 → 4.28.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.
Files changed (153) hide show
  1. package/build/cjs/components/BookmarkButton/BookmarkButton.css.map +1 -1
  2. package/build/cjs/components/Breadcrumbs/Breadcrumbs.css.map +1 -1
  3. package/build/cjs/components/ContributorAvatars/ContributorAvatars.css.map +1 -1
  4. package/build/cjs/components/Contributors/Contributors.css.map +1 -1
  5. package/build/cjs/components/Control/Control.css.map +1 -1
  6. package/build/cjs/components/Controls/Controls.css.map +1 -1
  7. package/build/cjs/components/Controls/Controls.d.ts +3 -0
  8. package/build/cjs/components/Controls/Controls.js +34 -7
  9. package/build/cjs/components/Controls/Controls.js.map +2 -2
  10. package/build/cjs/components/Controls/single-controls/DividerControl/DividerControl.css.map +1 -1
  11. package/build/cjs/components/Controls/single-controls/LangControl/LangControl.css.map +1 -1
  12. package/build/cjs/components/Controls/single-controls/SettingsControl/SettingsControl.css.map +1 -1
  13. package/build/cjs/components/DocContentPage/DocContentPage.d.ts +1 -0
  14. package/build/cjs/components/DocContentPage/DocContentPage.js +1 -1
  15. package/build/cjs/components/DocContentPage/DocContentPage.js.map +2 -2
  16. package/build/cjs/components/DocLayout/DocLayout.css.map +1 -1
  17. package/build/cjs/components/DocLayout/DocLayout.d.ts +8 -14
  18. package/build/cjs/components/DocLayout/DocLayout.js +54 -66
  19. package/build/cjs/components/DocLayout/DocLayout.js.map +2 -2
  20. package/build/cjs/components/DocLeadingPage/DocLeadingPage.css.map +1 -1
  21. package/build/cjs/components/DocLeadingPage/__tests__/DocLeadingPage.spec.d.ts +1 -0
  22. package/build/cjs/components/DocPage/DocPage.css.map +1 -1
  23. package/build/cjs/components/DocPage/DocPage.d.ts +1 -0
  24. package/build/cjs/components/DocPage/DocPage.js +11 -3
  25. package/build/cjs/components/DocPage/DocPage.js.map +2 -2
  26. package/build/cjs/components/DocPageTitle/DocPageTitle.css.map +1 -1
  27. package/build/cjs/components/ErrorPage/ErrorPage.css.map +1 -1
  28. package/build/cjs/components/Feedback/Feedback.css.map +1 -1
  29. package/build/cjs/components/Feedback/Feedback.js +4 -0
  30. package/build/cjs/components/Feedback/Feedback.js.map +2 -2
  31. package/build/cjs/components/Mark/Mark.css.map +1 -1
  32. package/build/cjs/components/MiniToc/MiniToc.css.map +1 -1
  33. package/build/cjs/components/MobileControls/MobileControl/MobileControl.css.map +1 -1
  34. package/build/cjs/components/MobileControls/MobileControlSheet/MobileControlSheet.css.map +1 -1
  35. package/build/cjs/components/MobileControls/MobileControls.css.map +1 -1
  36. package/build/cjs/components/Notification/Notification.css.map +1 -1
  37. package/build/cjs/components/Paginator/Paginator.css.map +1 -1
  38. package/build/cjs/components/SearchBar/SearchBar.css.map +1 -1
  39. package/build/cjs/components/SearchItem/SearchItem.css.map +1 -1
  40. package/build/cjs/components/SearchPage/SearchPage.css.map +1 -1
  41. package/build/cjs/components/SearchSuggest/index.css.map +1 -1
  42. package/build/cjs/components/ShareButton/ShareButton.css.map +1 -1
  43. package/build/cjs/components/SubNavigation/SubNavigation.css.map +1 -1
  44. package/build/cjs/components/SubNavigation/SubNavigation.js +3 -1
  45. package/build/cjs/components/SubNavigation/SubNavigation.js.map +2 -2
  46. package/build/cjs/components/Subscribe/Subscribe.css.map +1 -1
  47. package/build/cjs/components/Toc/Toc.css.map +1 -1
  48. package/build/cjs/components/TocItem/TocItem.css.map +1 -1
  49. package/build/cjs/components/TocLable/TocLabel.css.map +1 -1
  50. package/build/cjs/components/TocNavPanel/TocNavPanel.css.map +1 -1
  51. package/build/cjs/components/ToggleArrow/ToggleArrow.css.map +1 -1
  52. package/build/cjs/components/UpdatedAtDate/UpdatedAtDate.css.map +1 -1
  53. package/build/cjs/components/constants.d.ts +2 -0
  54. package/build/cjs/components/navigation/CustomNavigation/CustomNavigation.css.map +1 -1
  55. package/build/cjs/components/navigation/MobileDropdown/MobileDropdown.css.map +1 -1
  56. package/build/cjs/components/navigation/Sidebar/Sidebar.css.map +1 -1
  57. package/build/cjs/components/navigation/SidebarContent/SidebarContent.css.map +1 -1
  58. package/build/cjs/components/navigation/SidebarContent/SidebarContent.js +3 -1
  59. package/build/cjs/components/navigation/SidebarContent/SidebarContent.js.map +2 -2
  60. package/build/cjs/components/navigation/SidebarNavigation/SidebarNavigation.css.map +1 -1
  61. package/build/cjs/components/navigation/ToMainMenu/ToMainMenu.css.map +1 -1
  62. package/build/cjs/contexts/InterfaceContext.d.ts +11 -0
  63. package/build/cjs/contexts/InterfaceContext.js +64 -0
  64. package/build/cjs/contexts/InterfaceContext.js.map +7 -0
  65. package/build/cjs/hooks/index.d.ts +1 -0
  66. package/build/cjs/hooks/index.js +1 -0
  67. package/build/cjs/hooks/index.js.map +2 -2
  68. package/build/cjs/hooks/useInterface.d.ts +1 -0
  69. package/build/cjs/hooks/useInterface.js +32 -0
  70. package/build/cjs/hooks/useInterface.js.map +7 -0
  71. package/build/cjs/index.d.ts +2 -0
  72. package/build/cjs/index.js +9 -0
  73. package/build/cjs/index.js.map +2 -2
  74. package/build/cjs/models/index.d.ts +1 -0
  75. package/build/cjs/models/index.js.map +2 -2
  76. package/build/esm/components/BookmarkButton/BookmarkButton.css.map +1 -1
  77. package/build/esm/components/Breadcrumbs/Breadcrumbs.css.map +1 -1
  78. package/build/esm/components/ContributorAvatars/ContributorAvatars.css.map +1 -1
  79. package/build/esm/components/Contributors/Contributors.css.map +1 -1
  80. package/build/esm/components/Control/Control.css.map +1 -1
  81. package/build/esm/components/Controls/Controls.css.map +1 -1
  82. package/build/esm/components/Controls/Controls.d.ts +3 -0
  83. package/build/esm/components/Controls/Controls.js +37 -7
  84. package/build/esm/components/Controls/Controls.js.map +2 -2
  85. package/build/esm/components/Controls/single-controls/DividerControl/DividerControl.css.map +1 -1
  86. package/build/esm/components/Controls/single-controls/LangControl/LangControl.css.map +1 -1
  87. package/build/esm/components/Controls/single-controls/SettingsControl/SettingsControl.css.map +1 -1
  88. package/build/esm/components/DocContentPage/DocContentPage.d.ts +1 -0
  89. package/build/esm/components/DocContentPage/DocContentPage.js +1 -1
  90. package/build/esm/components/DocContentPage/DocContentPage.js.map +2 -2
  91. package/build/esm/components/DocLayout/DocLayout.css.map +1 -1
  92. package/build/esm/components/DocLayout/DocLayout.d.ts +8 -14
  93. package/build/esm/components/DocLayout/DocLayout.js +54 -66
  94. package/build/esm/components/DocLayout/DocLayout.js.map +2 -2
  95. package/build/esm/components/DocLeadingPage/DocLeadingPage.css.map +1 -1
  96. package/build/esm/components/DocLeadingPage/__tests__/DocLeadingPage.spec.d.ts +1 -0
  97. package/build/esm/components/DocPage/DocPage.css.map +1 -1
  98. package/build/esm/components/DocPage/DocPage.d.ts +1 -0
  99. package/build/esm/components/DocPage/DocPage.js +11 -3
  100. package/build/esm/components/DocPage/DocPage.js.map +2 -2
  101. package/build/esm/components/DocPageTitle/DocPageTitle.css.map +1 -1
  102. package/build/esm/components/ErrorPage/ErrorPage.css.map +1 -1
  103. package/build/esm/components/Feedback/Feedback.css.map +1 -1
  104. package/build/esm/components/Feedback/Feedback.js +5 -1
  105. package/build/esm/components/Feedback/Feedback.js.map +2 -2
  106. package/build/esm/components/Mark/Mark.css.map +1 -1
  107. package/build/esm/components/MiniToc/MiniToc.css.map +1 -1
  108. package/build/esm/components/MobileControls/MobileControl/MobileControl.css.map +1 -1
  109. package/build/esm/components/MobileControls/MobileControlSheet/MobileControlSheet.css.map +1 -1
  110. package/build/esm/components/MobileControls/MobileControls.css.map +1 -1
  111. package/build/esm/components/Notification/Notification.css.map +1 -1
  112. package/build/esm/components/Paginator/Paginator.css.map +1 -1
  113. package/build/esm/components/SearchBar/SearchBar.css.map +1 -1
  114. package/build/esm/components/SearchItem/SearchItem.css.map +1 -1
  115. package/build/esm/components/SearchPage/SearchPage.css.map +1 -1
  116. package/build/esm/components/SearchSuggest/index.css.map +1 -1
  117. package/build/esm/components/ShareButton/ShareButton.css.map +1 -1
  118. package/build/esm/components/SubNavigation/SubNavigation.css.map +1 -1
  119. package/build/esm/components/SubNavigation/SubNavigation.js +3 -1
  120. package/build/esm/components/SubNavigation/SubNavigation.js.map +2 -2
  121. package/build/esm/components/Subscribe/Subscribe.css.map +1 -1
  122. package/build/esm/components/Toc/Toc.css.map +1 -1
  123. package/build/esm/components/TocItem/TocItem.css.map +1 -1
  124. package/build/esm/components/TocLable/TocLabel.css.map +1 -1
  125. package/build/esm/components/TocNavPanel/TocNavPanel.css.map +1 -1
  126. package/build/esm/components/ToggleArrow/ToggleArrow.css.map +1 -1
  127. package/build/esm/components/UpdatedAtDate/UpdatedAtDate.css.map +1 -1
  128. package/build/esm/components/constants.d.ts +2 -0
  129. package/build/esm/components/navigation/CustomNavigation/CustomNavigation.css.map +1 -1
  130. package/build/esm/components/navigation/MobileDropdown/MobileDropdown.css.map +1 -1
  131. package/build/esm/components/navigation/Sidebar/Sidebar.css.map +1 -1
  132. package/build/esm/components/navigation/SidebarContent/SidebarContent.css.map +1 -1
  133. package/build/esm/components/navigation/SidebarContent/SidebarContent.js +3 -1
  134. package/build/esm/components/navigation/SidebarContent/SidebarContent.js.map +2 -2
  135. package/build/esm/components/navigation/SidebarNavigation/SidebarNavigation.css.map +1 -1
  136. package/build/esm/components/navigation/ToMainMenu/ToMainMenu.css.map +1 -1
  137. package/build/esm/contexts/InterfaceContext.d.ts +11 -0
  138. package/build/esm/contexts/InterfaceContext.js +33 -0
  139. package/build/esm/contexts/InterfaceContext.js.map +7 -0
  140. package/build/esm/hooks/index.d.ts +1 -0
  141. package/build/esm/hooks/index.js +1 -0
  142. package/build/esm/hooks/index.js.map +2 -2
  143. package/build/esm/hooks/useInterface.d.ts +1 -0
  144. package/build/esm/hooks/useInterface.js +11 -0
  145. package/build/esm/hooks/useInterface.js.map +7 -0
  146. package/build/esm/index.d.ts +2 -0
  147. package/build/esm/index.js +5 -0
  148. package/build/esm/index.js.map +2 -2
  149. package/build/esm/models/index.d.ts +1 -0
  150. package/build/esm/models/index.js.map +2 -2
  151. package/build/index.css.map +1 -1
  152. package/build/themes/common/index.css.map +1 -1
  153. package/package.json +1 -1
@@ -1,8 +1,29 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __defProps = Object.defineProperties;
3
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
+ var __spreadValues = (a, b2) => {
9
+ for (var prop in b2 || (b2 = {}))
10
+ if (__hasOwnProp.call(b2, prop))
11
+ __defNormalProp(a, prop, b2[prop]);
12
+ if (__getOwnPropSymbols)
13
+ for (var prop of __getOwnPropSymbols(b2)) {
14
+ if (__propIsEnum.call(b2, prop))
15
+ __defNormalProp(a, prop, b2[prop]);
16
+ }
17
+ return a;
18
+ };
19
+ var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
20
+
1
21
  // src/components/Controls/Controls.tsx
2
- import React, { memo, useContext } from "react";
3
22
  import block from "bem-cn-lite";
23
+ import React, { memo, useContext } from "react";
4
24
  import { Feedback, FeedbackView } from "../Feedback";
5
25
  import { Subscribe, SubscribeView } from "../Subscribe";
26
+ import { useInterface } from "../../hooks";
6
27
  import { ControlsLayoutContext } from "./ControlsLayout";
7
28
  import {
8
29
  DividerControl,
@@ -18,10 +39,8 @@ var b = block("dc-controls");
18
39
  function hasLangs(langs) {
19
40
  return (langs == null ? void 0 : langs.length) && langs.length > 1;
20
41
  }
21
- var Controls = memo((props) => {
22
- const { isVerticalView } = useContext(ControlsLayoutContext);
42
+ var ControlsList = (props) => {
23
43
  const {
24
- className,
25
44
  fullScreen,
26
45
  singlePage,
27
46
  theme,
@@ -46,7 +65,8 @@ var Controls = memo((props) => {
46
65
  vcsUrl,
47
66
  vcsType,
48
67
  isLiked,
49
- isDisliked
68
+ isDisliked,
69
+ isHiddenFeedback
50
70
  } = props;
51
71
  const withFullscreenControl = Boolean(onChangeFullScreen);
52
72
  const withSettingsControl = Boolean(
@@ -56,7 +76,9 @@ var Controls = memo((props) => {
56
76
  const withSinglePageControl = Boolean(onChangeSinglePage);
57
77
  const withPdfControl = Boolean(pdfLink);
58
78
  const withEditControl = Boolean(!singlePage && !hideEditControl && vcsUrl);
59
- const withFeedbackControl = Boolean(!singlePage && !hideFeedbackControls && onSendFeedback);
79
+ const withFeedbackControl = Boolean(
80
+ !singlePage && !hideFeedbackControls && !isHiddenFeedback && onSendFeedback
81
+ );
60
82
  const withSubscribeControls = Boolean(!singlePage && onSubscribe);
61
83
  const controls = [
62
84
  withFullscreenControl && /* @__PURE__ */ React.createElement(
@@ -141,7 +163,14 @@ var Controls = memo((props) => {
141
163
  }
142
164
  return result;
143
165
  }, []);
144
- if (!controls.length) {
166
+ return controls;
167
+ };
168
+ var Controls = memo((props) => {
169
+ const { isVerticalView } = useContext(ControlsLayoutContext);
170
+ const isHiddenFeedback = useInterface("feedback");
171
+ const { className } = props;
172
+ const controls = /* @__PURE__ */ React.createElement(ControlsList, __spreadProps(__spreadValues({}, props), { isHiddenFeedback }));
173
+ if (!controls) {
145
174
  return null;
146
175
  }
147
176
  return /* @__PURE__ */ React.createElement("div", { className: b({ vertical: isVerticalView }, className) }, controls);
@@ -149,6 +178,7 @@ var Controls = memo((props) => {
149
178
  Controls.displayName = "DCControls";
150
179
  var Controls_default = Controls;
151
180
  export {
181
+ ControlsList,
152
182
  Controls_default as default
153
183
  };
154
184
  //# sourceMappingURL=Controls.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/Controls/Controls.tsx"],
4
- "sourcesContent": ["import React, {memo, useContext} from 'react';\nimport block from 'bem-cn-lite';\n\nimport {FeedbackSendData, Lang, SubscribeData, TextSizes, Theme} from '../../models';\nimport {Feedback, FeedbackView} from '../Feedback';\nimport {Subscribe, SubscribeView} from '../Subscribe';\n\nimport {ControlsLayoutContext} from './ControlsLayout';\n\nimport {\n DividerControl,\n EditControl,\n FullScreenControl,\n LangControl,\n PdfControl,\n SettingsControl,\n SinglePageControl,\n} from './';\n\n// eslint-disable-next-line import/order\nimport './Controls.scss';\n\nconst b = block('dc-controls');\n\nexport interface ControlsProps {\n lang?: `${Lang}` | Lang;\n langs?: (`${Lang}` | Lang)[];\n fullScreen?: boolean;\n singlePage?: boolean;\n wideFormat?: boolean;\n showMiniToc?: boolean;\n theme?: Theme;\n textSize?: TextSizes;\n vcsUrl?: string;\n vcsType?: string;\n isLiked?: boolean;\n isDisliked?: boolean;\n onChangeLang?: (lang: `${Lang}` | Lang) => void;\n onChangeFullScreen?: (value: boolean) => void;\n onChangeSinglePage?: (value: boolean) => void;\n onChangeWideFormat?: (value: boolean) => void;\n onChangeShowMiniToc?: (value: boolean) => void;\n onChangeTheme?: (theme: Theme) => void;\n onChangeTextSize?: (textSize: TextSizes) => void;\n onSendFeedback?: (data: FeedbackSendData) => void;\n onSubscribe?: (data: SubscribeData) => void;\n onEditClick?: () => void;\n pdfLink?: string;\n className?: string;\n hideEditControl?: boolean;\n hideFeedbackControls?: boolean;\n}\n\ntype Defined = {\n [P in keyof ControlsProps]-?: ControlsProps[P];\n};\n\nfunction hasLangs(langs?: (`${Lang}` | Lang)[]) {\n return langs?.length && langs.length > 1;\n}\n\nconst Controls = memo<ControlsProps>((props) => {\n const {isVerticalView} = useContext(ControlsLayoutContext);\n const {\n className,\n fullScreen,\n singlePage,\n theme,\n wideFormat,\n showMiniToc,\n hideEditControl,\n hideFeedbackControls,\n textSize,\n onChangeFullScreen,\n onChangeTheme,\n onChangeShowMiniToc,\n onChangeTextSize,\n onChangeWideFormat,\n onChangeLang,\n onChangeSinglePage,\n onSendFeedback,\n onSubscribe,\n onEditClick,\n lang,\n langs,\n pdfLink,\n vcsUrl,\n vcsType,\n isLiked,\n isDisliked,\n } = props;\n\n const withFullscreenControl = Boolean(onChangeFullScreen);\n const withSettingsControl = Boolean(\n onChangeWideFormat || onChangeTheme || onChangeShowMiniToc || onChangeTextSize,\n );\n const withLangControl = Boolean(lang && hasLangs(langs) && onChangeLang);\n const withSinglePageControl = Boolean(onChangeSinglePage);\n const withPdfControl = Boolean(pdfLink);\n const withEditControl = Boolean(!singlePage && !hideEditControl && vcsUrl);\n const withFeedbackControl = Boolean(!singlePage && !hideFeedbackControls && onSendFeedback);\n const withSubscribeControls = Boolean(!singlePage && onSubscribe);\n\n const controls = [\n withFullscreenControl && (\n <FullScreenControl\n key=\"fullscreen-control\"\n value={fullScreen}\n onChange={onChangeFullScreen}\n />\n ),\n withSettingsControl && (\n <SettingsControl\n key=\"settings-control\"\n theme={theme}\n wideFormat={wideFormat}\n showMiniToc={showMiniToc}\n textSize={textSize}\n onChangeTheme={onChangeTheme}\n onChangeShowMiniToc={onChangeShowMiniToc}\n onChangeTextSize={onChangeTextSize}\n onChangeWideFormat={onChangeWideFormat}\n />\n ),\n withLangControl && (\n <LangControl\n key=\"lang-control\"\n lang={lang as Lang}\n langs={langs}\n onChangeLang={onChangeLang as Defined['onChangeLang']}\n />\n ),\n withSinglePageControl && (\n <SinglePageControl\n key=\"single-page-control\"\n value={singlePage}\n onChange={onChangeSinglePage as Defined['onChangeSinglePage']}\n />\n ),\n withPdfControl && <PdfControl key=\"pdf-control\" pdfLink={pdfLink as Defined['pdfLink']} />,\n '---',\n withEditControl && (\n <EditControl\n key=\"edit-control\"\n vcsUrl={vcsUrl as Defined['vcsUrl']}\n vcsType={vcsType as Defined['vcsType']}\n onClick={onEditClick}\n />\n ),\n '---',\n withFeedbackControl && (\n <Feedback\n key=\"feedback-control\"\n isLiked={isLiked}\n isDisliked={isDisliked}\n onSendFeedback={onSendFeedback as Defined['onSendFeedback']}\n view={FeedbackView.Regular}\n />\n ),\n '---',\n withSubscribeControls && (\n <Subscribe\n key=\"subscribe-control\"\n onSubscribe={onSubscribe as Defined['onSubscribe']}\n view={SubscribeView.Regular}\n />\n ),\n ]\n .filter(Boolean)\n .reduce((result, control, index, array) => {\n if (control === '---') {\n if (array[index - 1] && array[index + 1] && array[index + 1] !== '---') {\n result.push(\n <DividerControl key={'divider-' + index} className={b('divider')} />,\n );\n }\n } else {\n result.push(control as React.ReactElement);\n }\n\n return result;\n }, [] as React.ReactElement[]);\n\n if (!controls.length) {\n return null;\n }\n\n return <div className={b({vertical: isVerticalView}, className)}>{controls}</div>;\n});\n\nControls.displayName = 'DCControls';\n\nexport default Controls;\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["import block from 'bem-cn-lite';\nimport React, {memo, useContext} from 'react';\n\nimport {Feedback, FeedbackView} from '../Feedback';\nimport {Subscribe, SubscribeView} from '../Subscribe';\nimport {FeedbackSendData, Lang, SubscribeData, TextSizes, Theme} from '../../models';\nimport {useInterface} from '../../hooks';\n\nimport {ControlsLayoutContext} from './ControlsLayout';\n\nimport {\n DividerControl,\n EditControl,\n FullScreenControl,\n LangControl,\n PdfControl,\n SettingsControl,\n SinglePageControl,\n} from './';\n\n// eslint-disable-next-line import/order\nimport './Controls.scss';\n\nexport interface ControlsProps {\n lang?: `${Lang}` | Lang;\n langs?: (`${Lang}` | Lang)[];\n fullScreen?: boolean;\n singlePage?: boolean;\n wideFormat?: boolean;\n showMiniToc?: boolean;\n theme?: Theme;\n textSize?: TextSizes;\n vcsUrl?: string;\n vcsType?: string;\n isLiked?: boolean;\n isDisliked?: boolean;\n onChangeLang?: (lang: `${Lang}` | Lang) => void;\n onChangeFullScreen?: (value: boolean) => void;\n onChangeSinglePage?: (value: boolean) => void;\n onChangeWideFormat?: (value: boolean) => void;\n onChangeShowMiniToc?: (value: boolean) => void;\n onChangeTheme?: (theme: Theme) => void;\n onChangeTextSize?: (textSize: TextSizes) => void;\n onSendFeedback?: (data: FeedbackSendData) => void;\n onSubscribe?: (data: SubscribeData) => void;\n onEditClick?: () => void;\n pdfLink?: string;\n className?: string;\n hideEditControl?: boolean;\n hideFeedbackControls?: boolean;\n}\n\nconst b = block('dc-controls');\n\ntype Defined = {\n [P in keyof ControlsProps]-?: ControlsProps[P];\n};\n\nfunction hasLangs(langs?: (`${Lang}` | Lang)[]) {\n return langs?.length && langs.length > 1;\n}\n\nexport const ControlsList: React.FC<ControlsProps & {isHiddenFeedback: boolean}> = (props) => {\n const {\n fullScreen,\n singlePage,\n theme,\n wideFormat,\n showMiniToc,\n hideEditControl,\n hideFeedbackControls,\n textSize,\n onChangeFullScreen,\n onChangeTheme,\n onChangeShowMiniToc,\n onChangeTextSize,\n onChangeWideFormat,\n onChangeLang,\n onChangeSinglePage,\n onSendFeedback,\n onSubscribe,\n onEditClick,\n lang,\n langs,\n pdfLink,\n vcsUrl,\n vcsType,\n isLiked,\n isDisliked,\n isHiddenFeedback,\n } = props;\n\n const withFullscreenControl = Boolean(onChangeFullScreen);\n const withSettingsControl = Boolean(\n onChangeWideFormat || onChangeTheme || onChangeShowMiniToc || onChangeTextSize,\n );\n const withLangControl = Boolean(lang && hasLangs(langs) && onChangeLang);\n const withSinglePageControl = Boolean(onChangeSinglePage);\n const withPdfControl = Boolean(pdfLink);\n const withEditControl = Boolean(!singlePage && !hideEditControl && vcsUrl);\n const withFeedbackControl = Boolean(\n !singlePage && !hideFeedbackControls && !isHiddenFeedback && onSendFeedback,\n );\n const withSubscribeControls = Boolean(!singlePage && onSubscribe);\n\n const controls = [\n withFullscreenControl && (\n <FullScreenControl\n key=\"fullscreen-control\"\n value={fullScreen}\n onChange={onChangeFullScreen}\n />\n ),\n withSettingsControl && (\n <SettingsControl\n key=\"settings-control\"\n theme={theme}\n wideFormat={wideFormat}\n showMiniToc={showMiniToc}\n textSize={textSize}\n onChangeTheme={onChangeTheme}\n onChangeShowMiniToc={onChangeShowMiniToc}\n onChangeTextSize={onChangeTextSize}\n onChangeWideFormat={onChangeWideFormat}\n />\n ),\n withLangControl && (\n <LangControl\n key=\"lang-control\"\n lang={lang as Lang}\n langs={langs}\n onChangeLang={onChangeLang as Defined['onChangeLang']}\n />\n ),\n withSinglePageControl && (\n <SinglePageControl\n key=\"single-page-control\"\n value={singlePage}\n onChange={onChangeSinglePage as Defined['onChangeSinglePage']}\n />\n ),\n withPdfControl && <PdfControl key=\"pdf-control\" pdfLink={pdfLink as Defined['pdfLink']} />,\n '---',\n withEditControl && (\n <EditControl\n key=\"edit-control\"\n vcsUrl={vcsUrl as Defined['vcsUrl']}\n vcsType={vcsType as Defined['vcsType']}\n onClick={onEditClick}\n />\n ),\n '---',\n withFeedbackControl && (\n <Feedback\n key=\"feedback-control\"\n isLiked={isLiked}\n isDisliked={isDisliked}\n onSendFeedback={onSendFeedback as Defined['onSendFeedback']}\n view={FeedbackView.Regular}\n />\n ),\n '---',\n withSubscribeControls && (\n <Subscribe\n key=\"subscribe-control\"\n onSubscribe={onSubscribe as Defined['onSubscribe']}\n view={SubscribeView.Regular}\n />\n ),\n ]\n .filter(Boolean)\n .reduce((result, control, index, array) => {\n if (control === '---') {\n if (array[index - 1] && array[index + 1] && array[index + 1] !== '---') {\n result.push(\n <DividerControl key={'divider-' + index} className={b('divider')} />,\n );\n }\n } else {\n result.push(control as React.ReactElement);\n }\n\n return result;\n }, [] as React.ReactElement[]);\n\n return controls;\n};\n\nconst Controls = memo<ControlsProps>((props) => {\n const {isVerticalView} = useContext(ControlsLayoutContext);\n const isHiddenFeedback = useInterface('feedback');\n const {className} = props;\n\n const controls = <ControlsList {...props} isHiddenFeedback={isHiddenFeedback} />;\n\n if (!controls) {\n return null;\n }\n\n return <div className={b({vertical: isVerticalView}, className)}>{controls}</div>;\n});\n\nControls.displayName = 'DCControls';\n\nexport default Controls;\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../../src/components/Controls/single-controls/DividerControl/home/runner/work/components/components/src/components/Controls/single-controls/DividerControl/DividerControl.scss", "../../../../../../src/components/Controls/single-controls/DividerControl/%3Cinput%20css%20d9MBj2%3E"],
3
+ "sources": ["../../../../../../src/components/Controls/single-controls/DividerControl/home/runner/work/components/components/src/components/Controls/single-controls/DividerControl/DividerControl.scss", "../../../../../../src/components/Controls/single-controls/DividerControl/%3Cinput%20css%20rChhN7%3E"],
4
4
  "sourcesContent": [".dc-divider-control {\n background: var(--g-color-line-generic);\n\n &:first-child {\n display: none;\n }\n\n &:not(&_vertical) {\n width: 100%;\n height: 1px;\n }\n\n &_vertical {\n width: 1px;\n }\n\n &#{&}_vertical#{&}_size_m {\n height: 16px;\n }\n &#{&}_vertical#{&}_size_l {\n height: 24px;\n }\n}\n", ".dc-divider-control {\n background: var(--g-color-line-generic);\n}\n.dc-divider-control:first-child {\n display: none;\n}\n.dc-divider-control:not(.dc-divider-control_vertical) {\n width: 100%;\n height: 1px;\n}\n.dc-divider-control_vertical {\n width: 1px;\n}\n.dc-divider-control.dc-divider-control_vertical.dc-divider-control_size_m {\n height: 16px;\n}\n.dc-divider-control.dc-divider-control_vertical.dc-divider-control_size_l {\n height: 24px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyb2xzL3NpbmdsZS1jb250cm9scy9EaXZpZGVyQ29udHJvbCIsInNvdXJjZXMiOlsiRGl2aWRlckNvbnRyb2wuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJOztBQUVBO0VBQ0k7O0FBR0o7RUFDSTtFQUNBOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTs7QUFFSjtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiLmRjLWRpdmlkZXItY29udHJvbCB7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1saW5lLWdlbmVyaWMpO1xuXG4gICAgJjpmaXJzdC1jaGlsZCB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgJjpub3QoJl92ZXJ0aWNhbCkge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgfVxuXG4gICAgJl92ZXJ0aWNhbCB7XG4gICAgICAgIHdpZHRoOiAxcHg7XG4gICAgfVxuXG4gICAgJiN7Jn1fdmVydGljYWwjeyZ9X3NpemVfbSB7XG4gICAgICAgIGhlaWdodDogMTZweDtcbiAgICB9XG4gICAgJiN7Jn1fdmVydGljYWwjeyZ9X3NpemVfbCB7XG4gICAgICAgIGhlaWdodDogMjRweDtcbiAgICB9XG59XG4iXX0= */"],
5
5
  "mappings": ";AAAA,CAAA;AACI,cAAA,IAAA;ACCJ;ADCI,CAHJ,kBAGI;AACI,WAAA;ACCR;ADEI,CAPJ,kBAOI,KAAA,CAAA;AACI,SAAA;AACA,UAAA;ACAR;ADGI,CALA;AAMI,SAAA;ACDR;ADII,CAhBJ,kBAgBI,CATA,2BASA,CAAA;AACI,UAAA;ACFR;ADII,CAnBJ,kBAmBI,CAZA,2BAYA,CAAA;AACI,UAAA;ACFR;",
6
6
  "names": []
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../../src/components/Controls/single-controls/LangControl/home/runner/work/components/components/src/components/Controls/single-controls/LangControl/LangControl.scss", "../../../../../../src/components/Controls/single-controls/LangControl/home/runner/work/components/components/src/styles/mixins.scss", "../../../../../../src/components/Controls/single-controls/LangControl/%3Cinput%20css%20aHFQk8%3E"],
3
+ "sources": ["../../../../../../src/components/Controls/single-controls/LangControl/home/runner/work/components/components/src/components/Controls/single-controls/LangControl/LangControl.scss", "../../../../../../src/components/Controls/single-controls/LangControl/home/runner/work/components/components/src/styles/mixins.scss", "../../../../../../src/components/Controls/single-controls/LangControl/%3Cinput%20css%20cjVI8Y%3E"],
4
4
  "sourcesContent": ["@use '../../../../styles/mixins';\n@use '../../../../styles/variables';\n\n.dc-lang-control {\n display: flex;\n align-items: center;\n @include mixins.text-size(body-1);\n\n &__popup {\n width: 100px;\n @include mixins.text-size(body-1);\n }\n\n div &__popup-tooltip {\n padding: 0;\n }\n\n &__list {\n padding: 4px 0;\n }\n\n &__list-item {\n --g-focus-border-radius: 4px;\n\n display: flex;\n gap: 8px;\n align-items: center;\n width: 100%;\n height: 100%;\n border-radius: var(--g-focus-border-radius);\n border: 0;\n padding: 0 12px;\n color: inherit;\n cursor: inherit;\n background-color: inherit;\n font-family: inherit;\n\n @include mixins.focusable(-2px);\n }\n}\n", "@use 'sass:map';\n@use '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, #{variables.$headerHeight}));\n margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$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 focusable($offset: 0, $mode: 'outline') {\n @if $mode == 'outline' {\n &:focus {\n outline: 2px solid var(--g-color-line-focus);\n outline-offset: $offset;\n }\n &:focus:not(:focus-visible) {\n outline: 0;\n }\n }\n\n @if $mode == 'box-shadow' {\n &:focus {\n box-shadow: 0 0 0 2px var(--g-color-line-focus);\n outline: 0;\n }\n &:focus:not(:focus-visible) {\n box-shadow: none;\n }\n }\n}\n\n@mixin link() {\n color: var(--g-color-text-link);\n text-decoration: none;\n cursor: pointer;\n border-radius: var(--g-focus-border-radius);\n\n @include islands-focus();\n\n @include focusable(0, 'box-shadow');\n\n &:hover,\n &:active {\n color: var(--g-color-text-link-hover);\n }\n}\n\n@mixin heading1() {\n font-weight: 500;\n\n @include text-size(display-3);\n\n @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n @include text-size(display-2);\n }\n}\n\n@mixin heading2() {\n font-weight: 500;\n\n @include text-size(display-1);\n}\n\n@mixin heading3() {\n font-weight: 500;\n\n @include text-size(header-2);\n}\n\n@mixin heading4() {\n font-weight: 500;\n\n @include text-size(header-1);\n}\n\n@mixin heading5() {\n font-weight: 500;\n\n @include text-size(body-3);\n}\n\n@mixin heading6() {\n font-weight: 400;\n\n @include text-size(body-3);\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(variables.$screenBreakpoints, 'md') - 1) {\n display: none;\n }\n}\n\n@mixin desktop-tablet-only() {\n @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n display: none;\n }\n}\n\n@mixin mobile-tablet-only() {\n @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n display: none;\n }\n}\n\n@mixin mobile-only() {\n @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n display: none;\n }\n}\n", ".dc-lang-control {\n display: flex;\n align-items: center;\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n}\n.dc-lang-control__popup {\n width: 100px;\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n}\ndiv .dc-lang-control__popup-tooltip {\n padding: 0;\n}\n.dc-lang-control__list {\n padding: 4px 0;\n}\n.dc-lang-control__list-item {\n --g-focus-border-radius: 4px;\n display: flex;\n gap: 8px;\n align-items: center;\n width: 100%;\n height: 100%;\n border-radius: var(--g-focus-border-radius);\n border: 0;\n padding: 0 12px;\n color: inherit;\n cursor: inherit;\n background-color: inherit;\n font-family: inherit;\n}\n.dc-lang-control__list-item:focus {\n outline: 2px solid var(--g-color-line-focus);\n outline-offset: -2px;\n}\n.dc-lang-control__list-item:focus:not(:focus-visible) {\n outline: 0;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyb2xzL3NpbmdsZS1jb250cm9scy9MYW5nQ29udHJvbCIsInNvdXJjZXMiOlsiTGFuZ0NvbnRyb2wuc2NzcyIsIi4uLy4uLy4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQTtFQUNJO0VBQ0E7RUNEQTtFQUNBOztBREdBO0VBQ0k7RUNMSjtFQUNBOztBRFFBO0VBQ0k7O0FBR0o7RUFDSTs7QUFHSjtFQUNJO0VBRUE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQ0RBO0VBQ0k7RUFDQSxnQkRDc0I7O0FDQzFCO0VBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi8uLi8uLi9zdHlsZXMvbWl4aW5zJztcbkB1c2UgJy4uLy4uLy4uLy4uL3N0eWxlcy92YXJpYWJsZXMnO1xuXG4uZGMtbGFuZy1jb250cm9sIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgQGluY2x1ZGUgbWl4aW5zLnRleHQtc2l6ZShib2R5LTEpO1xuXG4gICAgJl9fcG9wdXAge1xuICAgICAgICB3aWR0aDogMTAwcHg7XG4gICAgICAgIEBpbmNsdWRlIG1peGlucy50ZXh0LXNpemUoYm9keS0xKTtcbiAgICB9XG5cbiAgICBkaXYgJl9fcG9wdXAtdG9vbHRpcCB7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgfVxuXG4gICAgJl9fbGlzdCB7XG4gICAgICAgIHBhZGRpbmc6IDRweCAwO1xuICAgIH1cblxuICAgICZfX2xpc3QtaXRlbSB7XG4gICAgICAgIC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzOiA0cHg7XG5cbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWctZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG4gICAgICAgIGJvcmRlcjogMDtcbiAgICAgICAgcGFkZGluZzogMCAxMnB4O1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgY3Vyc29yOiBpbmhlcml0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBpbmhlcml0O1xuICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcblxuICAgICAgICBAaW5jbHVkZSBtaXhpbnMuZm9jdXNhYmxlKC0ycHgpO1xuICAgIH1cbn1cbiIsIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJ3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgQGluY2x1ZGUgZm9jdXNhYmxlKDAsICdib3gtc2hhZG93Jyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */"],
5
5
  "mappings": ";AAGA,CAAA;AACI,WAAA;AACA,eAAA;ACDA,aAAA,IAAA;AACA,eAAA,IAAA;ACAJ;AFGI,CAAA;AACI,SAAA;ACLJ,aAAA,IAAA;AACA,eAAA,IAAA;ACKJ;AFGI,IAAA,CAAA;AACI,WAAA;AEDR;AFII,CAAA;AACI,WAAA,IAAA;AEFR;AFKI,CAAA;AACI,2BAAA;AAEA,WAAA;AACA,OAAA;AACA,eAAA;AACA,SAAA;AACA,UAAA;AACA,iBAAA;AAAA,iBAAA,IAAA;AACA,UAAA;AACA,WAAA,EAAA;AACA,SAAA;AACA,UAAA;AACA,oBAAA;AACA,eAAA;AEJR;ADGQ,CDbJ,0BCaI;AACI,WAAA,IAAA,MAAA,IAAA;AACA,kBAAA;ACDZ;ADGQ,CDjBJ,0BCiBI,MAAA,KAAA;AACI,WAAA;ACDZ;",
6
6
  "names": []
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../../src/components/Controls/single-controls/SettingsControl/home/runner/work/components/components/src/components/Controls/single-controls/SettingsControl/SettingsControl.scss", "../../../../../../src/components/Controls/single-controls/SettingsControl/%3Cinput%20css%20NBKcoQ%3E", "../../../../../../src/components/Controls/single-controls/SettingsControl/home/runner/work/components/components/src/styles/mixins.scss"],
3
+ "sources": ["../../../../../../src/components/Controls/single-controls/SettingsControl/home/runner/work/components/components/src/components/Controls/single-controls/SettingsControl/SettingsControl.scss", "../../../../../../src/components/Controls/single-controls/SettingsControl/%3Cinput%20css%20YDO5nF%3E", "../../../../../../src/components/Controls/single-controls/SettingsControl/home/runner/work/components/components/src/styles/mixins.scss"],
4
4
  "sourcesContent": ["@use 'sass:map';\n@use '../../../../styles/mixins';\n@use '../../../../styles/variables';\n\n.dc-settings-control {\n &__text-size-control {\n display: flex;\n align-items: center;\n }\n\n &__text-size-button {\n &_s {\n @include mixins.text-size(body-1);\n }\n &_m {\n @include mixins.text-size(body-2);\n }\n &_l {\n @include mixins.text-size(body-3);\n }\n }\n\n &__text-size-button-icon {\n &_active {\n color: var(--g-color-base-brand);\n }\n }\n\n &__popup {\n width: 230px;\n @include mixins.text-size(body-1);\n }\n\n &__popup-tooltip-content {\n padding: 0;\n }\n\n &__list {\n padding: 4px 0;\n width: 230px;\n\n .g-list__item_active {\n background: transparent;\n }\n }\n\n &__list-icon {\n margin-right: 8px;\n }\n\n &__list-item {\n display: flex;\n padding: 12px;\n width: 100%;\n }\n\n &__list-item-description {\n color: var(--g-color-text-secondary);\n }\n\n &__list-item-control {\n display: flex;\n align-items: center;\n margin-left: auto;\n\n [dir='rtl'] & {\n margin: 0 auto 0 0;\n }\n\n [dir='rtl'] & > label {\n transform: rotate(180deg);\n }\n }\n\n @media (max-width: map.get(variables.$screenBreakpoints, 'md')) {\n &__popup {\n width: 100vw;\n }\n\n &__popup-tooltip {\n position: fixed;\n /* stylelint-disable-next-line declaration-no-important */\n inset: var(--header-height) 0px auto 0px !important;\n /* stylelint-disable-next-line declaration-no-important */\n transform: translate3d(0, 0, 0) !important;\n }\n\n &__popup-tooltip-content {\n max-width: 100%;\n }\n\n &__list {\n width: 100%;\n }\n }\n}\n", ".dc-settings-control__text-size-control {\n display: flex;\n align-items: center;\n}\n.dc-settings-control__text-size-button_s {\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n}\n.dc-settings-control__text-size-button_m {\n font-size: var(--g-text-body-2-font-size);\n line-height: var(--g-text-body-2-line-height);\n}\n.dc-settings-control__text-size-button_l {\n font-size: var(--g-text-body-3-font-size);\n line-height: var(--g-text-body-3-line-height);\n}\n.dc-settings-control__text-size-button-icon_active {\n color: var(--g-color-base-brand);\n}\n.dc-settings-control__popup {\n width: 230px;\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n}\n.dc-settings-control__popup-tooltip-content {\n padding: 0;\n}\n.dc-settings-control__list {\n padding: 4px 0;\n width: 230px;\n}\n.dc-settings-control__list .g-list__item_active {\n background: transparent;\n}\n.dc-settings-control__list-icon {\n margin-right: 8px;\n}\n.dc-settings-control__list-item {\n display: flex;\n padding: 12px;\n width: 100%;\n}\n.dc-settings-control__list-item-description {\n color: var(--g-color-text-secondary);\n}\n.dc-settings-control__list-item-control {\n display: flex;\n align-items: center;\n margin-left: auto;\n}\n[dir=rtl] .dc-settings-control__list-item-control {\n margin: 0 auto 0 0;\n}\n[dir=rtl] .dc-settings-control__list-item-control > label {\n transform: rotate(180deg);\n}\n@media (max-width: 769px) {\n .dc-settings-control__popup {\n width: 100vw;\n }\n .dc-settings-control__popup-tooltip {\n position: fixed;\n /* stylelint-disable-next-line declaration-no-important */\n inset: var(--header-height) 0px auto 0px !important;\n /* stylelint-disable-next-line declaration-no-important */\n transform: translate3d(0, 0, 0) !important;\n }\n .dc-settings-control__popup-tooltip-content {\n max-width: 100%;\n }\n .dc-settings-control__list {\n width: 100%;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyb2xzL3NpbmdsZS1jb250cm9scy9TZXR0aW5nc0NvbnRyb2wiLCJzb3VyY2VzIjpbIlNldHRpbmdzQ29udHJvbC5zY3NzIiwiLi4vLi4vLi4vLi4vc3R5bGVzL21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtJO0VBQ0k7RUFDQTs7QUFJQTtFQ1BKO0VBQ0E7O0FEU0k7RUNWSjtFQUNBOztBRFlJO0VDYko7RUFDQTs7QURrQkk7RUFDSTs7QUFJUjtFQUNJO0VDekJKO0VBQ0E7O0FENEJBO0VBQ0k7O0FBR0o7RUFDSTtFQUNBOztBQUVBO0VBQ0k7O0FBSVI7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7RUFDQTtFQUNBOztBQUVBO0VBQ0k7O0FBR0o7RUFDSTs7QUFJUjtFQUNJO0lBQ0k7O0VBR0o7SUFDSTtBQUNBO0lBQ0E7QUFDQTtJQUNBOztFQUdKO0lBQ0k7O0VBR0o7SUFDSSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJy4uLy4uLy4uLy4uL3N0eWxlcy9taXhpbnMnO1xuQHVzZSAnLi4vLi4vLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5cbi5kYy1zZXR0aW5ncy1jb250cm9sIHtcbiAgICAmX190ZXh0LXNpemUtY29udHJvbCB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgfVxuXG4gICAgJl9fdGV4dC1zaXplLWJ1dHRvbiB7XG4gICAgICAgICZfcyB7XG4gICAgICAgICAgICBAaW5jbHVkZSBtaXhpbnMudGV4dC1zaXplKGJvZHktMSk7XG4gICAgICAgIH1cbiAgICAgICAgJl9tIHtcbiAgICAgICAgICAgIEBpbmNsdWRlIG1peGlucy50ZXh0LXNpemUoYm9keS0yKTtcbiAgICAgICAgfVxuICAgICAgICAmX2wge1xuICAgICAgICAgICAgQGluY2x1ZGUgbWl4aW5zLnRleHQtc2l6ZShib2R5LTMpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fdGV4dC1zaXplLWJ1dHRvbi1pY29uIHtcbiAgICAgICAgJl9hY3RpdmUge1xuICAgICAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItYmFzZS1icmFuZCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19wb3B1cCB7XG4gICAgICAgIHdpZHRoOiAyMzBweDtcbiAgICAgICAgQGluY2x1ZGUgbWl4aW5zLnRleHQtc2l6ZShib2R5LTEpO1xuICAgIH1cblxuICAgICZfX3BvcHVwLXRvb2x0aXAtY29udGVudCB7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgfVxuXG4gICAgJl9fbGlzdCB7XG4gICAgICAgIHBhZGRpbmc6IDRweCAwO1xuICAgICAgICB3aWR0aDogMjMwcHg7XG5cbiAgICAgICAgLmctbGlzdF9faXRlbV9hY3RpdmUge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19saXN0LWljb24ge1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgICB9XG5cbiAgICAmX19saXN0LWl0ZW0ge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBwYWRkaW5nOiAxMnB4O1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAmX19saXN0LWl0ZW0tZGVzY3JpcHRpb24ge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXNlY29uZGFyeSk7XG4gICAgfVxuXG4gICAgJl9fbGlzdC1pdGVtLWNvbnRyb2wge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBtYXJnaW4tbGVmdDogYXV0bztcblxuICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgIG1hcmdpbjogMCBhdXRvIDAgMDtcbiAgICAgICAgfVxuXG4gICAgICAgIFtkaXI9J3J0bCddICYgPiBsYWJlbCB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgJl9fcG9wdXAge1xuICAgICAgICAgICAgd2lkdGg6IDEwMHZ3O1xuICAgICAgICB9XG5cbiAgICAgICAgJl9fcG9wdXAtdG9vbHRpcCB7XG4gICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAvKiBzdHlsZWxpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZGVjbGFyYXRpb24tbm8taW1wb3J0YW50ICovXG4gICAgICAgICAgICBpbnNldDogdmFyKC0taGVhZGVyLWhlaWdodCkgMHB4IGF1dG8gMHB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgICAvKiBzdHlsZWxpbnQtZGlzYWJsZS1uZXh0LWxpbmUgZGVjbGFyYXRpb24tbm8taW1wb3J0YW50ICovXG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cblxuICAgICAgICAmX19wb3B1cC10b29sdGlwLWNvbnRlbnQge1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgICB9XG5cbiAgICAgICAgJl9fbGlzdCB7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJ3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgQGluY2x1ZGUgZm9jdXNhYmxlKDAsICdib3gtc2hhZG93Jyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG4iXX0= */", "@use 'sass:map';\n@use '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, #{variables.$headerHeight}));\n margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$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 focusable($offset: 0, $mode: 'outline') {\n @if $mode == 'outline' {\n &:focus {\n outline: 2px solid var(--g-color-line-focus);\n outline-offset: $offset;\n }\n &:focus:not(:focus-visible) {\n outline: 0;\n }\n }\n\n @if $mode == 'box-shadow' {\n &:focus {\n box-shadow: 0 0 0 2px var(--g-color-line-focus);\n outline: 0;\n }\n &:focus:not(:focus-visible) {\n box-shadow: none;\n }\n }\n}\n\n@mixin link() {\n color: var(--g-color-text-link);\n text-decoration: none;\n cursor: pointer;\n border-radius: var(--g-focus-border-radius);\n\n @include islands-focus();\n\n @include focusable(0, 'box-shadow');\n\n &:hover,\n &:active {\n color: var(--g-color-text-link-hover);\n }\n}\n\n@mixin heading1() {\n font-weight: 500;\n\n @include text-size(display-3);\n\n @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n @include text-size(display-2);\n }\n}\n\n@mixin heading2() {\n font-weight: 500;\n\n @include text-size(display-1);\n}\n\n@mixin heading3() {\n font-weight: 500;\n\n @include text-size(header-2);\n}\n\n@mixin heading4() {\n font-weight: 500;\n\n @include text-size(header-1);\n}\n\n@mixin heading5() {\n font-weight: 500;\n\n @include text-size(body-3);\n}\n\n@mixin heading6() {\n font-weight: 400;\n\n @include text-size(body-3);\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(variables.$screenBreakpoints, 'md') - 1) {\n display: none;\n }\n}\n\n@mixin desktop-tablet-only() {\n @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n display: none;\n }\n}\n\n@mixin mobile-tablet-only() {\n @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n display: none;\n }\n}\n\n@mixin mobile-only() {\n @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n display: none;\n }\n}\n"],
5
5
  "mappings": ";AAKI,CAAA;AACI,WAAA;AACA,eAAA;ACJR;ADQQ,CAAA;AEPJ,aAAA,IAAA;AACA,eAAA,IAAA;ADEJ;ADOQ,CAAA;AEVJ,aAAA,IAAA;AACA,eAAA,IAAA;ADMJ;ADMQ,CAAA;AEbJ,aAAA,IAAA;AACA,eAAA,IAAA;ADUJ;ADQQ,CAAA;AACI,SAAA,IAAA;ACNZ;ADUI,CAAA;AACI,SAAA;AEzBJ,aAAA,IAAA;AACA,eAAA,IAAA;ADkBJ;ADUI,CAAA;AACI,WAAA;ACRR;ADWI,CAAA;AACI,WAAA,IAAA;AACA,SAAA;ACTR;ADWQ,CAJJ,0BAII,CAAA;AACI,cAAA;ACTZ;ADaI,CAAA;AACI,gBAAA;ACXR;ADcI,CAAA;AACI,WAAA;AACA,WAAA;AACA,SAAA;ACZR;ADeI,CAAA;AACI,SAAA,IAAA;ACbR;ADgBI,CAAA;AACI,WAAA;AACA,eAAA;AACA,eAAA;ACdR;ADgBQ,CAAA,SAAA,CALJ;AAMQ,UAAA,EAAA,KAAA,EAAA;ACdZ;ADiBQ,CAAA,SAAA,CATJ,uCASI,EAAA;AACI,aAAA,OAAA;ACfZ;ADmBI,OAAA,CAAA,SAAA,EAAA;AACI,GA/CJ;AAgDQ,WAAA;ACjBV;ADoBM,GAAA;AACI,cAAA;AAEA,SAAA,IAAA;AAAA,WAAA;AAAA,YAAA;AAAA,UAAA;AAEA,eAAA,YAAA,CAAA,EAAA,CAAA,EAAA;AClBV;ADqBM,GAtDJ;AAuDQ,eAAA;ACnBV;ADsBM,GAtDJ;AAuDQ,WAAA;ACpBV;AACF;",
6
6
  "names": []
@@ -10,5 +10,6 @@ export interface DocContentPageProps extends DocContentPageData {
10
10
  useMainTag?: boolean;
11
11
  legacyToc?: boolean;
12
12
  fullScreen?: boolean;
13
+ viewerInterface?: Record<string, boolean>;
13
14
  }
14
15
  export declare const DocContentPage: React.FC<DocContentPageProps>;
@@ -32,7 +32,7 @@ var DocContentPage = ({
32
32
  headerHeight,
33
33
  className: b(modes),
34
34
  hideTocHeader,
35
- hideToc: hideToc || (data == null ? void 0 : data.fullScreen),
35
+ hideToc,
36
36
  fullScreen: fullScreen || (data == null ? void 0 : data.fullScreen),
37
37
  tocTitleIcon,
38
38
  footer,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/DocContentPage/DocContentPage.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport block from 'bem-cn-lite';\n\nimport {DEFAULT_SETTINGS} from '../../constants';\nimport {DocContentPageData, Router} from '../../models';\nimport {ContentWrapper} from '../ContentWrapper';\nimport {DocLayout} from '../DocLayout';\n\nconst b = block('dc-doc-page');\n\nconst {wideFormat: defaultWideFormat} = DEFAULT_SETTINGS;\n\nexport interface DocContentPageProps extends DocContentPageData {\n router: Router;\n headerHeight?: number;\n wideFormat?: boolean;\n hideTocHeader?: boolean;\n hideToc?: boolean;\n tocTitleIcon?: React.ReactNode;\n useMainTag?: boolean;\n legacyToc?: boolean;\n fullScreen?: boolean;\n}\n\nexport const DocContentPage: React.FC<DocContentPageProps> = ({\n data,\n toc,\n router,\n headerHeight,\n wideFormat = defaultWideFormat,\n hideTocHeader,\n hideToc,\n tocTitleIcon,\n footer,\n children,\n useMainTag,\n legacyToc,\n fullScreen,\n}) => {\n const modes = {\n 'regular-page-width': !wideFormat,\n };\n\n return (\n <DocLayout\n toc={toc}\n router={router}\n headerHeight={headerHeight}\n className={b(modes)}\n hideTocHeader={hideTocHeader}\n hideToc={hideToc || data?.fullScreen}\n fullScreen={fullScreen || data?.fullScreen}\n tocTitleIcon={tocTitleIcon}\n footer={footer}\n hideRight={true}\n wideFormat={wideFormat}\n legacyToc={legacyToc}\n >\n <DocLayout.Center>\n <div className={b('main')}>\n <ContentWrapper className={b('content')} useMainTag={useMainTag}>\n {children}\n </ContentWrapper>\n </div>\n </DocLayout.Center>\n </DocLayout>\n );\n};\n"],
5
- "mappings": ";AAAA,OAAO,WAAW;AAClB,OAAO,WAAW;AAElB,SAAQ,wBAAuB;AAE/B,SAAQ,sBAAqB;AAC7B,SAAQ,iBAAgB;AAExB,IAAM,IAAI,MAAM,aAAa;AAE7B,IAAM,EAAC,YAAY,kBAAiB,IAAI;AAcjC,IAAM,iBAAgD,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,QAAQ;AAAA,IACV,sBAAsB,CAAC;AAAA,EAC3B;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,EAAE,KAAK;AAAA,MAClB;AAAA,MACA,SAAS,YAAW,6BAAM;AAAA,MAC1B,YAAY,eAAc,6BAAM;AAAA,MAChC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA;AAAA,IAEA,oCAAC,UAAU,QAAV,MACG,oCAAC,SAAI,WAAW,EAAE,MAAM,KACpB,oCAAC,kBAAe,WAAW,EAAE,SAAS,GAAG,cACpC,QACL,CACJ,CACJ;AAAA,EACJ;AAER;",
4
+ "sourcesContent": ["import React from 'react';\nimport block from 'bem-cn-lite';\n\nimport {DEFAULT_SETTINGS} from '../../constants';\nimport {DocContentPageData, Router} from '../../models';\nimport {ContentWrapper} from '../ContentWrapper';\nimport {DocLayout} from '../DocLayout';\n\nconst b = block('dc-doc-page');\n\nconst {wideFormat: defaultWideFormat} = DEFAULT_SETTINGS;\n\nexport interface DocContentPageProps extends DocContentPageData {\n router: Router;\n headerHeight?: number;\n wideFormat?: boolean;\n hideTocHeader?: boolean;\n hideToc?: boolean;\n tocTitleIcon?: React.ReactNode;\n useMainTag?: boolean;\n legacyToc?: boolean;\n fullScreen?: boolean;\n viewerInterface?: Record<string, boolean>;\n}\n\nexport const DocContentPage: React.FC<DocContentPageProps> = ({\n data,\n toc,\n router,\n headerHeight,\n wideFormat = defaultWideFormat,\n hideTocHeader,\n hideToc,\n tocTitleIcon,\n footer,\n children,\n useMainTag,\n legacyToc,\n fullScreen,\n}) => {\n const modes = {\n 'regular-page-width': !wideFormat,\n };\n return (\n <DocLayout\n toc={toc}\n router={router}\n headerHeight={headerHeight}\n className={b(modes)}\n hideTocHeader={hideTocHeader}\n hideToc={hideToc}\n fullScreen={fullScreen || data?.fullScreen}\n tocTitleIcon={tocTitleIcon}\n footer={footer}\n hideRight={true}\n wideFormat={wideFormat}\n legacyToc={legacyToc}\n >\n <DocLayout.Center>\n <div className={b('main')}>\n <ContentWrapper className={b('content')} useMainTag={useMainTag}>\n {children}\n </ContentWrapper>\n </div>\n </DocLayout.Center>\n </DocLayout>\n );\n};\n"],
5
+ "mappings": ";AAAA,OAAO,WAAW;AAClB,OAAO,WAAW;AAElB,SAAQ,wBAAuB;AAE/B,SAAQ,sBAAqB;AAC7B,SAAQ,iBAAgB;AAExB,IAAM,IAAI,MAAM,aAAa;AAE7B,IAAM,EAAC,YAAY,kBAAiB,IAAI;AAejC,IAAM,iBAAgD,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,QAAQ;AAAA,IACV,sBAAsB,CAAC;AAAA,EAC3B;AACA,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,EAAE,KAAK;AAAA,MAClB;AAAA,MACA;AAAA,MACA,YAAY,eAAc,6BAAM;AAAA,MAChC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA;AAAA,IAEA,oCAAC,UAAU,QAAV,MACG,oCAAC,SAAI,WAAW,EAAE,MAAM,KACpB,oCAAC,kBAAe,WAAW,EAAE,SAAS,GAAG,cACpC,QACL,CACJ,CACJ;AAAA,EACJ;AAER;",
6
6
  "names": []
7
7
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../src/components/DocLayout/home/runner/work/components/components/src/components/DocLayout/DocLayout.scss", "../../../../src/components/DocLayout/%3Cinput%20css%20qCHSGq%3E", "../../../../src/components/DocLayout/home/runner/work/components/components/src/styles/mixins.scss"],
3
+ "sources": ["../../../../src/components/DocLayout/home/runner/work/components/components/src/components/DocLayout/DocLayout.scss", "../../../../src/components/DocLayout/%3Cinput%20css%20Zghwnx%3E", "../../../../src/components/DocLayout/home/runner/work/components/components/src/styles/mixins.scss"],
4
4
  "sourcesContent": ["@use 'sass:map';\n@use '../../styles/variables';\n@use '../../styles/mixins';\n\n.dc-doc-layout {\n display: flex;\n align-items: center;\n margin: 0 auto;\n height: 100%;\n background: var(--g-color-base-background);\n\n @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n align-items: normal;\n }\n\n &__left,\n &__right {\n order: 3;\n flex: 0 0 auto;\n box-sizing: content-box;\n }\n\n &__right {\n width: 176px;\n padding-right: 24px;\n &_full-screen,\n &_hidden-right {\n flex: initial;\n }\n }\n\n &__left {\n order: 1;\n width: 276px;\n\n &_full-screen {\n flex: initial;\n }\n }\n\n &__center {\n order: 2;\n flex: 1 1 auto;\n position: relative;\n min-width: 0;\n\n &#{&}_hidden-right#{&}_regular-page-width:not(#{&}_full-screen) {\n max-width: calc(736px + 176px / 2);\n }\n\n &_full-screen {\n flex: 0 0 auto;\n width: 100%;\n }\n\n &_loading {\n height: calc(100vh - var(--dc-header-height, #{variables.$headerHeight}));\n overflow: hidden;\n }\n }\n\n &__toc {\n position: fixed;\n z-index: 100;\n top: var(--dc-header-height, #{variables.$headerHeight});\n padding-left: 24px;\n width: 252px;\n box-sizing: content-box;\n background-color: var(--g-color-base-background);\n @include mixins.text-size(body-1);\n }\n\n &__desktop-only {\n .mobile & {\n display: none;\n }\n }\n\n &__mobile-only {\n .desktop & {\n display: none;\n }\n }\n\n @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n flex-direction: column-reverse;\n\n &__right {\n position: sticky;\n top: calc(var(--dc-header-height, #{variables.$headerHeight}) - 1px);\n left: 0;\n z-index: 118;\n\n height: fit-content;\n width: 100%;\n padding: 0;\n }\n\n &__left {\n position: fixed;\n top: calc(\n var(--dc-header-height, #{variables.$headerHeight}) +\n var(--dc-subnavigation-height, #{variables.$subNavigationHeight}) + 1px\n );\n left: calc(0px - 105vw);\n z-index: 119;\n\n box-sizing: border-box;\n max-height: calc(\n 100vh - var(--dc-header-height, #{variables.$headerHeight}) - var(\n --dc-subnavigation-height,\n #{variables.$subNavigationHeight}\n ) + 1px\n );\n height: 100%;\n width: 100vw;\n\n padding: 0;\n\n background-color: var(--g-color-base-background, #fff);\n border-right: 1px solid var(--g-color-line-generic, #0000001a);\n\n transition: left 300ms 0ms;\n\n &_visible {\n left: 0;\n\n body:has(&) {\n overflow-y: hidden;\n }\n }\n }\n\n &__legacy-toc {\n position: static;\n left: auto;\n width: 100%;\n\n border-right: none;\n }\n\n &__toc {\n position: static;\n width: 100%;\n height: 100%;\n padding: 0;\n\n @include mixins.text-size(body-2);\n\n .dc-toc {\n /* stylelint-disable-next-line declaration-no-important */\n height: 100% !important;\n }\n }\n }\n\n @media screen and (min-width: 1280px) {\n &__center &#{&}_hidden-right#{&}_regular-page-width:not(#{&}_full-screen) {\n max-width: calc(736px + 200px / 2);\n }\n\n &__right {\n width: 200px;\n }\n\n &__toc {\n width: 252px;\n }\n\n &__left {\n width: 276px;\n }\n }\n}\n", ".dc-doc-layout {\n display: flex;\n align-items: center;\n margin: 0 auto;\n height: 100%;\n background: var(--g-color-base-background);\n}\n@media (max-width: 768px) {\n .dc-doc-layout {\n align-items: normal;\n }\n}\n.dc-doc-layout__left, .dc-doc-layout__right {\n order: 3;\n flex: 0 0 auto;\n box-sizing: content-box;\n}\n.dc-doc-layout__right {\n width: 176px;\n padding-right: 24px;\n}\n.dc-doc-layout__right_full-screen, .dc-doc-layout__right_hidden-right {\n flex: initial;\n}\n.dc-doc-layout__left {\n order: 1;\n width: 276px;\n}\n.dc-doc-layout__left_full-screen {\n flex: initial;\n}\n.dc-doc-layout__center {\n order: 2;\n flex: 1 1 auto;\n position: relative;\n min-width: 0;\n}\n.dc-doc-layout__center.dc-doc-layout__center_hidden-right.dc-doc-layout__center_regular-page-width:not(.dc-doc-layout__center_full-screen) {\n max-width: 824px;\n}\n.dc-doc-layout__center_full-screen {\n flex: 0 0 auto;\n width: 100%;\n}\n.dc-doc-layout__center_loading {\n height: calc(100vh - var(--dc-header-height, 0px));\n overflow: hidden;\n}\n.dc-doc-layout__toc {\n position: fixed;\n z-index: 100;\n top: var(--dc-header-height, 0px);\n padding-left: 24px;\n width: 252px;\n box-sizing: content-box;\n background-color: var(--g-color-base-background);\n font-size: var(--g-text-body-1-font-size);\n line-height: var(--g-text-body-1-line-height);\n}\n.mobile .dc-doc-layout__desktop-only {\n display: none;\n}\n.desktop .dc-doc-layout__mobile-only {\n display: none;\n}\n@media (max-width: 768px) {\n .dc-doc-layout {\n flex-direction: column-reverse;\n }\n .dc-doc-layout__right {\n position: sticky;\n top: calc(var(--dc-header-height, 0px) - 1px);\n left: 0;\n z-index: 118;\n height: fit-content;\n width: 100%;\n padding: 0;\n }\n .dc-doc-layout__left {\n position: fixed;\n top: calc(var(--dc-header-height, 0px) + var(--dc-subnavigation-height, 52px) + 1px);\n left: calc(0px - 105vw);\n z-index: 119;\n box-sizing: border-box;\n max-height: calc(100vh - var(--dc-header-height, 0px) - var(--dc-subnavigation-height, 52px) + 1px);\n height: 100%;\n width: 100vw;\n padding: 0;\n background-color: var(--g-color-base-background, #fff);\n border-right: 1px solid var(--g-color-line-generic, rgba(0, 0, 0, 0.1019607843));\n transition: left 300ms 0ms;\n }\n .dc-doc-layout__left_visible {\n left: 0;\n }\n body:has(.dc-doc-layout__left_visible) {\n overflow-y: hidden;\n }\n .dc-doc-layout__legacy-toc {\n position: static;\n left: auto;\n width: 100%;\n border-right: none;\n }\n .dc-doc-layout__toc {\n position: static;\n width: 100%;\n height: 100%;\n padding: 0;\n font-size: var(--g-text-body-2-font-size);\n line-height: var(--g-text-body-2-line-height);\n }\n .dc-doc-layout__toc .dc-toc {\n /* stylelint-disable-next-line declaration-no-important */\n height: 100% !important;\n }\n}\n@media screen and (min-width: 1280px) {\n .dc-doc-layout__center .dc-doc-layout.dc-doc-layout_hidden-right.dc-doc-layout_regular-page-width:not(.dc-doc-layout_full-screen) {\n max-width: 836px;\n }\n .dc-doc-layout__right {\n width: 200px;\n }\n .dc-doc-layout__toc {\n width: 252px;\n }\n .dc-doc-layout__left {\n width: 276px;\n }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0RvY0xheW91dCIsInNvdXJjZXMiOlsiRG9jTGF5b3V0LnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUE7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBUEo7SUFRUTs7O0FBR0o7RUFFSTtFQUNBO0VBQ0E7O0FBR0o7RUFDSTtFQUNBOztBQUNBO0VBRUk7O0FBSVI7RUFDSTtFQUNBOztBQUVBO0VBQ0k7O0FBSVI7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJOztBQUdKO0VBQ0k7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7O0FBSVI7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQ2hFSjtFQUNBOztBRG9FSTtFQUNJOztBQUtKO0VBQ0k7O0FBSVI7RUFoRko7SUFpRlE7O0VBRUE7SUFDSTtJQUNBO0lBQ0E7SUFDQTtJQUVBO0lBQ0E7SUFDQTs7RUFHSjtJQUNJO0lBQ0E7SUFJQTtJQUNBO0lBRUE7SUFDQTtJQU1BO0lBQ0E7SUFFQTtJQUVBO0lBQ0E7SUFFQTs7RUFFQTtJQUNJOztFQUVBO0lBQ0k7O0VBS1o7SUFDSTtJQUNBO0lBQ0E7SUFFQTs7RUFHSjtJQUNJO0lBQ0E7SUFDQTtJQUNBO0lDN0lSO0lBQ0E7O0VEZ0pRO0FBQ0k7SUFDQTs7O0FBS1o7RUFDSTtJQUNJOztFQUdKO0lBQ0k7O0VBR0o7SUFDSTs7RUFHSjtJQUNJIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnc2FzczptYXAnO1xuQHVzZSAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AdXNlICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLmRjLWRvYy1sYXlvdXQge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBtYXJnaW46IDAgYXV0bztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1iYXNlLWJhY2tncm91bmQpO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBub3JtYWw7XG4gICAgfVxuXG4gICAgJl9fbGVmdCxcbiAgICAmX19yaWdodCB7XG4gICAgICAgIG9yZGVyOiAzO1xuICAgICAgICBmbGV4OiAwIDAgYXV0bztcbiAgICAgICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgfVxuXG4gICAgJl9fcmlnaHQge1xuICAgICAgICB3aWR0aDogMTc2cHg7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6IDI0cHg7XG4gICAgICAgICZfZnVsbC1zY3JlZW4sXG4gICAgICAgICZfaGlkZGVuLXJpZ2h0IHtcbiAgICAgICAgICAgIGZsZXg6IGluaXRpYWw7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19sZWZ0IHtcbiAgICAgICAgb3JkZXI6IDE7XG4gICAgICAgIHdpZHRoOiAyNzZweDtcblxuICAgICAgICAmX2Z1bGwtc2NyZWVuIHtcbiAgICAgICAgICAgIGZsZXg6IGluaXRpYWw7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19jZW50ZXIge1xuICAgICAgICBvcmRlcjogMjtcbiAgICAgICAgZmxleDogMSAxIGF1dG87XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgbWluLXdpZHRoOiAwO1xuXG4gICAgICAgICYjeyZ9X2hpZGRlbi1yaWdodCN7Jn1fcmVndWxhci1wYWdlLXdpZHRoOm5vdCgjeyZ9X2Z1bGwtc2NyZWVuKSB7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IGNhbGMoNzM2cHggKyAxNzZweCAvIDIpO1xuICAgICAgICB9XG5cbiAgICAgICAgJl9mdWxsLXNjcmVlbiB7XG4gICAgICAgICAgICBmbGV4OiAwIDAgYXV0bztcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICB9XG5cbiAgICAgICAgJl9sb2FkaW5nIHtcbiAgICAgICAgICAgIGhlaWdodDogY2FsYygxMDB2aCAtIHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSk7XG4gICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fdG9jIHtcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICB6LWluZGV4OiAxMDA7XG4gICAgICAgIHRvcDogdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pO1xuICAgICAgICBwYWRkaW5nLWxlZnQ6IDI0cHg7XG4gICAgICAgIHdpZHRoOiAyNTJweDtcbiAgICAgICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWctY29sb3ItYmFzZS1iYWNrZ3JvdW5kKTtcbiAgICAgICAgQGluY2x1ZGUgbWl4aW5zLnRleHQtc2l6ZShib2R5LTEpO1xuICAgIH1cblxuICAgICZfX2Rlc2t0b3Atb25seSB7XG4gICAgICAgIC5tb2JpbGUgJiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fbW9iaWxlLW9ubHkge1xuICAgICAgICAuZGVza3RvcCAmIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbi1yZXZlcnNlO1xuXG4gICAgICAgICZfX3JpZ2h0IHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICAgICAgICB0b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pIC0gMXB4KTtcbiAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICB6LWluZGV4OiAxMTg7XG5cbiAgICAgICAgICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAmX19sZWZ0IHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgICAgICAgIHRvcDogY2FsYyhcbiAgICAgICAgICAgICAgICB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkgK1xuICAgICAgICAgICAgICAgICAgICB2YXIoLS1kYy1zdWJuYXZpZ2F0aW9uLWhlaWdodCwgI3t2YXJpYWJsZXMuJHN1Yk5hdmlnYXRpb25IZWlnaHR9KSArIDFweFxuICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIGxlZnQ6IGNhbGMoMHB4IC0gMTA1dncpO1xuICAgICAgICAgICAgei1pbmRleDogMTE5O1xuXG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LWhlaWdodDogY2FsYyhcbiAgICAgICAgICAgICAgICAxMDB2aCAtIHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSAtIHZhcihcbiAgICAgICAgICAgICAgICAgICAgICAgIC0tZGMtc3VibmF2aWdhdGlvbi1oZWlnaHQsXG4gICAgICAgICAgICAgICAgICAgICAgICAje3ZhcmlhYmxlcy4kc3ViTmF2aWdhdGlvbkhlaWdodH1cbiAgICAgICAgICAgICAgICAgICAgKSArIDFweFxuICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgIHdpZHRoOiAxMDB2dztcblxuICAgICAgICAgICAgcGFkZGluZzogMDtcblxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZy1jb2xvci1iYXNlLWJhY2tncm91bmQsICNmZmYpO1xuICAgICAgICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWdlbmVyaWMsICMwMDAwMDAxYSk7XG5cbiAgICAgICAgICAgIHRyYW5zaXRpb246IGxlZnQgMzAwbXMgMG1zO1xuXG4gICAgICAgICAgICAmX3Zpc2libGUge1xuICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG5cbiAgICAgICAgICAgICAgICBib2R5OmhhcygmKSB7XG4gICAgICAgICAgICAgICAgICAgIG92ZXJmbG93LXk6IGhpZGRlbjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmX19sZWdhY3ktdG9jIHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBzdGF0aWM7XG4gICAgICAgICAgICBsZWZ0OiBhdXRvO1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG5cbiAgICAgICAgICAgIGJvcmRlci1yaWdodDogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgICZfX3RvYyB7XG4gICAgICAgICAgICBwb3NpdGlvbjogc3RhdGljO1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICBwYWRkaW5nOiAwO1xuXG4gICAgICAgICAgICBAaW5jbHVkZSBtaXhpbnMudGV4dC1zaXplKGJvZHktMik7XG5cbiAgICAgICAgICAgIC5kYy10b2Mge1xuICAgICAgICAgICAgICAgIC8qIHN0eWxlbGludC1kaXNhYmxlLW5leHQtbGluZSBkZWNsYXJhdGlvbi1uby1pbXBvcnRhbnQgKi9cbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEyODBweCkge1xuICAgICAgICAmX19jZW50ZXIgJiN7Jn1faGlkZGVuLXJpZ2h0I3smfV9yZWd1bGFyLXBhZ2Utd2lkdGg6bm90KCN7Jn1fZnVsbC1zY3JlZW4pIHtcbiAgICAgICAgICAgIG1heC13aWR0aDogY2FsYyg3MzZweCArIDIwMHB4IC8gMik7XG4gICAgICAgIH1cblxuICAgICAgICAmX19yaWdodCB7XG4gICAgICAgICAgICB3aWR0aDogMjAwcHg7XG4gICAgICAgIH1cblxuICAgICAgICAmX190b2Mge1xuICAgICAgICAgICAgd2lkdGg6IDI1MnB4O1xuICAgICAgICB9XG5cbiAgICAgICAgJl9fbGVmdCB7XG4gICAgICAgICAgICB3aWR0aDogMjc2cHg7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICd2YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gZm9jdXNhYmxlKCRvZmZzZXQ6IDAsICRtb2RlOiAnb3V0bGluZScpIHtcbiAgICBAaWYgJG1vZGUgPT0gJ291dGxpbmUnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmUtb2Zmc2V0OiAkb2Zmc2V0O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGlmICRtb2RlID09ICdib3gtc2hhZG93JyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMnB4IHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICB9XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzKTtcblxuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcblxuICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgwLCAnYm94LXNoYWRvdycpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBmb250LXdlaWdodDogNDAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuIl19 */", "@use 'sass:map';\n@use '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, #{variables.$headerHeight}));\n margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$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 focusable($offset: 0, $mode: 'outline') {\n @if $mode == 'outline' {\n &:focus {\n outline: 2px solid var(--g-color-line-focus);\n outline-offset: $offset;\n }\n &:focus:not(:focus-visible) {\n outline: 0;\n }\n }\n\n @if $mode == 'box-shadow' {\n &:focus {\n box-shadow: 0 0 0 2px var(--g-color-line-focus);\n outline: 0;\n }\n &:focus:not(:focus-visible) {\n box-shadow: none;\n }\n }\n}\n\n@mixin link() {\n color: var(--g-color-text-link);\n text-decoration: none;\n cursor: pointer;\n border-radius: var(--g-focus-border-radius);\n\n @include islands-focus();\n\n @include focusable(0, 'box-shadow');\n\n &:hover,\n &:active {\n color: var(--g-color-text-link-hover);\n }\n}\n\n@mixin heading1() {\n font-weight: 500;\n\n @include text-size(display-3);\n\n @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n @include text-size(display-2);\n }\n}\n\n@mixin heading2() {\n font-weight: 500;\n\n @include text-size(display-1);\n}\n\n@mixin heading3() {\n font-weight: 500;\n\n @include text-size(header-2);\n}\n\n@mixin heading4() {\n font-weight: 500;\n\n @include text-size(header-1);\n}\n\n@mixin heading5() {\n font-weight: 500;\n\n @include text-size(body-3);\n}\n\n@mixin heading6() {\n font-weight: 400;\n\n @include text-size(body-3);\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(variables.$screenBreakpoints, 'md') - 1) {\n display: none;\n }\n}\n\n@mixin desktop-tablet-only() {\n @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n display: none;\n }\n}\n\n@mixin mobile-tablet-only() {\n @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n display: none;\n }\n}\n\n@mixin mobile-only() {\n @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n display: none;\n }\n}\n"],
5
5
  "mappings": "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",
6
6
  "names": []
@@ -1,4 +1,4 @@
1
- import React, { ReactElement } from 'react';
1
+ import React, { PropsWithChildren, ReactElement } from 'react';
2
2
  import { Router, TocData } from '../../models';
3
3
  import './DocLayout.scss';
4
4
  export interface DocLayoutProps {
@@ -20,16 +20,10 @@ export interface DocLayoutProps {
20
20
  onChangeSinglePage?: (value: boolean) => void;
21
21
  pdfLink?: string;
22
22
  }
23
- export declare class DocLayout extends React.Component<DocLayoutProps> {
24
- static Left: React.FC<{
25
- children?: React.ReactNode | undefined;
26
- }>;
27
- static Center: React.FC<{
28
- children?: React.ReactNode | undefined;
29
- }>;
30
- static Right: React.FC<{
31
- children?: React.ReactNode | undefined;
32
- }>;
33
- render(): React.JSX.Element;
34
- private renderToc;
35
- }
23
+ type DocLayoutStatic = {
24
+ Left: React.FC<PropsWithChildren>;
25
+ Center: React.FC<PropsWithChildren>;
26
+ Right: React.FC<PropsWithChildren>;
27
+ };
28
+ export declare const DocLayout: React.FC<DocLayoutProps> & DocLayoutStatic;
29
+ export {};
@@ -17,91 +17,79 @@ var __spreadValues = (a, b2) => {
17
17
  return a;
18
18
  };
19
19
  var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
20
- var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
21
20
 
22
21
  // src/components/DocLayout/DocLayout.tsx
23
22
  import React from "react";
24
23
  import block from "bem-cn-lite";
25
24
  import { getStateKey } from "../../utils";
26
25
  import { Toc } from "../Toc";
26
+ import { useInterface } from "../../hooks/useInterface";
27
27
  import "./DocLayout.css";
28
28
  var b = block("dc-doc-layout");
29
29
  var Left = () => null;
30
30
  var Center = () => null;
31
31
  var Right = () => null;
32
- var DocLayout = class extends React.Component {
33
- render() {
34
- const {
35
- children,
36
- className,
37
- fullScreen = false,
38
- wideFormat = false,
39
- hideRight = false,
40
- loading = false,
41
- footer = null,
42
- legacyToc = false
43
- } = this.props;
44
- let left, center, right;
45
- const modes = {
46
- "regular-page-width": !wideFormat,
47
- "full-screen": fullScreen,
48
- "hidden-right": hideRight,
49
- loading
50
- };
51
- React.Children.forEach(children, (child) => {
52
- if (!child) {
53
- return;
54
- }
55
- switch (child.type) {
56
- case Left:
57
- left = child.props.children;
58
- break;
59
- case Center:
60
- center = child.props.children;
61
- break;
62
- case Right:
63
- right = child.props.children;
64
- break;
65
- }
66
- });
67
- 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)));
68
- }
69
- renderToc() {
70
- const {
71
- toc,
32
+ var DocLayout = ({
33
+ children,
34
+ className,
35
+ fullScreen = false,
36
+ wideFormat = false,
37
+ hideRight = false,
38
+ loading = false,
39
+ footer = null,
40
+ legacyToc = false,
41
+ toc,
42
+ router,
43
+ headerHeight,
44
+ tocTitleIcon,
45
+ hideTocHeader,
46
+ hideToc,
47
+ singlePage,
48
+ onChangeSinglePage,
49
+ pdfLink
50
+ }) => {
51
+ const isTocHidden = useInterface("toc");
52
+ let left, center, right;
53
+ const modes = {
54
+ "regular-page-width": !wideFormat,
55
+ "full-screen": fullScreen,
56
+ "hidden-right": hideRight,
57
+ loading
58
+ };
59
+ React.Children.forEach(children, (child) => {
60
+ if (!child) {
61
+ return;
62
+ }
63
+ switch (child.type) {
64
+ case Left:
65
+ left = child.props.children;
66
+ break;
67
+ case Center:
68
+ center = child.props.children;
69
+ break;
70
+ case Right:
71
+ right = child.props.children;
72
+ break;
73
+ }
74
+ });
75
+ 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(
76
+ Toc,
77
+ __spreadProps(__spreadValues({
78
+ key: getStateKey(hideRight, wideFormat, toc.singlePage)
79
+ }, toc), {
72
80
  router,
73
81
  headerHeight,
74
82
  tocTitleIcon,
75
- hideRight,
76
- wideFormat,
77
83
  hideTocHeader,
78
- hideToc,
79
84
  singlePage,
80
85
  onChangeSinglePage,
81
86
  pdfLink
82
- } = this.props;
83
- if (!toc || hideToc) {
84
- return null;
85
- }
86
- return /* @__PURE__ */ React.createElement("div", { className: b("toc") }, /* @__PURE__ */ React.createElement(
87
- Toc,
88
- __spreadProps(__spreadValues({
89
- key: getStateKey(hideRight, wideFormat, toc.singlePage)
90
- }, toc), {
91
- router,
92
- headerHeight,
93
- tocTitleIcon,
94
- hideTocHeader,
95
- singlePage,
96
- onChangeSinglePage,
97
- pdfLink
98
- })
99
- ));
100
- }
87
+ })
88
+ )), 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)));
101
89
  };
102
- __publicField(DocLayout, "Left", Left);
103
- __publicField(DocLayout, "Center", Center);
104
- __publicField(DocLayout, "Right", Right);
90
+ DocLayout.Left = Left;
91
+ DocLayout.Center = Center;
92
+ DocLayout.Right = Right;
105
93
  export {
106
94
  DocLayout
107
95
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/DocLayout/DocLayout.tsx"],
4
- "sourcesContent": ["import React, {PropsWithChildren, ReactElement} from 'react';\nimport block from 'bem-cn-lite';\n\nimport {Router, TocData} from '../../models';\nimport {getStateKey} from '../../utils';\nimport {Toc} from '../Toc';\n\nimport './DocLayout.scss';\n\nconst b = block('dc-doc-layout');\n\nconst Left: React.FC<PropsWithChildren> = () => null;\nconst Center: React.FC<PropsWithChildren> = () => null;\nconst Right: React.FC<PropsWithChildren> = () => null;\n\nexport interface DocLayoutProps {\n toc: TocData;\n router: Router;\n children: (ReactElement | null)[] | ReactElement<unknown, React.FC>;\n fullScreen?: boolean;\n hideRight?: boolean;\n wideFormat?: boolean;\n headerHeight?: number;\n tocTitleIcon?: React.ReactNode;\n hideTocHeader?: boolean;\n hideToc?: boolean;\n className?: string;\n loading?: boolean;\n footer?: React.ReactNode;\n singlePage?: boolean;\n legacyToc?: boolean;\n onChangeSinglePage?: (value: boolean) => void;\n pdfLink?: string;\n}\n\nexport class DocLayout extends React.Component<DocLayoutProps> {\n static Left = Left;\n static Center = Center;\n static Right = Right;\n\n render() {\n const {\n children,\n className,\n fullScreen = false,\n wideFormat = false,\n hideRight = false,\n loading = false,\n footer = null,\n legacyToc = false,\n } = this.props;\n let left, center, right;\n const modes = {\n 'regular-page-width': !wideFormat,\n 'full-screen': fullScreen,\n 'hidden-right': hideRight,\n loading: loading,\n };\n\n React.Children.forEach(children, (child) => {\n if (!child) {\n return;\n }\n\n switch (child.type) {\n case Left:\n left = child.props.children;\n break;\n case Center:\n center = child.props.children;\n break;\n case Right:\n right = child.props.children;\n break;\n }\n });\n\n return (\n <div className={b(null, className)}>\n {/* layout direction reverses on mobiles */}\n <div className={b('mobile-only')}>{footer}</div>\n {fullScreen ? null : (\n <div className={b('left', modes, legacyToc ? b('legacy-toc') : undefined)}>\n {this.renderToc()}\n {left}\n </div>\n )}\n {fullScreen || hideRight ? null : <div className={b('right', modes)}>{right}</div>}\n <div className={b('center', modes)}>\n {center}\n <div className={b('desktop-only')}>{footer}</div>\n </div>\n </div>\n );\n }\n\n private renderToc() {\n const {\n toc,\n router,\n headerHeight,\n tocTitleIcon,\n hideRight,\n wideFormat,\n hideTocHeader,\n hideToc,\n singlePage,\n onChangeSinglePage,\n pdfLink,\n } = this.props;\n\n if (!toc || hideToc) {\n return null;\n }\n\n return (\n <div className={b('toc')}>\n <Toc\n /* This key allows recalculating the offset for the toc for Safari */\n key={getStateKey(hideRight, wideFormat, toc.singlePage)}\n {...toc}\n router={router}\n headerHeight={headerHeight}\n tocTitleIcon={tocTitleIcon}\n hideTocHeader={hideTocHeader}\n singlePage={singlePage}\n onChangeSinglePage={onChangeSinglePage}\n pdfLink={pdfLink}\n />\n </div>\n );\n }\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,WAA8C;AACrD,OAAO,WAAW;AAGlB,SAAQ,mBAAkB;AAC1B,SAAQ,WAAU;AAElB,OAAO;AAEP,IAAM,IAAI,MAAM,eAAe;AAE/B,IAAM,OAAoC,MAAM;AAChD,IAAM,SAAsC,MAAM;AAClD,IAAM,QAAqC,MAAM;AAsB1C,IAAM,YAAN,cAAwB,MAAM,UAA0B;AAAA,EAK3D,SAAS;AACL,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,SAAS;AAAA,MACT,YAAY;AAAA,IAChB,IAAI,KAAK;AACT,QAAI,MAAM,QAAQ;AAClB,UAAM,QAAQ;AAAA,MACV,sBAAsB,CAAC;AAAA,MACvB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB;AAAA,IACJ;AAEA,UAAM,SAAS,QAAQ,UAAU,CAAC,UAAU;AACxC,UAAI,CAAC,OAAO;AACR;AAAA,MACJ;AAEA,cAAQ,MAAM,MAAM;AAAA,QAChB,KAAK;AACD,iBAAO,MAAM,MAAM;AACnB;AAAA,QACJ,KAAK;AACD,mBAAS,MAAM,MAAM;AACrB;AAAA,QACJ,KAAK;AACD,kBAAQ,MAAM,MAAM;AACpB;AAAA,MACR;AAAA,IACJ,CAAC;AAED,WACI,oCAAC,SAAI,WAAW,EAAE,MAAM,SAAS,KAE7B,oCAAC,SAAI,WAAW,EAAE,aAAa,KAAI,MAAO,GACzC,aAAa,OACV,oCAAC,SAAI,WAAW,EAAE,QAAQ,OAAO,YAAY,EAAE,YAAY,IAAI,MAAS,KACnE,KAAK,UAAU,GACf,IACL,GAEH,cAAc,YAAY,OAAO,oCAAC,SAAI,WAAW,EAAE,SAAS,KAAK,KAAI,KAAM,GAC5E,oCAAC,SAAI,WAAW,EAAE,UAAU,KAAK,KAC5B,QACD,oCAAC,SAAI,WAAW,EAAE,cAAc,KAAI,MAAO,CAC/C,CACJ;AAAA,EAER;AAAA,EAEQ,YAAY;AAChB,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACJ,IAAI,KAAK;AAET,QAAI,CAAC,OAAO,SAAS;AACjB,aAAO;AAAA,IACX;AAEA,WACI,oCAAC,SAAI,WAAW,EAAE,KAAK,KACnB;AAAA,MAAC;AAAA;AAAA,QAEG,KAAK,YAAY,WAAW,YAAY,IAAI,UAAU;AAAA,SAClD,MAHP;AAAA,QAIG;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACJ,CACJ;AAAA,EAER;AACJ;AAhGI,cADS,WACF,QAAO;AACd,cAFS,WAEF,UAAS;AAChB,cAHS,WAGF,SAAQ;",
4
+ "sourcesContent": ["import React, {PropsWithChildren, ReactElement} from 'react';\nimport block from 'bem-cn-lite';\n\nimport {Router, TocData} from '../../models';\nimport {getStateKey} from '../../utils';\nimport {Toc} from '../Toc';\nimport {useInterface} from '../../hooks/useInterface';\n\nimport './DocLayout.scss';\n\nconst b = block('dc-doc-layout');\n\nconst Left: React.FC<PropsWithChildren> = () => null;\nconst Center: React.FC<PropsWithChildren> = () => null;\nconst Right: React.FC<PropsWithChildren> = () => null;\n\nexport interface DocLayoutProps {\n toc: TocData;\n router: Router;\n children: (ReactElement | null)[] | ReactElement<unknown, React.FC>;\n fullScreen?: boolean;\n hideRight?: boolean;\n wideFormat?: boolean;\n headerHeight?: number;\n tocTitleIcon?: React.ReactNode;\n hideTocHeader?: boolean;\n hideToc?: boolean;\n className?: string;\n loading?: boolean;\n footer?: React.ReactNode;\n singlePage?: boolean;\n legacyToc?: boolean;\n onChangeSinglePage?: (value: boolean) => void;\n pdfLink?: string;\n}\n\ntype DocLayoutStatic = {\n Left: React.FC<PropsWithChildren>;\n Center: React.FC<PropsWithChildren>;\n Right: React.FC<PropsWithChildren>;\n};\n\nexport const DocLayout: React.FC<DocLayoutProps> & DocLayoutStatic = ({\n children,\n className,\n fullScreen = false,\n wideFormat = false,\n hideRight = false,\n loading = false,\n footer = null,\n legacyToc = false,\n toc,\n router,\n headerHeight,\n tocTitleIcon,\n hideTocHeader,\n hideToc,\n singlePage,\n onChangeSinglePage,\n pdfLink,\n}) => {\n const isTocHidden = useInterface('toc');\n\n let left, center, right;\n const modes = {\n 'regular-page-width': !wideFormat,\n 'full-screen': fullScreen,\n 'hidden-right': hideRight,\n loading: loading,\n };\n\n React.Children.forEach(children, (child) => {\n if (!child) {\n return;\n }\n\n switch (child.type) {\n case Left:\n left = child.props.children;\n break;\n case Center:\n center = child.props.children;\n break;\n case Right:\n right = child.props.children;\n break;\n }\n });\n\n return (\n <div className={b(null, className)}>\n <div className={b('mobile-only')}>{footer}</div>\n {fullScreen\n ? null\n : !isTocHidden && (\n <div className={b('left', modes, legacyToc ? b('legacy-toc') : undefined)}>\n {toc && !hideToc && (\n <div className={b('toc')}>\n <Toc\n key={getStateKey(hideRight, wideFormat, toc.singlePage)}\n {...toc}\n router={router}\n headerHeight={headerHeight}\n tocTitleIcon={tocTitleIcon}\n hideTocHeader={hideTocHeader}\n singlePage={singlePage}\n onChangeSinglePage={onChangeSinglePage}\n pdfLink={pdfLink}\n />\n </div>\n )}\n {left}\n </div>\n )}\n {fullScreen || hideRight ? null : <div className={b('right', modes)}>{right}</div>}\n <div className={b('center', modes)}>\n {center}\n <div className={b('desktop-only')}>{footer}</div>\n </div>\n </div>\n );\n};\n\nDocLayout.Left = Left;\nDocLayout.Center = Center;\nDocLayout.Right = Right;\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,WAA8C;AACrD,OAAO,WAAW;AAGlB,SAAQ,mBAAkB;AAC1B,SAAQ,WAAU;AAClB,SAAQ,oBAAmB;AAE3B,OAAO;AAEP,IAAM,IAAI,MAAM,eAAe;AAE/B,IAAM,OAAoC,MAAM;AAChD,IAAM,SAAsC,MAAM;AAClD,IAAM,QAAqC,MAAM;AA4B1C,IAAM,YAAwD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,cAAc,aAAa,KAAK;AAEtC,MAAI,MAAM,QAAQ;AAClB,QAAM,QAAQ;AAAA,IACV,sBAAsB,CAAC;AAAA,IACvB,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB;AAAA,EACJ;AAEA,QAAM,SAAS,QAAQ,UAAU,CAAC,UAAU;AACxC,QAAI,CAAC,OAAO;AACR;AAAA,IACJ;AAEA,YAAQ,MAAM,MAAM;AAAA,MAChB,KAAK;AACD,eAAO,MAAM,MAAM;AACnB;AAAA,MACJ,KAAK;AACD,iBAAS,MAAM,MAAM;AACrB;AAAA,MACJ,KAAK;AACD,gBAAQ,MAAM,MAAM;AACpB;AAAA,IACR;AAAA,EACJ,CAAC;AAED,SACI,oCAAC,SAAI,WAAW,EAAE,MAAM,SAAS,KAC7B,oCAAC,SAAI,WAAW,EAAE,aAAa,KAAI,MAAO,GACzC,aACK,OACA,CAAC,eACG,oCAAC,SAAI,WAAW,EAAE,QAAQ,OAAO,YAAY,EAAE,YAAY,IAAI,MAAS,KACnE,OAAO,CAAC,WACL,oCAAC,SAAI,WAAW,EAAE,KAAK,KACnB;AAAA,IAAC;AAAA;AAAA,MACG,KAAK,YAAY,WAAW,YAAY,IAAI,UAAU;AAAA,OAClD,MAFP;AAAA,MAGG;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACJ,CACJ,GAEH,IACL,GAET,cAAc,YAAY,OAAO,oCAAC,SAAI,WAAW,EAAE,SAAS,KAAK,KAAI,KAAM,GAC5E,oCAAC,SAAI,WAAW,EAAE,UAAU,KAAK,KAC5B,QACD,oCAAC,SAAI,WAAW,EAAE,cAAc,KAAI,MAAO,CAC/C,CACJ;AAER;AAEA,UAAU,OAAO;AACjB,UAAU,SAAS;AACnB,UAAU,QAAQ;",
6
6
  "names": []
7
7
  }