@skbkontur/react-ui 5.4.7-1b16b.0 → 5.4.7-7ccf0.0

package/cjs/components/MenuHeader/MenuHeader.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Emotion","require","_MenuHeader","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","getStyles","exports","memoizeGetStyles","_ref","css","root","t","_taggedTemplateLiteralLoose2","default","menuHeaderColor","rootSmall","menuHeaderSizeMixin","menuHeaderPaddingXSmall","menuHeaderFontSizeSmall","menuHeaderLineHeightSmall","menuHeaderPaddingTopSmall","menuHeaderPaddingBottomSmall","rootMedium","menuHeaderPaddingXMedium","menuHeaderFontSizeMedium","menuHeaderLineHeightMedium","menuHeaderPaddingTopMedium","menuHeaderPaddingBottomMedium","rootLarge","menuHeaderPaddingXLarge","menuHeaderFontSizeLarge","menuHeaderLineHeightLarge","menuHeaderPaddingTopLarge","menuHeaderPaddingBottomLarge","withLeftPaddingSmall","withIconSizeMixin","menuItemPaddingForIconSmall","withLeftPaddingMedium","menuItemPaddingForIconMedium","withLeftPaddingLarge","menuItemPaddingForIconLarge"],"sources":["MenuHeader.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { menuHeaderSizeMixin, withIconSizeMixin } from './MenuHeader.mixins';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    return css`\n      color: ${t.menuHeaderColor};\n      cursor: default;\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuHeaderSizeMixin(\n        t.menuHeaderPaddingXSmall,\n        t.menuHeaderFontSizeSmall,\n        t.menuHeaderLineHeightSmall,\n        t.menuHeaderPaddingTopSmall,\n        t.menuHeaderPaddingBottomSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuHeaderSizeMixin(\n        t.menuHeaderPaddingXMedium,\n        t.menuHeaderFontSizeMedium,\n        t.menuHeaderLineHeightMedium,\n        t.menuHeaderPaddingTopMedium,\n        t.menuHeaderPaddingBottomMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuHeaderSizeMixin(\n        t.menuHeaderPaddingXLarge,\n        t.menuHeaderFontSizeLarge,\n        t.menuHeaderLineHeightLarge,\n        t.menuHeaderPaddingTopLarge,\n        t.menuHeaderPaddingBottomLarge,\n      )};\n    `;\n  },\n\n  withLeftPaddingSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withLeftPaddingMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withLeftPaddingLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA;;;AAGA,IAAAC,WAAA,GAAAD,OAAA,wBAA6E,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEtE,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAACC,CAAQ,EAAE;MACb,OAAOF,GAAG,CAAAX,eAAA,KAAAA,eAAA,OAAAc,4BAAA,CAAAC,OAAA;MACCF,CAAC,CAACG,eAAe;;;IAG9B,CAAC;;IAEDC,SAAS,WAAAA,UAACJ,CAAQ,EAAE;MAClB,OAAOF,GAAG,CAAAV,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;MACN,IAAAG,+BAAmB;QACnBL,CAAC,CAACM,uBAAuB;QACzBN,CAAC,CAACO,uBAAuB;QACzBP,CAAC,CAACQ,yBAAyB;QAC3BR,CAAC,CAACS,yBAAyB;QAC3BT,CAAC,CAACU;MACJ,CAAC;;IAEL,CAAC;IACDC,UAAU,WAAAA,WAACX,CAAQ,EAAE;MACnB,OAAOF,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;MACN,IAAAG,+BAAmB;QACnBL,CAAC,CAACY,wBAAwB;QAC1BZ,CAAC,CAACa,wBAAwB;QAC1Bb,CAAC,CAACc,0BAA0B;QAC5Bd,CAAC,CAACe,0BAA0B;QAC5Bf,CAAC,CAACgB;MACJ,CAAC;;IAEL,CAAC;IACDC,SAAS,WAAAA,UAACjB,CAAQ,EAAE;MAClB,OAAOF,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;MACN,IAAAG,+BAAmB;QACnBL,CAAC,CAACkB,uBAAuB;QACzBlB,CAAC,CAACmB,uBAAuB;QACzBnB,CAAC,CAACoB,yBAAyB;QAC3BpB,CAAC,CAACqB,yBAAyB;QAC3BrB,CAAC,CAACsB;MACJ,CAAC;;IAEL,CAAC;;IAEDC,oBAAoB,WAAAA,qBAACvB,CAAQ,EAAE;MAC7B,OAAOF,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;MACN,IAAAsB,6BAAiB,EAACxB,CAAC,CAACyB,2BAA2B,CAAC;;IAEtD,CAAC;IACDC,qBAAqB,WAAAA,sBAAC1B,CAAQ,EAAE;MAC9B,OAAOF,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;MACN,IAAAsB,6BAAiB,EAACxB,CAAC,CAAC2B,4BAA4B,CAAC;;IAEvD,CAAC;IACDC,oBAAoB,WAAAA,qBAAC5B,CAAQ,EAAE;MAC7B,OAAOF,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;MACN,IAAAsB,6BAAiB,EAACxB,CAAC,CAAC6B,2BAA2B,CAAC;;IAEtD;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/cjs/components/MenuHeader/index.d.ts

