@diplodoc/components 3.0.0-alpha-1

package/build/cjs/components/Controls/single-controls/PdfControl.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ControlProps {
+    pdfLink: string;
+}
+declare const PdfControl: React.NamedExoticComponent<ControlProps>;
+export default PdfControl;

package/build/cjs/components/Controls/single-controls/PdfControl.js

@@ -0,0 +1,60 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Controls/single-controls/PdfControl.tsx
+var PdfControl_exports = {};
+__export(PdfControl_exports, {
+  default: () => PdfControl_default
+});
+module.exports = __toCommonJS(PdfControl_exports);
+var import_react = __toESM(require("react"));
+var import_uikit = require("@gravity-ui/uikit");
+var import_hooks = require("../../../hooks");
+var import_Control = require("../../Control");
+var import_ControlsLayout = require("../ControlsLayout");
+var import_pdf = __toESM(require("../../../../../assets/icons/pdf.svg"));
+var PdfControl = (0, import_react.memo)((props) => {
+  const { t } = (0, import_hooks.useTranslation)("controls");
+  const { controlClassName, controlSize, isVerticalView, popupPosition } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
+  const { pdfLink } = props;
+  return /* @__PURE__ */ import_react.default.createElement("a", { href: pdfLink, target: "_blank", rel: "noreferrer noopener" }, /* @__PURE__ */ import_react.default.createElement(
+    import_Control.Control,
+    {
+      size: controlSize,
+      className: controlClassName,
+      isVerticalView,
+      tooltipText: t("pdf-text"),
+      icon: (args) => /* @__PURE__ */ import_react.default.createElement(import_uikit.Icon, { data: import_pdf.default, ...args }),
+      popupPosition
+    }
+  ));
+});
+PdfControl.displayName = "PdfControl";
+var PdfControl_default = PdfControl;
+//# sourceMappingURL=PdfControl.js.map

package/build/cjs/components/Controls/single-controls/PdfControl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Controls/single-controls/PdfControl.tsx"],
+  "sourcesContent": ["import React, {memo, useContext} from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {useTranslation} from '../../../hooks';\nimport {Control} from '../../Control';\nimport {ControlsLayoutContext} from '../ControlsLayout';\n\nimport PdfIcon from '../../../../assets/icons/pdf.svg';\n\ninterface ControlProps {\n    pdfLink: string;\n}\n\nconst PdfControl = memo<ControlProps>((props) => {\n    const {t} = useTranslation('controls');\n    const {controlClassName, controlSize, isVerticalView, popupPosition} =\n        useContext(ControlsLayoutContext);\n    const {pdfLink} = props;\n\n    return (\n        <a href={pdfLink} target=\"_blank\" rel=\"noreferrer noopener\">\n            <Control\n                size={controlSize}\n                className={controlClassName}\n                isVerticalView={isVerticalView}\n                tooltipText={t('pdf-text')}\n                icon={(args) => <Icon data={PdfIcon} {...args} />}\n                popupPosition={popupPosition}\n            />\n        </a>\n    );\n});\n\nPdfControl.displayName = 'PdfControl';\n\nexport default PdfControl;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsC;AAEtC,mBAAmB;AAEnB,mBAA6B;AAC7B,qBAAsB;AACtB,4BAAoC;AAEpC,iBAAoB;AAMpB,IAAM,iBAAa,mBAAmB,CAAC,UAAU;AAC7C,QAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,QAAM,EAAC,kBAAkB,aAAa,gBAAgB,cAAa,QAC/D,yBAAW,2CAAqB;AACpC,QAAM,EAAC,QAAO,IAAI;AAElB,SACI,6BAAAA,QAAA,cAAC,OAAE,MAAM,SAAS,QAAO,UAAS,KAAI,yBAClC,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,MAAM;AAAA,MACN,WAAW;AAAA,MACX;AAAA,MACA,aAAa,EAAE,UAAU;AAAA,MACzB,MAAM,CAAC,SAAS,6BAAAA,QAAA,cAAC,qBAAK,MAAM,WAAAC,SAAU,GAAG,MAAM;AAAA,MAC/C;AAAA;AAAA,EACJ,CACJ;AAER,CAAC;AAED,WAAW,cAAc;AAEzB,IAAO,qBAAQ;",
+  "names": ["React", "PdfIcon"]
+}

package/build/cjs/components/Controls/single-controls/SettingsControl/SettingsControl.css

