@diplodoc/components 0.0.0-rc-pdf-icon-custimization-24387828749

package/build/cjs/components/Controls/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Controls';
+export { default as Controls } from './Controls';
+export * from './single-controls';
+export { ControlsLayout } from './ControlsLayout';

package/build/cjs/components/Controls/index.js

@@ -0,0 +1,42 @@
+"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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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/index.ts
+var Controls_exports = {};
+__export(Controls_exports, {
+  Controls: () => import_Controls.default,
+  ControlsLayout: () => import_ControlsLayout.ControlsLayout
+});
+module.exports = __toCommonJS(Controls_exports);
+__reExport(Controls_exports, require("./Controls"), module.exports);
+var import_Controls = __toESM(require("./Controls"));
+__reExport(Controls_exports, require("./single-controls"), module.exports);
+var import_ControlsLayout = require("./ControlsLayout");
+//# sourceMappingURL=index.js.map

package/build/cjs/components/Controls/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Controls/index.ts"],
+  "sourcesContent": ["export * from './Controls';\nexport {default as Controls} from './Controls';\nexport * from './single-controls';\nexport {ControlsLayout} from './ControlsLayout';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAAc,uBAAd;AACA,sBAAkC;AAClC,6BAAc,8BAFd;AAGA,4BAA6B;",
+  "names": []
+}

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

@@ -0,0 +1,21 @@
+/* src/components/Controls/single-controls/DividerControl/DividerControl.scss */
+.dc-divider-control {
+  background: var(--g-color-line-generic);
+}
+.dc-divider-control:first-child {
+  display: none;
+}
+.dc-divider-control:not(.dc-divider-control_vertical) {
+  width: 100%;
+  height: 1px;
+}
+.dc-divider-control_vertical {
+  width: 1px;
+}
+.dc-divider-control.dc-divider-control_vertical.dc-divider-control_size_m {
+  height: 16px;
+}
+.dc-divider-control.dc-divider-control_vertical.dc-divider-control_size_l {
+  height: 24px;
+}
+/*# sourceMappingURL=DividerControl.css.map */

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/Controls/single-controls/DividerControl/DividerControl.scss", "../../../../../../src/components/Controls/single-controls/DividerControl/%3Cinput css a_6BqY%3E"],
+  "sourcesContent": [".dc-divider-control {\n    background: var(--g-color-line-generic);\n\n    &:first-child {\n        display: none;\n    }\n\n    &:not(&_vertical) {\n        width: 100%;\n        height: 1px;\n    }\n\n    &_vertical {\n        width: 1px;\n    }\n\n    &#{&}_vertical#{&}_size_m {\n        height: 16px;\n    }\n    &#{&}_vertical#{&}_size_l {\n        height: 24px;\n    }\n}\n", ".dc-divider-control {\n  background: var(--g-color-line-generic);\n}\n.dc-divider-control:first-child {\n  display: none;\n}\n.dc-divider-control:not(.dc-divider-control_vertical) {\n  width: 100%;\n  height: 1px;\n}\n.dc-divider-control_vertical {\n  width: 1px;\n}\n.dc-divider-control.dc-divider-control_vertical.dc-divider-control_size_m {\n  height: 16px;\n}\n.dc-divider-control.dc-divider-control_vertical.dc-divider-control_size_l {\n  height: 24px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyb2xzL3NpbmdsZS1jb250cm9scy9EaXZpZGVyQ29udHJvbCIsInNvdXJjZXMiOlsiRGl2aWRlckNvbnRyb2wuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJOztBQUVBO0VBQ0k7O0FBR0o7RUFDSTtFQUNBOztBQUdKO0VBQ0k7O0FBR0o7RUFDSTs7QUFFSjtFQUNJIiwic291cmNlc0NvbnRlbnQiOlsiLmRjLWRpdmlkZXItY29udHJvbCB7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tZy1jb2xvci1saW5lLWdlbmVyaWMpO1xuXG4gICAgJjpmaXJzdC1jaGlsZCB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgJjpub3QoJl92ZXJ0aWNhbCkge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgfVxuXG4gICAgJl92ZXJ0aWNhbCB7XG4gICAgICAgIHdpZHRoOiAxcHg7XG4gICAgfVxuXG4gICAgJiN7Jn1fdmVydGljYWwjeyZ9X3NpemVfbSB7XG4gICAgICAgIGhlaWdodDogMTZweDtcbiAgICB9XG4gICAgJiN7Jn1fdmVydGljYWwjeyZ9X3NpemVfbCB7XG4gICAgICAgIGhlaWdodDogMjRweDtcbiAgICB9XG59XG4iXX0= */"],
+  "mappings": ";AAAA,CAAA;AACI,cAAA,IAAA;ACCJ;ADCI,CAHJ,kBAGI;AACI,WAAA;ACCR;ADEI,CAPJ,kBAOI,KAAA,CAAA;AACI,SAAA;AACA,UAAA;ACAR;ADGI,CALA;AAMI,SAAA;ACDR;ADII,CAhBJ,kBAgBI,CATA,2BASA,CAAA;AACI,UAAA;ACFR;ADII,CAnBJ,kBAmBI,CAZA,2BAYA,CAAA;AACI,UAAA;ACFR;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import './DividerControl.scss';
+interface DividerControlProps {
+    className?: string;
+}
+declare const DividerControl: React.FC<DividerControlProps>;
+export default DividerControl;

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

