@diplodoc/components 5.16.2 → 5.17.2

package/build/cjs/components/Subscribe/SubscribeSuccessPopup/SubscribeSuccessPopup.d.ts

@@ -1,7 +1,7 @@
 import type { SubscribeView } from '../Subscribe';
 import React from 'react';
 declare const SubscribeSuccessPopup: React.NamedExoticComponent<{
-    anchor: React.RefObject<HTMLElement>;
+    anchor: React.RefObject<HTMLElement | null>;
     view?: SubscribeView;
     onOutsideClick: () => void;
 }>;

package/build/cjs/components/Subscribe/SubscribeSuccessPopup/SubscribeSuccessPopup.js

@@ -33,18 +33,19 @@ __export(SubscribeSuccessPopup_exports, {
   default: () => SubscribeSuccessPopup_default
 });
 module.exports = __toCommonJS(SubscribeSuccessPopup_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_uikit = require("@gravity-ui/uikit");
 var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
 var import_hooks = require("../../../hooks");
 var import_ControlsLayout = require("../../Controls/ControlsLayout");
 var import_utils = require("../utils");
+var import_jsx_runtime = require("react/jsx-runtime");
 var b = (0, import_bem_cn_lite.default)("dc-subscribe");
 var SubscribeSuccessPopup = (0, import_react.memo)(({ anchor, view, onOutsideClick }) => {
   const { t } = (0, import_hooks.useTranslation)("controls");
   const { isVerticalView } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
   const direction = (0, import_uikit.useDirection)();
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_uikit.Popup,
     {
       anchorRef: anchor,
@@ -52,10 +53,12 @@ var SubscribeSuccessPopup = (0, import_react.memo)(({ anchor, view, onOutsideCli
       onOutsideClick,
       className: b("success-popup", { view }),
       placement: (0, import_utils.getSubscribePopupPosition)(isVerticalView, view, direction),
-      strategy: "fixed"
-    },
-    /* @__PURE__ */ import_react.default.createElement("h3", { className: b("popup-title") }, t("verify-title")),
-    /* @__PURE__ */ import_react.default.createElement("p", { className: b("popup-text") }, t("verify-text"))
+      strategy: "fixed",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: b("popup-title"), children: t("verify-title") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: b("popup-text"), children: t("verify-text") })
+      ]
+    }
   );
 });
 SubscribeSuccessPopup.displayName = "SubscribeSuccessPopup";