@@ -0,0 +1,49 @@
+/* src/components/Controls/single-controls/SettingsControl/SettingsControl.scss */
+.dc-settings-control__text-size-control {
+  display: flex;
+  align-items: center;
+}
+.dc-settings-control__text-size-button_s {
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
+}
+.dc-settings-control__text-size-button_m {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+}
+.dc-settings-control__text-size-button_l {
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
+}
+.dc-settings-control__text-size-button-icon_active {
+  color: var(--g-color-base-brand);
+}
+.dc-settings-control__popup {
+  width: 230px;
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
+}
+.dc-settings-control__list {
+  padding: 4px 0;
+  width: 230px;
+}
+.dc-settings-control__list .yc-list__item_active {
+  background: transparent;
+}
+.dc-settings-control__list-icon {
+  margin-right: 8px;
+}
+.dc-settings-control__list-item {
+  display: flex;
+  padding: 12px;
+  width: 100%;
+}
+.dc-settings-control__list-item-description {
+  color: var(--g-color-text-secondary);
+}
+.dc-settings-control__list-item-control {
+  display: flex;
+  align-items: center;
+  margin-left: auto;
+}
+/*# sourceMappingURL=SettingsControl.css.map */

package/build/cjs/components/Controls/single-controls/SettingsControl/SettingsControl.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/Controls/single-controls/SettingsControl/Users/3y3k0/doctools/docs-components/src/components/Controls/single-controls/SettingsControl/SettingsControl.scss", "../../../../../../src/components/Controls/single-controls/SettingsControl/%3Cinput%20css%20sM16yq%3E", "../../../../../../src/components/Controls/single-controls/SettingsControl/Users/3y3k0/doctools/docs-components/src/styles/mixins.scss"],
+  "sourcesContent": ["@import '../../../../styles/mixins';\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 text-size(body-1);\n        }\n        &_m {\n            @include text-size(body-2);\n        }\n        &_l {\n            @include 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 text-size(body-1);\n    }\n\n    &__list {\n        padding: 4px 0;\n        width: 230px;\n\n        .yc-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}\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__list {\n  padding: 4px 0;\n  width: 230px;\n}\n.dc-settings-control__list .yc-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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzLzN5M2swL2RvY3Rvb2xzL2RvY3MtY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Db250cm9scy9zaW5nbGUtY29udHJvbHMvU2V0dGluZ3NDb250cm9sIiwic291cmNlcyI6WyJTZXR0aW5nc0NvbnRyb2wuc2NzcyIsIi4uLy4uLy4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHSTtFQUNJO0VBQ0E7O0FBSUE7RUNOSjtFQUNBOztBRFFJO0VDVEo7RUFDQTs7QURXSTtFQ1pKO0VBQ0E7O0FEaUJJO0VBQ0k7O0FBSVI7RUFDSTtFQ3hCSjtFQUNBOztBRDJCQTtFQUNJO0VBQ0E7O0FBRUE7RUFDSTs7QUFJUjtFQUNJOztBQUdKO0VBQ0k7RUFDQTtFQUNBOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuLi8uLi8uLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuLmRjLXNldHRpbmdzLWNvbnRyb2wge1xuICAgICZfX3RleHQtc2l6ZS1jb250cm9sIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB9XG5cbiAgICAmX190ZXh0LXNpemUtYnV0dG9uIHtcbiAgICAgICAgJl9zIHtcbiAgICAgICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTEpO1xuICAgICAgICB9XG4gICAgICAgICZfbSB7XG4gICAgICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0yKTtcbiAgICAgICAgfVxuICAgICAgICAmX2wge1xuICAgICAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX190ZXh0LXNpemUtYnV0dG9uLWljb24ge1xuICAgICAgICAmX2FjdGl2ZSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci1iYXNlLWJyYW5kKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZfX3BvcHVwIHtcbiAgICAgICAgd2lkdGg6IDIzMHB4O1xuICAgICAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0xKTtcbiAgICB9XG5cbiAgICAmX19saXN0IHtcbiAgICAgICAgcGFkZGluZzogNHB4IDA7XG4gICAgICAgIHdpZHRoOiAyMzBweDtcblxuICAgICAgICAueWMtbGlzdF9faXRlbV9hY3RpdmUge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19saXN0LWljb24ge1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgICB9XG5cbiAgICAmX19saXN0LWl0ZW0ge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBwYWRkaW5nOiAxMnB4O1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICAmX19saXN0LWl0ZW0tZGVzY3JpcHRpb24ge1xuICAgICAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LXNlY29uZGFyeSk7XG4gICAgfVxuXG4gICAgJl9fbGlzdC1pdGVtLWNvbnRyb2wge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBtYXJnaW4tbGVmdDogYXV0bztcbiAgICB9XG59XG4iLCJAaW1wb3J0ICcuL3ZhcmlhYmxlcyc7XG5cbkBtaXhpbiB0ZXh0LXNpemUoJG5hbWUpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC0jeyRuYW1lfS1mb250LXNpemUpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1nLXRleHQtI3skbmFtZX0tbGluZS1oZWlnaHQpO1xufVxuXG5AbWl4aW4gcmVzZXQtbGlzdC1zdHlsZSgpIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xufVxuXG5AbWl4aW4gZml4QW5jaG9yUG9zaXRpb24oJG9mZnNldDogMHB4KSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGModmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3skaGVhZGVySGVpZ2h0fSkpO1xuICAgIG1hcmdpbi10b3A6IGNhbGMoI3skb2Zmc2V0fSAtIHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7JGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBAaW5jbHVkZSBpc2xhbmRzLWZvY3VzKCk7XG5cbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1saW5rLWhvdmVyKTtcbiAgICB9XG59XG5cbkBtaXhpbiBoZWFkaW5nMSgpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0zKTtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzIoKSB7XG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGRpc3BsYXktMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMik7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc0KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuQG1peGluIGhlYWRpbmc1KCkge1xuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShib2R5LTMpO1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoYm9keS0zKTtcbiAgICBmb250LXdlaWdodDogNDAwO1xufVxuXG5AbWl4aW4gY29udHJpYnV0b3JzLXRleHQoKSB7XG4gICAgZm9udC1zaXplOiAxM3B4O1xuICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xufVxuXG5AbWl4aW4gdGV4dC1ib2R5LTEoKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtYm9keS0xLWZvbnQtc2l6ZSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LTEtbGluZS1oZWlnaHQpO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1nLXRleHQtYm9keS1mb250LXdlaWdodCk7XG59XG5cbkBtaXhpbiBkZXNrdG9wLW9ubHkoKSB7XG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC1nZXQoJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ3NtJykgLSAxKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuXG5AbWl4aW4gbW9iaWxlLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAtZ2V0KCRzY3JlZW5CcmVha3BvaW50cywgJ21kJykpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBtb2JpbGUtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLWdldCgkc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuIl19 */", "@import './variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin link() {\n    @include islands-focus();\n\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    @include text-size(display-3);\n    font-weight: 500;\n\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    @include text-size(display-1);\n    font-weight: 500;\n}\n\n@mixin heading3() {\n    @include text-size(header-2);\n    font-weight: 500;\n}\n\n@mixin heading4() {\n    @include text-size(header-1);\n    font-weight: 500;\n}\n\n@mixin heading5() {\n    @include text-size(body-3);\n    font-weight: 500;\n}\n\n@mixin heading6() {\n    @include text-size(body-3);\n    font-weight: 400;\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map-get($screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map-get($screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map-get($screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map-get($screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n"],
+  "mappings": ";AAGI,CAAA;AACI,WAAA;AACA,eAAA;ACFR;ADMQ,CAAA;AENJ,aAAA,IAAA;AACA,eAAA,IAAA;ADGJ;ADKQ,CAAA;AETJ,aAAA,IAAA;AACA,eAAA,IAAA;ADOJ;ADIQ,CAAA;AEZJ,aAAA,IAAA;AACA,eAAA,IAAA;ADWJ;ADMQ,CAAA;AACI,SAAA,IAAA;ACJZ;ADQI,CAAA;AACI,SAAA;AExBJ,aAAA,IAAA;AACA,eAAA,IAAA;ADmBJ;ADQI,CAAA;AACI,WAAA,IAAA;AACA,SAAA;ACNR;ADQQ,CAJJ,0BAII,CAAA;AACI,cAAA;ACNZ;ADUI,CAAA;AACI,gBAAA;ACRR;ADWI,CAAA;AACI,WAAA;AACA,WAAA;AACA,SAAA;ACTR;ADYI,CAAA;AACI,SAAA,IAAA;ACVR;ADaI,CAAA;AACI,WAAA;AACA,eAAA;AACA,eAAA;ACXR;",
+  "names": []
+}