@@ -0,0 +1,46 @@
+"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/DividerControl/DividerControl.tsx
+var DividerControl_exports = {};
+__export(DividerControl_exports, {
+  default: () => DividerControl_default
+});
+module.exports = __toCommonJS(DividerControl_exports);
+var import_react = __toESM(require("react"));
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_ControlsLayout = require("../../ControlsLayout");
+var import_DividerControl = require("./DividerControl.css");
+var b = (0, import_bem_cn_lite.default)("dc-divider-control");
+var DividerControl = ({ className }) => {
+  const { isVerticalView, controlSize } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: b({ size: controlSize, vertical: !isVerticalView }, className) });
+};
+var DividerControl_default = DividerControl;
+//# sourceMappingURL=DividerControl.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/Controls/single-controls/DividerControl/DividerControl.tsx"],
+  "sourcesContent": ["import React, {useContext} from 'react';\nimport cn from 'bem-cn-lite';\n\nimport {ControlsLayoutContext} from '../../ControlsLayout';\n\nimport './DividerControl.scss';\n\nconst b = cn('dc-divider-control');\n\ninterface DividerControlProps {\n    className?: string;\n}\n\nconst DividerControl: React.FC<DividerControlProps> = ({className}) => {\n    const {isVerticalView, controlSize} = useContext(ControlsLayoutContext);\n\n    return <div className={b({size: controlSize, vertical: !isVerticalView}, className)} />;\n};\n\nexport default DividerControl;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,yBAAe;AAEf,4BAAoC;AAEpC,4BAAO;AAEP,IAAM,QAAI,mBAAAA,SAAG,oBAAoB;AAMjC,IAAM,iBAAgD,CAAC,EAAC,UAAS,MAAM;AACnE,QAAM,EAAC,gBAAgB,YAAW,QAAI,yBAAW,2CAAqB;AAEtE,SAAO,6BAAAC,QAAA,cAAC,SAAI,WAAW,EAAE,EAAC,MAAM,aAAa,UAAU,CAAC,eAAc,GAAG,SAAS,GAAG;AACzF;AAEA,IAAO,yBAAQ;",
+  "names": ["cn", "React"]
+}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface EditControlProps {
+    vcsUrl: string;
+    vcsType?: string;
+    view?: string;
+    className?: string;
+    onClick?(): void;
+}
+declare const EditControl: React.NamedExoticComponent<EditControlProps>;
+export default EditControl;

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