package/build/cjs/components/Subscribe/SubscribeSuccessPopup/SubscribeSuccessPopup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/Subscribe/SubscribeSuccessPopup/SubscribeSuccessPopup.tsx"],
-  "sourcesContent": ["import type {SubscribeView} from '../Subscribe';\n\nimport React, {memo, useContext} from 'react';\nimport {Popup, useDirection} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../../hooks';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {getSubscribePopupPosition} from '../utils';\n\nconst b = block('dc-subscribe');\n\nconst SubscribeSuccessPopup = memo<{\n    anchor: React.RefObject<HTMLElement>;\n    view?: SubscribeView;\n    onOutsideClick: () => void;\n}>(({anchor, view, onOutsideClick}) => {\n    const {t} = useTranslation('controls');\n    const {isVerticalView} = useContext(ControlsLayoutContext);\n    const direction = useDirection();\n\n    return (\n        <Popup\n            anchorRef={anchor}\n            open={true}\n            onOutsideClick={onOutsideClick}\n            className={b('success-popup', {view})}\n            placement={getSubscribePopupPosition(isVerticalView, view, direction)}\n            strategy=\"fixed\"\n        >\n            <h3 className={b('popup-title')}>{t('verify-title')}</h3>\n            <p className={b('popup-text')}>{t('verify-text')}</p>\n        </Popup>\n    );\n});\n\nSubscribeSuccessPopup.displayName = 'SubscribeSuccessPopup';\n\nexport default SubscribeSuccessPopup;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAsC;AACtC,mBAAkC;AAClC,yBAAkB;AAElB,mBAA6B;AAC7B,4BAAoC;AACpC,mBAAwC;AAExC,IAAM,QAAI,mBAAAA,SAAM,cAAc;AAE9B,IAAM,4BAAwB,mBAI3B,CAAC,EAAC,QAAQ,MAAM,eAAc,MAAM;AACnC,QAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,QAAM,EAAC,eAAc,QAAI,yBAAW,2CAAqB;AACzD,QAAM,gBAAY,2BAAa;AAE/B,SACI,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAM;AAAA,MACN;AAAA,MACA,WAAW,EAAE,iBAAiB,EAAC,KAAI,CAAC;AAAA,MACpC,eAAW,wCAA0B,gBAAgB,MAAM,SAAS;AAAA,MACpE,UAAS;AAAA;AAAA,IAET,6BAAAA,QAAA,cAAC,QAAG,WAAW,EAAE,aAAa,KAAI,EAAE,cAAc,CAAE;AAAA,IACpD,6BAAAA,QAAA,cAAC,OAAE,WAAW,EAAE,YAAY,KAAI,EAAE,aAAa,CAAE;AAAA,EACrD;AAER,CAAC;AAED,sBAAsB,cAAc;AAEpC,IAAO,gCAAQ;",
-  "names": ["block", "React"]
+  "sourcesContent": ["import type {SubscribeView} from '../Subscribe';\n\nimport React, {memo, useContext} from 'react';\nimport {Popup, useDirection} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../../hooks';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {getSubscribePopupPosition} from '../utils';\n\nconst b = block('dc-subscribe');\n\nconst SubscribeSuccessPopup = memo<{\n    anchor: React.RefObject<HTMLElement | null>;\n    view?: SubscribeView;\n    onOutsideClick: () => void;\n}>(({anchor, view, onOutsideClick}) => {\n    const {t} = useTranslation('controls');\n    const {isVerticalView} = useContext(ControlsLayoutContext);\n    const direction = useDirection();\n\n    return (\n        <Popup\n            anchorRef={anchor}\n            open={true}\n            onOutsideClick={onOutsideClick}\n            className={b('success-popup', {view})}\n            placement={getSubscribePopupPosition(isVerticalView, view, direction)}\n            strategy=\"fixed\"\n        >\n            <h3 className={b('popup-title')}>{t('verify-title')}</h3>\n            <p className={b('popup-text')}>{t('verify-text')}</p>\n        </Popup>\n    );\n});\n\nSubscribeSuccessPopup.displayName = 'SubscribeSuccessPopup';\n\nexport default SubscribeSuccessPopup;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAsC;AACtC,mBAAkC;AAClC,yBAAkB;AAElB,mBAA6B;AAC7B,4BAAoC;AACpC,mBAAwC;AAchC;AAZR,IAAM,QAAI,mBAAAA,SAAM,cAAc;AAE9B,IAAM,4BAAwB,mBAI3B,CAAC,EAAC,QAAQ,MAAM,eAAc,MAAM;AACnC,QAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,QAAM,EAAC,eAAc,QAAI,yBAAW,2CAAqB;AACzD,QAAM,gBAAY,2BAAa;AAE/B,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAM;AAAA,MACN;AAAA,MACA,WAAW,EAAE,iBAAiB,EAAC,KAAI,CAAC;AAAA,MACpC,eAAW,wCAA0B,gBAAgB,MAAM,SAAS;AAAA,MACpE,UAAS;AAAA,MAET;AAAA,oDAAC,QAAG,WAAW,EAAE,aAAa,GAAI,YAAE,cAAc,GAAE;AAAA,QACpD,4CAAC,OAAE,WAAW,EAAE,YAAY,GAAI,YAAE,aAAa,GAAE;AAAA;AAAA;AAAA,EACrD;AAER,CAAC;AAED,sBAAsB,cAAc;AAEpC,IAAO,gCAAQ;",
+  "names": ["block"]
 }

package/build/cjs/components/Subscribe/SubscribeVariantsPopup/SubscribeVariantsPopup.d.ts

@@ -2,7 +2,7 @@ import type { SubscribeData } from '../../../models';
 import type { SubscribeView } from '../Subscribe';
 import React from 'react';
 declare const SubscribeVariantsPopup: React.NamedExoticComponent<{
-    anchor: React.RefObject<HTMLElement>;
+    anchor: React.RefObject<HTMLElement | null>;
     view?: SubscribeView;
     consentContent?: React.ReactNode;
     onSubscribe?: (data: SubscribeData) => void;

package/build/cjs/components/Subscribe/SubscribeVariantsPopup/SubscribeVariantsPopup.js

@@ -33,7 +33,7 @@ __export(SubscribeVariantsPopup_exports, {
   default: () => SubscribeVariantsPopup_default
 });
 module.exports = __toCommonJS(SubscribeVariantsPopup_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_uikit = require("@gravity-ui/uikit");
 var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
 var import_hooks = require("../../../hooks");
@@ -41,6 +41,7 @@ var import_models = require("../../../models");
 var import_utils = require("../../../utils");
 var import_ControlsLayout = require("../../Controls/ControlsLayout");
 var import_utils2 = require("../utils");
+var import_jsx_runtime = require("react/jsx-runtime");
 var b = (0, import_bem_cn_lite.default)("dc-subscribe");
 var LIST_ITEM_HEIGHT = 36;
 var SubscribeVariantsPopup = (0, import_react.memo)((props) => {
@@ -98,7 +99,7 @@ var SubscribeVariantsPopup = (0, import_react.memo)((props) => {
     ];
     const itemsHeight = LIST_ITEM_HEIGHT * ITEMS.length;
     const selectedItemIndex = ITEMS.findIndex(({ value }) => value === subscribeSelectors);
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_uikit.List,
       {
         filterable: false,
@@ -107,32 +108,39 @@ var SubscribeVariantsPopup = (0, import_react.memo)((props) => {
         selectedItemIndex,
         itemHeight: LIST_ITEM_HEIGHT,
         itemsHeight,
-        renderItem: (item) => /* @__PURE__ */ import_react.default.createElement("div", { className: b("variant__list-item") }, item.text)
+        renderItem: (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: b("variant__list-item"), children: item.text })
       }
     );
   }, [subscribeSelectors, t]);
   const renderSubscribeForm = (0, import_react.useCallback)(() => {
-    return /* @__PURE__ */ import_react.default.createElement("form", { onSubmit: onSendSubscribeInformation }, /* @__PURE__ */ import_react.default.createElement("div", { className: b("textarea") }, /* @__PURE__ */ import_react.default.createElement(
-      import_uikit.TextInput,
-      {
-        size: "l",
-        placeholder: t("subscribe-documentation-placeholder"),
-        error: showError || void 0,
-        value: email,
-        onUpdate: setEmail
-      }
-    )), consentContent ? /* @__PURE__ */ import_react.default.createElement("div", { className: b("consent") }, /* @__PURE__ */ import_react.default.createElement(import_uikit.Checkbox, { size: "m", checked: consentChecked, onUpdate: setConsentChecked }), /* @__PURE__ */ import_react.default.createElement("span", { className: b("consent-content") }, consentContent)) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: b("variants-actions") }, /* @__PURE__ */ import_react.default.createElement(
-      import_uikit.Button,
-      {
-        view: "action",
-        className: b("variants-action"),
-        type: "submit",
-        disabled: Boolean(consentContent) && !consentChecked
-      },
-      t("subscribe-text")
-    )));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { onSubmit: onSendSubscribeInformation, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: b("textarea"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_uikit.TextInput,
+        {
+          size: "l",
+          placeholder: t("subscribe-documentation-placeholder"),
+          error: showError || void 0,
+          value: email,
+          onUpdate: setEmail
+        }
+      ) }),
+      consentContent ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: b("consent"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_uikit.Checkbox, { size: "m", checked: consentChecked, onUpdate: setConsentChecked }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: b("consent-content"), children: consentContent })
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: b("variants-actions"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_uikit.Button,
+        {
+          view: "action",
+          className: b("variants-action"),
+          type: "submit",
+          disabled: Boolean(consentContent) && !consentChecked,
+          children: t("subscribe-text")
+        }
+      ) })
+    ] });
   }, [email, showError, consentContent, consentChecked, onSendSubscribeInformation, t]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_uikit.Popup,
     {
       anchorRef: anchor,
@@ -140,10 +148,12 @@ var SubscribeVariantsPopup = (0, import_react.memo)((props) => {
       onOutsideClick,
       className: b("variants-popup", { view }),
       placement: (0, import_utils2.getSubscribePopupPosition)(isVerticalView, view, direction),
-      strategy: "fixed"
-    },
-    renderSubscribeVariantsList(),
-    renderSubscribeForm()
+      strategy: "fixed",
+      children: [
+        renderSubscribeVariantsList(),
+        renderSubscribeForm()
+      ]
+    }
   );
 });
 SubscribeVariantsPopup.displayName = "SubscribeVariantsPopup";