package/build/cjs/components/Controls/single-controls/SettingsControl/SettingsControl.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { TextSizes, Theme } from '../../../../models';
+import './SettingsControl.scss';
+interface ControlProps {
+    fullScreen?: boolean;
+    singlePage?: boolean;
+    wideFormat?: boolean;
+    showMiniToc?: boolean;
+    theme?: Theme;
+    textSize?: TextSizes;
+    onChangeWideFormat?: (value: boolean) => void;
+    onChangeShowMiniToc?: (value: boolean) => void;
+    onChangeTheme?: (theme: Theme) => void;
+    onChangeTextSize?: (textSize: TextSizes) => void;
+}
+declare const SettingsControl: (props: ControlProps) => React.JSX.Element;
+export default SettingsControl;

package/build/cjs/components/Controls/single-controls/SettingsControl/SettingsControl.js

@@ -0,0 +1,198 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Controls/single-controls/SettingsControl/SettingsControl.tsx
+var SettingsControl_exports = {};
+__export(SettingsControl_exports, {
+  default: () => SettingsControl_default
+});
+module.exports = __toCommonJS(SettingsControl_exports);
+var import_react = __toESM(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_models = require("../../../../models");
+var import_Control = require("../../../Control");
+var import_ControlsLayout = require("../../ControlsLayout");
+var import_utils = require("../utils");
+var import_gear = __toESM(require("@gravity-ui/icons/svgs/gear.svg"));
+var import_SettingsControl = require("./SettingsControl.css");
+var ITEM_HEIGHT = 48;
+var b = (0, import_bem_cn_lite.default)("dc-settings-control");
+var SettingsControl = (props) => {
+  const { t } = (0, import_hooks.useTranslation)("controls");
+  const { controlClassName, controlSize, isVerticalView, popupPosition } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
+  const {
+    textSize,
+    theme,
+    wideFormat,
+    showMiniToc,
+    fullScreen,
+    singlePage,
+    onChangeTheme,
+    onChangeWideFormat,
+    onChangeShowMiniToc,
+    onChangeTextSize
+  } = props;
+  const controlRef = (0, import_react.useRef)(null);
+  const [isVisiblePopup, setIsVisiblePopup] = (0, import_react.useState)(false);
+  const showPopup = () => setIsVisiblePopup(true);
+  const hidePopup = () => setIsVisiblePopup(false);
+  const _onChangeTextSize = (0, import_react.useCallback)(
+    (textSizeKey) => () => {
+      if (onChangeTextSize) {
+        onChangeTextSize(textSizeKey);
+      }
+    },
+    [onChangeTextSize]
+  );
+  const _onChangeTheme = (0, import_react.useCallback)(() => {
+    if (onChangeTheme) {
+      onChangeTheme(theme === import_models.Theme.Dark ? import_models.Theme.Light : import_models.Theme.Dark);
+    }
+  }, [theme, onChangeTheme]);
+  const _onChangeWideFormat = (0, import_react.useCallback)(() => {
+    if (onChangeWideFormat) {
+      onChangeWideFormat(!wideFormat);
+    }
+  }, [wideFormat, onChangeWideFormat]);
+  const _onChangeShowMiniToc = (0, import_react.useCallback)(() => {
+    if (onChangeShowMiniToc) {
+      onChangeShowMiniToc(!showMiniToc);
+    }
+  }, [showMiniToc, onChangeShowMiniToc]);
+  const getSettingsItems = (0, import_react.useCallback)(() => {
+    const allTextSizes = Object.values(import_models.TextSizes);
+    const showMiniTocDisabled = fullScreen || singlePage;
+    return [
+      onChangeWideFormat ? {
+        text: t("label_wide_format"),
+        description: t(
+          `description_wide_format_${wideFormat ? "enabled" : "disabled"}`
+        ),
+        control: /* @__PURE__ */ import_react.default.createElement(import_uikit.Switch, { checked: wideFormat, onChange: _onChangeWideFormat })
+      } : null,
+      onChangeShowMiniToc ? {
+        text: t("label_show_mini_toc"),
+        description: t("description_show_mini_toc"),
+        control: /* @__PURE__ */ import_react.default.createElement(
+          import_uikit.Switch,
+          {
+            disabled: showMiniTocDisabled,
+            checked: showMiniToc,
+            onChange: _onChangeShowMiniToc
+          }
+        )
+      } : null,
+      onChangeTheme ? {
+        text: t("label_dark_theme"),
+        description: import_models.Theme.Light === theme ? t("description_disabled_dark_theme") : t("description_enabled_dark_theme"),
+        control: /* @__PURE__ */ import_react.default.createElement(import_uikit.Switch, { checked: theme === import_models.Theme.Dark, onChange: _onChangeTheme })
+      } : null,
+      onChangeTextSize ? {
+        text: t("label_text_size"),
+        description: t(`description_${textSize}_text_size`),
+        control: /* @__PURE__ */ import_react.default.createElement("div", { className: b("text-size-control") }, allTextSizes.map((textSizeKey) => /* @__PURE__ */ import_react.default.createElement(
+          import_uikit.Button,
+          {
+            key: textSizeKey,
+            className: b("text-size-button", {
+              [textSizeKey]: true
+            }),
+            view: "flat",
+            onClick: _onChangeTextSize(textSizeKey)
+          },
+          /* @__PURE__ */ import_react.default.createElement(
+            import_uikit.Button.Icon,
+            {
+              className: b("text-size-button-icon", {
+                active: textSize === textSizeKey
+              })
+            },
+            "A"
+          )
+        )))
+      } : null
+    ].filter(Boolean);
+  }, [
+    t,
+    textSize,
+    theme,
+    wideFormat,
+    showMiniToc,
+    fullScreen,
+    singlePage,
+    _onChangeTheme,
+    _onChangeWideFormat,
+    _onChangeShowMiniToc,
+    _onChangeTextSize,
+    onChangeWideFormat,
+    onChangeShowMiniToc,
+    onChangeTheme,
+    onChangeTextSize
+  ]);
+  const settingsItems = getSettingsItems();
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_Control.Control,
+    {
+      ref: controlRef,
+      size: controlSize,
+      onClick: showPopup,
+      className: controlClassName,
+      isVerticalView,
+      tooltipText: t("settings-text"),
+      popupPosition,
+      icon: (args) => /* @__PURE__ */ import_react.default.createElement(import_uikit.Icon, { data: import_gear.default, ...args })
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_uikit.Popup,
+    {
+      anchorRef: controlRef,
+      open: isVisiblePopup,
+      contentClassName: b("popup"),
+      onOutsideClick: hidePopup,
+      placement: (0, import_utils.getPopupPosition)(isVerticalView)
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_uikit.List,
+      {
+        items: settingsItems,
+        className: b("list"),
+        itemHeight: ITEM_HEIGHT,
+        itemsHeight: ITEM_HEIGHT * settingsItems.length,
+        filterable: false,
+        renderItem: (item) => {
+          return /* @__PURE__ */ import_react.default.createElement("div", { className: b("list-item") }, /* @__PURE__ */ import_react.default.createElement("div", { className: b("list-item-content") }, /* @__PURE__ */ import_react.default.createElement("div", { className: b("list-item-text") }, item.text), /* @__PURE__ */ import_react.default.createElement("div", { className: b("list-item-description") }, item.description)), /* @__PURE__ */ import_react.default.createElement("div", { className: b("list-item-control") }, item.control));
+        }
+      }
+    )
+  ));
+};
+var SettingsControl_default = SettingsControl;
+//# sourceMappingURL=SettingsControl.js.map