@@ -0,0 +1,76 @@
+"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/EditControl.tsx
+var EditControl_exports = {};
+__export(EditControl_exports, {
+  default: () => EditControl_default
+});
+module.exports = __toCommonJS(EditControl_exports);
+var import_react = __toESM(require("react"));
+var import_icons = require("@gravity-ui/icons");
+var import_uikit = require("@gravity-ui/uikit");
+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 EditControl = (0, import_react.memo)(
+  ({ vcsUrl, vcsType = "github", view, className, onClick }) => {
+    const { t } = (0, import_hooks.useTranslation)("controls");
+    const { controlClassName, controlSize, isVerticalView, popupPosition } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
+    if (view === "wide") {
+      return /* @__PURE__ */ import_react.default.createElement("a", { href: vcsUrl, target: "_blank", rel: "noreferrer noopener", onClick }, /* @__PURE__ */ import_react.default.createElement(import_uikit.Button, { className: b("control", { view }, className), view: "raised" }, /* @__PURE__ */ import_react.default.createElement(import_uikit.Button.Icon, null, /* @__PURE__ */ import_react.default.createElement(import_icons.Pencil, { width: 14, height: 14 })), /* @__PURE__ */ import_react.default.createElement("span", null, t("edit-text"))));
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      "a",
+      {
+        href: vcsUrl,
+        target: "_blank",
+        rel: "noreferrer noopener",
+        className: b("control", className)
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_Control.Control,
+        {
+          size: controlSize,
+          className: controlClassName,
+          isVerticalView,
+          tooltipText: t(`edit-text-${vcsType}`),
+          icon: import_icons.Pencil,
+          popupPosition,
+          onClick
+        }
+      )
+    );
+  }
+);
+EditControl.displayName = "EditControl";
+var EditControl_default = EditControl;
+//# sourceMappingURL=EditControl.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Controls/single-controls/EditControl.tsx"],
+  "sourcesContent": ["import React, {memo, useContext} from 'react';\nimport {Pencil} from '@gravity-ui/icons';\nimport {Button} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\n\nimport {useTranslation} from '../../../hooks';\nimport {Control} from '../../Control';\nimport {ControlsLayoutContext} from '../ControlsLayout';\n\ninterface EditControlProps {\n    vcsUrl: string;\n    vcsType?: string;\n    view?: string;\n    className?: string;\n    onClick?(): void;\n}\n\nconst b = block('dc-controls');\n\nconst EditControl = memo<EditControlProps>(\n    ({vcsUrl, vcsType = 'github', view, className, onClick}) => {\n        const {t} = useTranslation('controls');\n        const {controlClassName, controlSize, isVerticalView, popupPosition} =\n            useContext(ControlsLayoutContext);\n\n        if (view === 'wide') {\n            return (\n                <a href={vcsUrl} target=\"_blank\" rel=\"noreferrer noopener\" onClick={onClick}>\n                    <Button className={b('control', {view}, className)} view=\"raised\">\n                        <Button.Icon>\n                            <Pencil width={14} height={14} />\n                        </Button.Icon>\n                        <span>{t('edit-text')}</span>\n                    </Button>\n                </a>\n            );\n        }\n\n        return (\n            <a\n                href={vcsUrl}\n                target=\"_blank\"\n                rel=\"noreferrer noopener\"\n                className={b('control', className)}\n            >\n                <Control\n                    size={controlSize}\n                    className={controlClassName}\n                    isVerticalView={isVerticalView}\n                    tooltipText={t(`edit-text-${vcsType}`)}\n                    icon={Pencil}\n                    popupPosition={popupPosition}\n                    onClick={onClick}\n                />\n            </a>\n        );\n    },\n);\n\nEditControl.displayName = 'EditControl';\n\nexport default EditControl;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsC;AACtC,mBAAqB;AACrB,mBAAqB;AACrB,yBAAkB;AAElB,mBAA6B;AAC7B,qBAAsB;AACtB,4BAAoC;AAUpC,IAAM,QAAI,mBAAAA,SAAM,aAAa;AAE7B,IAAM,kBAAc;AAAA,EAChB,CAAC,EAAC,QAAQ,UAAU,UAAU,MAAM,WAAW,QAAO,MAAM;AACxD,UAAM,EAAC,EAAC,QAAI,6BAAe,UAAU;AACrC,UAAM,EAAC,kBAAkB,aAAa,gBAAgB,cAAa,QAC/D,yBAAW,2CAAqB;AAEpC,QAAI,SAAS,QAAQ;AACjB,aACI,6BAAAC,QAAA,cAAC,OAAE,MAAM,QAAQ,QAAO,UAAS,KAAI,uBAAsB,WACvD,6BAAAA,QAAA,cAAC,uBAAO,WAAW,EAAE,WAAW,EAAC,KAAI,GAAG,SAAS,GAAG,MAAK,YACrD,6BAAAA,QAAA,cAAC,oBAAO,MAAP,MACG,6BAAAA,QAAA,cAAC,uBAAO,OAAO,IAAI,QAAQ,IAAI,CACnC,GACA,6BAAAA,QAAA,cAAC,cAAM,EAAE,WAAW,CAAE,CAC1B,CACJ;AAAA,IAER;AAEA,WACI,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACG,MAAM;AAAA,QACN,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,WAAW,EAAE,WAAW,SAAS;AAAA;AAAA,MAEjC,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACG,MAAM;AAAA,UACN,WAAW;AAAA,UACX;AAAA,UACA,aAAa,EAAE,aAAa,OAAO,EAAE;AAAA,UACrC,MAAM;AAAA,UACN;AAAA,UACA;AAAA;AAAA,MACJ;AAAA,IACJ;AAAA,EAER;AACJ;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ;",
+  "names": ["block", "React"]
+}

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

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

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