@@ -0,0 +1 @@
+export * from './MenuHeader';

package/cjs/components/MenuHeader/index.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;var _MenuHeader = require("./MenuHeader");Object.keys(_MenuHeader).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _MenuHeader[key]) return;exports[key] = _MenuHeader[key];});

package/cjs/components/MenuHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MenuHeader","require","Object","keys","forEach","key","exports"],"sources":["index.tsx"],"sourcesContent":["export * from './MenuHeader';\n"],"mappings":"uCAAA,IAAAA,WAAA,GAAAC,OAAA,iBAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,WAAA,CAAAK,GAAA","ignoreList":[]}

package/cjs/components/MenuItem/MenuItem.d.ts

@@ -0,0 +1,103 @@
+import type { AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { SizeProp } from '../../lib/types/props';
+import type { MenuContextType } from '../../internal/Menu/MenuContext';
+export type MenuItemState = null | 'hover' | 'selected' | void;
+export interface MenuItemProps extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Omit<CommonProps, 'children'> {
+    /** Добавляет отступ иконке.
+     * @ignore */
+    _enableIconPadding?: boolean;
+    /** Добавляет описание для элемента меню. */
+    comment?: React.ReactNode;
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Добавляет иконку элементу меню. */
+    icon?: React.ReactElement<any>;
+    /** Задает размер контрола. */
+    size?: SizeProp;
+    /** @ignore */
+    loose?: boolean;
+    /** @ignore */
+    state?: MenuItemState;
+    /** Задает функцию, которая вызывается при клике. */
+    onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */
+    onMouseEnter?: React.MouseEventHandler;
+    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
+    onMouseLeave?: React.MouseEventHandler;
+    /** @ignore */
+    children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);
+    /** Задает HTML-атрибут `target`. */
+    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+    /** Задает HTML-атрибут `title`. */
+    title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];
+    /** Задает HTML-атрибут `href` - адрес, на который следует перейти. */
+    href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];
+    /** Задает HTML-атрибут `rel`. Для внешних ссылок аттрибут rel по умолчанию равен "noopener noreferrer". */
+    rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];
+    /** Заменяет корневой элемент, на компонент переданный в проп.
+     * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`. */
+    component?: React.ComponentType<any>;
+    /** Запрещает выделение и выбор данного пункта меню. */
+    isNotSelectable?: boolean;
+    /** Устанавливает стиль для отображения в мобильной версии. */
+    isMobile?: boolean;
+    /** @ignore */
+    scrollIntoView?: boolean;
+}
+export declare const MenuItemDataTids: {
+    readonly root: "MenuItem__root";
+    readonly content: "MenuItem__content";
+    readonly comment: "MenuItem__comment";
+};
+/**
+ * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.
+ *
+ * Сущности в которых может быть использован `MenuItem`: DropdownMenu, Kebab, TooltipMenu и Select.
+ */
+export declare class MenuItem extends React.Component<MenuItemProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static __MENU_ITEM__: boolean;
+    state: {
+        iconOffsetTop: number;
+        highlighted: boolean;
+    };
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
+    private theme;
+    private mouseEntered;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    private rootRef;
+    private contentRef;
+    static contextType: React.Context<MenuContextType>;
+    context: MenuContextType;
+    render(): React.JSX.Element;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: Readonly<MenuItemProps>): void;
+    highlight: () => void;
+    unhighlight: () => void;
+    select: (event: React.SyntheticEvent<HTMLElement>) => void;
+    isEnabled: () => boolean;
+    navigate: () => void;
+    private getRootSizeClassName;
+    private getIconSizeClassName;
+    private getWithIconSizeClassName;
+    private renderMain;
+    private get activeState();
+    private get isHover();
+    private get isSelected();
+    private handleMouseEnterFix;
+    private handleMouseLeave;
+    private handleClick;
+    private setRootRef;
+    private getComponent;
+    private hasIconAmongItems;
+}
+export declare const isMenuItem: (child: React.ReactNode) => child is React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/cjs/components/MenuItem/MenuItem.js