package/build/cjs/components/Controls/single-controls/SettingsControl/SettingsControl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/Controls/single-controls/SettingsControl/SettingsControl.tsx"],
+  "sourcesContent": ["import React, {ReactElement, useCallback, useContext, useRef, useState} from 'react';\n\nimport {Button, Icon, List, Popup, Switch} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\n\nimport {useTranslation} from '../../../../hooks';\nimport {TextSizes, Theme} from '../../../../models';\nimport {Control} from '../../../Control';\nimport {ControlsLayoutContext} from '../../ControlsLayout';\nimport {getPopupPosition} from '../utils';\n\nimport SettingsIcon from '@gravity-ui/icons/svgs/gear.svg';\n\nimport './SettingsControl.scss';\n\nconst ITEM_HEIGHT = 48;\nconst b = cn('dc-settings-control');\n\ninterface ControlProps {\n    fullScreen?: boolean;\n    singlePage?: boolean;\n    wideFormat?: boolean;\n    showMiniToc?: boolean;\n    theme?: Theme;\n    textSize?: TextSizes;\n    onChangeWideFormat?: (value: boolean) => void;\n    onChangeShowMiniToc?: (value: boolean) => void;\n    onChangeTheme?: (theme: Theme) => void;\n    onChangeTextSize?: (textSize: TextSizes) => void;\n}\n\ninterface SettingControlItem {\n    text: string;\n    description: string;\n    control: ReactElement;\n}\n\nconst SettingsControl = (props: ControlProps) => {\n    const {t} = useTranslation('controls');\n    const {controlClassName, controlSize, isVerticalView, popupPosition} =\n        useContext(ControlsLayoutContext);\n    const {\n        textSize,\n        theme,\n        wideFormat,\n        showMiniToc,\n        fullScreen,\n        singlePage,\n        onChangeTheme,\n        onChangeWideFormat,\n        onChangeShowMiniToc,\n        onChangeTextSize,\n    } = props;\n\n    const controlRef = useRef<HTMLButtonElement | null>(null);\n    const [isVisiblePopup, setIsVisiblePopup] = useState(false);\n    const showPopup = () => setIsVisiblePopup(true);\n    const hidePopup = () => setIsVisiblePopup(false);\n\n    const _onChangeTextSize = useCallback(\n        (textSizeKey: TextSizes) => () => {\n            if (onChangeTextSize) {\n                onChangeTextSize(textSizeKey);\n            }\n        },\n        [onChangeTextSize],\n    );\n    const _onChangeTheme = useCallback(() => {\n        if (onChangeTheme) {\n            onChangeTheme(theme === Theme.Dark ? Theme.Light : Theme.Dark);\n        }\n    }, [theme, onChangeTheme]);\n    const _onChangeWideFormat = useCallback(() => {\n        if (onChangeWideFormat) {\n            onChangeWideFormat(!wideFormat);\n        }\n    }, [wideFormat, onChangeWideFormat]);\n    const _onChangeShowMiniToc = useCallback(() => {\n        if (onChangeShowMiniToc) {\n            onChangeShowMiniToc(!showMiniToc);\n        }\n    }, [showMiniToc, onChangeShowMiniToc]);\n\n    const getSettingsItems = useCallback(() => {\n        const allTextSizes = Object.values(TextSizes);\n        const showMiniTocDisabled = fullScreen || singlePage;\n\n        return [\n            onChangeWideFormat\n                ? {\n                      text: t('label_wide_format'),\n                      description: t(\n                          `description_wide_format_${wideFormat ? 'enabled' : 'disabled'}`,\n                      ),\n                      control: <Switch checked={wideFormat} onChange={_onChangeWideFormat} />,\n                  }\n                : null,\n            onChangeShowMiniToc\n                ? {\n                      text: t('label_show_mini_toc'),\n                      description: t('description_show_mini_toc'),\n                      control: (\n                          <Switch\n                              disabled={showMiniTocDisabled}\n                              checked={showMiniToc}\n                              onChange={_onChangeShowMiniToc}\n                          />\n                      ),\n                  }\n                : null,\n            onChangeTheme\n                ? {\n                      text: t('label_dark_theme'),\n                      description:\n                          Theme.Light === theme\n                              ? t('description_disabled_dark_theme')\n                              : t('description_enabled_dark_theme'),\n                      control: <Switch checked={theme === Theme.Dark} onChange={_onChangeTheme} />,\n                  }\n                : null,\n            onChangeTextSize\n                ? {\n                      text: t('label_text_size'),\n                      description: t(`description_${textSize}_text_size`),\n                      control: (\n                          <div className={b('text-size-control')}>\n                              {allTextSizes.map((textSizeKey) => (\n                                  <Button\n                                      key={textSizeKey}\n                                      className={b('text-size-button', {\n                                          [textSizeKey]: true,\n                                      })}\n                                      view=\"flat\"\n                                      onClick={_onChangeTextSize(textSizeKey)}\n                                  >\n                                      <Button.Icon\n                                          className={b('text-size-button-icon', {\n                                              active: textSize === textSizeKey,\n                                          })}\n                                      >\n                                          A\n                                      </Button.Icon>\n                                  </Button>\n                              ))}\n                          </div>\n                      ),\n                  }\n                : null,\n        ].filter(Boolean) as unknown as SettingControlItem[];\n    }, [\n        t,\n        textSize,\n        theme,\n        wideFormat,\n        showMiniToc,\n        fullScreen,\n        singlePage,\n        _onChangeTheme,\n        _onChangeWideFormat,\n        _onChangeShowMiniToc,\n        _onChangeTextSize,\n        onChangeWideFormat,\n        onChangeShowMiniToc,\n        onChangeTheme,\n        onChangeTextSize,\n    ]);\n\n    const settingsItems = getSettingsItems();\n\n    return (\n        <React.Fragment>\n            <Control\n                ref={controlRef}\n                size={controlSize}\n                onClick={showPopup}\n                className={controlClassName}\n                isVerticalView={isVerticalView}\n                tooltipText={t('settings-text')}\n                popupPosition={popupPosition}\n                icon={(args) => <Icon data={SettingsIcon} {...args} />}\n            />\n            <Popup\n                anchorRef={controlRef}\n                open={isVisiblePopup}\n                contentClassName={b('popup')}\n                onOutsideClick={hidePopup}\n                placement={getPopupPosition(isVerticalView)}\n            >\n                <List\n                    items={settingsItems}\n                    className={b('list')}\n                    itemHeight={ITEM_HEIGHT}\n                    itemsHeight={ITEM_HEIGHT * settingsItems.length}\n                    filterable={false}\n                    renderItem={(item: SettingControlItem) => {\n                        return (\n                            <div className={b('list-item')}>\n                                <div className={b('list-item-content')}>\n                                    <div className={b('list-item-text')}>{item.text}</div>\n                                    <div className={b('list-item-description')}>\n                                        {item.description}\n                                    </div>\n                                </div>\n                                <div className={b('list-item-control')}>{item.control}</div>\n                            </div>\n                        );\n                    }}\n                />\n            </Popup>\n        </React.Fragment>\n    );\n};\n\nexport default SettingsControl;\n"],
+  "mappings": "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",
+  "names": ["cn", "React", "SettingsIcon"]
+}