package/build/cjs/components/Subscribe/SubscribeVariantsPopup/SubscribeVariantsPopup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/Subscribe/SubscribeVariantsPopup/SubscribeVariantsPopup.tsx"],
-  "sourcesContent": ["import type {SyntheticEvent} from 'react';\nimport type {SubscribeData} from '../../../models';\nimport type {SubscribeView} from '../Subscribe';\n\nimport React, {memo, useCallback, useContext, useState} from 'react';\nimport {Button, Checkbox, List, Popup, TextInput, useDirection} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../../hooks';\nimport {SubscribeType} from '../../../models';\nimport {isInvalidEmail} from '../../../utils';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {getSubscribePopupPosition} from '../utils';\n\nconst b = block('dc-subscribe');\n\nconst LIST_ITEM_HEIGHT = 36;\n\nconst SubscribeVariantsPopup = memo<{\n    anchor: React.RefObject<HTMLElement>;\n    view?: SubscribeView;\n    consentContent?: React.ReactNode;\n    onSubscribe?: (data: SubscribeData) => void;\n    onSubmit: () => void;\n    onOutsideClick: () => void;\n}>((props) => {\n    const {t} = useTranslation('controls');\n    const {isVerticalView} = useContext(ControlsLayoutContext);\n    const direction = useDirection();\n    const {anchor, view, consentContent, onSubscribe, onSubmit, onOutsideClick} = props;\n\n    const [email, setEmail] = useState('');\n    const [showError, setShowError] = useState('');\n    const [subscribeSelectors, setSubscribeSelectors] = useState(SubscribeType.documentation);\n    const [consentChecked, setConsentChecked] = useState(false);\n\n    const resetSubscribeAdditionalInfo = useCallback(() => {\n        setEmail('');\n        setConsentChecked(false);\n    }, []);\n\n    const onSendSubscribeInformation = useCallback(\n        (event: SyntheticEvent) => {\n            event.preventDefault();\n\n            if (consentContent && !consentChecked) {\n                return;\n            }\n\n            if (isInvalidEmail(email)) {\n                setShowError(t('email-text-invalid'));\n                return;\n            }\n\n            setShowError('');\n\n            if (onSubscribe) {\n                try {\n                    onSubscribe({\n                        email,\n                        type: subscribeSelectors,\n                    });\n\n                    onSubmit();\n                } catch {\n                    setShowError(t('email-request-fail'));\n                }\n\n                resetSubscribeAdditionalInfo();\n            }\n        },\n        [\n            onSubscribe,\n            email,\n            resetSubscribeAdditionalInfo,\n            subscribeSelectors,\n            onSubmit,\n            t,\n            consentContent,\n            consentChecked,\n        ],\n    );\n\n    const renderSubscribeVariantsList = useCallback(() => {\n        const ITEMS = [\n            {value: SubscribeType.documentation, text: t('subscribe-documentation-title')},\n            {value: SubscribeType.page, text: t('subscribe-page-title')},\n        ];\n\n        const itemsHeight = LIST_ITEM_HEIGHT * ITEMS.length;\n        const selectedItemIndex = ITEMS.findIndex(({value}) => value === subscribeSelectors);\n\n        return (\n            <List\n                filterable={false}\n                items={ITEMS}\n                onItemClick={(item) => setSubscribeSelectors(item.value as SubscribeType)}\n                selectedItemIndex={selectedItemIndex}\n                itemHeight={LIST_ITEM_HEIGHT}\n                itemsHeight={itemsHeight}\n                renderItem={(item) => <div className={b('variant__list-item')}>{item.text}</div>}\n            />\n        );\n    }, [subscribeSelectors, t]);\n\n    const renderSubscribeForm = useCallback(() => {\n        return (\n            <form onSubmit={onSendSubscribeInformation}>\n                <div className={b('textarea')}>\n                    <TextInput\n                        size=\"l\"\n                        placeholder={t('subscribe-documentation-placeholder')}\n                        error={showError || undefined}\n                        value={email}\n                        onUpdate={setEmail}\n                    />\n                </div>\n                {consentContent ? (\n                    <div className={b('consent')}>\n                        <Checkbox size=\"m\" checked={consentChecked} onUpdate={setConsentChecked} />\n                        <span className={b('consent-content')}>{consentContent}</span>\n                    </div>\n                ) : null}\n                <div className={b('variants-actions')}>\n                    <Button\n                        view=\"action\"\n                        className={b('variants-action')}\n                        type={'submit'}\n                        disabled={Boolean(consentContent) && !consentChecked}\n                    >\n                        {t('subscribe-text')}\n                    </Button>\n                </div>\n            </form>\n        );\n    }, [email, showError, consentContent, consentChecked, onSendSubscribeInformation, t]);\n\n    return (\n        <Popup\n            anchorRef={anchor}\n            open={true}\n            onOutsideClick={onOutsideClick}\n            className={b('variants-popup', {view})}\n            placement={getSubscribePopupPosition(isVerticalView, view, direction)}\n            strategy=\"fixed\"\n        >\n            {renderSubscribeVariantsList()}\n            {renderSubscribeForm()}\n        </Popup>\n    );\n});\n\nSubscribeVariantsPopup.displayName = 'SubscribeVariantsPopup';\n\nexport default SubscribeVariantsPopup;\n"],
-  "mappings": "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",
-  "names": ["import_utils", "block", "React"]
+  "sourcesContent": ["import type {SyntheticEvent} from 'react';\nimport type {SubscribeData} from '../../../models';\nimport type {SubscribeView} from '../Subscribe';\n\nimport React, {memo, useCallback, useContext, useState} from 'react';\nimport {Button, Checkbox, List, Popup, TextInput, useDirection} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../../hooks';\nimport {SubscribeType} from '../../../models';\nimport {isInvalidEmail} from '../../../utils';\nimport {ControlsLayoutContext} from '../../Controls/ControlsLayout';\nimport {getSubscribePopupPosition} from '../utils';\n\nconst b = block('dc-subscribe');\n\nconst LIST_ITEM_HEIGHT = 36;\n\nconst SubscribeVariantsPopup = memo<{\n    anchor: React.RefObject<HTMLElement | null>;\n    view?: SubscribeView;\n    consentContent?: React.ReactNode;\n    onSubscribe?: (data: SubscribeData) => void;\n    onSubmit: () => void;\n    onOutsideClick: () => void;\n}>((props) => {\n    const {t} = useTranslation('controls');\n    const {isVerticalView} = useContext(ControlsLayoutContext);\n    const direction = useDirection();\n    const {anchor, view, consentContent, onSubscribe, onSubmit, onOutsideClick} = props;\n\n    const [email, setEmail] = useState('');\n    const [showError, setShowError] = useState('');\n    const [subscribeSelectors, setSubscribeSelectors] = useState(SubscribeType.documentation);\n    const [consentChecked, setConsentChecked] = useState(false);\n\n    const resetSubscribeAdditionalInfo = useCallback(() => {\n        setEmail('');\n        setConsentChecked(false);\n    }, []);\n\n    const onSendSubscribeInformation = useCallback(\n        (event: SyntheticEvent) => {\n            event.preventDefault();\n\n            if (consentContent && !consentChecked) {\n                return;\n            }\n\n            if (isInvalidEmail(email)) {\n                setShowError(t('email-text-invalid'));\n                return;\n            }\n\n            setShowError('');\n\n            if (onSubscribe) {\n                try {\n                    onSubscribe({\n                        email,\n                        type: subscribeSelectors,\n                    });\n\n                    onSubmit();\n                } catch {\n                    setShowError(t('email-request-fail'));\n                }\n\n                resetSubscribeAdditionalInfo();\n            }\n        },\n        [\n            onSubscribe,\n            email,\n            resetSubscribeAdditionalInfo,\n            subscribeSelectors,\n            onSubmit,\n            t,\n            consentContent,\n            consentChecked,\n        ],\n    );\n\n    const renderSubscribeVariantsList = useCallback(() => {\n        const ITEMS = [\n            {value: SubscribeType.documentation, text: t('subscribe-documentation-title')},\n            {value: SubscribeType.page, text: t('subscribe-page-title')},\n        ];\n\n        const itemsHeight = LIST_ITEM_HEIGHT * ITEMS.length;\n        const selectedItemIndex = ITEMS.findIndex(({value}) => value === subscribeSelectors);\n\n        return (\n            <List\n                filterable={false}\n                items={ITEMS}\n                onItemClick={(item) => setSubscribeSelectors(item.value as SubscribeType)}\n                selectedItemIndex={selectedItemIndex}\n                itemHeight={LIST_ITEM_HEIGHT}\n                itemsHeight={itemsHeight}\n                renderItem={(item) => <div className={b('variant__list-item')}>{item.text}</div>}\n            />\n        );\n    }, [subscribeSelectors, t]);\n\n    const renderSubscribeForm = useCallback(() => {\n        return (\n            <form onSubmit={onSendSubscribeInformation}>\n                <div className={b('textarea')}>\n                    <TextInput\n                        size=\"l\"\n                        placeholder={t('subscribe-documentation-placeholder')}\n                        error={showError || undefined}\n                        value={email}\n                        onUpdate={setEmail}\n                    />\n                </div>\n                {consentContent ? (\n                    <div className={b('consent')}>\n                        <Checkbox size=\"m\" checked={consentChecked} onUpdate={setConsentChecked} />\n                        <span className={b('consent-content')}>{consentContent}</span>\n                    </div>\n                ) : null}\n                <div className={b('variants-actions')}>\n                    <Button\n                        view=\"action\"\n                        className={b('variants-action')}\n                        type={'submit'}\n                        disabled={Boolean(consentContent) && !consentChecked}\n                    >\n                        {t('subscribe-text')}\n                    </Button>\n                </div>\n            </form>\n        );\n    }, [email, showError, consentContent, consentChecked, onSendSubscribeInformation, t]);\n\n    return (\n        <Popup\n            anchorRef={anchor}\n            open={true}\n            onOutsideClick={onOutsideClick}\n            className={b('variants-popup', {view})}\n            placement={getSubscribePopupPosition(isVerticalView, view, direction)}\n            strategy=\"fixed\"\n        >\n            {renderSubscribeVariantsList()}\n            {renderSubscribeForm()}\n        </Popup>\n    );\n});\n\nSubscribeVariantsPopup.displayName = 'SubscribeVariantsPopup';\n\nexport default SubscribeVariantsPopup;\n"],
+  "mappings": "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",
+  "names": ["import_utils", "block"]
 }