@@ -0,0 +1,410 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.isMenuItem = exports.MenuItemDataTids = exports.MenuItem = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _react = _interopRequireDefault(require("react"));
+
+
+
+var _globalObject = require("../../lib/globalObject");
+
+var _scrollYCenterIntoNearestScrollable = require("../../lib/dom/scrollYCenterIntoNearestScrollable");
+var _utils = require("../../lib/utils");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
+
+var _CommonWrapper = require("../../internal/CommonWrapper");
+
+var _rootNode = require("../../lib/rootNode");
+
+
+var _MenuContext = require("../../internal/Menu/MenuContext");
+var _getVisualStateDataAttributes = require("../../internal/CommonWrapper/utils/getVisualStateDataAttributes");
+var _renderEnvironment = require("../../lib/renderEnvironment");
+
+var _MenuItem2 = require("./MenuItem.styles");var _excluded = ["comment", "icon", "loose", "state", "size", "_enableIconPadding", "component", "onMouseEnter", "onMouseLeave", "isMobile", "href", "disabled", "scrollIntoView", "rel", "isNotSelectable", "children", "className", "style", "data-tid"];var _class, _MenuItem;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var MenuItemDataTids = exports.MenuItemDataTids = {
+  root: 'MenuItem__root',
+  content: 'MenuItem__content',
+  comment: 'MenuItem__comment'
+};
+
+/**
+ * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.
+ *
+ * Сущности в которых может быть использован `MenuItem`: DropdownMenu, Kebab, TooltipMenu и Select.
+ */var
+
+
+MenuItem = exports.MenuItem = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (_MenuItem = /*#__PURE__*/function (_React$Component) {function MenuItem() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+
+
+
+
+    state = {
+      iconOffsetTop: 0,
+      highlighted: false
+    };_this.
+
+
+
+
+
+
+    mouseEntered = false;_this.
+
+
+    rootRef = null;_this.
+    contentRef = /*#__PURE__*/_react.default.createRef();_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    highlight = function () {
+      _this.setState({ highlighted: true });
+    };_this.
+
+    unhighlight = function () {
+      _this.setState({ highlighted: false });
+    };_this.
+
+    select = function (event) {
+      _this.handleClick(event);
+    };_this.
+
+    isEnabled = function () {
+      return !_this.props.disabled;
+    };_this.
+
+    navigate = function () {
+      if (!_this.props.href) {
+        return;
+      }
+      if (_this.props.target) {
+        _this.globalObject.open == null || _this.globalObject.open(_this.props.href, _this.props.target);
+      } else if (_this.globalObject.location) {
+        _this.globalObject.location.href = _this.props.href;
+      }
+    };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    renderMain = function () {var _this$cx2, _this$cx3, _this$cx4;
+      var _this$props =
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+        _this.props,comment = _this$props.comment,icon = _this$props.icon,loose = _this$props.loose,state = _this$props.state,size = _this$props.size,_enableIconPadding = _this$props._enableIconPadding,component = _this$props.component,onMouseEnter = _this$props.onMouseEnter,onMouseLeave = _this$props.onMouseLeave,isMobile = _this$props.isMobile,href = _this$props.href,disabled = _this$props.disabled,scrollIntoView = _this$props.scrollIntoView,_this$props$rel = _this$props.rel,rel = _this$props$rel === void 0 ? href && (0, _utils.isExternalLink)(href, _this.globalObject) ? 'noopener noreferrer' : _this.props.rel : _this$props$rel,isNotSelectable = _this$props.isNotSelectable,children = _this$props.children,unusedClasses = _this$props.className,style = _this$props.style,dataTid = _this$props['data-tid'],rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, _excluded);
+
+      var iconElement = null;
+      if (icon) {var _this$cx;
+        iconElement = /*#__PURE__*/
+        _react.default.createElement("div", {
+          style: { top: _this.state.iconOffsetTop },
+          className: _this.cx((_this$cx = {}, _this$cx[
+          _this.styles.icon()] = true, _this$cx[
+          _this.getIconSizeClassName()] = true, _this$cx)
+          ) },
+
+        icon
+        );
+
+      }
+
+      var className = _this.cx((_this$cx2 = {}, _this$cx2[
+      _this.styles.root(_this.theme)] = true, _this$cx2[
+      _this.getRootSizeClassName()] = true, _this$cx2[
+      _this.styles.rootMobile(_this.theme)] = isMobile, _this$cx2[
+      _this.styles.loose()] = !!loose, _this$cx2[
+      _this.styles.hover(_this.theme)] = _this.isHover, _this$cx2[
+      _this.styles.selected(_this.theme)] = _this.isSelected, _this$cx2[
+      _this.getWithIconSizeClassName()] = Boolean(iconElement) || !!_enableIconPadding || _this.context.enableIconPadding, _this$cx2[
+      _this.styles.nonSelectable()] = !!isNotSelectable, _this$cx2[
+      _this.styles.disabled(_this.theme)] = !!disabled, _this$cx2)
+      );
+
+      var content = children;
+      if ((0, _utils.isFunction)(children)) {
+        content = children(_this.activeState);
+      }
+
+      var Component = _this.getComponent();
+
+      return /*#__PURE__*/(
+        _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({
+          rootNodeRef: _this.setRootNode },
+        (0, _getVisualStateDataAttributes.getVisualStateDataAttributes)({
+          hover: _this.isHover,
+          selected: _this.isSelected
+        }),
+        _this.props), /*#__PURE__*/
+
+        _react.default.createElement(Component, (0, _extends2.default)({
+          ref: _this.setRootRef,
+          "data-tid": MenuItemDataTids.root },
+        rest, {
+          disabled: disabled,
+          state: _this.activeState,
+          onMouseOver: _this.handleMouseEnterFix,
+          onMouseLeave: _this.handleMouseLeave,
+          onClick: _this.handleClick,
+          className: className,
+          href: href,
+          rel: href ? rel : undefined,
+          tabIndex: -1 }),
+
+        iconElement, /*#__PURE__*/
+        _react.default.createElement("span", {
+          className: _this.cx((_this$cx3 = {}, _this$cx3[
+          _this.styles.mobileContentWithIcon()] = isMobile && (0, _utils.isNonNullable)(icon), _this$cx3)
+          ),
+          ref: _this.contentRef,
+          "data-tid": MenuItemDataTids.content },
+
+        typeof content === 'function' ? content() : content
+        ),
+        comment && /*#__PURE__*/
+        _react.default.createElement("div", {
+          "data-tid": MenuItemDataTids.comment,
+          className: _this.cx((_this$cx4 = {}, _this$cx4[
+          _this.styles.comment(_this.theme)] = true, _this$cx4[
+          _this.styles.commentHover(_this.theme)] = _this.isHover, _this$cx4)
+          ) },
+
+        comment
+        )
+
+        )
+        ));
+
+    };
+
+
+
+
+
+
+
+
+
+
+
+
+
+    // https://github.com/facebook/react/issues/10109
+    // Mouseenter event not triggered when cursor moves from disabled button
+    _this.handleMouseEnterFix = function (e) {
+      if (!_this.mouseEntered) {var _this$context$navigat;
+        _this.mouseEntered = true;
+        _this.props.onMouseEnter == null || _this.props.onMouseEnter(e);
+        !_this.props.isNotSelectable && ((_this$context$navigat = _this.context.navigation) == null ? void 0 : _this$context$navigat.highlight(_this));
+      }
+    };_this.
+
+    handleMouseLeave = function (e) {var _this$context$navigat2;
+      _this.mouseEntered = false;
+      _this.props.onMouseLeave == null || _this.props.onMouseLeave(e);
+      !_this.props.isNotSelectable && ((_this$context$navigat2 = _this.context.navigation) == null ? void 0 : _this$context$navigat2.unhighlight());
+    };_this.
+
+    handleClick = function (e) {
+      if (_this.props.isNotSelectable) {
+        return;
+      }
+      _this.props.onClick == null || _this.props.onClick(e);
+      _this.context.onItemClick == null || _this.context.onItemClick(e);
+    };_this.
+
+    setRootRef = function (element) {
+      _this.rootRef = element;
+    };_this.
+
+    getComponent = function () {
+      var _this$props2 = _this.props,disabled = _this$props2.disabled,component = _this$props2.component,href = _this$props2.href;
+
+      if (component) {
+        return component;
+      }
+
+      if (disabled) {
+        return 'button';
+      }
+
+      if (href) {
+        return 'a';
+      }
+
+      return 'button';
+    };_this.
+
+    hasIconAmongItems = function () {var _this$context$navigat3;
+      return Boolean((_this$context$navigat3 = _this.context.navigation) == null ? void 0 : _this$context$navigat3.items.some(function (item) {return item.props.icon;}));
+    };return _this;}(0, _inheritsLoose2.default)(MenuItem, _React$Component);var _proto = MenuItem.prototype;_proto.render = function render() {var _this2 = this;this.styles = (0, _MenuItem2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.componentDidMount = function componentDidMount() {if (this.props.scrollIntoView && this.rootRef) {(0, _scrollYCenterIntoNearestScrollable.scrollYCenterIntoNearestScrollable)(this.rootRef);}if (this.rootRef && (0, _globalObject.isBrowser)(this.globalObject)) {this.setState({ iconOffsetTop: this.globalObject.getComputedStyle(this.rootRef).getPropertyValue('padding-top') });}if (this.contentRef.current && !this.props.isNotSelectable) {var _this$context$navigat4;(_this$context$navigat4 = this.context.navigation) == null || _this$context$navigat4.add(this.contentRef.current, this);}if (this.props.icon) {var _this$context$setEnab, _this$context;(_this$context$setEnab = (_this$context = this.context).setEnableIconPadding) == null || _this$context$setEnab.call(_this$context, true);}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.contentRef.current) {var _this$context$navigat5, _this$context$setEnab2, _this$context2;!this.props.isNotSelectable && ((_this$context$navigat5 = this.context.navigation) == null ? void 0 : _this$context$navigat5.remove(this.contentRef.current));(_this$context$setEnab2 = (_this$context2 = this.context).setEnableIconPadding) == null || _this$context$setEnab2.call(_this$context2, this.hasIconAmongItems());}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.icon !== this.props.icon) {var _this$context$setEnab3, _this$context3;(_this$context$setEnab3 = (_this$context3 = this.context).setEnableIconPadding) == null || _this$context$setEnab3.call(_this$context3, !!this.props.icon || this.hasIconAmongItems());}if (this.contentRef.current && prevProps.isNotSelectable !== this.props.isNotSelectable) {if (this.props.isNotSelectable) {var _this$context$navigat6;this.unhighlight();(_this$context$navigat6 = this.context.navigation) == null || _this$context$navigat6.remove(this.contentRef.current);} else {var _this$context$navigat7;(_this$context$navigat7 = this.context.navigation) == null || _this$context$navigat7.add(this.contentRef.current, this);}}};_proto.getRootSizeClassName = function getRootSizeClassName() {switch (this.props.size) {case 'large':return this.styles.rootLarge(this.theme);case 'medium':return this.styles.rootMedium(this.theme);case 'small':default:return this.styles.rootSmall(this.theme);}};_proto.getIconSizeClassName = function getIconSizeClassName() {switch (this.props.size) {case 'large':return this.styles.iconLarge(this.theme);case 'medium':return this.styles.iconMedium(this.theme);case 'small':default:return this.styles.iconSmall(this.theme);}};_proto.getWithIconSizeClassName = function getWithIconSizeClassName() {switch (this.props.size) {case 'large':return this.styles.withIconLarge(this.theme);case 'medium':return this.styles.withIconMedium(this.theme);case 'small':default:return this.styles.withIconSmall(this.theme);}};return (0, _createClass2.default)(MenuItem, [{ key: "activeState", get: function get() {return this.state.highlighted ? 'hover' : this.props.state;} }, { key: "isHover", get: function get() {return (this.state.highlighted || this.props.state === 'hover') && !this.props.disabled;} }, { key: "isSelected", get: function get() {return this.props.state === 'selected' && !this.state.highlighted;} }]);}(_react.default.Component), _MenuItem.__KONTUR_REACT_UI__ = 'MenuItem', _MenuItem.displayName = 'MenuItem', _MenuItem.__MENU_ITEM__ = true, _MenuItem.contextType = _MenuContext.MenuContext, _MenuItem)) || _class) || _class;
+
+
+var isMenuItem = exports.isMenuItem = (0, _utils.isReactUIComponent)('MenuItem');