package/build/cjs/components/Controls/single-controls/SinglePageControl.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ControlProps {
+    value?: boolean;
+    onChange: (value: boolean) => void;
+}
+declare const SinglePageControl: React.NamedExoticComponent<ControlProps>;
+export default SinglePageControl;

package/build/cjs/components/Controls/single-controls/SinglePageControl.js

@@ -0,0 +1,67 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Controls/single-controls/SinglePageControl.tsx
+var SinglePageControl_exports = {};
+__export(SinglePageControl_exports, {
+  default: () => SinglePageControl_default
+});
+module.exports = __toCommonJS(SinglePageControl_exports);
+var import_react = __toESM(require("react"));
+var import_icons = require("@gravity-ui/icons");
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_hooks = require("../../../hooks");
+var import_Control = require("../../Control");
+var import_ControlsLayout = require("../ControlsLayout");
+var b = (0, import_bem_cn_lite.default)("dc-controls");
+var SinglePageControl = (0, import_react.memo)((props) => {
+  const { t } = (0, import_hooks.useTranslation)("controls");
+  const { controlClassName, controlSize, isVerticalView, popupPosition } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
+  const { value, onChange } = props;
+  const onClick = (0, import_react.useCallback)(() => {
+    onChange(!value);
+  }, [value, onChange]);
+  const activeMode = value ? "enabled" : "disabled";
+  const Icon = value ? import_icons.ChevronsExpandToLines : import_icons.ChevronsCollapseToLine;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_Control.Control,
+    {
+      size: controlSize,
+      onClick,
+      className: controlClassName,
+      isVerticalView,
+      tooltipText: t(`single-page-text-${activeMode}`),
+      icon: (args) => /* @__PURE__ */ import_react.default.createElement(Icon, { className: b("icon-rotated"), ...args }),
+      popupPosition
+    }
+  );
+});
+SinglePageControl.displayName = "SinglePageControl";
+var SinglePageControl_default = SinglePageControl;
+//# sourceMappingURL=SinglePageControl.js.map