package/build/cjs/components/Subscribe/utils.d.ts

@@ -1,4 +1,4 @@
 import type { ThemeContextProps } from '@gravity-ui/uikit';
-import { PopperPosition } from '../../hooks';
+import { PopperPosition } from '../../constants';
 import { SubscribeView } from './Subscribe';
 export declare const getSubscribePopupPosition: (isVerticalView: boolean | undefined, view?: SubscribeView, direction?: ThemeContextProps["direction"]) => PopperPosition.BOTTOM_END | PopperPosition.RIGHT_START | PopperPosition.RIGHT | PopperPosition.LEFT_START;

package/build/cjs/components/Subscribe/utils.js

@@ -23,13 +23,13 @@ __export(utils_exports, {
   getSubscribePopupPosition: () => getSubscribePopupPosition
 });
 module.exports = __toCommonJS(utils_exports);
-var import_hooks = require("../../hooks");
+var import_constants = require("../../constants");
 var import_utils = require("../../utils");
 var import_Subscribe = require("./Subscribe");
 var getSubscribePopupPosition = (isVerticalView, view, direction) => {
   if (!view || view === import_Subscribe.SubscribeView.Regular) {
     return (0, import_utils.getPopupPosition)(isVerticalView, direction);
   }
-  return import_hooks.PopperPosition.RIGHT;
+  return import_constants.PopperPosition.RIGHT;
 };
 //# sourceMappingURL=utils.js.map