package/cjs/components/MenuItem/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_scrollYCenterIntoNearestScrollable","_utils","_ThemeContext","_CommonWrapper","_rootNode","_MenuContext","_getVisualStateDataAttributes","_renderEnvironment","_MenuItem2","_excluded","_class","_MenuItem","MenuItemDataTids","exports","root","content","comment","MenuItem","withRenderEnvironment","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","iconOffsetTop","highlighted","mouseEntered","rootRef","contentRef","React","createRef","highlight","setState","unhighlight","select","event","handleClick","isEnabled","props","disabled","navigate","href","target","globalObject","open","location","renderMain","_this$cx2","_this$cx3","_this$cx4","_this$props","icon","loose","size","_enableIconPadding","component","onMouseEnter","onMouseLeave","isMobile","scrollIntoView","_this$props$rel","rel","isExternalLink","isNotSelectable","children","unusedClasses","className","style","dataTid","rest","_objectWithoutPropertiesLoose2","default","iconElement","_this$cx","createElement","top","cx","styles","getIconSizeClassName","theme","getRootSizeClassName","rootMobile","hover","isHover","selected","isSelected","getWithIconSizeClassName","Boolean","context","enableIconPadding","nonSelectable","isFunction","activeState","Component","getComponent","CommonWrapper","_extends2","rootNodeRef","setRootNode","getVisualStateDataAttributes","ref","setRootRef","onMouseOver","handleMouseEnterFix","handleMouseLeave","onClick","undefined","tabIndex","mobileContentWithIcon","isNonNullable","commentHover","e","_this$context$navigat","navigation","_this$context$navigat2","onItemClick","element","_this$props2","hasIconAmongItems","_this$context$navigat3","items","some","item","_inheritsLoose2","_proto","prototype","render","_this2","getStyles","emotion","ThemeContext","Consumer","componentDidMount","scrollYCenterIntoNearestScrollable","isBrowser","getComputedStyle","getPropertyValue","current","_this$context$navigat4","add","_this$context$setEnab","_this$context","setEnableIconPadding","componentWillUnmount","_this$context$navigat5","_this$context$setEnab2","_this$context2","remove","componentDidUpdate","prevProps","_this$context$setEnab3","_this$context3","_this$context$navigat6","_this$context$navigat7","rootLarge","rootMedium","rootSmall","iconLarge","iconMedium","iconSmall","withIconLarge","withIconMedium","withIconSmall","_createClass2","key","get","__KONTUR_REACT_UI__","displayName","__MENU_ITEM__","contextType","MenuContext","isMenuItem","isReactUIComponent"],"sources":["MenuItem.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject';\nimport { isBrowser } from '../../lib/globalObject';\nimport type { Nullable } from '../../typings/utility-types';\nimport { scrollYCenterIntoNearestScrollable } from '../../lib/dom/scrollYCenterIntoNearestScrollable';\nimport { isExternalLink, isFunction, isNonNullable, isReactUIComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { MenuContextType } from '../../internal/Menu/MenuContext';\nimport { MenuContext } from '../../internal/Menu/MenuContext';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './MenuItem.styles';\n\nexport type MenuItemState = null | 'hover' | 'selected' | void;\n\nexport interface MenuItemProps\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Omit<CommonProps, 'children'> {\n  /** Добавляет отступ иконке.\n   * @ignore */\n  _enableIconPadding?: boolean;\n\n  /** Добавляет описание для элемента меню. */\n  comment?: React.ReactNode;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Добавляет иконку элементу меню. */\n  icon?: React.ReactElement<any>;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** @ignore */\n  loose?: boolean;\n\n  /** @ignore */\n  state?: MenuItemState;\n\n  /** Задает функцию, которая вызывается при клике. */\n  onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */\n  onMouseEnter?: React.MouseEventHandler;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: React.MouseEventHandler;\n\n  /** @ignore */\n  children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);\n\n  /** Задает HTML-атрибут `target`. */\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\n\n  /** Задает HTML-атрибут `title`. */\n  title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\n\n  /** Задает HTML-атрибут `href` - адрес, на который следует перейти. */\n  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\n\n  /** Задает HTML-атрибут `rel`. Для внешних ссылок аттрибут rel по умолчанию равен \"noopener noreferrer\". */\n  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];\n\n  /** Заменяет корневой элемент, на компонент переданный в проп.\n   * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`. */\n  component?: React.ComponentType<any>;\n\n  /** Запрещает выделение и выбор данного пункта меню. */\n  isNotSelectable?: boolean;\n\n  /** Устанавливает стиль для отображения в мобильной версии. */\n  isMobile?: boolean;\n  /** @ignore */\n  scrollIntoView?: boolean;\n}\n\nexport const MenuItemDataTids = {\n  root: 'MenuItem__root',\n  content: 'MenuItem__content',\n  comment: 'MenuItem__comment',\n} as const;\n\n/**\n * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.\n *\n * Сущности в которых может быть использован `MenuItem`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\n@withRenderEnvironment\n@rootNode\nexport class MenuItem extends React.Component<MenuItemProps> {\n  public static __KONTUR_REACT_UI__ = 'MenuItem';\n  public static displayName = 'MenuItem';\n  public static __MENU_ITEM__ = true;\n\n  public state = {\n    iconOffsetTop: 0,\n    highlighted: false,\n  };\n\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private mouseEntered = false;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private rootRef: Nullable<HTMLElement> = null;\n  private contentRef = React.createRef<HTMLElement>();\n  static contextType = MenuContext;\n\n  public context!: MenuContextType;\n\n  public render() {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public componentDidMount() {\n    if (this.props.scrollIntoView && this.rootRef) {\n      scrollYCenterIntoNearestScrollable(this.rootRef);\n    }\n    if (this.rootRef && isBrowser(this.globalObject)) {\n      this.setState({\n        iconOffsetTop: this.globalObject.getComputedStyle(this.rootRef).getPropertyValue('padding-top'),\n      });\n    }\n    if (this.contentRef.current && !this.props.isNotSelectable) {\n      this.context.navigation?.add(this.contentRef.current, this);\n    }\n    if (this.props.icon) {\n      this.context.setEnableIconPadding?.(true);\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.contentRef.current) {\n      !this.props.isNotSelectable && this.context.navigation?.remove(this.contentRef.current);\n      this.context.setEnableIconPadding?.(this.hasIconAmongItems());\n    }\n  }\n\n  public componentDidUpdate(prevProps: Readonly<MenuItemProps>) {\n    if (prevProps.icon !== this.props.icon) {\n      this.context.setEnableIconPadding?.(!!this.props.icon || this.hasIconAmongItems());\n    }\n    if (this.contentRef.current && prevProps.isNotSelectable !== this.props.isNotSelectable) {\n      if (this.props.isNotSelectable) {\n        this.unhighlight();\n        this.context.navigation?.remove(this.contentRef.current);\n      } else {\n        this.context.navigation?.add(this.contentRef.current, this);\n      }\n    }\n  }\n\n  public highlight = () => {\n    this.setState({ highlighted: true });\n  };\n\n  public unhighlight = () => {\n    this.setState({ highlighted: false });\n  };\n\n  public select = (event: React.SyntheticEvent<HTMLElement>) => {\n    this.handleClick(event as React.MouseEvent<HTMLElement>);\n  };\n\n  public isEnabled = () => {\n    return !this.props.disabled;\n  };\n\n  public navigate = () => {\n    if (!this.props.href) {\n      return;\n    }\n    if (this.props.target) {\n      this.globalObject.open?.(this.props.href, this.props.target);\n    } else if (this.globalObject.location) {\n      this.globalObject.location.href = this.props.href;\n    }\n  };\n\n  private getRootSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return this.styles.rootLarge(this.theme);\n      case 'medium':\n        return this.styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.rootSmall(this.theme);\n    }\n  }\n\n  private getIconSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return this.styles.iconLarge(this.theme);\n      case 'medium':\n        return this.styles.iconMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.iconSmall(this.theme);\n    }\n  }\n\n  private getWithIconSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return this.styles.withIconLarge(this.theme);\n      case 'medium':\n        return this.styles.withIconMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.withIconSmall(this.theme);\n    }\n  }\n\n  private renderMain = () => {\n    const {\n      comment,\n      icon,\n      loose,\n      state,\n      size,\n      _enableIconPadding,\n      component,\n      onMouseEnter,\n      onMouseLeave,\n      isMobile,\n      href,\n      disabled,\n      scrollIntoView,\n      rel = href && isExternalLink(href, this.globalObject) ? 'noopener noreferrer' : this.props.rel,\n      isNotSelectable,\n      children,\n      className: unusedClasses,\n      style,\n      'data-tid': dataTid,\n      ...rest\n    } = this.props;\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = (\n        <div\n          style={{ top: this.state.iconOffsetTop }}\n          className={this.cx({\n            [this.styles.icon()]: true,\n            [this.getIconSizeClassName()]: true,\n          })}\n        >\n          {icon}\n        </div>\n      );\n    }\n\n    const className = this.cx({\n      [this.styles.root(this.theme)]: true,\n      [this.getRootSizeClassName()]: true,\n      [this.styles.rootMobile(this.theme)]: isMobile,\n      [this.styles.loose()]: !!loose,\n      [this.styles.hover(this.theme)]: this.isHover,\n      [this.styles.selected(this.theme)]: this.isSelected,\n      [this.getWithIconSizeClassName()]: Boolean(iconElement) || !!_enableIconPadding || this.context.enableIconPadding,\n      [this.styles.nonSelectable()]: !!isNotSelectable,\n      [this.styles.disabled(this.theme)]: !!disabled,\n    });\n\n    let content = children;\n    if (isFunction(children)) {\n      content = children(this.activeState);\n    }\n\n    const Component = this.getComponent();\n\n    return (\n      <CommonWrapper\n        rootNodeRef={this.setRootNode}\n        {...getVisualStateDataAttributes({\n          hover: this.isHover,\n          selected: this.isSelected,\n        })}\n        {...this.props}\n      >\n        <Component\n          ref={this.setRootRef}\n          data-tid={MenuItemDataTids.root}\n          {...rest}\n          disabled={disabled}\n          state={this.activeState}\n          onMouseOver={this.handleMouseEnterFix}\n          onMouseLeave={this.handleMouseLeave}\n          onClick={this.handleClick}\n          className={className}\n          href={href}\n          rel={href ? rel : undefined}\n          tabIndex={-1}\n        >\n          {iconElement}\n          <span\n            className={this.cx({\n              [this.styles.mobileContentWithIcon()]: isMobile && isNonNullable(icon),\n            })}\n            ref={this.contentRef}\n            data-tid={MenuItemDataTids.content}\n          >\n            {typeof content === 'function' ? content() : content}\n          </span>\n          {comment && (\n            <div\n              data-tid={MenuItemDataTids.comment}\n              className={this.cx({\n                [this.styles.comment(this.theme)]: true,\n                [this.styles.commentHover(this.theme)]: this.isHover,\n              })}\n            >\n              {comment}\n            </div>\n          )}\n        </Component>\n      </CommonWrapper>\n    );\n  };\n\n  private get activeState() {\n    return this.state.highlighted ? 'hover' : this.props.state;\n  }\n\n  private get isHover(): boolean {\n    return (this.state.highlighted || this.props.state === 'hover') && !this.props.disabled;\n  }\n\n  private get isSelected(): boolean {\n    return this.props.state === 'selected' && !this.state.highlighted;\n  }\n\n  // https://github.com/facebook/react/issues/10109\n  // Mouseenter event not triggered when cursor moves from disabled button\n  private handleMouseEnterFix = (e: React.MouseEvent<HTMLElement>) => {\n    if (!this.mouseEntered) {\n      this.mouseEntered = true;\n      this.props.onMouseEnter?.(e);\n      !this.props.isNotSelectable && this.context.navigation?.highlight(this);\n    }\n  };\n\n  private handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\n    this.mouseEntered = false;\n    this.props.onMouseLeave?.(e);\n    !this.props.isNotSelectable && this.context.navigation?.unhighlight();\n  };\n\n  private handleClick = (e: React.MouseEvent<HTMLElement>) => {\n    if (this.props.isNotSelectable) {\n      return;\n    }\n    this.props.onClick?.(e);\n    this.context.onItemClick?.(e);\n  };\n\n  private setRootRef = (element: HTMLElement) => {\n    this.rootRef = element;\n  };\n\n  private getComponent = () => {\n    const { disabled, component, href } = this.props;\n\n    if (component) {\n      return component;\n    }\n\n    if (disabled) {\n      return 'button';\n    }\n\n    if (href) {\n      return 'a';\n    }\n\n    return 'button';\n  };\n\n  private hasIconAmongItems = () => {\n    return Boolean(this.context.navigation?.items.some((item) => item.props.icon));\n  };\n}\n\nexport const isMenuItem = isReactUIComponent('MenuItem');\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/MenuItem/MenuItem.mixins.d.ts