package/build/cjs/components/Controls/single-controls/SinglePageControl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Controls/single-controls/SinglePageControl.tsx"],
+  "sourcesContent": ["import React, {memo, useCallback, useContext} from 'react';\n\nimport {ChevronsCollapseToLine, ChevronsExpandToLines} from '@gravity-ui/icons';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../../hooks';\nimport {Control} from '../../Control';\nimport {ControlsLayoutContext} from '../ControlsLayout';\n\ninterface ControlProps {\n    value?: boolean;\n    onChange: (value: boolean) => void;\n}\n\nconst b = block('dc-controls');\n\nconst SinglePageControl = memo<ControlProps>((props) => {\n    const {t} = useTranslation('controls');\n    const {controlClassName, controlSize, isVerticalView, popupPosition} =\n        useContext(ControlsLayoutContext);\n    const {value, onChange} = props;\n\n    const onClick = useCallback(() => {\n        onChange(!value);\n    }, [value, onChange]);\n\n    const activeMode = value ? 'enabled' : 'disabled';\n    const Icon = value ? ChevronsExpandToLines : ChevronsCollapseToLine;\n\n    return (\n        <Control\n            size={controlSize}\n            onClick={onClick}\n            className={controlClassName}\n            isVerticalView={isVerticalView}\n            tooltipText={t(`single-page-text-${activeMode}`)}\n            icon={(args) => <Icon className={b('icon-rotated')} {...args} />}\n            popupPosition={popupPosition}\n        />\n    );\n});\n\nSinglePageControl.displayName = 'SinglePageControl';\n\nexport default SinglePageControl;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmD;AAEnD,mBAA4D;AAC5D,yBAAkB;AAElB,mBAA6B;AAC7B,qBAAsB;AACtB,4BAAoC;AAOpC,IAAM,QAAI,mBAAAA,SAAM,aAAa;AAE7B,IAAM,wBAAoB,mBAAmB,CAAC,UAAU;AACpD,QAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,QAAM,EAAC,kBAAkB,aAAa,gBAAgB,cAAa,QAC/D,yBAAW,2CAAqB;AACpC,QAAM,EAAC,OAAO,SAAQ,IAAI;AAE1B,QAAM,cAAU,0BAAY,MAAM;AAC9B,aAAS,CAAC,KAAK;AAAA,EACnB,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,QAAM,aAAa,QAAQ,YAAY;AACvC,QAAM,OAAO,QAAQ,qCAAwB;AAE7C,SACI,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,MAAM;AAAA,MACN;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA,aAAa,EAAE,oBAAoB,UAAU,EAAE;AAAA,MAC/C,MAAM,CAAC,SAAS,6BAAAA,QAAA,cAAC,QAAK,WAAW,EAAE,cAAc,GAAI,GAAG,MAAM;AAAA,MAC9D;AAAA;AAAA,EACJ;AAER,CAAC;AAED,kBAAkB,cAAc;AAEhC,IAAO,4BAAQ;",
+  "names": ["block", "React"]
+}