package/build/cjs/components/Subscribe/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Subscribe/utils.ts"],
-  "sourcesContent": ["import type {ThemeContextProps} from '@gravity-ui/uikit';\n\nimport {PopperPosition} from '../../hooks';\nimport {getPopupPosition} from '../../utils';\n\nimport {SubscribeView} from './Subscribe';\n\nexport const getSubscribePopupPosition = (\n    isVerticalView: boolean | undefined,\n    view?: SubscribeView,\n    direction?: ThemeContextProps['direction'],\n) => {\n    if (!view || view === SubscribeView.Regular) {\n        return getPopupPosition(isVerticalView, direction);\n    }\n\n    return PopperPosition.RIGHT;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA6B;AAC7B,mBAA+B;AAE/B,uBAA4B;AAErB,IAAM,4BAA4B,CACrC,gBACA,MACA,cACC;AACD,MAAI,CAAC,QAAQ,SAAS,+BAAc,SAAS;AACzC,eAAO,+BAAiB,gBAAgB,SAAS;AAAA,EACrD;AAEA,SAAO,4BAAe;AAC1B;",
+  "sourcesContent": ["import type {ThemeContextProps} from '@gravity-ui/uikit';\n\nimport {PopperPosition} from '../../constants';\nimport {getPopupPosition} from '../../utils';\n\nimport {SubscribeView} from './Subscribe';\n\nexport const getSubscribePopupPosition = (\n    isVerticalView: boolean | undefined,\n    view?: SubscribeView,\n    direction?: ThemeContextProps['direction'],\n) => {\n    if (!view || view === SubscribeView.Regular) {\n        return getPopupPosition(isVerticalView, direction);\n    }\n\n    return PopperPosition.RIGHT;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,uBAA6B;AAC7B,mBAA+B;AAE/B,uBAA4B;AAErB,IAAM,4BAA4B,CACrC,gBACA,MACA,cACC;AACD,MAAI,CAAC,QAAQ,SAAS,+BAAc,SAAS;AACzC,eAAO,+BAAiB,gBAAgB,SAAS;AAAA,EACrD;AAEA,SAAO,gCAAe;AAC1B;",
   "names": []
 }

package/build/cjs/components/Text/Text.js

@@ -35,20 +35,21 @@ __export(Text_exports, {
 module.exports = __toCommonJS(Text_exports);
 var import_react = __toESM(require("react"));
 var import_HTML = require("../HTML");
+var import_jsx_runtime = require("react/jsx-runtime");
 var Text = ({ data = "", html = false, block = false }) => {
   if (!data) {
     return null;
   }
   const paragraphs = Array.isArray(data) ? data : [data];
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, paragraphs.map(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Fragment, { children: paragraphs.map(
     (text, index) => import_react.default.createElement(
       block ? "div" : "p",
       {
         key: index,
         className: block ? "p" : null
       },
-      html ? /* @__PURE__ */ import_react.default.createElement(import_HTML.HTML, null, text) : text
+      html ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_HTML.HTML, { children: text }) : text
     )
-  ));
+  ) });
 };
 //# sourceMappingURL=Text.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/Text/Text.tsx"],
   "sourcesContent": ["import React from 'react';\n\nimport {HTML} from '../HTML';\n\nexport interface TextProps {\n    data: string | string[];\n    html: boolean;\n    block: boolean;\n}\n\nexport const Text: React.FC<TextProps> = ({data = '', html = false, block = false}) => {\n    if (!data) {\n        return null;\n    }\n\n    const paragraphs = Array.isArray(data) ? data : [data];\n\n    return (\n        <React.Fragment>\n            {paragraphs.map((text, index) =>\n                React.createElement(\n                    block ? 'div' : 'p',\n                    {\n                        key: index,\n                        className: block ? 'p' : null,\n                    },\n                    html ? <HTML>{text}</HTML> : text,\n                ),\n            )}\n        </React.Fragment>\n    );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAAmB;AAQZ,IAAM,OAA4B,CAAC,EAAC,OAAO,IAAI,OAAO,OAAO,QAAQ,MAAK,MAAM;AACnF,MAAI,CAAC,MAAM;AACP,WAAO;AAAA,EACX;AAEA,QAAM,aAAa,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI;AAErD,SACI,6BAAAA,QAAA,cAAC,aAAAA,QAAM,UAAN,MACI,WAAW;AAAA,IAAI,CAAC,MAAM,UACnB,aAAAA,QAAM;AAAA,MACF,QAAQ,QAAQ;AAAA,MAChB;AAAA,QACI,KAAK;AAAA,QACL,WAAW,QAAQ,MAAM;AAAA,MAC7B;AAAA,MACA,OAAO,6BAAAA,QAAA,cAAC,wBAAM,IAAK,IAAU;AAAA,IACjC;AAAA,EACJ,CACJ;AAER;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAAmB;AAwBQ;AAhBpB,IAAM,OAA4B,CAAC,EAAC,OAAO,IAAI,OAAO,OAAO,QAAQ,MAAK,MAAM;AACnF,MAAI,CAAC,MAAM;AACP,WAAO;AAAA,EACX;AAEA,QAAM,aAAa,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI;AAErD,SACI,4CAAC,aAAAA,QAAM,UAAN,EACI,qBAAW;AAAA,IAAI,CAAC,MAAM,UACnB,aAAAA,QAAM;AAAA,MACF,QAAQ,QAAQ;AAAA,MAChB;AAAA,QACI,KAAK;AAAA,QACL,WAAW,QAAQ,MAAM;AAAA,MAC7B;AAAA,MACA,OAAO,4CAAC,oBAAM,gBAAK,IAAU;AAAA,IACjC;AAAA,EACJ,GACJ;AAER;",
   "names": ["React"]
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/Toc/Toc.scss", "../../../../src/components/Toc/%3Cinput css rK6Vfw%3E", "../../../../src/styles/mixins.scss"],
+  "sources": ["../../../../src/components/Toc/Toc.scss", "../../../../src/components/Toc/%3Cinput css RQriaZ%3E", "../../../../src/styles/mixins.scss"],
   "sourcesContent": ["@use 'sass:map';\n@use '../../styles/variables';\n@use '../../styles/mixins';\n\n$iconSize: 18px;\n$toggleSize: 10px;\n$leftOffset: 57px;\n\n@mixin toc-header {\n    @include mixins.text-size(body-2);\n    font-weight: 500;\n}\n\n.dc-toc {\n    $class: &;\n\n    display: flex;\n    flex-direction: column;\n    height: calc(100vh - var(--dc-header-height, #{variables.$headerHeight}));\n    overflow: hidden;\n    border-right: 1px solid var(--g-color-line-generic);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        padding: 12px 16px 0px;\n\n        border-right: none;\n        overflow-y: auto;\n        height: calc(\n            100vh - var(--dc-header-height, #{variables.$headerHeight}) -\n                #{variables.$subNavigationHeight} - #{variables.$mobileControlsHeight} -\n                #{variables.$mobileControlsTopPadding} - #{variables.$mobileControlsBottomPadding}\n        );\n    }\n\n    &__empty {\n        padding: 5px 15px 5px 24px;\n    }\n\n    &__top {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: flex-start;\n        padding: 10px 10px 8px 0;\n        margin-bottom: 12px;\n\n        @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n            padding: 10px 12px 10px 28px;\n            margin-bottom: 0;\n        }\n\n        &_scrolled {\n            border-bottom: 1px solid var(--g-color-line-generic);\n        }\n\n        @mixin top-main-base {\n            display: flex;\n            align-items: flex-start;\n            width: 100%;\n            box-sizing: border-box;\n            padding: var(--g-spacing-2) var(--g-spacing-3);\n            gap: var(--g-spacing-2);\n        }\n\n        &_with-extra-header {\n            flex-direction: column;\n            margin-bottom: var(--g-spacing-1);\n\n            @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n                padding: 0;\n            }\n\n            .dc-toc__top-main {\n                @include top-main-base;\n\n                &-link {\n                    @include top-main-base;\n                    cursor: pointer;\n\n                    @include mixins.reset-link-style();\n                    border-radius: 3px;\n\n                    &:hover {\n                        background: var(--g-color-base-simple-hover);\n                    }\n\n                    &_active {\n                        background: var(--g-color-base-selection);\n                    }\n                }\n            }\n            .dc-toc__top-header-icon,\n            .dc-toc-label_offset {\n                margin: 0;\n                flex-shrink: 0;\n            }\n            .dc-toc__top-header {\n                display: inline-flex;\n                flex-grow: 1;\n                font-size: var(--g-text-body-1-font-size);\n                font-weight: var(--g-text-body-font-weight);\n                line-height: var(--g-text-body-1-line-height);\n            }\n\n            .dc-toc__content > .dc-toc__list {\n                padding-left: var(--g-spacing-4);\n            }\n        }\n\n        &-header-icon {\n            display: flex;\n            margin-right: 5px;\n            flex-shrink: 0;\n\n            [dir='rtl'] & {\n                margin-left: 5px;\n            }\n        }\n\n        &-header {\n            flex-grow: 0;\n            $headerClass: &;\n            position: relative;\n            font-weight: 500;\n\n            @include mixins.text-size(body-3);\n\n            &_link {\n                @include mixins.reset-link-style();\n\n                display: flex;\n                align-items: center;\n                border-radius: var(--g-focus-border-radius);\n\n                @include mixins.link();\n\n                &:hover {\n                    color: var(--g-color-text-primary);\n                }\n\n                @include mixins.focusable();\n            }\n        }\n    }\n\n    &__bottom {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        padding: 4px 10px 20px 0;\n\n        &_scrolled {\n            border-top: 1px solid var(--g-color-line-generic);\n\n            @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n                border-top: 0;\n            }\n        }\n\n        &:empty {\n            display: none;\n        }\n    }\n\n    &__content {\n        --g-scrollbar-width: 6px;\n\n        position: relative;\n        flex-grow: 1;\n        overflow-y: auto;\n        scrollbar-width: thin;\n\n        @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n            overflow-y: unset;\n        }\n\n        &_offset_top {\n            @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n                padding-top: 12px;\n            }\n        }\n    }\n\n    &__list {\n        @include mixins.reset-list-style();\n\n        display: block;\n\n        &-item {\n            cursor: pointer;\n            user-select: none;\n\n            &_labeled {\n                margin-top: 16px;\n            }\n\n            &_main > *:first-child {\n                color: var(--g-color-text-primary);\n            }\n\n            &:not(&_opened) > #{$class}__list {\n                display: none;\n            }\n\n            // recurcive padding\n            &:not(&_labeled) > #{$class}__list {\n                padding-left: 20px;\n\n                [dir='rtl'] & {\n                    padding-right: 20px;\n                }\n            }\n        }\n    }\n\n    &__content > &__list {\n        padding-right: 21px;\n        padding-bottom: 30px;\n\n        @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n            padding-right: 0;\n        }\n    }\n\n    &__content_with-extra-header > &__list {\n        padding-right: 10px;\n\n        @media (max-width: #{map.get(variables.$screenBreakpoints, 'md') - 1px}) {\n            padding-right: 0;\n        }\n    }\n}\n", ".dc-toc {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh - var(--dc-header-height, 0px));\n  overflow: hidden;\n  border-right: 1px solid var(--g-color-line-generic);\n}\n@media (max-width: 768px) {\n  .dc-toc {\n    padding: 12px 16px 0px;\n    border-right: none;\n    overflow-y: auto;\n    height: calc(100vh - var(--dc-header-height, 0px) - 52px - 32px - 8px - 12px);\n  }\n}\n.dc-toc__empty {\n  padding: 5px 15px 5px 24px;\n}\n.dc-toc__top {\n  flex-grow: 0;\n  flex-shrink: 0;\n  display: flex;\n  align-items: flex-start;\n  padding: 10px 10px 8px 0;\n  margin-bottom: 12px;\n}\n@media (max-width: 768px) {\n  .dc-toc__top {\n    padding: 10px 12px 10px 28px;\n    margin-bottom: 0;\n  }\n}\n.dc-toc__top_scrolled {\n  border-bottom: 1px solid var(--g-color-line-generic);\n}\n.dc-toc__top_with-extra-header {\n  flex-direction: column;\n  margin-bottom: var(--g-spacing-1);\n}\n@media (max-width: 768px) {\n  .dc-toc__top_with-extra-header {\n    padding: 0;\n  }\n}\n.dc-toc__top_with-extra-header .dc-toc__top-main {\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n  box-sizing: border-box;\n  padding: var(--g-spacing-2) var(--g-spacing-3);\n  gap: var(--g-spacing-2);\n}\n.dc-toc__top_with-extra-header .dc-toc__top-main-link {\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n  box-sizing: border-box;\n  padding: var(--g-spacing-2) var(--g-spacing-3);\n  gap: var(--g-spacing-2);\n  cursor: pointer;\n  color: inherit;\n  text-decoration: none;\n  border-radius: 3px;\n}\n.dc-toc__top_with-extra-header .dc-toc__top-main-link:hover {\n  background: var(--g-color-base-simple-hover);\n}\n.dc-toc__top_with-extra-header .dc-toc__top-main-link_active {\n  background: var(--g-color-base-selection);\n}\n.dc-toc__top_with-extra-header .dc-toc__top-header-icon,\n.dc-toc__top_with-extra-header .dc-toc-label_offset {\n  margin: 0;\n  flex-shrink: 0;\n}\n.dc-toc__top_with-extra-header .dc-toc__top-header {\n  display: inline-flex;\n  flex-grow: 1;\n  font-size: var(--g-text-body-1-font-size);\n  font-weight: var(--g-text-body-font-weight);\n  line-height: var(--g-text-body-1-line-height);\n}\n.dc-toc__top_with-extra-header .dc-toc__content > .dc-toc__list {\n  padding-left: var(--g-spacing-4);\n}\n.dc-toc__top-header-icon {\n  display: flex;\n  margin-right: 5px;\n  flex-shrink: 0;\n}\n[dir=rtl] .dc-toc__top-header-icon {\n  margin-left: 5px;\n}\n.dc-toc__top-header {\n  flex-grow: 0;\n  position: relative;\n  font-weight: 500;\n  font-size: var(--g-text-body-3-font-size);\n  line-height: var(--g-text-body-3-line-height);\n}\n.dc-toc__top-header_link {\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  border-radius: var(--g-focus-border-radius);\n  color: var(--g-color-text-link);\n  text-decoration: none;\n  cursor: pointer;\n  border-radius: var(--g-focus-border-radius);\n  outline: none;\n}\n.utilityfocus .dc-toc__top-header_link:focus {\n  outline: 2px solid #ffdb4d;\n}\n.dc-toc__top-header_link:focus {\n  box-shadow: 0 0 0 2px var(--g-color-line-focus);\n  outline: 0;\n}\n.dc-toc__top-header_link:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n.dc-toc__top-header_link:hover, .dc-toc__top-header_link:active {\n  color: var(--g-color-text-link-hover);\n}\n.dc-toc__top-header_link:hover {\n  color: var(--g-color-text-primary);\n}\n.dc-toc__top-header_link:focus {\n  outline: 2px solid var(--g-color-line-focus);\n  outline-offset: 0;\n}\n.dc-toc__top-header_link:focus:not(:focus-visible) {\n  outline: 0;\n}\n.dc-toc__bottom {\n  flex-grow: 0;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  padding: 4px 10px 20px 0;\n}\n.dc-toc__bottom_scrolled {\n  border-top: 1px solid var(--g-color-line-generic);\n}\n@media (max-width: 768px) {\n  .dc-toc__bottom_scrolled {\n    border-top: 0;\n  }\n}\n.dc-toc__bottom:empty {\n  display: none;\n}\n.dc-toc__content {\n  --g-scrollbar-width: 6px;\n  position: relative;\n  flex-grow: 1;\n  overflow-y: auto;\n  scrollbar-width: thin;\n}\n@media (max-width: 768px) {\n  .dc-toc__content {\n    overflow-y: unset;\n  }\n}\n@media (min-width: 769px) {\n  .dc-toc__content_offset_top {\n    padding-top: 12px;\n  }\n}\n.dc-toc__list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: block;\n}\n.dc-toc__list-item {\n  cursor: pointer;\n  user-select: none;\n}\n.dc-toc__list-item_labeled {\n  margin-top: 16px;\n}\n.dc-toc__list-item_main > *:first-child {\n  color: var(--g-color-text-primary);\n}\n.dc-toc__list-item:not(.dc-toc__list-item_opened) > .dc-toc__list {\n  display: none;\n}\n.dc-toc__list-item:not(.dc-toc__list-item_labeled) > .dc-toc__list {\n  padding-left: 20px;\n}\n[dir=rtl] .dc-toc__list-item:not(.dc-toc__list-item_labeled) > .dc-toc__list {\n  padding-right: 20px;\n}\n.dc-toc__content > .dc-toc__list {\n  padding-right: 21px;\n  padding-bottom: 30px;\n}\n@media (max-width: 768px) {\n  .dc-toc__content > .dc-toc__list {\n    padding-right: 0;\n  }\n}\n.dc-toc__content_with-extra-header > .dc-toc__list {\n  padding-right: 10px;\n}\n@media (max-width: 768px) {\n  .dc-toc__content_with-extra-header > .dc-toc__list {\n    padding-right: 0;\n  }\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1RvYyIsInNvdXJjZXMiOlsiVG9jLnNjc3MiLCIuLi8uLi9zdHlsZXMvbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYUE7RUFHSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBVEo7SUFVUTtJQUVBO0lBQ0E7SUFDQTs7O0FBT0o7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQVJKO0lBU1E7SUFDQTs7O0FBR0o7RUFDSTs7QUFZSjtFQUNJO0VBQ0E7O0FBRUE7RUFKSjtJQUtROzs7QUFHSjtFQWhCQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBY0k7RUFuQko7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBZ0JRO0VDekRoQjtFQUNBO0VEMkRnQjs7QUFFQTtFQUNJOztBQUdKO0VBQ0k7O0FBSVo7QUFBQTtFQUVJO0VBQ0E7O0FBRUo7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0k7O0FBSVI7RUFDSTtFQUNBO0VBQ0E7O0FBRUE7RUFDSTs7QUFJUjtFQUNJO0VBRUE7RUFDQTtFQ3ZIUjtFQUNBOztBRDBIUTtFQzNHUjtFQUNBO0VENkdZO0VBQ0E7RUFDQTtFQzdFWjtFQUNBO0VBQ0E7RUFDQTtFQWpDQTs7QUFFQTtFQUNJOztBQWdCQTtFQUNJO0VBQ0E7O0FBRUo7RUFDSTs7QUFlUjtFQUVJOztBRHNFUTtFQUNJOztBQ3ZHWjtFQUNJO0VBQ0EsZ0JBSmM7O0FBTWxCO0VBQ0k7O0FEMEdSO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNJOztBQUVBO0VBSEo7SUFJUTs7O0FBSVI7RUFDSTs7QUFJUjtFQUNJO0VBRUE7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFSSjtJQVNROzs7QUFJQTtFQURKO0lBRVE7OztBQUtaO0VDL0tBO0VBQ0E7RUFDQTtFRGdMSTs7QUFFQTtFQUNJO0VBQ0E7O0FBRUE7RUFDSTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7O0FBSUo7RUFDSTs7QUFFQTtFQUNJOztBQU1oQjtFQUNJO0VBQ0E7O0FBRUE7RUFKSjtJQUtROzs7QUFJUjtFQUNJOztBQUVBO0VBSEo7SUFJUSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJy4uLy4uL3N0eWxlcy92YXJpYWJsZXMnO1xuQHVzZSAnLi4vLi4vc3R5bGVzL21peGlucyc7XG5cbiRpY29uU2l6ZTogMThweDtcbiR0b2dnbGVTaXplOiAxMHB4O1xuJGxlZnRPZmZzZXQ6IDU3cHg7XG5cbkBtaXhpbiB0b2MtaGVhZGVyIHtcbiAgICBAaW5jbHVkZSBtaXhpbnMudGV4dC1zaXplKGJvZHktMik7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuLmRjLXRvYyB7XG4gICAgJGNsYXNzOiAmO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGhlaWdodDogY2FsYygxMDB2aCAtIHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSk7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYyk7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgcGFkZGluZzogMTJweCAxNnB4IDBweDtcblxuICAgICAgICBib3JkZXItcmlnaHQ6IG5vbmU7XG4gICAgICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgICAgIGhlaWdodDogY2FsYyhcbiAgICAgICAgICAgIDEwMHZoIC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pIC1cbiAgICAgICAgICAgICAgICAje3ZhcmlhYmxlcy4kc3ViTmF2aWdhdGlvbkhlaWdodH0gLSAje3ZhcmlhYmxlcy4kbW9iaWxlQ29udHJvbHNIZWlnaHR9IC1cbiAgICAgICAgICAgICAgICAje3ZhcmlhYmxlcy4kbW9iaWxlQ29udHJvbHNUb3BQYWRkaW5nfSAtICN7dmFyaWFibGVzLiRtb2JpbGVDb250cm9sc0JvdHRvbVBhZGRpbmd9XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgJl9fZW1wdHkge1xuICAgICAgICBwYWRkaW5nOiA1cHggMTVweCA1cHggMjRweDtcbiAgICB9XG5cbiAgICAmX190b3Age1xuICAgICAgICBmbGV4LWdyb3c6IDA7XG4gICAgICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICAgICAgcGFkZGluZzogMTBweCAxMHB4IDhweCAwO1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAxMnB4O1xuXG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICAgICAgcGFkZGluZzogMTBweCAxMnB4IDEwcHggMjhweDtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgICAgIH1cblxuICAgICAgICAmX3Njcm9sbGVkIHtcbiAgICAgICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYyk7XG4gICAgICAgIH1cblxuICAgICAgICBAbWl4aW4gdG9wLW1haW4tYmFzZSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBwYWRkaW5nOiB2YXIoLS1nLXNwYWNpbmctMikgdmFyKC0tZy1zcGFjaW5nLTMpO1xuICAgICAgICAgICAgZ2FwOiB2YXIoLS1nLXNwYWNpbmctMik7XG4gICAgICAgIH1cblxuICAgICAgICAmX3dpdGgtZXh0cmEtaGVhZGVyIHtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiB2YXIoLS1nLXNwYWNpbmctMSk7XG5cbiAgICAgICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC5kYy10b2NfX3RvcC1tYWluIHtcbiAgICAgICAgICAgICAgICBAaW5jbHVkZSB0b3AtbWFpbi1iYXNlO1xuXG4gICAgICAgICAgICAgICAgJi1saW5rIHtcbiAgICAgICAgICAgICAgICAgICAgQGluY2x1ZGUgdG9wLW1haW4tYmFzZTtcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgICAgICAgICAgICAgICAgIEBpbmNsdWRlIG1peGlucy5yZXNldC1saW5rLXN0eWxlKCk7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcblxuICAgICAgICAgICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigtLWctY29sb3ItYmFzZS1zaW1wbGUtaG92ZXIpO1xuICAgICAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAgICAgJl9hY3RpdmUge1xuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1iYXNlLXNlbGVjdGlvbik7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAuZGMtdG9jX190b3AtaGVhZGVyLWljb24sXG4gICAgICAgICAgICAuZGMtdG9jLWxhYmVsX29mZnNldCB7XG4gICAgICAgICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgICAgICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLmRjLXRvY19fdG9wLWhlYWRlciB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICAgICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAuZGMtdG9jX19jb250ZW50ID4gLmRjLXRvY19fbGlzdCB7XG4gICAgICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiB2YXIoLS1nLXNwYWNpbmctNCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmLWhlYWRlci1pY29uIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICAgICAgICAgIGZsZXgtc2hyaW5rOiAwO1xuXG4gICAgICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogNXB4O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJi1oZWFkZXIge1xuICAgICAgICAgICAgZmxleC1ncm93OiAwO1xuICAgICAgICAgICAgJGhlYWRlckNsYXNzOiAmO1xuICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgICAgICAgICAgQGluY2x1ZGUgbWl4aW5zLnRleHQtc2l6ZShib2R5LTMpO1xuXG4gICAgICAgICAgICAmX2xpbmsge1xuICAgICAgICAgICAgICAgIEBpbmNsdWRlIG1peGlucy5yZXNldC1saW5rLXN0eWxlKCk7XG5cbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzKTtcblxuICAgICAgICAgICAgICAgIEBpbmNsdWRlIG1peGlucy5saW5rKCk7XG5cbiAgICAgICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICBAaW5jbHVkZSBtaXhpbnMuZm9jdXNhYmxlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19ib3R0b20ge1xuICAgICAgICBmbGV4LWdyb3c6IDA7XG4gICAgICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBwYWRkaW5nOiA0cHggMTBweCAyMHB4IDA7XG5cbiAgICAgICAgJl9zY3JvbGxlZCB7XG4gICAgICAgICAgICBib3JkZXItdG9wOiAxcHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWdlbmVyaWMpO1xuXG4gICAgICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgICAgICAgICBib3JkZXItdG9wOiAwO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJjplbXB0eSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fY29udGVudCB7XG4gICAgICAgIC0tZy1zY3JvbGxiYXItd2lkdGg6IDZweDtcblxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICAgICAgc2Nyb2xsYmFyLXdpZHRoOiB0aGluO1xuXG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICAgICAgb3ZlcmZsb3cteTogdW5zZXQ7XG4gICAgICAgIH1cblxuICAgICAgICAmX29mZnNldF90b3Age1xuICAgICAgICAgICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgICAgICAgICBwYWRkaW5nLXRvcDogMTJweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2xpc3Qge1xuICAgICAgICBAaW5jbHVkZSBtaXhpbnMucmVzZXQtbGlzdC1zdHlsZSgpO1xuXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuXG4gICAgICAgICYtaXRlbSB7XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgICAgICAgICAgJl9sYWJlbGVkIHtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxNnB4O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmX21haW4gPiAqOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmOm5vdCgmX29wZW5lZCkgPiAjeyRjbGFzc31fX2xpc3Qge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC8vIHJlY3VyY2l2ZSBwYWRkaW5nXG4gICAgICAgICAgICAmOm5vdCgmX2xhYmVsZWQpID4gI3skY2xhc3N9X19saXN0IHtcbiAgICAgICAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDIwcHg7XG5cbiAgICAgICAgICAgICAgICBbZGlyPSdydGwnXSAmIHtcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZy1yaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19jb250ZW50ID4gJl9fbGlzdCB7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6IDIxcHg7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAzMHB4O1xuXG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICAgICAgcGFkZGluZy1yaWdodDogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX2NvbnRlbnRfd2l0aC1leHRyYS1oZWFkZXIgPiAmX19saXN0IHtcbiAgICAgICAgcGFkZGluZy1yaWdodDogMTBweDtcblxuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogI3ttYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMXB4fSkge1xuICAgICAgICAgICAgcGFkZGluZy1yaWdodDogMDtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIkB1c2UgJ3Nhc3M6bWFwJztcbkB1c2UgJ3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbiAgICBtYXJnaW4tdG9wOiBjYWxjKCN7JG9mZnNldH0gLSB2YXIoLS1kYy1oZWFkZXItaGVpZ2h0LCAje3ZhcmlhYmxlcy4kaGVhZGVySGVpZ2h0fSkpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGluay1zdHlsZSgpIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbkBtaXhpbiBpc2xhbmRzLWZvY3VzKCkge1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAudXRpbGl0eWZvY3VzICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAycHggc29saWQgI2ZmZGI0ZDtcbiAgICB9XG59XG5cbkBtaXhpbiBmb2N1c2FibGUoJG9mZnNldDogMCwgJG1vZGU6ICdvdXRsaW5lJykge1xuICAgIEBpZiAkbW9kZSA9PSAnb3V0bGluZScge1xuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZm9jdXMpO1xuICAgICAgICAgICAgb3V0bGluZS1vZmZzZXQ6ICRvZmZzZXQ7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgJG1vZGUgPT0gJ2JveC1zaGFkb3cnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAycHggdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbkBtaXhpbiBsaW5rKCkge1xuICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluayk7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuXG4gICAgQGluY2x1ZGUgaXNsYW5kcy1mb2N1cygpO1xuXG4gICAgQGluY2x1ZGUgZm9jdXNhYmxlKDAsICdib3gtc2hhZG93Jyk7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMyk7XG5cbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTEpO1xufVxuXG5AbWl4aW4gaGVhZGluZzMoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG59XG5cbkBtaXhpbiBoZWFkaW5nNCgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGhlYWRlci0xKTtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGhlYWRpbmc2KCkge1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbn1cblxuQG1peGluIGNvbnRyaWJ1dG9ycy10ZXh0KCkge1xuICAgIGZvbnQtc2l6ZTogMTNweDtcbiAgICBmb250LXdlaWdodDogNDAwO1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbn1cblxuQG1peGluIHRleHQtYm9keS0xKCkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tZy10ZXh0LWJvZHktMS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS0xLWxpbmUtaGVpZ2h0KTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktZm9udC13ZWlnaHQpO1xufVxuXG5AbWl4aW4gZGVza3RvcC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIGRlc2t0b3AtdGFibGV0LW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdtZCcpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtaW4td2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBncmF2aXR5LXVpLXRleHQtc2l6ZXMoJGRlbHRhKSB7XG4gICAgLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZTogI3sxM3B4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQ6ICN7MThweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0yLWZvbnQtc2l6ZTogI3sxNXB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1ib2R5LTItbGluZS1oZWlnaHQ6ICN7MjBweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS0zLWZvbnQtc2l6ZTogI3sxN3B4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1ib2R5LTMtbGluZS1oZWlnaHQ6ICN7MjRweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtYm9keS1zaG9ydC1mb250LXNpemU6ICN7MTNweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY2FwdGlvbi0xLWZvbnQtc2l6ZTogI3s5cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNhcHRpb24tMi1mb250LXNpemU6ICN7MTFweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtaGVhZGVyLTEtZm9udC1zaXplOiAjezIwcHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWhlYWRlci0yLWZvbnQtc2l6ZTogI3syNHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1zdWJoZWFkZXItMS1mb250LXNpemU6ICN7MTNweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtc3ViaGVhZGVyLTItZm9udC1zaXplOiAjezE1cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LXN1YmhlYWRlci0zLWZvbnQtc2l6ZTogI3sxN3B4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1kaXNwbGF5LTEtZm9udC1zaXplOiAjezI4cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWRpc3BsYXktMi1mb250LXNpemU6ICN7MzJweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtZGlzcGxheS0zLWZvbnQtc2l6ZTogI3s0MHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1kaXNwbGF5LTQtZm9udC1zaXplOiAjezQ4cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtMS1mb250LXNpemU6ICN7MTJweCArICRkZWx0YX07XG4gICAgLS1nLXRleHQtY29kZS0yLWZvbnQtc2l6ZTogI3sxNHB4ICsgJGRlbHRhfTtcbiAgICAtLWctdGV4dC1jb2RlLTMtZm9udC1zaXplOiAjezE2cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtaW5saW5lLTEtZm9udC1zaXplOiAjezEycHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtaW5saW5lLTItZm9udC1zaXplOiAjezE0cHggKyAkZGVsdGF9O1xuICAgIC0tZy10ZXh0LWNvZGUtaW5saW5lLTMtZm9udC1zaXplOiAjezE2cHggKyAkZGVsdGF9O1xuXG4gICAgLS15Zm0tZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0yLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1saW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMi1saW5lLWhlaWdodCk7XG4gICAgLS15Zm0tZm9udC1zaXplLWgyOiB2YXIoLS1nLXRleHQtaGVhZGVyLTItZm9udC1zaXplKTtcbiAgICAtLXlmbS1mb250LXNpemUtaDM6IHZhcigtLWctdGV4dC1oZWFkZXItMS1mb250LXNpemUpO1xuICAgIC0teWZtLWZvbnQtc2l6ZS1oNDogdmFyKC0tZy10ZXh0LXN1YmhlYWRlci0zLWZvbnQtc2l6ZSk7XG4gICAgLS15Zm0tZm9udC1zaXplLWg1OiB2YXIoLS1nLXRleHQtc3ViaGVhZGVyLTItZm9udC1zaXplKTtcbiAgICAtLXlmbS1mb250LXNpemUtaDY6IHZhcigtLWctdGV4dC1zdWJoZWFkZXItMS1mb250LXNpemUpO1xufVxuIl19 */", "@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\n@mixin gravity-ui-text-sizes($delta) {\n    --g-text-body-1-font-size: #{13px + $delta};\n    --g-text-body-1-line-height: #{18px + $delta};\n    --g-text-body-2-font-size: #{15px + $delta};\n    --g-text-body-2-line-height: #{20px + $delta};\n    --g-text-body-3-font-size: #{17px + $delta};\n    --g-text-body-3-line-height: #{24px + $delta};\n    --g-text-body-short-font-size: #{13px + $delta};\n    --g-text-caption-1-font-size: #{9px + $delta};\n    --g-text-caption-2-font-size: #{11px + $delta};\n    --g-text-header-1-font-size: #{20px + $delta};\n    --g-text-header-2-font-size: #{24px + $delta};\n    --g-text-subheader-1-font-size: #{13px + $delta};\n    --g-text-subheader-2-font-size: #{15px + $delta};\n    --g-text-subheader-3-font-size: #{17px + $delta};\n    --g-text-display-1-font-size: #{28px + $delta};\n    --g-text-display-2-font-size: #{32px + $delta};\n    --g-text-display-3-font-size: #{40px + $delta};\n    --g-text-display-4-font-size: #{48px + $delta};\n    --g-text-code-1-font-size: #{12px + $delta};\n    --g-text-code-2-font-size: #{14px + $delta};\n    --g-text-code-3-font-size: #{16px + $delta};\n    --g-text-code-inline-1-font-size: #{12px + $delta};\n    --g-text-code-inline-2-font-size: #{14px + $delta};\n    --g-text-code-inline-3-font-size: #{16px + $delta};\n\n    --yfm-font-size: var(--g-text-body-2-font-size);\n    --yfm-font-line-height: var(--g-text-body-2-line-height);\n    --yfm-font-size-h2: var(--g-text-header-2-font-size);\n    --yfm-font-size-h3: var(--g-text-header-1-font-size);\n    --yfm-font-size-h4: var(--g-text-subheader-3-font-size);\n    --yfm-font-size-h5: var(--g-text-subheader-2-font-size);\n    --yfm-font-size-h6: var(--g-text-subheader-1-font-size);\n}\n"],
   "mappings": "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",
   "names": []