@@ -0,0 +1,3 @@
+export declare const menuItemSizeMixin: (menuItemPaddingX: string, menuItemPaddingY: string, menuItemLineHeight: string, menuItemFontSize: string) => string;
+export declare const iconSizeMixin: (menuItemIconWidth: string, menuItemPaddingX: string) => string;
+export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;

package/cjs/components/MenuItem/MenuItem.mixins.js

@@ -0,0 +1,32 @@
+"use strict";exports.__esModule = true;exports.withIconSizeMixin = exports.menuItemSizeMixin = exports.iconSizeMixin = void 0;var _MenuItem = require("./MenuItem.styles");
+
+var menuItemSizeMixin = exports.menuItemSizeMixin = function menuItemSizeMixin(
+menuItemPaddingX,
+menuItemPaddingY,
+menuItemLineHeight,
+menuItemFontSize)
+{
+  var _getMenuItemPaddings = (0, _MenuItem.getMenuItemPaddings)({
+      menuItemPaddingX: menuItemPaddingX,
+      menuItemPaddingY: menuItemPaddingY
+    }),paddingX = _getMenuItemPaddings.paddingX,paddingY = _getMenuItemPaddings.paddingY;
+
+  return "\n    line-height: " +
+  menuItemLineHeight + ";\n    font-size: " +
+  menuItemFontSize + ";\n    padding: " +
+  menuItemPaddingY + " " + paddingX + " " + paddingY + " " + menuItemPaddingX + ";\n  ";
+
+};
+
+var iconSizeMixin = exports.iconSizeMixin = function iconSizeMixin(menuItemIconWidth, menuItemPaddingX) {
+  return "\n    width: " +
+  menuItemIconWidth + ";\n    left: " +
+  parseInt(menuItemPaddingX) + "px;\n  ";
+
+};
+
+var withIconSizeMixin = exports.withIconSizeMixin = function withIconSizeMixin(menuItemPaddingForIcon) {
+  return "\n    padding-left: " +
+  menuItemPaddingForIcon + ";\n  ";
+
+};