package/build/cjs/components/Controls/single-controls/index.d.ts

@@ -0,0 +1,7 @@
+export { default as FullScreenControl } from './FullScreenControl';
+export { default as SettingsControl } from './SettingsControl/SettingsControl';
+export { default as SinglePageControl } from './SinglePageControl';
+export { default as LangControl } from './LangControl';
+export { default as DividerControl } from './DividerControl/DividerControl';
+export { default as PdfControl } from './PdfControl';
+export { default as EditControl } from './EditControl';

package/build/cjs/components/Controls/single-controls/index.js

@@ -0,0 +1,49 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Controls/single-controls/index.ts
+var single_controls_exports = {};
+__export(single_controls_exports, {
+  DividerControl: () => import_DividerControl.default,
+  EditControl: () => import_EditControl.default,
+  FullScreenControl: () => import_FullScreenControl.default,
+  LangControl: () => import_LangControl.default,
+  PdfControl: () => import_PdfControl.default,
+  SettingsControl: () => import_SettingsControl.default,
+  SinglePageControl: () => import_SinglePageControl.default
+});
+module.exports = __toCommonJS(single_controls_exports);
+var import_FullScreenControl = __toESM(require("./FullScreenControl"));
+var import_SettingsControl = __toESM(require("./SettingsControl/SettingsControl"));
+var import_SinglePageControl = __toESM(require("./SinglePageControl"));
+var import_LangControl = __toESM(require("./LangControl"));
+var import_DividerControl = __toESM(require("./DividerControl/DividerControl"));
+var import_PdfControl = __toESM(require("./PdfControl"));
+var import_EditControl = __toESM(require("./EditControl"));
+//# sourceMappingURL=index.js.map