@@ -0,0 +1,81 @@
+"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/FullScreenControl.tsx
+var FullScreenControl_exports = {};
+__export(FullScreenControl_exports, {
+  default: () => FullScreenControl_default
+});
+module.exports = __toCommonJS(FullScreenControl_exports);
+var import_react = __toESM(require("react"));
+var import_icons = require("@gravity-ui/icons");
+var import_hooks = require("../../../hooks");
+var import_Control = require("../../Control");
+var import_ControlsLayout = require("../ControlsLayout");
+var FullScreenControl = (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)(() => {
+    if (onChange) {
+      onChange(!value);
+    }
+  }, [value, onChange]);
+  const onKeyDown = (0, import_react.useCallback)(
+    (event) => {
+      if (event.key === "Escape" && value) {
+        onClick();
+      }
+    },
+    [onClick, value]
+  );
+  (0, import_react.useEffect)(() => {
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [onKeyDown]);
+  const activeMode = value ? "enabled" : "disabled";
+  const Icon = value ? import_icons.SquareDashedCircle : import_icons.SquareDashed;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_Control.Control,
+    {
+      size: controlSize,
+      onClick,
+      className: controlClassName,
+      isVerticalView,
+      tooltipText: t(`full-screen-text-${activeMode}`),
+      icon: Icon,
+      popupPosition
+    }
+  );
+});
+FullScreenControl.displayName = "FullScreenControl";
+var FullScreenControl_default = FullScreenControl;
+//# sourceMappingURL=FullScreenControl.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/Controls/single-controls/FullScreenControl.tsx"],
+  "sourcesContent": ["import React, {memo, useCallback, useContext, useEffect} from 'react';\nimport {SquareDashed, SquareDashedCircle} from '@gravity-ui/icons';\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 FullScreenControl = 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        if (onChange) {\n            onChange(!value);\n        }\n    }, [value, onChange]);\n\n    const onKeyDown = useCallback(\n        (event: KeyboardEvent | React.KeyboardEvent) => {\n            if (event.key === 'Escape' && value) {\n                onClick();\n            }\n        },\n        [onClick, value],\n    );\n\n    useEffect(() => {\n        document.addEventListener('keydown', onKeyDown);\n\n        return () => {\n            document.removeEventListener('keydown', onKeyDown);\n        };\n    }, [onKeyDown]);\n\n    const activeMode = value ? 'enabled' : 'disabled';\n    const Icon = value ? SquareDashedCircle : SquareDashed;\n\n    return (\n        <Control\n            size={controlSize}\n            onClick={onClick}\n            className={controlClassName}\n            isVerticalView={isVerticalView}\n            tooltipText={t(`full-screen-text-${activeMode}`)}\n            icon={Icon}\n            popupPosition={popupPosition}\n        />\n    );\n});\n\nFullScreenControl.displayName = 'FullScreenControl';\n\nexport default FullScreenControl;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8D;AAC9D,mBAA+C;AAE/C,mBAA6B;AAC7B,qBAAsB;AACtB,4BAAoC;AAOpC,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,QAAI,UAAU;AACV,eAAS,CAAC,KAAK;AAAA,IACnB;AAAA,EACJ,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,QAAM,gBAAY;AAAA,IACd,CAAC,UAA+C;AAC5C,UAAI,MAAM,QAAQ,YAAY,OAAO;AACjC,gBAAQ;AAAA,MACZ;AAAA,IACJ;AAAA,IACA,CAAC,SAAS,KAAK;AAAA,EACnB;AAEA,8BAAU,MAAM;AACZ,aAAS,iBAAiB,WAAW,SAAS;AAE9C,WAAO,MAAM;AACT,eAAS,oBAAoB,WAAW,SAAS;AAAA,IACrD;AAAA,EACJ,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,aAAa,QAAQ,YAAY;AACvC,QAAM,OAAO,QAAQ,kCAAqB;AAE1C,SACI,6BAAAA,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;AAAA,MACN;AAAA;AAAA,EACJ;AAER,CAAC;AAED,kBAAkB,cAAc;AAEhC,IAAO,4BAAQ;",
+  "names": ["React"]
+}

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