package/cjs/components/MenuItem/MenuItem.mixins.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MenuItem","require","menuItemSizeMixin","exports","menuItemPaddingX","menuItemPaddingY","menuItemLineHeight","menuItemFontSize","_getMenuItemPaddings","getMenuItemPaddings","paddingX","paddingY","iconSizeMixin","menuItemIconWidth","parseInt","withIconSizeMixin","menuItemPaddingForIcon"],"sources":["MenuItem.mixins.ts"],"sourcesContent":["import { getMenuItemPaddings } from './MenuItem.styles';\n\nexport const menuItemSizeMixin = (\n  menuItemPaddingX: string,\n  menuItemPaddingY: string,\n  menuItemLineHeight: string,\n  menuItemFontSize: string,\n) => {\n  const { paddingX, paddingY } = getMenuItemPaddings({\n    menuItemPaddingX,\n    menuItemPaddingY,\n  });\n\n  return `\n    line-height: ${menuItemLineHeight};\n    font-size: ${menuItemFontSize};\n    padding: ${menuItemPaddingY} ${paddingX} ${paddingY} ${menuItemPaddingX};\n  `;\n};\n\nexport const iconSizeMixin = (menuItemIconWidth: string, menuItemPaddingX: string) => {\n  return `\n    width: ${menuItemIconWidth};\n    left: ${parseInt(menuItemPaddingX)}px;\n  `;\n};\n\nexport const withIconSizeMixin = (menuItemPaddingForIcon: string) => {\n  return `\n    padding-left: ${menuItemPaddingForIcon};\n  `;\n};\n"],"mappings":"8HAAA,IAAAA,SAAA,GAAAC,OAAA;;AAEO,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA;AAC5BE,gBAAwB;AACxBC,gBAAwB;AACxBC,kBAA0B;AAC1BC,gBAAwB;AACrB;EACH,IAAAC,oBAAA,GAA+B,IAAAC,6BAAmB,EAAC;MACjDL,gBAAgB,EAAhBA,gBAAgB;MAChBC,gBAAgB,EAAhBA;IACF,CAAC,CAAC,CAHMK,QAAQ,GAAAF,oBAAA,CAARE,QAAQ,CAAEC,QAAQ,GAAAH,oBAAA,CAARG,QAAQ;;EAK1B;EACiBL,kBAAkB;EACpBC,gBAAgB;EAClBF,gBAAgB,SAAIK,QAAQ,SAAIC,QAAQ,SAAIP,gBAAgB;;AAE3E,CAAC;;AAEM,IAAMQ,aAAa,GAAAT,OAAA,CAAAS,aAAA,GAAG,SAAhBA,aAAaA,CAAIC,iBAAyB,EAAET,gBAAwB,EAAK;EACpF;EACWS,iBAAiB;EAClBC,QAAQ,CAACV,gBAAgB,CAAC;;AAEtC,CAAC;;AAEM,IAAMW,iBAAiB,GAAAZ,OAAA,CAAAY,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIC,sBAA8B,EAAK;EACnE;EACkBA,sBAAsB;;AAE1C,CAAC","ignoreList":[]}