package/build/cjs/components/Controls/single-controls/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Controls/single-controls/index.ts"],
+  "sourcesContent": ["export {default as FullScreenControl} from './FullScreenControl';\nexport {default as SettingsControl} from './SettingsControl/SettingsControl';\nexport {default as SinglePageControl} from './SinglePageControl';\nexport {default as LangControl} from './LangControl';\nexport {default as DividerControl} from './DividerControl/DividerControl';\nexport {default as PdfControl} from './PdfControl';\nexport {default as EditControl} from './EditControl';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAA2C;AAC3C,6BAAyC;AACzC,+BAA2C;AAC3C,yBAAqC;AACrC,4BAAwC;AACxC,wBAAoC;AACpC,yBAAqC;",
+  "names": []
+}

package/build/cjs/components/Controls/single-controls/utils.d.ts

@@ -0,0 +1,2 @@
+import { PopperPosition } from '../../../hooks';
+export declare const getPopupPosition: (isVerticalView: boolean | undefined) => PopperPosition.BOTTOM_END | PopperPosition.LEFT_START;

package/build/cjs/components/Controls/single-controls/utils.js

@@ -0,0 +1,30 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Controls/single-controls/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  getPopupPosition: () => getPopupPosition
+});
+module.exports = __toCommonJS(utils_exports);
+var import_hooks = require("../../../hooks");
+var getPopupPosition = (isVerticalView) => {
+  return isVerticalView ? import_hooks.PopperPosition.LEFT_START : import_hooks.PopperPosition.BOTTOM_END;
+};
+//# sourceMappingURL=utils.js.map

package/build/cjs/components/Controls/single-controls/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Controls/single-controls/utils.ts"],
+  "sourcesContent": ["import {PopperPosition} from '../../../hooks';\n\nexport const getPopupPosition = (isVerticalView: boolean | undefined) => {\n    return isVerticalView ? PopperPosition.LEFT_START : PopperPosition.BOTTOM_END;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6B;AAEtB,IAAM,mBAAmB,CAAC,mBAAwC;AACrE,SAAO,iBAAiB,4BAAe,aAAa,4BAAe;AACvE;",
+  "names": []
+}