@@ -0,0 +1,56 @@
+/* src/components/Controls/single-controls/LangControl/LangControl.scss */
+.dc-lang-control {
+  display: flex;
+  align-items: center;
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
+}
+.dc-lang-control__popup {
+  width: 100px;
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
+}
+div .dc-lang-control__popup-tooltip {
+  padding: 0;
+}
+.dc-lang-control__list {
+  padding: 4px 0;
+}
+.dc-lang-control__list-item {
+  --g-focus-border-radius: 4px;
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+  border-radius: var(--g-focus-border-radius);
+  border: 0;
+  padding: 0 12px;
+  color: inherit;
+  cursor: pointer;
+  background-color: inherit;
+  font-family: inherit;
+}
+.dc-lang-control__list-item:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: -2px;
+}
+.dc-lang-control__list-item:focus:not(:focus-visible) {
+  outline: 0;
+}
+.dc-lang-control__list-item_tld {
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  gap: 4px;
+}
+.dc-lang-control__list-item_tld > span {
+  color: var(--g-color-text-hint);
+}
+.dc-lang-control__list-item_disabled {
+  color: var(--g-color-text-secondary);
+  cursor: default;
+  opacity: 0.7;
+}
+/*# sourceMappingURL=LangControl.css.map */

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/Controls/single-controls/LangControl/LangControl.scss", "../../../../../../src/styles/mixins.scss", "../../../../../../src/components/Controls/single-controls/LangControl/%3Cinput css x1IrLk%3E"],
+  "sourcesContent": ["@use '../../../../styles/mixins';\n@use '../../../../styles/variables';\n\n.dc-lang-control {\n    display: flex;\n    align-items: center;\n    @include mixins.text-size(body-1);\n\n    &__popup {\n        width: 100px;\n        @include mixins.text-size(body-1);\n    }\n\n    div &__popup-tooltip {\n        padding: 0;\n    }\n\n    &__list {\n        padding: 4px 0;\n    }\n\n    &__list-item {\n        --g-focus-border-radius: 4px;\n\n        display: flex;\n        gap: 8px;\n        align-items: center;\n        width: 100%;\n        height: 100%;\n        border-radius: var(--g-focus-border-radius);\n        border: 0;\n        padding: 0 12px;\n        color: inherit;\n        cursor: pointer;\n        background-color: inherit;\n        font-family: inherit;\n\n        @include mixins.focusable(-2px);\n    }\n\n    &__list-item_tld {\n        flex-direction: column;\n        align-items: flex-start;\n        justify-content: center;\n        gap: 4px;\n    }\n\n    &__list-item_tld > span {\n        color: var(--g-color-text-hint);\n    }\n\n    &__list-item_disabled {\n        color: var(--g-color-text-secondary);\n        cursor: default;\n        opacity: 0.7;\n    }\n}\n", "@use 'sass:map';\n@use 'variables';\n\n@mixin text-size($name) {\n    font-size: var(--g-text-#{$name}-font-size);\n    line-height: var(--g-text-#{$name}-line-height);\n}\n\n@mixin reset-list-style() {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n@mixin fixAnchorPosition($offset: 0px) {\n    padding-top: calc(var(--dc-header-height, #{variables.$headerHeight}));\n    margin-top: calc(#{$offset} - var(--dc-header-height, #{variables.$headerHeight}));\n}\n\n@mixin reset-link-style() {\n    color: inherit;\n    text-decoration: none;\n}\n\n@mixin islands-focus() {\n    outline: none;\n\n    .utilityfocus &:focus {\n        outline: 2px solid #ffdb4d;\n    }\n}\n\n@mixin focusable($offset: 0, $mode: 'outline') {\n    @if $mode == 'outline' {\n        &:focus {\n            outline: 2px solid var(--g-color-line-focus);\n            outline-offset: $offset;\n        }\n        &:focus:not(:focus-visible) {\n            outline: 0;\n        }\n    }\n\n    @if $mode == 'box-shadow' {\n        &:focus {\n            box-shadow: 0 0 0 2px var(--g-color-line-focus);\n            outline: 0;\n        }\n        &:focus:not(:focus-visible) {\n            box-shadow: none;\n        }\n    }\n}\n\n@mixin link() {\n    color: var(--g-color-text-link);\n    text-decoration: none;\n    cursor: pointer;\n    border-radius: var(--g-focus-border-radius);\n\n    @include islands-focus();\n\n    @include focusable(0, 'box-shadow');\n\n    &:hover,\n    &:active {\n        color: var(--g-color-text-link-hover);\n    }\n}\n\n@mixin heading1() {\n    font-weight: 500;\n\n    @include text-size(display-3);\n\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        @include text-size(display-2);\n    }\n}\n\n@mixin heading2() {\n    font-weight: 500;\n\n    @include text-size(display-1);\n}\n\n@mixin heading3() {\n    font-weight: 500;\n\n    @include text-size(header-2);\n}\n\n@mixin heading4() {\n    font-weight: 500;\n\n    @include text-size(header-1);\n}\n\n@mixin heading5() {\n    font-weight: 500;\n\n    @include text-size(body-3);\n}\n\n@mixin heading6() {\n    font-weight: 400;\n\n    @include text-size(body-3);\n}\n\n@mixin contributors-text() {\n    font-size: 13px;\n    font-weight: 400;\n    margin-right: 5px;\n    align-self: center;\n}\n\n@mixin text-body-1() {\n    font-size: var(--g-text-body-1-font-size);\n    line-height: var(--g-text-body-1-line-height);\n    font-weight: var(--g-text-body-font-weight);\n}\n\n@mixin desktop-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'md') - 1) {\n        display: none;\n    }\n}\n\n@mixin desktop-tablet-only() {\n    @media (max-width: map.get(variables.$screenBreakpoints, 'sm') - 1) {\n        display: none;\n    }\n}\n\n@mixin mobile-tablet-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'md')) {\n        display: none;\n    }\n}\n\n@mixin mobile-only() {\n    @media (min-width: map.get(variables.$screenBreakpoints, 'sm')) {\n        display: none;\n    }\n}\n", ".dc-lang-control {\n  display: flex;\n  align-items: center;\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\n.dc-lang-control__popup {\n  width: 100px;\n  font-size: var(--g-text-body-1-font-size);\n  line-height: var(--g-text-body-1-line-height);\n}\ndiv .dc-lang-control__popup-tooltip {\n  padding: 0;\n}\n.dc-lang-control__list {\n  padding: 4px 0;\n}\n.dc-lang-control__list-item {\n  --g-focus-border-radius: 4px;\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--g-focus-border-radius);\n  border: 0;\n  padding: 0 12px;\n  color: inherit;\n  cursor: pointer;\n  background-color: inherit;\n  font-family: inherit;\n}\n.dc-lang-control__list-item:focus {\n  outline: 2px solid var(--g-color-line-focus);\n  outline-offset: -2px;\n}\n.dc-lang-control__list-item:focus:not(:focus-visible) {\n  outline: 0;\n}\n.dc-lang-control__list-item_tld {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  gap: 4px;\n}\n.dc-lang-control__list-item_tld > span {\n  color: var(--g-color-text-hint);\n}\n.dc-lang-control__list-item_disabled {\n  color: var(--g-color-text-secondary);\n  cursor: default;\n  opacity: 0.7;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbnRyb2xzL3NpbmdsZS1jb250cm9scy9MYW5nQ29udHJvbCIsInNvdXJjZXMiOlsiTGFuZ0NvbnRyb2wuc2NzcyIsIi4uLy4uLy4uLy4uL3N0eWxlcy9taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQTtFQUNJO0VBQ0E7RUNEQTtFQUNBOztBREdBO0VBQ0k7RUNMSjtFQUNBOztBRFFBO0VBQ0k7O0FBR0o7RUFDSTs7QUFHSjtFQUNJO0VBRUE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQ0RBO0VBQ0k7RUFDQSxnQkRDc0I7O0FDQzFCO0VBQ0k7O0FEQ1I7RUFDSTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQUNJOztBQUdKO0VBQ0k7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vLi4vLi4vc3R5bGVzL21peGlucyc7XG5AdXNlICcuLi8uLi8uLi8uLi9zdHlsZXMvdmFyaWFibGVzJztcblxuLmRjLWxhbmctY29udHJvbCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIEBpbmNsdWRlIG1peGlucy50ZXh0LXNpemUoYm9keS0xKTtcblxuICAgICZfX3BvcHVwIHtcbiAgICAgICAgd2lkdGg6IDEwMHB4O1xuICAgICAgICBAaW5jbHVkZSBtaXhpbnMudGV4dC1zaXplKGJvZHktMSk7XG4gICAgfVxuXG4gICAgZGl2ICZfX3BvcHVwLXRvb2x0aXAge1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgIH1cblxuICAgICZfX2xpc3Qge1xuICAgICAgICBwYWRkaW5nOiA0cHggMDtcbiAgICB9XG5cbiAgICAmX19saXN0LWl0ZW0ge1xuICAgICAgICAtLWctZm9jdXMtYm9yZGVyLXJhZGl1czogNHB4O1xuXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGdhcDogOHB4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1nLWZvY3VzLWJvcmRlci1yYWRpdXMpO1xuICAgICAgICBib3JkZXI6IDA7XG4gICAgICAgIHBhZGRpbmc6IDAgMTJweDtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogaW5oZXJpdDtcbiAgICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG5cbiAgICAgICAgQGluY2x1ZGUgbWl4aW5zLmZvY3VzYWJsZSgtMnB4KTtcbiAgICB9XG5cbiAgICAmX19saXN0LWl0ZW1fdGxkIHtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBnYXA6IDRweDtcbiAgICB9XG5cbiAgICAmX19saXN0LWl0ZW1fdGxkID4gc3BhbiB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtaGludCk7XG4gICAgfVxuXG4gICAgJl9fbGlzdC1pdGVtX2Rpc2FibGVkIHtcbiAgICAgICAgY29sb3I6IHZhcigtLWctY29sb3ItdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgIG9wYWNpdHk6IDAuNztcbiAgICB9XG59XG4iLCJAdXNlICdzYXNzOm1hcCc7XG5AdXNlICd2YXJpYWJsZXMnO1xuXG5AbWl4aW4gdGV4dC1zaXplKCRuYW1lKSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1nLXRleHQtI3skbmFtZX0tZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LSN7JG5hbWV9LWxpbmUtaGVpZ2h0KTtcbn1cblxuQG1peGluIHJlc2V0LWxpc3Qtc3R5bGUoKSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbn1cblxuQG1peGluIGZpeEFuY2hvclBvc2l0aW9uKCRvZmZzZXQ6IDBweCkge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKHZhcigtLWRjLWhlYWRlci1oZWlnaHQsICN7dmFyaWFibGVzLiRoZWFkZXJIZWlnaHR9KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYygjeyRvZmZzZXR9IC0gdmFyKC0tZGMtaGVhZGVyLWhlaWdodCwgI3t2YXJpYWJsZXMuJGhlYWRlckhlaWdodH0pKTtcbn1cblxuQG1peGluIHJlc2V0LWxpbmstc3R5bGUoKSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5AbWl4aW4gaXNsYW5kcy1mb2N1cygpIHtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgLnV0aWxpdHlmb2N1cyAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkICNmZmRiNGQ7XG4gICAgfVxufVxuXG5AbWl4aW4gZm9jdXNhYmxlKCRvZmZzZXQ6IDAsICRtb2RlOiAnb3V0bGluZScpIHtcbiAgICBAaWYgJG1vZGUgPT0gJ291dGxpbmUnIHtcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tZy1jb2xvci1saW5lLWZvY3VzKTtcbiAgICAgICAgICAgIG91dGxpbmUtb2Zmc2V0OiAkb2Zmc2V0O1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGlmICRtb2RlID09ICdib3gtc2hhZG93JyB7XG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMnB4IHZhcigtLWctY29sb3ItbGluZS1mb2N1cyk7XG4gICAgICAgICAgICBvdXRsaW5lOiAwO1xuICAgICAgICB9XG4gICAgICAgICY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICB9XG4gICAgfVxufVxuXG5AbWl4aW4gbGluaygpIHtcbiAgICBjb2xvcjogdmFyKC0tZy1jb2xvci10ZXh0LWxpbmspO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tZy1mb2N1cy1ib3JkZXItcmFkaXVzKTtcblxuICAgIEBpbmNsdWRlIGlzbGFuZHMtZm9jdXMoKTtcblxuICAgIEBpbmNsdWRlIGZvY3VzYWJsZSgwLCAnYm94LXNoYWRvdycpO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS1nLWNvbG9yLXRleHQtbGluay1ob3Zlcik7XG4gICAgfVxufVxuXG5AbWl4aW4gaGVhZGluZzEoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTMpO1xuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IG1hcC5nZXQodmFyaWFibGVzLiRzY3JlZW5CcmVha3BvaW50cywgJ21kJykgLSAxKSB7XG4gICAgICAgIEBpbmNsdWRlIHRleHQtc2l6ZShkaXNwbGF5LTIpO1xuICAgIH1cbn1cblxuQG1peGluIGhlYWRpbmcyKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoZGlzcGxheS0xKTtcbn1cblxuQG1peGluIGhlYWRpbmczKCkge1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG5cbiAgICBAaW5jbHVkZSB0ZXh0LXNpemUoaGVhZGVyLTIpO1xufVxuXG5AbWl4aW4gaGVhZGluZzQoKSB7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcblxuICAgIEBpbmNsdWRlIHRleHQtc2l6ZShoZWFkZXItMSk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNSgpIHtcbiAgICBmb250LXdlaWdodDogNTAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBoZWFkaW5nNigpIHtcbiAgICBmb250LXdlaWdodDogNDAwO1xuXG4gICAgQGluY2x1ZGUgdGV4dC1zaXplKGJvZHktMyk7XG59XG5cbkBtaXhpbiBjb250cmlidXRvcnMtdGV4dCgpIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgICBhbGlnbi1zZWxmOiBjZW50ZXI7XG59XG5cbkBtaXhpbiB0ZXh0LWJvZHktMSgpIHtcbiAgICBmb250LXNpemU6IHZhcigtLWctdGV4dC1ib2R5LTEtZm9udC1zaXplKTtcbiAgICBsaW5lLWhlaWdodDogdmFyKC0tZy10ZXh0LWJvZHktMS1saW5lLWhlaWdodCk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWctdGV4dC1ib2R5LWZvbnQtd2VpZ2h0KTtcbn1cblxuQG1peGluIGRlc2t0b3Atb25seSgpIHtcbiAgICBAbWVkaWEgKG1heC13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSAtIDEpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG59XG5cbkBtaXhpbiBkZXNrdG9wLXRhYmxldC1vbmx5KCkge1xuICAgIEBtZWRpYSAobWF4LXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpIC0gMSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS10YWJsZXQtb25seSgpIHtcbiAgICBAbWVkaWEgKG1pbi13aWR0aDogbWFwLmdldCh2YXJpYWJsZXMuJHNjcmVlbkJyZWFrcG9pbnRzLCAnbWQnKSkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbn1cblxuQG1peGluIG1vYmlsZS1vbmx5KCkge1xuICAgIEBtZWRpYSAobWluLXdpZHRoOiBtYXAuZ2V0KHZhcmlhYmxlcy4kc2NyZWVuQnJlYWtwb2ludHMsICdzbScpKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxufVxuIl19 */"],
+  "mappings": ";AAGA,CAAA;AACI,WAAA;AACA,eAAA;ACDA,aAAA,IAAA;AACA,eAAA,IAAA;ACAJ;AFGI,CAAA;AACI,SAAA;ACLJ,aAAA,IAAA;AACA,eAAA,IAAA;ACKJ;AFGI,IAAA,CAAA;AACI,WAAA;AEDR;AFII,CAAA;AACI,WAAA,IAAA;AEFR;AFKI,CAAA;AACI,2BAAA;AAEA,WAAA;AACA,OAAA;AACA,eAAA;AACA,SAAA;AACA,UAAA;AACA,iBAAA;AAAA,iBAAA,IAAA;AACA,UAAA;AACA,WAAA,EAAA;AACA,SAAA;AACA,UAAA;AACA,oBAAA;AACA,eAAA;AEJR;ADGQ,CDbJ,0BCaI;AACI,WAAA,IAAA,MAAA,IAAA;AACA,kBAAA;ACDZ;ADGQ,CDjBJ,0BCiBI,MAAA,KAAA;AACI,WAAA;ACDZ;AFEI,CAAA;AACI,kBAAA;AACA,eAAA;AACA,mBAAA;AACA,OAAA;AEAR;AFGI,CAPA,+BAOA,EAAA;AACI,SAAA,IAAA;AEDR;AFII,CAAA;AACI,SAAA,IAAA;AACA,UAAA;AACA,WAAA;AEFR;",
+  "names": []
+}

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

@@ -0,0 +1,11 @@
+import type { AvailableLangs, ExtendedLang, Lang, LangOptions } from '../../../../models';
+import React from 'react';
+import './LangControl.scss';
+interface ControlProps {
+    lang: `${Lang}` | Lang;
+    langs?: (`${Lang}` | Lang | ExtendedLang)[];
+    availableLangs: AvailableLangs;
+    onChangeLang: (lang: `${Lang}` | Lang, options?: LangOptions) => void;
+}
+declare const LangControl: (props: ControlProps) => React.JSX.Element;
+export default LangControl;

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

@@ -0,0 +1,168 @@
+"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/LangControl/LangControl.tsx
+var LangControl_exports = {};
+__export(LangControl_exports, {
+  default: () => LangControl_default
+});
+module.exports = __toCommonJS(LangControl_exports);
+var import_react = __toESM(require("react"));
+var import_icons = require("@gravity-ui/icons");
+var import_uikit = require("@gravity-ui/uikit");
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_langs = __toESM(require("langs"));
+var import_constants = require("../../../../constants");
+var import_hooks = require("../../../../hooks");
+var import_utils = require("../../../../utils");
+var import_Control = require("../../../Control");
+var import_ControlsLayout = require("../../ControlsLayout");
+var import_LangControl = require("./LangControl.css");
+var b = (0, import_bem_cn_lite.default)("dc-lang-control");
+var LIST_ITEM_HEIGHT = 36;
+var LangControl = (props) => {
+  const { t } = (0, import_hooks.useTranslation)("controls");
+  const { controlClassName, controlSize, isVerticalView, isMobileView, popupPosition } = (0, import_react.useContext)(import_ControlsLayout.ControlsLayoutContext);
+  const { lang, langs = import_constants.DEFAULT_LANGS, availableLangs, onChangeLang } = props;
+  const controlRef = (0, import_react.useRef)(null);
+  const isLangDisabled = (0, import_react.useCallback)(
+    (lang2) => {
+      return Boolean((availableLangs == null ? void 0 : availableLangs.length) && !availableLangs.includes(lang2));
+    },
+    [availableLangs]
+  );
+  const popupState = (0, import_hooks.usePopupState)();
+  const langItems = (0, import_react.useMemo)(() => {
+    const preparedLangs = langs.map((code) => {
+      let lang2;
+      let tld;
+      let href;
+      if (typeof code === "string") {
+        lang2 = code;
+      } else {
+        lang2 = code.lang;
+        tld = code.tld;
+        href = code.href;
+      }
+      const locale = lang2.split("-")[0];
+      const langData = import_langs.default.where("1", locale);
+      const disabled = isLangDisabled(lang2) && !href;
+      const regionNames = new Intl.DisplayNames([lang2], { type: "region" });
+      const country = tld ? regionNames.of(tld.toUpperCase()) : void 0;
+      return langData ? {
+        text: langData.local,
+        country,
+        value: lang2,
+        disabled,
+        options: {
+          tld,
+          href
+        }
+      } : void 0;
+    }).filter(Boolean);
+    return preparedLangs.length ? preparedLangs : import_constants.LEGACY_LANG_ITEMS;
+  }, [langs, isLangDisabled]);
+  const renderItem = (0, import_react.useCallback)(
+    (item) => {
+      const { tld, href } = item.options || {};
+      const disabled = isLangDisabled(item.value) && !href;
+      const country = item.country;
+      return /* @__PURE__ */ import_react.default.createElement(
+        "button",
+        {
+          className: b("list-item", { disabled, tld: Boolean(tld) }),
+          disabled
+        },
+        item.text,
+        tld && country && /* @__PURE__ */ import_react.default.createElement("span", null, country)
+      );
+    },
+    [isLangDisabled]
+  );
+  const onItemClick = (0, import_react.useCallback)(
+    (item) => {
+      const options = item.options;
+      onChangeLang(item.value, options);
+    },
+    [onChangeLang]
+  );
+  const selectedItemIndex = langItems.findIndex(({ value }) => value === lang);
+  const handleOpenChange = (0, import_react.useCallback)(
+    (opened) => {
+      if (opened) {
+        popupState.open();
+      } else {
+        popupState.close();
+      }
+    },
+    [popupState]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_uikit.Popover,
+    {
+      open: popupState.visible,
+      onOpenChange: handleOpenChange,
+      trigger: "click",
+      strategy: "fixed",
+      placement: (0, import_utils.getPopupPosition)(isVerticalView),
+      hasArrow: !isMobileView,
+      returnFocus: true,
+      modal: false,
+      content: /* @__PURE__ */ import_react.default.createElement("div", { className: b("popup", { tooltip: true, "tooltip-content": true }) }, /* @__PURE__ */ import_react.default.createElement(
+        import_uikit.List,
+        {
+          role: "list",
+          filterable: false,
+          className: b("list"),
+          items: langItems,
+          onItemClick,
+          selectedItemIndex,
+          itemHeight: (items) => (0, import_utils.getItemHeight)(LIST_ITEM_HEIGHT, items),
+          itemsHeight: (items) => (0, import_utils.getItemsHeight)(LIST_ITEM_HEIGHT, items),
+          renderItem
+        }
+      ))
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_Control.Control,
+      {
+        ref: controlRef,
+        className: controlClassName,
+        size: controlSize,
+        isVerticalView,
+        tooltipText: t("lang-text"),
+        icon: import_icons.Globe,
+        popupPosition,
+        isTooltipHidden: popupState.visible
+      }
+    )
+  );
+};
+var LangControl_default = LangControl;
+//# sourceMappingURL=LangControl.js.map