@skbkontur/react-ui 6.4.3-6344a.0 → 6.4.4-3a8c8.0

package/components/TokenInput/TokenInput.styles.js

@@ -0,0 +1,68 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+import { globalClasses } from '../ScrollContainer/ScrollContainer.styles.js';
+import { inputSizeMixin, labelSizeMixin } from './TokenInput.mixins.js';
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        label: function (t) {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n      box-shadow: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      transition: border-color ", " ", ";\n      box-sizing: border-box;\n      cursor: text;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n      border-radius: ", ";\n    "], ["\n      background-color: ", ";\n      box-shadow: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      transition: border-color ", " ", ";\n      box-sizing: border-box;\n      cursor: text;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n      border-radius: ", ";\n    "])), t.tokenInputBg, t.tokenInputShadow, t.tokenInputBorderWidth, t.tokenInputBorderColor, t.tokenInputBorderTopColor, t.transitionDuration, t.transitionTimingFunction, t.tokenInputBorderRadius);
+        },
+        labelSmall: function (t) {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), labelSizeMixin(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall));
+        },
+        labelMedium: function (t) {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), labelSizeMixin(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium));
+        },
+        labelLarge: function (t) {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), labelSizeMixin(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge));
+        },
+        hovering: function (t) {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      &:hover {\n        border-color: ", ";\n      }\n    "], ["\n      &:hover {\n        border-color: ", ";\n      }\n    "])), t.tokenInputBorderColorHover);
+        },
+        warning: function (t) {
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "], ["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.tokenInputBorderWidth, t.tokenInputBorderColorWarning, t.tokenInputOutlineWidth, t.tokenInputBorderColorWarning);
+        },
+        error: function (t) {
+            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "], ["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.tokenInputBorderWidth, t.tokenInputBorderColorError, t.tokenInputOutlineWidth, t.tokenInputBorderColorError);
+        },
+        labelFocused: function (t) {
+            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "], ["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.tokenInputBorderWidth, t.tokenInputBorderColorFocus, t.tokenInputOutlineWidth, t.tokenInputBorderColorFocus);
+        },
+        labelDisabled: function (t) {
+            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      background: ", ";\n      background-clip: ", ";\n      border-color: ", ";\n      box-shadow: none;\n      cursor: default;\n    "], ["\n      background: ", ";\n      background-clip: ", ";\n      border-color: ", ";\n      box-shadow: none;\n      cursor: default;\n    "])), t.tokenInputDisabledBg, t.inputDisabledBackgroundClip, t.tokenInputDisabledBorderColor);
+        },
+        labelNonInteractive: function () {
+            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "])));
+        },
+        input: function (t) {
+            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      outline: none;\n      font-family: inherit;\n      overflow: hidden;\n      resize: none;\n      -webkit-appearance: none;\n      text-overflow: clip;\n      background-clip: padding-box;\n      transition: background-color 0.15s ease-in;\n      color: ", ";\n      box-sizing: border-box;\n      word-break: break-all;\n      padding: 0;\n      margin: 0;\n      flex: 1 1 100%;\n\n      &::-ms-clear {\n        display: none;\n      }\n      &::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      &:disabled::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      &:focus::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      /* fix firefox placeholder opacity */\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n    "], ["\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      outline: none;\n      font-family: inherit;\n      overflow: hidden;\n      resize: none;\n      -webkit-appearance: none;\n      text-overflow: clip;\n      background-clip: padding-box;\n      transition: background-color 0.15s ease-in;\n      color: ", ";\n      box-sizing: border-box;\n      word-break: break-all;\n      padding: 0;\n      margin: 0;\n      flex: 1 1 100%;\n\n      &::-ms-clear {\n        display: none;\n      }\n      &::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      &:disabled::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      &:focus::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      /* fix firefox placeholder opacity */\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n    "])), t.tokenInputTextColor, t.tokenInputPlaceholderColor, t.tokenInputPlaceholderColor, t.tokenInputPlaceholderColorDisabled, t.tokenInputPlaceholderColorDisabled, t.tokenInputPlaceholderColorLight, t.tokenInputPlaceholderColorLight);
+        },
+        inputSmall: function (t) {
+            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), inputSizeMixin(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall));
+        },
+        inputMedium: function (t) {
+            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), inputSizeMixin(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium));
+        },
+        inputLarge: function (t) {
+            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      ", ";\n    "], ["\n      ", ";\n    "])), inputSizeMixin(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge));
+        },
+        inputDisabled: function (t) {
+            return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      pointer-events: none;\n      /* fix text color in safari */\n      -webkit-text-fill-color: currentcolor;\n      color: ", ";\n    "], ["\n      pointer-events: none;\n      /* fix text color in safari */\n      -webkit-text-fill-color: currentcolor;\n      color: ", ";\n    "])), t.tokenInputTextColorDisabled);
+        },
+        inputPlaceholderWrapper: function () {
+            return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n      flex: 1 1 100%;\n    "], ["\n      flex: 1 1 100%;\n    "])));
+        },
+        inputPlaceholderScrollWrapper: function () {
+            return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n      display: flex;\n      & .", " {\n        display: inherit;\n        flex-wrap: wrap;\n      }\n    "], ["\n      display: flex;\n      & .", " {\n        display: inherit;\n        flex-wrap: wrap;\n      }\n    "])), globalClasses.inner);
+        },
+        reservedInput: function (t) {
+            return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n      min-width: 2px;\n      color: ", ";\n      word-break: break-all;\n    "], ["\n      min-width: 2px;\n      color: ", ";\n      word-break: break-all;\n    "])), t.tokenInputTextColorDisabled);
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
+//# sourceMappingURL=TokenInput.styles.js.map

package/components/TokenInput/TokenInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenInput.styles.js","sourceRoot":"","sources":["TokenInput.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { globalClasses } from '../ScrollContainer/ScrollContainer.styles.js';\nimport { inputSizeMixin, labelSizeMixin } from './TokenInput.mixins.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  label(t: Theme) {\n    return css`\n      background-color: ${t.tokenInputBg};\n      box-shadow: ${t.tokenInputShadow};\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColor};\n      border-top-color: ${t.tokenInputBorderTopColor};\n      transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      box-sizing: border-box;\n      cursor: text;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n      border-radius: ${t.tokenInputBorderRadius};\n    `;\n  },\n  labelSmall(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall)}\n    `;\n  },\n  labelMedium(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium)}\n    `;\n  },\n  labelLarge(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge)}\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:hover {\n        border-color: ${t.tokenInputBorderColorHover};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorWarning};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorError};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorError};\n    `;\n  },\n\n  labelFocused(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorFocus};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorFocus};\n    `;\n  },\n\n  labelDisabled(t: Theme) {\n    return css`\n      background: ${t.tokenInputDisabledBg};\n      background-clip: ${t.inputDisabledBackgroundClip};\n      border-color: ${t.tokenInputDisabledBorderColor};\n      box-shadow: none;\n      cursor: default;\n    `;\n  },\n\n  labelNonInteractive() {\n    return css`\n      pointer-events: none;\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      outline: none;\n      font-family: inherit;\n      overflow: hidden;\n      resize: none;\n      -webkit-appearance: none;\n      text-overflow: clip;\n      background-clip: padding-box;\n      transition: background-color 0.15s ease-in;\n      color: ${t.tokenInputTextColor};\n      box-sizing: border-box;\n      word-break: break-all;\n      padding: 0;\n      margin: 0;\n      flex: 1 1 100%;\n\n      &::-ms-clear {\n        display: none;\n      }\n      &::placeholder {\n        color: ${t.tokenInputPlaceholderColor};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColor};\n      }\n      &:disabled::placeholder {\n        color: ${t.tokenInputPlaceholderColorDisabled};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColorDisabled};\n      }\n      &:focus::placeholder {\n        color: ${t.tokenInputPlaceholderColorLight};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColorLight};\n      }\n      /* fix firefox placeholder opacity */\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n    `;\n  },\n  inputSmall(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall)};\n    `;\n  },\n  inputMedium(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium)};\n    `;\n  },\n  inputLarge(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge)};\n    `;\n  },\n\n  inputDisabled(t: Theme) {\n    return css`\n      pointer-events: none;\n      /* fix text color in safari */\n      -webkit-text-fill-color: currentcolor;\n      color: ${t.tokenInputTextColorDisabled};\n    `;\n  },\n\n  inputPlaceholderWrapper() {\n    return css`\n      flex: 1 1 100%;\n    `;\n  },\n\n  inputPlaceholderScrollWrapper() {\n    return css`\n      display: flex;\n      & .${globalClasses.inner} {\n        display: inherit;\n        flex-wrap: wrap;\n      }\n    `;\n  },\n\n  reservedInput(t: Theme) {\n    return css`\n      min-width: 2px;\n      color: ${t.tokenInputTextColorDisabled};\n      word-break: break-all;\n    `;\n  },\n}));\n"]}

package/components/Tooltip/Tooltip.js

@@ -47,7 +47,7 @@ import { ThemeContext } from '../../lib/theming/ThemeContext.js';
 import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
 import { isNullable } from '../../lib/utils.js';
 import { ResponsiveLayout } from '../ResponsiveLayout/ResponsiveLayout.js';
-import { getStyles } from './Tooltip.css.js';
+import { getStyles } from './Tooltip.styles.js';
 var DEFAULT_DELAY = 100;
 export var TooltipDataTids = {
     root: 'Tooltip__root',

package/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,OAAO,MAAM,SAAS,CAAC;AAE9B,OAAO,EAAE,eAAe,EAAE,MAAM,mDAAmD,CAAC;AAEpF,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAG5D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,+BAA+B,EAAE,MAAM,iCAAiC,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAwE7C,IAAM,aAAa,GAAG,GAAG,CAAC;AAO1B,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,kBAAkB;IAC3B,SAAS,EAAE,oBAAoB;CACvB,CAAC;AAEX,IAAM,gBAAgB,GAAyB;IAC7C,cAAc;IACd,cAAc;IACd,WAAW;IACX,WAAW;IACX,YAAY;IACZ,UAAU;IACV,UAAU;IACV,aAAa;IACb,aAAa;IACb,aAAa;IACb,eAAe;IACf,cAAc;CACf,CAAC;AAEF,IAAM,eAAe,GAAyB;IAC5C,WAAW;IACX,YAAY;IACZ,UAAU;IACV,aAAa;IACb,eAAe;IACf,cAAc;CACf,CAAC;AAcF;;;;;GAKG;AAIH;IAA6B,2BAA+C;IAA5E;;QAWU,cAAQ,GAAG,iBAAiB,CAAC,SAAO,CAAC,YAAY,CAAC,CAAC;QAYpD,WAAK,GAAiB,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QACvD,oBAAc,GAAG,KAAK,CAAC;QACvB,yBAAmB,GAAG,KAAK,CAAC;QAU5B,oBAAc,GAA0B,IAAI,CAAC;QAC7C,oBAAc,GAAG,IAAI,CAAC;QAItB,cAAQ,GAAG,KAAK,CAAC,SAAS,EAAS,CAAC;QA6DrC,mBAAa,GAAG;YACrB,IAAM,OAAO,GAAG,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;YAC/D,IAAI,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;gBACxB,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,CACL,6BACE,GAAG,EAAE,KAAI,CAAC,UAAU,EACpB,SAAS,EAAE,KAAI,CAAC,EAAE,CAAC,KAAI,CAAC,MAAM,CAAC,cAAc,CAAC,KAAI,CAAC,KAAK,CAAC,EAAE,KAAI,CAAC,aAAa,CAAC,YAAY,CAAC,cACjF,eAAe,CAAC,OAAO;gBAEhC,OAAO;gBACP,KAAI,CAAC,iBAAiB,EAAE,CACrB,CACP,CAAC;QACJ,CAAC,CAAC;QAgCK,sBAAgB,GAAG;;YACxB,OAAO,MAAA,KAAI,CAAC,QAAQ,CAAC,OAAO,0CAAE,aAAa,CAAC;QAC9C,CAAC,CAAC;QAgFM,gBAAU,GAAG;YACnB,IAAM,OAAO,GAAG,KAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC;YACxC,OAAO,KAAI,CAAC,mBAAmB,IAAI,SAAO,CAAC,0BAA0B,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;QAC9G,CAAC,CAAC;QAEM,YAAM,GAAG;YACf,IAAM,SAAS,GAAG,KAAI,CAAC,YAAY,EAAE,CAAC;YACtC,IAAM,GAAG,GAAG,KAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YAE3B,IAAI,GAAG,IAAI,SAAS,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAApB,CAAoB,CAAC,EAAE,CAAC;gBAC1D,OAAO,GAAG,CAAC;YACb,CAAC;YAED,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC;QACtB,CAAC,CAAC;QAEM,kBAAY,GAAG;YACrB,IAAM,cAAc,GAAG,KAAI,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;YAEhF,OAAO,KAAI,CAAC,KAAK,CAAC,gBAAgB;gBAChC,CAAC,CAAC,KAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,EAA7B,CAA6B,CAAC;gBAC7E,CAAC,CAAC,cAAc,CAAC;QACrB,CAAC,CAAC;QAEM,gBAAU,GAAG,UAAC,IAAwB;YAC5C,KAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC7B,CAAC,CAAC;QA0FM,UAAI,GAAG,cAAM,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAA/B,CAA+B,CAAC;QAE7C,WAAK,GAAG,cAAM,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAhC,CAAgC,CAAC;QAgB/C,sBAAgB,GAAG,UAAC,KAAqB;YAC/C,IAAI,KAAI,CAAC,mBAAmB,EAAE,CAAC;gBAC7B,OAAO;YACT,CAAC;YAED,IAAM,aAAa,GAAG,KAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,KAAK,aAAa,CAAC;YAChE,IAAI,aAAa,IAAI,KAAK,CAAC,MAAM,KAAK,KAAI,CAAC,cAAc,EAAE,CAAC;gBAC1D,OAAO;YACT,CAAC;YAED,KAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,KAAI,CAAC,YAAY,GAAG,UAAU,CAAC,KAAI,CAAC,IAAI,EAAE,KAAI,CAAC,QAAQ,EAAE,CAAC,eAAe,CAAC,CAAC;QAC7E,CAAC,CAAC;QAEM,sBAAgB,GAAG,UAAC,KAAqB;YAC/C,IAAI,KAAI,CAAC,mBAAmB,EAAE,CAAC;gBAC7B,OAAO;YACT,CAAC;YAED,IAAM,OAAO,GAAG,KAAI,CAAC,UAAU,EAAE,CAAC;YAClC,IAAI,OAAO,KAAK,aAAa,IAAI,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;gBACpD,OAAO;YACT,CAAC;YAED,0HAA0H;YAC1H,IACE,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,aAAa,CAAC;gBAClD,KAAI,CAAC,8BAA8B,CAAC,KAAK,CAAC,aAAa,CAAC,EACxD,CAAC;gBACD,OAAO;YACT,CAAC;YAED,KAAI,CAAC,iBAAiB,EAAE,CAAC;YAEzB,IAAI,OAAO,KAAK,aAAa,EAAE,CAAC;gBAC9B,KAAI,CAAC,KAAK,EAAE,CAAC;YACf,CAAC;iBAAM,CAAC;gBACN,KAAI,CAAC,YAAY,GAAG,UAAU,CAAC,KAAI,CAAC,KAAK,EAAE,SAAO,CAAC,KAAK,CAAC,CAAC;YAC5D,CAAC;QACH,CAAC,CAAC;QAEM,oCAA8B,GAAG,UAAC,aAAiC;;YACzE,IAAI,CAAC,aAAa,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,KAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC9E,OAAO,KAAK,CAAC;YACf,CAAC;YAED,IAAM,SAAS,GAAG,MAAA,MAAA,MAAA,KAAI,CAAC,QAAQ,CAAC,OAAO,0CAAE,WAAW,kDAAI,mCAAI,IAAI,CAAC;YACjE,IAAI,SAAS,IAAI,+BAA+B,CAAC,aAAa,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC;gBAC3E,OAAO,IAAI,CAAC;YACd,CAAC;YAED,IAAM,UAAU,GAAG,KAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3C,IAAI,UAAU,IAAI,YAAY,CAAC,UAAU,EAAE,KAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;gBACtE,OAAO,+BAA+B,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;YACpE,CAAC;YAED,OAAO,aAAa,KAAK,KAAI,CAAC,cAAc,CAAC;QAC/C,CAAC,CAAC;QAEM,iBAAW,GAAG;;YACpB,IAAM,eAAe,GAAG;gBACtB,IAAI,KAAI,CAAC,mBAAmB,IAAI,KAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;oBAClD,KAAI,CAAC,KAAK,EAAE,CAAC;oBACb,OAAO;gBACT,CAAC;gBACD,KAAI,CAAC,IAAI,EAAE,CAAC;YACd,CAAC,CAAC;YAEF,IAAI,KAAI,CAAC,mBAAmB,EAAE,CAAC;gBAC7B,sEAAsE;gBACtE,KAAI,CAAC,YAAY,GAAG,MAAA,MAAA,KAAI,CAAC,YAAY,EAAC,qBAAqB,mDAAG;oBAC5D,KAAI,CAAC,YAAY,GAAG,IAAI,CAAC;oBACzB,eAAe,EAAE,CAAC;gBACpB,CAAC,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,eAAe,EAAE,CAAC;YACpB,CAAC;QACH,CAAC,CAAC;QAEM,8BAAwB,GAAG,UAAC,KAAY;YAC9C,KAAI,CAAC,cAAc,GAAG,KAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC;YACxD,IAAI,KAAI,CAAC,cAAc,EAAE,CAAC;gBACxB,IAAI,KAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;oBAC9B,KAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;gBACnC,CAAC;gBACD,KAAI,CAAC,KAAK,EAAE,CAAC;YACf,CAAC;QACH,CAAC,CAAC;QAUM,iBAAW,GAAG;YACpB,KAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YACjC,KAAI,CAAC,IAAI,EAAE,CAAC;QACd,CAAC,CAAC;QAEM,gBAAU,GAAG;YACnB,IAAM,OAAO,GAAG,KAAI,CAAC,UAAU,EAAE,CAAC;YAClC,IAAI,OAAO,KAAK,aAAa,IAAI,KAAI,CAAC,cAAc,EAAE,CAAC;gBACrD,KAAI,CAAC,KAAK,EAAE,CAAC;YACf,CAAC;YAED,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;gBACxB,KAAI,CAAC,KAAK,EAAE,CAAC;YACf,CAAC;YAED,KAAI,CAAC,cAAc,GAAG,IAAI,CAAC;YAC3B,KAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;QACpC,CAAC,CAAC;QAEM,4BAAsB,GAAG,UAAC,KAAoC;YACpE,KAAK,CAAC,eAAe,EAAE,CAAC;YAExB,IAAI,KAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;gBAC5B,KAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC;YAED,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;gBAC3B,OAAO;YACT,CAAC;YAED,IAAI,KAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;gBAC9B,KAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YACnC,CAAC;YAED,KAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC,CAAC;QAEM,sBAAgB,GAAG;YACzB,QAAQ,KAAI,CAAC,IAAI,EAAE,CAAC;gBAClB,KAAK,OAAO;oBACV,OAAO;wBACL,gBAAgB,EAAE,KAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAI,CAAC,KAAK,CAAC;wBAC1D,YAAY,EAAE,KAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,KAAI,CAAC,KAAK,CAAC;wBACzD,YAAY,EAAE,KAAI,CAAC,KAAK,CAAC,wBAAwB;wBACjD,OAAO,EAAE,KAAI,CAAC,KAAK,CAAC,mBAAmB;wBACvC,UAAU,EAAE,KAAI,CAAC,KAAK,CAAC,sBAAsB;wBAC7C,UAAU,EAAE,KAAI,CAAC,KAAK,CAAC,sBAAsB;wBAC7C,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,kBAAkB;qBACtC,CAAC;gBACJ,KAAK,QAAQ;oBACX,OAAO;wBACL,gBAAgB,EAAE,KAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,KAAI,CAAC,KAAK,CAAC;wBAC3D,YAAY,EAAE,KAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,KAAI,CAAC,KAAK,CAAC;wBAC1D,YAAY,EAAE,KAAI,CAAC,KAAK,CAAC,yBAAyB;wBAClD,OAAO,EAAE,KAAI,CAAC,KAAK,CAAC,oBAAoB;wBACxC,UAAU,EAAE,KAAI,CAAC,KAAK,CAAC,uBAAuB;wBAC9C,UAAU,EAAE,KAAI,CAAC,KAAK,CAAC,uBAAuB;wBAC9C,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,mBAAmB;qBACvC,CAAC;gBACJ,KAAK,OAAO;oBACV,OAAO;wBACL,gBAAgB,EAAE,KAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAI,CAAC,KAAK,CAAC;wBAC1D,YAAY,EAAE,KAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,KAAI,CAAC,KAAK,CAAC;wBACzD,YAAY,EAAE,KAAI,CAAC,KAAK,CAAC,wBAAwB;wBACjD,OAAO,EAAE,KAAI,CAAC,KAAK,CAAC,mBAAmB;wBACvC,UAAU,EAAE,KAAI,CAAC,KAAK,CAAC,sBAAsB;wBAC7C,UAAU,EAAE,KAAI,CAAC,KAAK,CAAC,sBAAsB;wBAC7C,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,kBAAkB;qBACtC,CAAC;gBACJ;oBACE,OAAO,CAAC,KAAK,EAAE,gEAAyD,KAAI,CAAC,KAAK,CAAC,IAAI,yBAAsB,CAAC,CAAC;oBAC/G,OAAO;wBACL,gBAAgB,EAAE,KAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAI,CAAC,KAAK,CAAC;wBAC1D,YAAY,EAAE,KAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,KAAI,CAAC,KAAK,CAAC;wBACzD,YAAY,EAAE,KAAI,CAAC,KAAK,CAAC,wBAAwB;wBACjD,OAAO,EAAE,KAAI,CAAC,KAAK,CAAC,mBAAmB;wBACvC,UAAU,EAAE,KAAI,CAAC,KAAK,CAAC,sBAAsB;wBAC7C,UAAU,EAAE,KAAI,CAAC,KAAK,CAAC,sBAAsB;wBAC7C,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,kBAAkB;qBACtC,CAAC;YACN,CAAC;QACH,CAAC,CAAC;;IACJ,CAAC;gBAhiBY,OAAO;IAYV,+BAAa,GAArB,UAAsB,KAAmB;QACvC,OAAO,CACL,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,aAAa,EACrC,oGAAoG,CACrG,CAAC;IACJ,CAAC;IAyBM,qCAAmB,GAA1B;QACE,OAAO,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IACtF,CAAC;IAEM,mCAAiB,GAAxB;QACE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;IACtC,CAAC;IAEM,oCAAkB,GAAzB;QACU,IAAA,OAAO,GAAK,IAAI,CAAC,QAAQ,EAAE,QAApB,CAAqB;QAEpC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;QACpC,IAAI,OAAO,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAC9C,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;IACH,CAAC;IAEM,sCAAoB,GAA3B;QACE,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAEM,wBAAM,GAAb;QAAA,iBAmCC;QAlCC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEtC,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,KAAI,CAAC,aAAa,GAAG,KAAI,CAAC,gBAAgB,EAAE,CAAC;YAC7C,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE,YAAY,CAAC,MAAM,CACxB;oBACE,eAAe,EAAE,KAAK,CAAC,SAAS;oBAChC,WAAW,EAAE,KAAK,CAAC,aAAa;oBAChC,iBAAiB,EAAE,KAAI,CAAC,aAAa,CAAC,YAAY;oBAClD,YAAY,EAAE,KAAI,CAAC,aAAa,CAAC,OAAO;oBACxC,eAAe,EAAE,KAAI,CAAC,aAAa,CAAC,UAAU;oBAC9C,eAAe,EAAE,KAAI,CAAC,aAAa,CAAC,UAAU;oBAC9C,WAAW,EAAE,KAAI,CAAC,aAAa,CAAC,MAAM;iBACvC,EACD,KAAK,CACN;gBAED,oBAAC,gBAAgB,IAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,gBAAgB,EAAE,IACjE,UAAC,MAAM;oBACN,KAAI,CAAC,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC;oBACtC,KAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;oBAC/D,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;gBAC3B,CAAC,CACgB,CACG,CACzB,CAAC;QACJ,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAoBM,mCAAiB,GAAxB;QACE,IAAM,QAAQ,GACZ,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS;YAClC,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,SAAO,CAAC,0BAA0B,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACxF,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;QAE7B,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAM,IAAI,GAAG,CACX,oBAAC,eAAe,IACd,QAAQ,EAAE,KAAK,EACf,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,EAC9C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB,EACtC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,yBAAyB,GAChD,CACH,CAAC;QAEF,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAC5F,OAAO,EAAE,IAAI,CAAC,sBAAsB,cAC1B,eAAe,CAAC,SAAS,IAElC,IAAI,CACD,CACP,CAAC;IACJ,CAAC;IAMD;;;;OAIG;IACI,sBAAI,GAAX;QACE,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QACD,IAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;YACjD,OAAO,CAAC,KAAK,EAAE,mEAA4D,OAAO,MAAG,CAAC,CAAC;YACvF,OAAO;QACT,CAAC;QACD,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAED;;;;OAIG;IACI,sBAAI,GAAX;QACE,IAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;YACjD,OAAO,CAAC,KAAK,EAAE,mEAA4D,OAAO,MAAG,CAAC,CAAC;YACvF,OAAO;QACT,CAAC;QACD,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAEO,4BAAU,GAAlB;QACE,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,IAAM,OAAO,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAC/B,IAAA,KAAiD,IAAI,CAAC,qBAAqB,EAAE,EAA3E,UAAU,gBAAA,EAAE,kBAA8B,EAA9B,UAAU,mBAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAiC,CAAC;QACpF,IAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,aAAa,CAAC;QAC5D,IAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;QAEnE,OAAO,CACL,oBAAC,WAAW,eAAK,UAAU,IAAE,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,KACjE,KAAK,CACM,CACf,CAAC;IACJ,CAAC;IAEO,6BAAW,GAAnB,UACE,aAA4C,EAC5C,UAA+B,EAC/B,OAA2B;QAEnB,IAAA,iBAAiB,GAAK,IAAI,CAAC,QAAQ,EAAE,kBAApB,CAAqB;QAC9C,IAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,OAAO,CACL,oBAAC,aAAa,aAAC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAM,IAAI,CAAC,KAAK;YAC1D,oBAAC,KAAK,yBACM,eAAe,CAAC,IAAI,EAC9B,aAAa,EAAE,aAAa,EAC5B,MAAM,QACN,SAAS,UACL,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,IACrD,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,EAC9B,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,EAClB,WAAW,EAAE,OAAO,KAAK,aAAa,EACtC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,gCAAgC,QAChC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,aAAa,UACT,UAAU,GAEb,OAAO,CACF,CACM,CACjB,CAAC;IACJ,CAAC;IA8BO,uCAAqB,GAA7B;QAIE,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,IAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC;QAClE,IAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAElC,IAAM,yBAAyB,GAAkD;YAC/E,UAAU,EAAE;gBACV,YAAY,EAAE,IAAI,CAAC,gBAAgB;gBACnC,YAAY,EAAE,IAAI,CAAC,gBAAgB;gBACnC,UAAU,YAAA;aACX;SACF,CAAC;QAEF,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,QAAQ;gBACX,OAAO;oBACL,UAAU,EAAE;wBACV,MAAM,EAAE,IAAI;wBACZ,cAAc,EAAE,IAAI,CAAC,wBAAwB;qBAC9C;oBACD,UAAU,EAAE;wBACV,MAAM,EAAE,IAAI;wBACZ,UAAU,YAAA;qBACX;iBACF,CAAC;YAEJ,KAAK,QAAQ;gBACX,OAAO;oBACL,UAAU,EAAE;wBACV,MAAM,EAAE,KAAK;wBACb,UAAU,YAAA;qBACX;iBACF,CAAC;YAEJ,KAAK,QAAQ;gBACX,OAAO;oBACL,UAAU,EAAE;wBACV,UAAU,YAAA;qBACX;iBACF,CAAC;YACJ,KAAK,OAAO;gBACV,OAAO;oBACL,UAAU,EAAE;wBACV,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;wBACzB,cAAc,EAAE,IAAI,CAAC,wBAAwB;qBAC9C;oBACD,UAAU,EAAE;wBACV,OAAO,EAAE,IAAI,CAAC,WAAW;wBACzB,UAAU,YAAA;qBACX;iBACF,CAAC;YAEJ,KAAK,OAAO;gBACV,OAAO;oBACL,UAAU,EAAE;wBACV,OAAO,EAAE,IAAI,CAAC,WAAW;wBACzB,MAAM,EAAE,IAAI,CAAC,UAAU;wBACvB,UAAU,YAAA;qBACX;iBACF,CAAC;YAEJ,KAAK,aAAa;gBAChB,OAAO;oBACL,UAAU,EAAE;wBACV,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;wBACzB,cAAc,EAAE,IAAI,CAAC,wBAAwB;qBAC9C;oBACD,UAAU,EAAE;wBACV,OAAO,EAAE,IAAI,CAAC,WAAW;wBACzB,MAAM,EAAE,IAAI,CAAC,UAAU;wBACvB,YAAY,EAAE,IAAI,CAAC,gBAAgB;wBACnC,YAAY,EAAE,IAAI,CAAC,gBAAgB;wBACnC,UAAU,YAAA;qBACX;iBACF,CAAC;YAEJ,KAAK,aAAa,CAAC;YACnB,KAAK,OAAO;gBACV,OAAO,yBAAyB,CAAC;YACnC;gBACE,OAAO,CAAC,KAAK,EAAE,qCAA8B,OAAO,+BAA4B,CAAC,CAAC;gBAClF,OAAO,yBAAyB,CAAC;QACrC,CAAC;IACH,CAAC;IAMO,mCAAiB,GAAzB;QACE,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YAChC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC3B,CAAC;IACH,CAAC;IAEO,mCAAiB,GAAzB;;QACE,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,MAAA,MAAA,IAAI,CAAC,YAAY,EAAC,oBAAoB,mDAAG,IAAI,CAAC,YAAY,CAAC,CAAC;YAC5D,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC3B,CAAC;IACH,CAAC;IA2FO,uCAAqB,GAA7B,UAA8B,KAAY;QACxC,IAAI,IAAI,CAAC,cAAc,IAAI,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;YACjF,OAAO,CAAC,+BAA+B,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC7E,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;;IA3ca,2BAAmB,GAAG,SAAS,AAAZ,CAAa;IAChC,mBAAW,GAAG,SAAS,AAAZ,CAAa;IAExB,oBAAY,GAAiB;QACzC,OAAO,EAAE,OAAO;QAChB,iBAAiB,EAAE,SAAS;QAC5B,UAAU,EAAE,KAAK;QACjB,eAAe,EAAE,aAAa;KAC/B,AALyB,CAKxB;IAUY,aAAK,GAAG,aAAa,AAAhB,CAAiB;IACrB,kCAA0B,GAAqB,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,CAAC,AAArE,CAAsE;IAChG,kCAA0B,GAAqB,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,CAAC,AAArE,CAAsE;IArBpG,OAAO;QAHnB,qBAAqB;QACrB,QAAQ;QACR,QAAQ;OACI,OAAO,CAgiBnB;IAAD,cAAC;CAAA,AAhiBD,CAA6B,KAAK,CAAC,aAAa,GAgiB/C;SAhiBY,OAAO","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React, { type JSX } from 'react';\nimport warning from 'warning';\n\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport type { PopupPositionsType, PopupProps, ShortPopupPositionsType } from '../../internal/Popup/index.js';\nimport { Popup } from '../../internal/Popup/index.js';\nimport { RenderLayer } from '../../internal/RenderLayer/index.js';\nimport type { RenderLayerProps } from '../../internal/RenderLayer/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport type { GlobalObject, SafeTimer } from '../../lib/globalObject.js';\nimport type { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement.js';\nimport { isInstanceOf } from '../../lib/isInstanceOf.js';\nimport { containsTargetOrRenderContainer } from '../../lib/listenFocusOutside.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { isNullable } from '../../lib/utils.js';\nimport type { MouseEventType } from '../../typings/event-types.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { ResponsiveLayout } from '../ResponsiveLayout/ResponsiveLayout.js';\nimport { getStyles } from './Tooltip.css.js';\n\nexport type TooltipTrigger =\n  /** Наведение на children и на тултип */\n  | 'hover'\n  /** Клик на children */\n  | 'click'\n  /** Фокус на children */\n  | 'focus'\n  /** Наведение на children и на тултип и фокус на children */\n  | 'hover&focus'\n  /** Просто открыт */\n  | 'opened'\n  /** Просто закрыт */\n  | 'closed'\n  /** Наведение ТОЛЬКО на children, а не на тултип */\n  | 'hoverAnchor'\n  /** Управление через публичные функции show и hide */\n  | 'manual';\n\nexport interface TooltipProps extends CommonProps {\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Функция, возвращающая содержимое тултипа. При возврате `null` тултип не показывается. */\n  render?: Nullable<() => React.ReactNode>;\n\n  /** Размер тултипа.\n   * @default small */\n  size?: SizeProp;\n\n  /** Приоритетное расположение тултипа относительно элемента. */\n  pos?: ShortPopupPositionsType | PopupPositionsType;\n\n  /** Список позиций, которые может занимать тултип. В списке обязательно должна быть позиция из пропа `pos`. */\n  allowedPositions?: PopupPositionsType[];\n\n  /** Триггер открытия тултипа. */\n  trigger?: TooltipTrigger;\n\n  /** Показывает крестик для закрытия тултипа.\n   * По умолчанию крестик показывается, если проп `trigger` не равен `hover` или `focus`. */\n  closeButton?: boolean;\n\n  /** Элемент, относительно которого позиционируется тултип. */\n  anchorElement?: HTMLElement;\n\n  /** Отключает анимацию.\n   * @default false */\n  disableAnimations?: boolean;\n\n  /** Оборачивает вложенные элементы в `<span />`.\n   *\n   * _Примечание_: при двух и более вложенных элементах обёртка будет добавлена автоматически. */\n  useWrapper?: boolean;\n\n  /** Задержка в миллисекундах до появления тултипа. */\n  delayBeforeShow?: number;\n\n  /** Событие нажатия на крестик. */\n  onCloseClick?: React.MouseEventHandler<HTMLElement>;\n\n  /** Событие нажатия на крестик или снаружи тултипа. */\n  onCloseRequest?: (event?: Event | React.MouseEvent) => void;\n\n  /** Событие закрытия тултипа. */\n  onClose?: () => void;\n\n  /** Событие открытия тултипа. */\n  onOpen?: () => void;\n}\n\nconst DEFAULT_DELAY = 100;\n\nexport interface TooltipState {\n  opened: boolean;\n  focused: boolean;\n}\n\nexport const TooltipDataTids = {\n  root: 'Tooltip__root',\n  content: 'Tooltip__content',\n  crossIcon: 'Tooltip__crossIcon',\n} as const;\n\nconst DefaultPositions: PopupPositionsType[] = [\n  'right bottom',\n  'right middle',\n  'right top',\n  'top right',\n  'top center',\n  'top left',\n  'left top',\n  'left middle',\n  'left bottom',\n  'bottom left',\n  'bottom center',\n  'bottom right',\n];\n\nconst MobilePositions: PopupPositionsType[] = [\n  'top right',\n  'top center',\n  'top left',\n  'bottom left',\n  'bottom center',\n  'bottom right',\n];\n\ninterface TooltipSizeVariables {\n  closeButtonStyle: string;\n  contentStyle: string;\n  borderRadius: string;\n  pinSize: string;\n  pinOffsetX: string;\n  pinOffsetY: string;\n  margin: string;\n}\n\ntype DefaultProps = Required<Pick<TooltipProps, 'trigger' | 'disableAnimations' | 'useWrapper' | 'delayBeforeShow'>>;\n\n/**\n * Подсказка, которая объясняет состояние контрола или даёт контекстную справку.\n *\n * Открывается по клику, фокусу на элемент или наведению.\n * Может содержать изображения, кнопки, ссылки и прочие интерактивные элементы.\n */\n@withRenderEnvironment\n@rootNode\n@withSize\nexport class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {\n  public static __KONTUR_REACT_UI__ = 'Tooltip';\n  public static displayName = 'Tooltip';\n\n  public static defaultProps: DefaultProps = {\n    trigger: 'hover',\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n    delayBeforeShow: DEFAULT_DELAY,\n  };\n\n  private getProps = createPropsGetter(Tooltip.defaultProps);\n  private validateProps(props: TooltipProps): void {\n    warning(\n      props.children || props.anchorElement,\n      `[Tooltip]: you must provide either 'children' or 'anchorElement' prop for Tooltip to work properly`,\n    );\n  }\n\n  public static delay = DEFAULT_DELAY;\n  private static triggersWithoutCloseButton: TooltipTrigger[] = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];\n  private static triggersToOverrideOnMobile: TooltipTrigger[] = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];\n\n  public state: TooltipState = { opened: false, focused: false };\n  private isMobileLayout = false;\n  private isMobileInteraction = false;\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 size!: SizeProp;\n  private sizeVariables!: TooltipSizeVariables;\n  private hoverTimeout: SafeTimer;\n  private clickTimeout: Nullable<number>;\n  private contentElement: Nullable<HTMLElement> = null;\n  private clickedOutside = true;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  private popupRef = React.createRef<Popup>();\n\n  public getAllowedPositions(): string[] {\n    return this.props.allowedPositions ? this.props.allowedPositions : DefaultPositions;\n  }\n\n  public componentDidMount(): void {\n    this.validateProps(this.getProps());\n  }\n\n  public componentDidUpdate() {\n    const { trigger } = this.getProps();\n\n    this.validateProps(this.getProps());\n    if (trigger === 'closed' && this.state.opened) {\n      this.close();\n    }\n  }\n\n  public componentWillUnmount() {\n    this.clearHoverTimeout();\n    this.clearClickTimeout();\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          this.sizeVariables = this.getSizeVariables();\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupBackground: theme.tooltipBg,\n                  popupBorder: theme.tooltipBorder,\n                  popupBorderRadius: this.sizeVariables.borderRadius,\n                  popupPinSize: this.sizeVariables.pinSize,\n                  popupPinOffsetX: this.sizeVariables.pinOffsetX,\n                  popupPinOffsetY: this.sizeVariables.pinOffsetY,\n                  popupMargin: this.sizeVariables.margin,\n                },\n                theme,\n              )}\n            >\n              <ResponsiveLayout customMediaQueries={{ canHover: '(hover: hover)' }}>\n                {(layout) => {\n                  this.isMobileLayout = layout.isMobile;\n                  this.isMobileInteraction = layout.isMobile && !layout.canHover;\n                  return this.renderMain();\n                }}\n              </ResponsiveLayout>\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderContent = (): React.JSX.Element | null => {\n    const content = this.props.render ? this.props.render() : null;\n    if (isNullable(content)) {\n      return null;\n    }\n\n    return (\n      <div\n        ref={this.refContent}\n        className={this.cx(this.styles.tooltipContent(this.theme), this.sizeVariables.contentStyle)}\n        data-tid={TooltipDataTids.content}\n      >\n        {content}\n        {this.renderCloseButton()}\n      </div>\n    );\n  };\n\n  public renderCloseButton(): React.JSX.Element | null {\n    const hasCross =\n      this.props.closeButton === undefined\n        ? this.isMobileLayout || !Tooltip.triggersWithoutCloseButton.includes(this.getTrigger())\n        : this.props.closeButton;\n\n    if (!hasCross) {\n      return null;\n    }\n\n    const icon = (\n      <CloseButtonIcon\n        tabbable={false}\n        side={parseInt(this.theme.tooltipCloseBtnSide)}\n        color={this.theme.tooltipCloseBtnColor}\n        colorHover={this.theme.tooltipCloseBtnHoverColor}\n      />\n    );\n\n    return (\n      <div\n        className={this.cx(this.styles.closeButton(this.theme), this.sizeVariables.closeButtonStyle)}\n        onClick={this.handleCloseButtonClick}\n        data-tid={TooltipDataTids.crossIcon}\n      >\n        {icon}\n      </div>\n    );\n  }\n\n  public getAnchorElement = (): Nullable<Element> => {\n    return this.popupRef.current?.anchorElement;\n  };\n\n  /**\n   * Открывает тултип.\n   * <p>Не работает при `trigger` = \"opened\" | \"closed\"`.</p>\n   * @public\n   */\n  public show(): void {\n    if (this.state.opened) {\n      return;\n    }\n    const trigger = this.getTrigger();\n    if (trigger === 'opened' || trigger === 'closed') {\n      warning(false, `Function 'show' is not supported with trigger specified '${trigger}'`);\n      return;\n    }\n    this.open();\n  }\n\n  /**\n   * Закрывает тултип.\n   * <p>Не работает при `trigger` = \"opened\" | \"closed\"`.</p>\n   * @public\n   */\n  public hide(): void {\n    const trigger = this.getTrigger();\n    if (trigger === 'opened' || trigger === 'closed') {\n      warning(false, `Function 'hide' is not supported with trigger specified '${trigger}'`);\n      return;\n    }\n    this.close();\n  }\n\n  private renderMain() {\n    const props = this.props;\n    const content = this.renderContent();\n    const { popupProps, layerProps = { active: false } } = this.getPopupAndLayerProps();\n    const anchorElement = props.children || props.anchorElement;\n    const popup = this.renderPopup(anchorElement, popupProps, content);\n\n    return (\n      <RenderLayer {...layerProps} getAnchorElement={this.getAnchorElement}>\n        {popup}\n      </RenderLayer>\n    );\n  }\n\n  private renderPopup(\n    anchorElement: React.ReactNode | HTMLElement,\n    popupProps: Partial<PopupProps>,\n    content: JSX.Element | null,\n  ) {\n    const { disableAnimations } = this.getProps();\n    const trigger = this.getTrigger();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <Popup\n          data-tid={TooltipDataTids.root}\n          anchorElement={anchorElement}\n          hasPin\n          hasShadow\n          {...(this.isMobileLayout ? {} : { maxWidth: 'none' })}\n          opened={this.state.opened}\n          disableAnimations={disableAnimations}\n          positions={this.getPositions()}\n          pos={this.getPos()}\n          ignoreHover={trigger === 'hoverAnchor'}\n          onOpen={this.props.onOpen}\n          onClose={this.props.onClose}\n          tryPreserveFirstRenderedPosition\n          ref={this.popupRef}\n          withoutMobile\n          {...popupProps}\n        >\n          {content}\n        </Popup>\n      </CommonWrapper>\n    );\n  }\n\n  private getTrigger = (): TooltipTrigger => {\n    const trigger = this.getProps().trigger;\n    return this.isMobileInteraction && Tooltip.triggersToOverrideOnMobile.includes(trigger) ? 'click' : trigger;\n  };\n\n  private getPos = (): TooltipProps['pos'] => {\n    const positions = this.getPositions();\n    const pos = this.props.pos;\n\n    if (pos && positions.some((item) => item.startsWith(pos))) {\n      return pos;\n    }\n\n    return positions[0];\n  };\n\n  private getPositions = (): PopupPositionsType[] => {\n    const validPositions = this.isMobileLayout ? MobilePositions : DefaultPositions;\n\n    return this.props.allowedPositions\n      ? this.props.allowedPositions.filter((item) => validPositions.includes(item))\n      : validPositions;\n  };\n\n  private refContent = (node: HTMLElement | null) => {\n    this.contentElement = node;\n  };\n\n  private getPopupAndLayerProps(): {\n    layerProps?: Partial<RenderLayerProps>;\n    popupProps: Partial<PopupProps>;\n  } {\n    const props = this.props;\n    const useWrapper = !!props.children && this.getProps().useWrapper;\n    const trigger = this.getTrigger();\n\n    const defaultPopupAndLayerProps: ReturnType<typeof this.getPopupAndLayerProps> = {\n      popupProps: {\n        onMouseEnter: this.handleMouseEnter,\n        onMouseLeave: this.handleMouseLeave,\n        useWrapper,\n      },\n    };\n\n    switch (trigger) {\n      case 'opened':\n        return {\n          layerProps: {\n            active: true,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            opened: true,\n            useWrapper,\n          },\n        };\n\n      case 'closed':\n        return {\n          popupProps: {\n            opened: false,\n            useWrapper,\n          },\n        };\n\n      case 'manual':\n        return {\n          popupProps: {\n            useWrapper,\n          },\n        };\n      case 'click':\n        return {\n          layerProps: {\n            active: this.state.opened,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            onClick: this.handleClick,\n            useWrapper,\n          },\n        };\n\n      case 'focus':\n        return {\n          popupProps: {\n            onFocus: this.handleFocus,\n            onBlur: this.handleBlur,\n            useWrapper,\n          },\n        };\n\n      case 'hover&focus':\n        return {\n          layerProps: {\n            active: this.state.opened,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            onFocus: this.handleFocus,\n            onBlur: this.handleBlur,\n            onMouseEnter: this.handleMouseEnter,\n            onMouseLeave: this.handleMouseLeave,\n            useWrapper,\n          },\n        };\n\n      case 'hoverAnchor':\n      case 'hover':\n        return defaultPopupAndLayerProps;\n      default:\n        warning(false, `Unknown trigger specified: ${trigger}. Returning default value.`);\n        return defaultPopupAndLayerProps;\n    }\n  }\n\n  private open = () => this.setState({ opened: true });\n\n  private close = () => this.setState({ opened: false });\n\n  private clearHoverTimeout() {\n    if (this.hoverTimeout) {\n      clearTimeout(this.hoverTimeout);\n      this.hoverTimeout = null;\n    }\n  }\n\n  private clearClickTimeout() {\n    if (this.clickTimeout) {\n      this.globalObject.cancelAnimationFrame?.(this.clickTimeout);\n      this.clickTimeout = null;\n    }\n  }\n\n  private handleMouseEnter = (event: MouseEventType) => {\n    if (this.isMobileInteraction) {\n      return;\n    }\n\n    const isHoverAnchor = this.getProps().trigger === 'hoverAnchor';\n    if (isHoverAnchor && event.target === this.contentElement) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n    this.hoverTimeout = setTimeout(this.open, this.getProps().delayBeforeShow);\n  };\n\n  private handleMouseLeave = (event: MouseEventType) => {\n    if (this.isMobileInteraction) {\n      return;\n    }\n\n    const trigger = this.getTrigger();\n    if (trigger === 'hover&focus' && this.state.focused) {\n      return;\n    }\n\n    // Transitioning between the anchor and the popup, including the hover-bridge and pin, must not trigger the close timeout.\n    if (\n      (trigger === 'hover' || trigger === 'hover&focus') &&\n      this.isRelatedTargetInsideHoverArea(event.relatedTarget)\n    ) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n\n    if (trigger === 'hoverAnchor') {\n      this.close();\n    } else {\n      this.hoverTimeout = setTimeout(this.close, Tooltip.delay);\n    }\n  };\n\n  private isRelatedTargetInsideHoverArea = (relatedTarget: EventTarget | null): boolean => {\n    if (!relatedTarget || !isInstanceOf(relatedTarget, this.globalObject.Element)) {\n      return false;\n    }\n\n    const popupNode = this.popupRef.current?.getRootNode?.() ?? null;\n    if (popupNode && containsTargetOrRenderContainer(relatedTarget)(popupNode)) {\n      return true;\n    }\n\n    const anchorNode = this.getAnchorElement();\n    if (anchorNode && isInstanceOf(anchorNode, this.globalObject.Element)) {\n      return containsTargetOrRenderContainer(relatedTarget)(anchorNode);\n    }\n\n    return relatedTarget === this.contentElement;\n  };\n\n  private handleClick = () => {\n    const toggleOpenState = () => {\n      if (this.isMobileInteraction && this.state.opened) {\n        this.close();\n        return;\n      }\n      this.open();\n    };\n\n    if (this.isMobileInteraction) {\n      // Don't lose change event of Checkbox/RadioGroup/Toggle on mobile tap\n      this.clickTimeout = this.globalObject.requestAnimationFrame?.(() => {\n        this.clickTimeout = null;\n        toggleOpenState();\n      });\n    } else {\n      toggleOpenState();\n    }\n  };\n\n  private handleClickOutsideAnchor = (event: Event) => {\n    this.clickedOutside = this.isClickOutsideContent(event);\n    if (this.clickedOutside) {\n      if (this.props.onCloseRequest) {\n        this.props.onCloseRequest(event);\n      }\n      this.close();\n    }\n  };\n\n  private isClickOutsideContent(event: Event) {\n    if (this.contentElement && isInstanceOf(event.target, this.globalObject.Element)) {\n      return !containsTargetOrRenderContainer(event.target)(this.contentElement);\n    }\n\n    return true;\n  }\n\n  private handleFocus = () => {\n    this.setState({ focused: true });\n    this.open();\n  };\n\n  private handleBlur = () => {\n    const trigger = this.getTrigger();\n    if (trigger === 'hover&focus' && this.clickedOutside) {\n      this.close();\n    }\n\n    if (trigger === 'focus') {\n      this.close();\n    }\n\n    this.clickedOutside = true;\n    this.setState({ focused: false });\n  };\n\n  private handleCloseButtonClick = (event: React.MouseEvent<HTMLElement>) => {\n    event.stopPropagation();\n\n    if (this.props.onCloseClick) {\n      this.props.onCloseClick(event);\n    }\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest(event);\n    }\n\n    this.close();\n  };\n\n  private getSizeVariables = (): TooltipSizeVariables => {\n    switch (this.size) {\n      case 'small':\n        return {\n          closeButtonStyle: this.styles.closeButtonSmall(this.theme),\n          contentStyle: this.styles.tooltipContentSmall(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusSmall,\n          pinSize: this.theme.tooltipPinSizeSmall,\n          pinOffsetX: this.theme.tooltipPinOffsetXSmall,\n          pinOffsetY: this.theme.tooltipPinOffsetYSmall,\n          margin: this.theme.tooltipMarginSmall,\n        };\n      case 'medium':\n        return {\n          closeButtonStyle: this.styles.closeButtonMedium(this.theme),\n          contentStyle: this.styles.tooltipContentMedium(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusMedium,\n          pinSize: this.theme.tooltipPinSizeMedium,\n          pinOffsetX: this.theme.tooltipPinOffsetXMedium,\n          pinOffsetY: this.theme.tooltipPinOffsetYMedium,\n          margin: this.theme.tooltipMarginMedium,\n        };\n      case 'large':\n        return {\n          closeButtonStyle: this.styles.closeButtonLarge(this.theme),\n          contentStyle: this.styles.tooltipContentLarge(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusLarge,\n          pinSize: this.theme.tooltipPinSizeLarge,\n          pinOffsetX: this.theme.tooltipPinOffsetXLarge,\n          pinOffsetY: this.theme.tooltipPinOffsetYLarge,\n          margin: this.theme.tooltipMarginLarge,\n        };\n      default:\n        warning(false, `Can't get size variables: invalid value in size prop '${this.props.size}'. Returning default`);\n        return {\n          closeButtonStyle: this.styles.closeButtonSmall(this.theme),\n          contentStyle: this.styles.tooltipContentSmall(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusSmall,\n          pinSize: this.theme.tooltipPinSizeSmall,\n          pinOffsetX: this.theme.tooltipPinOffsetXSmall,\n          pinOffsetY: this.theme.tooltipPinOffsetYSmall,\n          margin: this.theme.tooltipMarginSmall,\n        };\n    }\n  };\n}\n"]}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["Tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React, { type JSX } from 'react';\nimport warning from 'warning';\n\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport type { PopupPositionsType, PopupProps, ShortPopupPositionsType } from '../../internal/Popup/index.js';\nimport { Popup } from '../../internal/Popup/index.js';\nimport { RenderLayer } from '../../internal/RenderLayer/index.js';\nimport type { RenderLayerProps } from '../../internal/RenderLayer/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport type { GlobalObject, SafeTimer } from '../../lib/globalObject.js';\nimport type { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement.js';\nimport { isInstanceOf } from '../../lib/isInstanceOf.js';\nimport { containsTargetOrRenderContainer } from '../../lib/listenFocusOutside.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { isNullable } from '../../lib/utils.js';\nimport type { MouseEventType } from '../../typings/event-types.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { ResponsiveLayout } from '../ResponsiveLayout/ResponsiveLayout.js';\nimport { getStyles } from './Tooltip.styles.js';\n\nexport type TooltipTrigger =\n  /** Наведение на children и на тултип */\n  | 'hover'\n  /** Клик на children */\n  | 'click'\n  /** Фокус на children */\n  | 'focus'\n  /** Наведение на children и на тултип и фокус на children */\n  | 'hover&focus'\n  /** Просто открыт */\n  | 'opened'\n  /** Просто закрыт */\n  | 'closed'\n  /** Наведение ТОЛЬКО на children, а не на тултип */\n  | 'hoverAnchor'\n  /** Управление через публичные функции show и hide */\n  | 'manual';\n\nexport interface TooltipProps extends CommonProps {\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Функция, возвращающая содержимое тултипа. При возврате `null` тултип не показывается. */\n  render?: Nullable<() => React.ReactNode>;\n\n  /** Размер тултипа.\n   * @default small */\n  size?: SizeProp;\n\n  /** Приоритетное расположение тултипа относительно элемента. */\n  pos?: ShortPopupPositionsType | PopupPositionsType;\n\n  /** Список позиций, которые может занимать тултип. В списке обязательно должна быть позиция из пропа `pos`. */\n  allowedPositions?: PopupPositionsType[];\n\n  /** Триггер открытия тултипа. */\n  trigger?: TooltipTrigger;\n\n  /** Показывает крестик для закрытия тултипа.\n   * По умолчанию крестик показывается, если проп `trigger` не равен `hover` или `focus`. */\n  closeButton?: boolean;\n\n  /** Элемент, относительно которого позиционируется тултип. */\n  anchorElement?: HTMLElement;\n\n  /** Отключает анимацию.\n   * @default false */\n  disableAnimations?: boolean;\n\n  /** Оборачивает вложенные элементы в `<span />`.\n   *\n   * _Примечание_: при двух и более вложенных элементах обёртка будет добавлена автоматически. */\n  useWrapper?: boolean;\n\n  /** Задержка в миллисекундах до появления тултипа. */\n  delayBeforeShow?: number;\n\n  /** Событие нажатия на крестик. */\n  onCloseClick?: React.MouseEventHandler<HTMLElement>;\n\n  /** Событие нажатия на крестик или снаружи тултипа. */\n  onCloseRequest?: (event?: Event | React.MouseEvent) => void;\n\n  /** Событие закрытия тултипа. */\n  onClose?: () => void;\n\n  /** Событие открытия тултипа. */\n  onOpen?: () => void;\n}\n\nconst DEFAULT_DELAY = 100;\n\nexport interface TooltipState {\n  opened: boolean;\n  focused: boolean;\n}\n\nexport const TooltipDataTids = {\n  root: 'Tooltip__root',\n  content: 'Tooltip__content',\n  crossIcon: 'Tooltip__crossIcon',\n} as const;\n\nconst DefaultPositions: PopupPositionsType[] = [\n  'right bottom',\n  'right middle',\n  'right top',\n  'top right',\n  'top center',\n  'top left',\n  'left top',\n  'left middle',\n  'left bottom',\n  'bottom left',\n  'bottom center',\n  'bottom right',\n];\n\nconst MobilePositions: PopupPositionsType[] = [\n  'top right',\n  'top center',\n  'top left',\n  'bottom left',\n  'bottom center',\n  'bottom right',\n];\n\ninterface TooltipSizeVariables {\n  closeButtonStyle: string;\n  contentStyle: string;\n  borderRadius: string;\n  pinSize: string;\n  pinOffsetX: string;\n  pinOffsetY: string;\n  margin: string;\n}\n\ntype DefaultProps = Required<Pick<TooltipProps, 'trigger' | 'disableAnimations' | 'useWrapper' | 'delayBeforeShow'>>;\n\n/**\n * Подсказка, которая объясняет состояние контрола или даёт контекстную справку.\n *\n * Открывается по клику, фокусу на элемент или наведению.\n * Может содержать изображения, кнопки, ссылки и прочие интерактивные элементы.\n */\n@withRenderEnvironment\n@rootNode\n@withSize\nexport class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {\n  public static __KONTUR_REACT_UI__ = 'Tooltip';\n  public static displayName = 'Tooltip';\n\n  public static defaultProps: DefaultProps = {\n    trigger: 'hover',\n    disableAnimations: isTestEnv,\n    useWrapper: false,\n    delayBeforeShow: DEFAULT_DELAY,\n  };\n\n  private getProps = createPropsGetter(Tooltip.defaultProps);\n  private validateProps(props: TooltipProps): void {\n    warning(\n      props.children || props.anchorElement,\n      `[Tooltip]: you must provide either 'children' or 'anchorElement' prop for Tooltip to work properly`,\n    );\n  }\n\n  public static delay = DEFAULT_DELAY;\n  private static triggersWithoutCloseButton: TooltipTrigger[] = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];\n  private static triggersToOverrideOnMobile: TooltipTrigger[] = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];\n\n  public state: TooltipState = { opened: false, focused: false };\n  private isMobileLayout = false;\n  private isMobileInteraction = false;\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 size!: SizeProp;\n  private sizeVariables!: TooltipSizeVariables;\n  private hoverTimeout: SafeTimer;\n  private clickTimeout: Nullable<number>;\n  private contentElement: Nullable<HTMLElement> = null;\n  private clickedOutside = true;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  private popupRef = React.createRef<Popup>();\n\n  public getAllowedPositions(): string[] {\n    return this.props.allowedPositions ? this.props.allowedPositions : DefaultPositions;\n  }\n\n  public componentDidMount(): void {\n    this.validateProps(this.getProps());\n  }\n\n  public componentDidUpdate() {\n    const { trigger } = this.getProps();\n\n    this.validateProps(this.getProps());\n    if (trigger === 'closed' && this.state.opened) {\n      this.close();\n    }\n  }\n\n  public componentWillUnmount() {\n    this.clearHoverTimeout();\n    this.clearClickTimeout();\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          this.sizeVariables = this.getSizeVariables();\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupBackground: theme.tooltipBg,\n                  popupBorder: theme.tooltipBorder,\n                  popupBorderRadius: this.sizeVariables.borderRadius,\n                  popupPinSize: this.sizeVariables.pinSize,\n                  popupPinOffsetX: this.sizeVariables.pinOffsetX,\n                  popupPinOffsetY: this.sizeVariables.pinOffsetY,\n                  popupMargin: this.sizeVariables.margin,\n                },\n                theme,\n              )}\n            >\n              <ResponsiveLayout customMediaQueries={{ canHover: '(hover: hover)' }}>\n                {(layout) => {\n                  this.isMobileLayout = layout.isMobile;\n                  this.isMobileInteraction = layout.isMobile && !layout.canHover;\n                  return this.renderMain();\n                }}\n              </ResponsiveLayout>\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderContent = (): React.JSX.Element | null => {\n    const content = this.props.render ? this.props.render() : null;\n    if (isNullable(content)) {\n      return null;\n    }\n\n    return (\n      <div\n        ref={this.refContent}\n        className={this.cx(this.styles.tooltipContent(this.theme), this.sizeVariables.contentStyle)}\n        data-tid={TooltipDataTids.content}\n      >\n        {content}\n        {this.renderCloseButton()}\n      </div>\n    );\n  };\n\n  public renderCloseButton(): React.JSX.Element | null {\n    const hasCross =\n      this.props.closeButton === undefined\n        ? this.isMobileLayout || !Tooltip.triggersWithoutCloseButton.includes(this.getTrigger())\n        : this.props.closeButton;\n\n    if (!hasCross) {\n      return null;\n    }\n\n    const icon = (\n      <CloseButtonIcon\n        tabbable={false}\n        side={parseInt(this.theme.tooltipCloseBtnSide)}\n        color={this.theme.tooltipCloseBtnColor}\n        colorHover={this.theme.tooltipCloseBtnHoverColor}\n      />\n    );\n\n    return (\n      <div\n        className={this.cx(this.styles.closeButton(this.theme), this.sizeVariables.closeButtonStyle)}\n        onClick={this.handleCloseButtonClick}\n        data-tid={TooltipDataTids.crossIcon}\n      >\n        {icon}\n      </div>\n    );\n  }\n\n  public getAnchorElement = (): Nullable<Element> => {\n    return this.popupRef.current?.anchorElement;\n  };\n\n  /**\n   * Открывает тултип.\n   * <p>Не работает при `trigger` = \"opened\" | \"closed\"`.</p>\n   * @public\n   */\n  public show(): void {\n    if (this.state.opened) {\n      return;\n    }\n    const trigger = this.getTrigger();\n    if (trigger === 'opened' || trigger === 'closed') {\n      warning(false, `Function 'show' is not supported with trigger specified '${trigger}'`);\n      return;\n    }\n    this.open();\n  }\n\n  /**\n   * Закрывает тултип.\n   * <p>Не работает при `trigger` = \"opened\" | \"closed\"`.</p>\n   * @public\n   */\n  public hide(): void {\n    const trigger = this.getTrigger();\n    if (trigger === 'opened' || trigger === 'closed') {\n      warning(false, `Function 'hide' is not supported with trigger specified '${trigger}'`);\n      return;\n    }\n    this.close();\n  }\n\n  private renderMain() {\n    const props = this.props;\n    const content = this.renderContent();\n    const { popupProps, layerProps = { active: false } } = this.getPopupAndLayerProps();\n    const anchorElement = props.children || props.anchorElement;\n    const popup = this.renderPopup(anchorElement, popupProps, content);\n\n    return (\n      <RenderLayer {...layerProps} getAnchorElement={this.getAnchorElement}>\n        {popup}\n      </RenderLayer>\n    );\n  }\n\n  private renderPopup(\n    anchorElement: React.ReactNode | HTMLElement,\n    popupProps: Partial<PopupProps>,\n    content: JSX.Element | null,\n  ) {\n    const { disableAnimations } = this.getProps();\n    const trigger = this.getTrigger();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <Popup\n          data-tid={TooltipDataTids.root}\n          anchorElement={anchorElement}\n          hasPin\n          hasShadow\n          {...(this.isMobileLayout ? {} : { maxWidth: 'none' })}\n          opened={this.state.opened}\n          disableAnimations={disableAnimations}\n          positions={this.getPositions()}\n          pos={this.getPos()}\n          ignoreHover={trigger === 'hoverAnchor'}\n          onOpen={this.props.onOpen}\n          onClose={this.props.onClose}\n          tryPreserveFirstRenderedPosition\n          ref={this.popupRef}\n          withoutMobile\n          {...popupProps}\n        >\n          {content}\n        </Popup>\n      </CommonWrapper>\n    );\n  }\n\n  private getTrigger = (): TooltipTrigger => {\n    const trigger = this.getProps().trigger;\n    return this.isMobileInteraction && Tooltip.triggersToOverrideOnMobile.includes(trigger) ? 'click' : trigger;\n  };\n\n  private getPos = (): TooltipProps['pos'] => {\n    const positions = this.getPositions();\n    const pos = this.props.pos;\n\n    if (pos && positions.some((item) => item.startsWith(pos))) {\n      return pos;\n    }\n\n    return positions[0];\n  };\n\n  private getPositions = (): PopupPositionsType[] => {\n    const validPositions = this.isMobileLayout ? MobilePositions : DefaultPositions;\n\n    return this.props.allowedPositions\n      ? this.props.allowedPositions.filter((item) => validPositions.includes(item))\n      : validPositions;\n  };\n\n  private refContent = (node: HTMLElement | null) => {\n    this.contentElement = node;\n  };\n\n  private getPopupAndLayerProps(): {\n    layerProps?: Partial<RenderLayerProps>;\n    popupProps: Partial<PopupProps>;\n  } {\n    const props = this.props;\n    const useWrapper = !!props.children && this.getProps().useWrapper;\n    const trigger = this.getTrigger();\n\n    const defaultPopupAndLayerProps: ReturnType<typeof this.getPopupAndLayerProps> = {\n      popupProps: {\n        onMouseEnter: this.handleMouseEnter,\n        onMouseLeave: this.handleMouseLeave,\n        useWrapper,\n      },\n    };\n\n    switch (trigger) {\n      case 'opened':\n        return {\n          layerProps: {\n            active: true,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            opened: true,\n            useWrapper,\n          },\n        };\n\n      case 'closed':\n        return {\n          popupProps: {\n            opened: false,\n            useWrapper,\n          },\n        };\n\n      case 'manual':\n        return {\n          popupProps: {\n            useWrapper,\n          },\n        };\n      case 'click':\n        return {\n          layerProps: {\n            active: this.state.opened,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            onClick: this.handleClick,\n            useWrapper,\n          },\n        };\n\n      case 'focus':\n        return {\n          popupProps: {\n            onFocus: this.handleFocus,\n            onBlur: this.handleBlur,\n            useWrapper,\n          },\n        };\n\n      case 'hover&focus':\n        return {\n          layerProps: {\n            active: this.state.opened,\n            onClickOutside: this.handleClickOutsideAnchor,\n          },\n          popupProps: {\n            onFocus: this.handleFocus,\n            onBlur: this.handleBlur,\n            onMouseEnter: this.handleMouseEnter,\n            onMouseLeave: this.handleMouseLeave,\n            useWrapper,\n          },\n        };\n\n      case 'hoverAnchor':\n      case 'hover':\n        return defaultPopupAndLayerProps;\n      default:\n        warning(false, `Unknown trigger specified: ${trigger}. Returning default value.`);\n        return defaultPopupAndLayerProps;\n    }\n  }\n\n  private open = () => this.setState({ opened: true });\n\n  private close = () => this.setState({ opened: false });\n\n  private clearHoverTimeout() {\n    if (this.hoverTimeout) {\n      clearTimeout(this.hoverTimeout);\n      this.hoverTimeout = null;\n    }\n  }\n\n  private clearClickTimeout() {\n    if (this.clickTimeout) {\n      this.globalObject.cancelAnimationFrame?.(this.clickTimeout);\n      this.clickTimeout = null;\n    }\n  }\n\n  private handleMouseEnter = (event: MouseEventType) => {\n    if (this.isMobileInteraction) {\n      return;\n    }\n\n    const isHoverAnchor = this.getProps().trigger === 'hoverAnchor';\n    if (isHoverAnchor && event.target === this.contentElement) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n    this.hoverTimeout = setTimeout(this.open, this.getProps().delayBeforeShow);\n  };\n\n  private handleMouseLeave = (event: MouseEventType) => {\n    if (this.isMobileInteraction) {\n      return;\n    }\n\n    const trigger = this.getTrigger();\n    if (trigger === 'hover&focus' && this.state.focused) {\n      return;\n    }\n\n    // Transitioning between the anchor and the popup, including the hover-bridge and pin, must not trigger the close timeout.\n    if (\n      (trigger === 'hover' || trigger === 'hover&focus') &&\n      this.isRelatedTargetInsideHoverArea(event.relatedTarget)\n    ) {\n      return;\n    }\n\n    this.clearHoverTimeout();\n\n    if (trigger === 'hoverAnchor') {\n      this.close();\n    } else {\n      this.hoverTimeout = setTimeout(this.close, Tooltip.delay);\n    }\n  };\n\n  private isRelatedTargetInsideHoverArea = (relatedTarget: EventTarget | null): boolean => {\n    if (!relatedTarget || !isInstanceOf(relatedTarget, this.globalObject.Element)) {\n      return false;\n    }\n\n    const popupNode = this.popupRef.current?.getRootNode?.() ?? null;\n    if (popupNode && containsTargetOrRenderContainer(relatedTarget)(popupNode)) {\n      return true;\n    }\n\n    const anchorNode = this.getAnchorElement();\n    if (anchorNode && isInstanceOf(anchorNode, this.globalObject.Element)) {\n      return containsTargetOrRenderContainer(relatedTarget)(anchorNode);\n    }\n\n    return relatedTarget === this.contentElement;\n  };\n\n  private handleClick = () => {\n    const toggleOpenState = () => {\n      if (this.isMobileInteraction && this.state.opened) {\n        this.close();\n        return;\n      }\n      this.open();\n    };\n\n    if (this.isMobileInteraction) {\n      // Don't lose change event of Checkbox/RadioGroup/Toggle on mobile tap\n      this.clickTimeout = this.globalObject.requestAnimationFrame?.(() => {\n        this.clickTimeout = null;\n        toggleOpenState();\n      });\n    } else {\n      toggleOpenState();\n    }\n  };\n\n  private handleClickOutsideAnchor = (event: Event) => {\n    this.clickedOutside = this.isClickOutsideContent(event);\n    if (this.clickedOutside) {\n      if (this.props.onCloseRequest) {\n        this.props.onCloseRequest(event);\n      }\n      this.close();\n    }\n  };\n\n  private isClickOutsideContent(event: Event) {\n    if (this.contentElement && isInstanceOf(event.target, this.globalObject.Element)) {\n      return !containsTargetOrRenderContainer(event.target)(this.contentElement);\n    }\n\n    return true;\n  }\n\n  private handleFocus = () => {\n    this.setState({ focused: true });\n    this.open();\n  };\n\n  private handleBlur = () => {\n    const trigger = this.getTrigger();\n    if (trigger === 'hover&focus' && this.clickedOutside) {\n      this.close();\n    }\n\n    if (trigger === 'focus') {\n      this.close();\n    }\n\n    this.clickedOutside = true;\n    this.setState({ focused: false });\n  };\n\n  private handleCloseButtonClick = (event: React.MouseEvent<HTMLElement>) => {\n    event.stopPropagation();\n\n    if (this.props.onCloseClick) {\n      this.props.onCloseClick(event);\n    }\n\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest(event);\n    }\n\n    this.close();\n  };\n\n  private getSizeVariables = (): TooltipSizeVariables => {\n    switch (this.size) {\n      case 'small':\n        return {\n          closeButtonStyle: this.styles.closeButtonSmall(this.theme),\n          contentStyle: this.styles.tooltipContentSmall(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusSmall,\n          pinSize: this.theme.tooltipPinSizeSmall,\n          pinOffsetX: this.theme.tooltipPinOffsetXSmall,\n          pinOffsetY: this.theme.tooltipPinOffsetYSmall,\n          margin: this.theme.tooltipMarginSmall,\n        };\n      case 'medium':\n        return {\n          closeButtonStyle: this.styles.closeButtonMedium(this.theme),\n          contentStyle: this.styles.tooltipContentMedium(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusMedium,\n          pinSize: this.theme.tooltipPinSizeMedium,\n          pinOffsetX: this.theme.tooltipPinOffsetXMedium,\n          pinOffsetY: this.theme.tooltipPinOffsetYMedium,\n          margin: this.theme.tooltipMarginMedium,\n        };\n      case 'large':\n        return {\n          closeButtonStyle: this.styles.closeButtonLarge(this.theme),\n          contentStyle: this.styles.tooltipContentLarge(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusLarge,\n          pinSize: this.theme.tooltipPinSizeLarge,\n          pinOffsetX: this.theme.tooltipPinOffsetXLarge,\n          pinOffsetY: this.theme.tooltipPinOffsetYLarge,\n          margin: this.theme.tooltipMarginLarge,\n        };\n      default:\n        warning(false, `Can't get size variables: invalid value in size prop '${this.props.size}'. Returning default`);\n        return {\n          closeButtonStyle: this.styles.closeButtonSmall(this.theme),\n          contentStyle: this.styles.tooltipContentSmall(this.theme),\n          borderRadius: this.theme.tooltipBorderRadiusSmall,\n          pinSize: this.theme.tooltipPinSizeSmall,\n          pinOffsetX: this.theme.tooltipPinOffsetXSmall,\n          pinOffsetY: this.theme.tooltipPinOffsetYSmall,\n          margin: this.theme.tooltipMarginSmall,\n        };\n    }\n  };\n}\n"]}

package/components/Tooltip/{Tooltip.css.d.ts → Tooltip.styles.d.ts}

@@ -1,5 +1,5 @@
 import type { Theme } from '../../lib/theming/Theme.js';
-export declare const getStyles: import("../../lib/theming/StaticStyles.js").StylesGetter<{
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
     closeButton(t: Theme): string;
     closeButtonSmall(t: Theme): string;
     closeButtonMedium(t: Theme): string;

package/components/Tooltip/Tooltip.styles.js

@@ -0,0 +1,36 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        closeButton: function (t) {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      position: absolute;\n      box-sizing: content-box;\n      right: 0;\n      top: 0;\n      width: ", ";\n      height: ", ";\n      color: ", ";\n      cursor: pointer;\n      line-height: 0;\n\n      &:hover {\n        color: ", ";\n      }\n    "], ["\n      position: absolute;\n      box-sizing: content-box;\n      right: 0;\n      top: 0;\n      width: ", ";\n      height: ", ";\n      color: ", ";\n      cursor: pointer;\n      line-height: 0;\n\n      &:hover {\n        color: ", ";\n      }\n    "])), t.tooltipCloseBtnSide, t.tooltipCloseBtnSide, t.tooltipCloseBtnColor, t.tooltipCloseBtnHoverColor);
+        },
+        closeButtonSmall: function (t) {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      padding: ", ";\n    "], ["\n      padding: ", ";\n    "])), t.tooltipCloseBtnPaddingSmall);
+        },
+        closeButtonMedium: function (t) {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      padding: ", ";\n    "], ["\n      padding: ", ";\n    "])), t.tooltipCloseBtnPaddingMedium);
+        },
+        closeButtonLarge: function (t) {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      padding: ", ";\n    "], ["\n      padding: ", ";\n    "])), t.tooltipCloseBtnPaddingLarge);
+        },
+        tooltipContent: function (t) {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      position: relative;\n      color: ", ";\n    "], ["\n      position: relative;\n      color: ", ";\n    "])), t.tooltipTextColor);
+        },
+        tooltipContentSmall: function (t) {
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.tooltipPaddingYSmall, t.tooltipPaddingXSmall, t.tooltipFontSizeSmall, t.tooltipLineHeightSmall);
+        },
+        tooltipContentMedium: function (t) {
+            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.tooltipPaddingYMedium, t.tooltipPaddingXMedium, t.tooltipFontSizeMedium, t.tooltipLineHeightMedium);
+        },
+        tooltipContentLarge: function (t) {
+            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      padding: ", " ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.tooltipPaddingYLarge, t.tooltipPaddingXLarge, t.tooltipFontSizeLarge, t.tooltipLineHeightLarge);
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=Tooltip.styles.js.map

package/components/Tooltip/Tooltip.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.styles.js","sourceRoot":"","sources":["Tooltip.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,WAAW,YAAC,CAAQ;YAClB,OAAO,GAAG,oUAAA,4GAKC,EAAqB,mBACpB,EAAqB,kBACtB,EAAsB,sFAKpB,EAA2B,kBAEvC,KATU,CAAC,CAAC,mBAAmB,EACpB,CAAC,CAAC,mBAAmB,EACtB,CAAC,CAAC,oBAAoB,EAKpB,CAAC,CAAC,yBAAyB,EAEtC;QACJ,CAAC;QAED,gBAAgB,YAAC,CAAQ;YACvB,OAAO,GAAG,iGAAA,mBACG,EAA6B,SACzC,KADY,CAAC,CAAC,2BAA2B,EACxC;QACJ,CAAC;QAED,iBAAiB,YAAC,CAAQ;YACxB,OAAO,GAAG,iGAAA,mBACG,EAA8B,SAC1C,KADY,CAAC,CAAC,4BAA4B,EACzC;QACJ,CAAC;QAED,gBAAgB,YAAC,CAAQ;YACvB,OAAO,GAAG,iGAAA,mBACG,EAA6B,SACzC,KADY,CAAC,CAAC,2BAA2B,EACxC;QACJ,CAAC;QAED,cAAc,YAAC,CAAQ;YACrB,OAAO,GAAG,0HAAA,4CAEC,EAAkB,SAC5B,KADU,CAAC,CAAC,gBAAgB,EAC3B;QACJ,CAAC;QAED,mBAAmB,YAAC,CAAQ;YAC1B,OAAO,GAAG,wJAAA,mBACG,EAAsB,GAAI,EAAsB,sBAC9C,EAAsB,wBACpB,EAAwB,SACxC,KAHY,CAAC,CAAC,oBAAoB,EAAI,CAAC,CAAC,oBAAoB,EAC9C,CAAC,CAAC,oBAAoB,EACpB,CAAC,CAAC,sBAAsB,EACvC;QACJ,CAAC;QAED,oBAAoB,YAAC,CAAQ;YAC3B,OAAO,GAAG,wJAAA,mBACG,EAAuB,GAAI,EAAuB,sBAChD,EAAuB,wBACrB,EAAyB,SACzC,KAHY,CAAC,CAAC,qBAAqB,EAAI,CAAC,CAAC,qBAAqB,EAChD,CAAC,CAAC,qBAAqB,EACrB,CAAC,CAAC,uBAAuB,EACxC;QACJ,CAAC;QAED,mBAAmB,YAAC,CAAQ;YAC1B,OAAO,GAAG,wJAAA,mBACG,EAAsB,GAAI,EAAsB,sBAC9C,EAAsB,wBACpB,EAAwB,SACxC,KAHY,CAAC,CAAC,oBAAoB,EAAI,CAAC,CAAC,oBAAoB,EAC9C,CAAC,CAAC,oBAAoB,EACpB,CAAC,CAAC,sBAAsB,EACvC;QACJ,CAAC;KACF,CAAC;AAnE8D,CAmE9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  closeButton(t: Theme) {\n    return css`\n      position: absolute;\n      box-sizing: content-box;\n      right: 0;\n      top: 0;\n      width: ${t.tooltipCloseBtnSide};\n      height: ${t.tooltipCloseBtnSide};\n      color: ${t.tooltipCloseBtnColor};\n      cursor: pointer;\n      line-height: 0;\n\n      &:hover {\n        color: ${t.tooltipCloseBtnHoverColor};\n      }\n    `;\n  },\n\n  closeButtonSmall(t: Theme) {\n    return css`\n      padding: ${t.tooltipCloseBtnPaddingSmall};\n    `;\n  },\n\n  closeButtonMedium(t: Theme) {\n    return css`\n      padding: ${t.tooltipCloseBtnPaddingMedium};\n    `;\n  },\n\n  closeButtonLarge(t: Theme) {\n    return css`\n      padding: ${t.tooltipCloseBtnPaddingLarge};\n    `;\n  },\n\n  tooltipContent(t: Theme) {\n    return css`\n      position: relative;\n      color: ${t.tooltipTextColor};\n    `;\n  },\n\n  tooltipContentSmall(t: Theme) {\n    return css`\n      padding: ${t.tooltipPaddingYSmall} ${t.tooltipPaddingXSmall};\n      font-size: ${t.tooltipFontSizeSmall};\n      line-height: ${t.tooltipLineHeightSmall};\n    `;\n  },\n\n  tooltipContentMedium(t: Theme) {\n    return css`\n      padding: ${t.tooltipPaddingYMedium} ${t.tooltipPaddingXMedium};\n      font-size: ${t.tooltipFontSizeMedium};\n      line-height: ${t.tooltipLineHeightMedium};\n    `;\n  },\n\n  tooltipContentLarge(t: Theme) {\n    return css`\n      padding: ${t.tooltipPaddingYLarge} ${t.tooltipPaddingXLarge};\n      font-size: ${t.tooltipFontSizeLarge};\n      line-height: ${t.tooltipLineHeightLarge};\n    `;\n  },\n}));\n"]}

package/internal/ClearCrossIcon/ClearCrossIcon.js

@@ -25,7 +25,7 @@ import { useKeyListener } from '../../lib/events/keyListener.js';
 import { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
 import { CommonWrapper } from '../CommonWrapper/index.js';
-import { getStyles } from './ClearCrossIcon.css.js';
+import { getStyles } from './ClearCrossIcon.styles.js';
 import { CrossIcon } from './CrossIcon.js';
 export var ClearCrossIcon = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 'small' : _b, style = _a.style, dataTid = _a["data-tid"], rest = __rest(_a, ["size", "style", 'data-tid']);

package/internal/ClearCrossIcon/ClearCrossIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClearCrossIcon.js","sourceRoot":"","sources":["ClearCrossIcon.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport type { TokenSize } from '../../components/Token/index.js';\nimport { useKeyListener } from '../../lib/events/keyListener.js';\nimport { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { CommonProps } from '../CommonWrapper/index.js';\nimport { CommonWrapper } from '../CommonWrapper/index.js';\nimport { getStyles } from './ClearCrossIcon.css.js';\nimport { CrossIcon } from './CrossIcon.js';\n\nexport interface ClearCrossIconProps\n  extends Pick<AriaAttributes, 'aria-label'>, React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\n  /** Ширина и высота иконки крестика\n   * @default small */\n  size?: SizeProp;\n  'data-tid'?: string;\n}\n\nexport const ClearCrossIcon: React.FunctionComponent<ClearCrossIconProps> = ({\n  size = 'small',\n  style,\n  'data-tid': dataTid,\n  ...rest\n}) => {\n  const globalObject = useGlobal();\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const theme = React.useContext(ThemeContext);\n  const keyListener = useKeyListener();\n  const getSizeClassNames = (size: TokenSize) => {\n    switch (size) {\n      case 'large':\n        return { button: styles.clearCrossLarge(theme), span: styles.relativeWidthLarge(theme) };\n      case 'medium':\n        return { button: styles.clearCrossMedium(theme), span: styles.relativeWidthMedium(theme) };\n      case 'small':\n      default:\n        return { button: styles.clearCrossSmall(theme), span: styles.relativeWidthSmall(theme) };\n    }\n  };\n\n  const [focusedByTab, setFocusedByTab] = React.useState<boolean>(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener so we should check tabPressed in async way\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n  const handleBlur = () => setFocusedByTab(false);\n\n  return (\n    <CommonWrapper {...rest}>\n      <span className={getSizeClassNames(size).span}>\n        <button\n          data-tid={dataTid}\n          type=\"button\"\n          tabIndex={-1}\n          className={cx(\n            styles.root(theme),\n            // Todo: use &:focus-visible on root instead styles.focus. It supported on Chrome >= 86, Firefox >= 4, Safari >= 15.4\n            focusedByTab && styles.focus(theme),\n            getSizeClassNames(size).button,\n          )}\n          style={style}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          {...rest}\n        >\n          <CrossIcon size={size} focusable />\n        </button>\n      </span>\n    </CommonWrapper>\n  );\n};\n\nClearCrossIcon.__KONTUR_REACT_UI__ = 'ClearCrossIcon';\nClearCrossIcon.displayName = 'ClearCrossIcon';\n"]}
+{"version":3,"file":"ClearCrossIcon.js","sourceRoot":"","sources":["ClearCrossIcon.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport type { TokenSize } from '../../components/Token/index.js';\nimport { useKeyListener } from '../../lib/events/keyListener.js';\nimport { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { CommonProps } from '../CommonWrapper/index.js';\nimport { CommonWrapper } from '../CommonWrapper/index.js';\nimport { getStyles } from './ClearCrossIcon.styles.js';\nimport { CrossIcon } from './CrossIcon.js';\n\nexport interface ClearCrossIconProps\n  extends Pick<AriaAttributes, 'aria-label'>, React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\n  /** Ширина и высота иконки крестика\n   * @default small */\n  size?: SizeProp;\n  'data-tid'?: string;\n}\n\nexport const ClearCrossIcon: React.FunctionComponent<ClearCrossIconProps> = ({\n  size = 'small',\n  style,\n  'data-tid': dataTid,\n  ...rest\n}) => {\n  const globalObject = useGlobal();\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const theme = React.useContext(ThemeContext);\n  const keyListener = useKeyListener();\n  const getSizeClassNames = (size: TokenSize) => {\n    switch (size) {\n      case 'large':\n        return { button: styles.clearCrossLarge(theme), span: styles.relativeWidthLarge(theme) };\n      case 'medium':\n        return { button: styles.clearCrossMedium(theme), span: styles.relativeWidthMedium(theme) };\n      case 'small':\n      default:\n        return { button: styles.clearCrossSmall(theme), span: styles.relativeWidthSmall(theme) };\n    }\n  };\n\n  const [focusedByTab, setFocusedByTab] = React.useState<boolean>(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener so we should check tabPressed in async way\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n  const handleBlur = () => setFocusedByTab(false);\n\n  return (\n    <CommonWrapper {...rest}>\n      <span className={getSizeClassNames(size).span}>\n        <button\n          data-tid={dataTid}\n          type=\"button\"\n          tabIndex={-1}\n          className={cx(\n            styles.root(theme),\n            // Todo: use &:focus-visible on root instead styles.focus. It supported on Chrome >= 86, Firefox >= 4, Safari >= 15.4\n            focusedByTab && styles.focus(theme),\n            getSizeClassNames(size).button,\n          )}\n          style={style}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          {...rest}\n        >\n          <CrossIcon size={size} focusable />\n        </button>\n      </span>\n    </CommonWrapper>\n  );\n};\n\nClearCrossIcon.__KONTUR_REACT_UI__ = 'ClearCrossIcon';\nClearCrossIcon.displayName = 'ClearCrossIcon';\n"]}

package/internal/ClearCrossIcon/{ClearCrossIcon.css.d.ts → ClearCrossIcon.styles.d.ts}

@@ -1,5 +1,6 @@
+import type { Emotion } from '@emotion/css/create-instance';
 import type { Theme } from '../../lib/theming/Theme.js';
-export declare const getStyles: import("../../lib/theming/StaticStyles.js").StylesGetter<{
+export declare const getStyles: (emotion: Emotion) => {
     root(t: Theme): string;
     focus(t: Theme): string;
     clearCrossSmall(t: Theme): string;
@@ -8,4 +9,4 @@ export declare const getStyles: import("../../lib/theming/StaticStyles.js").Styl
     relativeWidthSmall(t: Theme): string;
     relativeWidthMedium(t: Theme): string;
     relativeWidthLarge(t: Theme): string;
-}>;
+};

package/internal/ClearCrossIcon/ClearCrossIcon.styles.js

@@ -0,0 +1,36 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { resetButton } from '../../lib/styles/Mixins.js';
+import { memoizeStyle } from '../../lib/theming/Emotion.js';
+export var getStyles = function (emotion) {
+    return memoizeStyle({
+        root: function (t) {
+            return emotion.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ", "\n      color: ", ";\n      cursor: pointer;\n      transition: color ", " ", ";\n      &:hover {\n        color: ", ";\n      }\n      display: flex;\n      justify-content: ", ";\n      align-items: center;\n      position: absolute;\n      right: -", ";\n      top: -", ";\n    "], ["\n      ", "\n      color: ", ";\n      cursor: pointer;\n      transition: color ", " ", ";\n      &:hover {\n        color: ", ";\n      }\n      display: flex;\n      justify-content: ", ";\n      align-items: center;\n      position: absolute;\n      right: -", ";\n      top: -", ";\n    "])), resetButton(), t.clearCrossIconColor, t.transitionDuration, t.transitionTimingFunction, t.clearCrossIconHoverColor, t.clearCrossIconAlign, t.inputBorderWidth, t.inputBorderWidth);
+        },
+        focus: function (t) {
+            return emotion.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), t.clearCrossIconHoverColor);
+        },
+        clearCrossSmall: function (t) {
+            return emotion.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "], ["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.clearCrossIconWidthSmall, t.clearCrossIconHeightSmall, t.clearCrossIconBorderRadiusSmall);
+        },
+        clearCrossMedium: function (t) {
+            return emotion.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "], ["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.clearCrossIconWidthMedium, t.clearCrossIconHeightMedium, t.clearCrossIconBorderRadiusMedium);
+        },
+        clearCrossLarge: function (t) {
+            return emotion.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "], ["\n      width: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.clearCrossIconWidthLarge, t.clearCrossIconHeightLarge, t.clearCrossIconBorderRadiusLarge);
+        },
+        relativeWidthSmall: function (t) {
+            return emotion.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      display: inline-block;\n      width: ", ";\n    "], ["\n      display: inline-block;\n      width: ", ";\n    "])), t.inputIconSizeSmall);
+        },
+        relativeWidthMedium: function (t) {
+            return emotion.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      display: inline-block;\n      width: ", ";\n    "], ["\n      display: inline-block;\n      width: ", ";\n    "])), t.inputIconSizeMedium);
+        },
+        relativeWidthLarge: function (t) {
+            return emotion.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      display: inline-block;\n      width: ", ";\n    "], ["\n      display: inline-block;\n      width: ", ";\n    "])), t.inputIconSizeLarge);
+        },
+    });
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=ClearCrossIcon.styles.js.map

package/internal/ClearCrossIcon/ClearCrossIcon.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearCrossIcon.styles.js","sourceRoot":"","sources":["ClearCrossIcon.styles.tsx"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG5D,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,OAAgB;IACxC,OAAA,YAAY,CAAC;QACX,IAAI,YAAC,CAAQ;YACX,OAAO,OAAO,CAAC,GAAG,0WAAA,UAChB,EAAa,iBACN,EAAqB,qDAEV,EAAoB,GAAI,EAA0B,qCAE3D,EAA0B,2DAGlB,EAAqB,0EAG9B,EAAkB,iBACpB,EAAkB,SAC3B,KAbG,WAAW,EAAE,EACN,CAAC,CAAC,mBAAmB,EAEV,CAAC,CAAC,kBAAkB,EAAI,CAAC,CAAC,wBAAwB,EAE3D,CAAC,CAAC,wBAAwB,EAGlB,CAAC,CAAC,mBAAmB,EAG9B,CAAC,CAAC,gBAAgB,EACpB,CAAC,CAAC,gBAAgB,EAC1B;QACF,CAAC;QAED,KAAK,YAAC,CAAQ;YACZ,OAAO,OAAO,CAAC,GAAG,mGAAA,mBACP,EAA0B,WACpC,KADU,CAAC,CAAC,wBAAwB,EACnC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,OAAO,CAAC,GAAG,gJAAA,iBACT,EAA0B,mBACzB,EAA2B,0BACpB,EAAiC,SACnD,KAHU,CAAC,CAAC,wBAAwB,EACzB,CAAC,CAAC,yBAAyB,EACpB,CAAC,CAAC,+BAA+B,EAClD;QACF,CAAC;QACD,gBAAgB,YAAC,CAAQ;YACvB,OAAO,OAAO,CAAC,GAAG,gJAAA,iBACT,EAA2B,mBAC1B,EAA4B,0BACrB,EAAkC,SACpD,KAHU,CAAC,CAAC,yBAAyB,EAC1B,CAAC,CAAC,0BAA0B,EACrB,CAAC,CAAC,gCAAgC,EACnD;QACF,CAAC;QACD,eAAe,YAAC,CAAQ;YACtB,OAAO,OAAO,CAAC,GAAG,gJAAA,iBACT,EAA0B,mBACzB,EAA2B,0BACpB,EAAiC,SACnD,KAHU,CAAC,CAAC,wBAAwB,EACzB,CAAC,CAAC,yBAAyB,EACpB,CAAC,CAAC,+BAA+B,EAClD;QACF,CAAC;QACD,kBAAkB,YAAC,CAAQ;YACzB,OAAO,OAAO,CAAC,GAAG,6HAAA,+CAET,EAAoB,SAC9B,KADU,CAAC,CAAC,kBAAkB,EAC7B;QACF,CAAC;QACD,mBAAmB,YAAC,CAAQ;YAC1B,OAAO,OAAO,CAAC,GAAG,6HAAA,+CAET,EAAqB,SAC/B,KADU,CAAC,CAAC,mBAAmB,EAC9B;QACF,CAAC;QACD,kBAAkB,YAAC,CAAQ;YACzB,OAAO,OAAO,CAAC,GAAG,6HAAA,+CAET,EAAoB,SAC9B,KADU,CAAC,CAAC,kBAAkB,EAC7B;QACF,CAAC;KACF,CAAC;AAhEF,CAgEE,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { resetButton } from '../../lib/styles/Mixins.js';\nimport { memoizeStyle } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n      ${resetButton()}\n      color: ${t.clearCrossIconColor};\n      cursor: pointer;\n      transition: color ${t.transitionDuration} ${t.transitionTimingFunction};\n      &:hover {\n        color: ${t.clearCrossIconHoverColor};\n      }\n      display: flex;\n      justify-content: ${t.clearCrossIconAlign};\n      align-items: center;\n      position: absolute;\n      right: -${t.inputBorderWidth};\n      top: -${t.inputBorderWidth};\n    `;\n    },\n\n    focus(t: Theme) {\n      return emotion.css`\n        color: ${t.clearCrossIconHoverColor};\n      `;\n    },\n\n    clearCrossSmall(t: Theme) {\n      return emotion.css`\n      width: ${t.clearCrossIconWidthSmall};\n      height: ${t.clearCrossIconHeightSmall};\n      border-radius: ${t.clearCrossIconBorderRadiusSmall};\n    `;\n    },\n    clearCrossMedium(t: Theme) {\n      return emotion.css`\n      width: ${t.clearCrossIconWidthMedium};\n      height: ${t.clearCrossIconHeightMedium};\n      border-radius: ${t.clearCrossIconBorderRadiusMedium};\n    `;\n    },\n    clearCrossLarge(t: Theme) {\n      return emotion.css`\n      width: ${t.clearCrossIconWidthLarge};\n      height: ${t.clearCrossIconHeightLarge};\n      border-radius: ${t.clearCrossIconBorderRadiusLarge};\n    `;\n    },\n    relativeWidthSmall(t: Theme) {\n      return emotion.css`\n      display: inline-block;\n      width: ${t.inputIconSizeSmall};\n    `;\n    },\n    relativeWidthMedium(t: Theme) {\n      return emotion.css`\n      display: inline-block;\n      width: ${t.inputIconSizeMedium};\n    `;\n    },\n    relativeWidthLarge(t: Theme) {\n      return emotion.css`\n      display: inline-block;\n      width: ${t.inputIconSizeLarge};\n    `;\n    },\n  });\n"]}

package/internal/CloseButtonIcon/CloseButtonIcon.js

@@ -24,26 +24,21 @@ import React from 'react';
 import { useKeyListener } from '../../lib/events/keyListener.js';
 import { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
-import { themeVarName } from '../../lib/theming/themeVars.js';
+import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
 import { CommonWrapper } from '../CommonWrapper/index.js';
 import { DEFAULT_ICON_SIZE } from '../icons2022/iconConstants.js';
-import { getStyles } from './CloseButtonIcon.css.js';
+import { getStyles } from './CloseButtonIcon.styles.js';
 import { CrossIcon } from './CrossIcon.js';
 export var CloseButtonIcon = function (_a) {
     var _b = _a.side, side = _b === void 0 ? DEFAULT_ICON_SIZE : _b, _c = _a.size, size = _c === void 0 ? DEFAULT_ICON_SIZE : _c, color = _a.color, colorHover = _a.colorHover, _d = _a.tabbable, tabbable = _d === void 0 ? true : _d, style = _a.style, rest = __rest(_a, ["side", "size", "color", "colorHover", "tabbable", "style"]);
     var globalObject = useGlobal();
     var cx = useEmotion().cx;
     var styles = useStyles(getStyles);
-    var theme = React.useContext(ThemeContext);
-    // значения темы зашиты в CSS как var(--k-*), поэтому переопределение цвета передаём переменными
-    // (`inherit` внутри var() не работает, для него есть отдельные классы)
-    var colorVars = {};
-    if (color && color !== 'inherit') {
-        colorVars[themeVarName('closeBtnIconColor')] = color;
-    }
-    if (colorHover && colorHover !== 'inherit') {
-        colorVars[themeVarName('closeBtnIconHoverColor')] = colorHover;
-    }
+    var _theme = React.useContext(ThemeContext);
+    var theme = ThemeFactory.create({
+        closeBtnIconColor: color !== null && color !== void 0 ? color : _theme.closeBtnIconColor,
+        closeBtnIconHoverColor: colorHover !== null && colorHover !== void 0 ? colorHover : _theme.closeBtnIconHoverColor,
+    }, _theme);
     var keyListener = useKeyListener();
     var _e = React.useState(false), focusedByTab = _e[0], setFocusedByTab = _e[1];
     var handleFocus = function () {
@@ -59,7 +54,7 @@ export var CloseButtonIcon = function (_a) {
     var handleBlur = function () { return setFocusedByTab(false); };
     var tabIndex = !tabbable || rest.disabled ? -1 : 0;
     return (React.createElement(CommonWrapper, __assign({}, rest),
-        React.createElement("button", __assign({ tabIndex: tabIndex, className: cx(styles.root(theme), color === 'inherit' && styles.inheritColor(), colorHover === 'inherit' && styles.inheritHoverColor(), !rest.disabled && focusedByTab && styles.focus(theme), rest.disabled && styles.rootDisabled(theme)), style: __assign(__assign({ width: side, height: side }, colorVars), style), onFocus: handleFocus, onBlur: handleBlur }, rest),
+        React.createElement("button", __assign({ tabIndex: tabIndex, className: cx(styles.root(theme), !rest.disabled && focusedByTab && styles.focus(theme), rest.disabled && styles.rootDisabled(theme)), style: __assign({ width: side, height: side }, style), onFocus: handleFocus, onBlur: handleBlur }, rest),
             React.createElement("span", { className: styles.wrapper() },
                 React.createElement(CrossIcon, { size: side < size ? side : size, focusable: tabIndex >= 0 })))));
 };

package/internal/CloseButtonIcon/CloseButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButtonIcon.js","sourceRoot":"","sources":["CloseButtonIcon.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes, CSSProperties } from 'react';\nimport React from 'react';\n\nimport { useKeyListener } from '../../lib/events/keyListener.js';\nimport { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { themeVarName } from '../../lib/theming/themeVars.js';\nimport type { CommonProps } from '../CommonWrapper/index.js';\nimport { CommonWrapper } from '../CommonWrapper/index.js';\nimport { DEFAULT_ICON_SIZE } from '../icons2022/iconConstants.js';\nimport { getStyles } from './CloseButtonIcon.css.js';\nimport { CrossIcon } from './CrossIcon.js';\n\nexport interface CloseButtonIconProps\n  extends Pick<AriaAttributes, 'aria-label'>, React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\n  /**\n   * Ширина и высота иконки крестика\n   *\n   * @default 16\n   */\n  size?: number;\n  /**\n   * Ширина и высота всей кнопки\n   *\n   * @default 16\n   */\n  side?: number;\n  /**\n   * Цвет иконки\n   *\n   * Переменная темы: `closeBtnIconColor`\n   */\n  color?: CSSProperties['color'];\n  /**\n   * Цвет иконки при наведении мышью и при фокусе\n   *\n   * Переменная темы: `closeBtnIconHoverColor`\n   */\n  colorHover?: CSSProperties['color'];\n  /**\n   * Возможность сфокусироваться на кнопке клавишей TAB\n   *\n   * @default true\n   * */\n  tabbable?: boolean;\n}\n\nexport const CloseButtonIcon: React.FunctionComponent<CloseButtonIconProps> = ({\n  side = DEFAULT_ICON_SIZE,\n  size = DEFAULT_ICON_SIZE,\n  color,\n  colorHover,\n  tabbable = true,\n  style,\n  ...rest\n}) => {\n  const globalObject = useGlobal();\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const theme = React.useContext(ThemeContext);\n  // значения темы зашиты в CSS как var(--k-*), поэтому переопределение цвета передаём переменными\n  // (`inherit` внутри var() не работает, для него есть отдельные классы)\n  const colorVars: Record<string, string> = {};\n  if (color && color !== 'inherit') {\n    colorVars[themeVarName('closeBtnIconColor')] = color;\n  }\n  if (colorHover && colorHover !== 'inherit') {\n    colorVars[themeVarName('closeBtnIconHoverColor')] = colorHover;\n  }\n  const keyListener = useKeyListener();\n  const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener\n    // so we should check tabPressed in async way\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n  const handleBlur = () => setFocusedByTab(false);\n\n  const tabIndex = !tabbable || rest.disabled ? -1 : 0;\n\n  return (\n    <CommonWrapper {...rest}>\n      <button\n        tabIndex={tabIndex}\n        className={cx(\n          styles.root(theme),\n          color === 'inherit' && styles.inheritColor(),\n          colorHover === 'inherit' && styles.inheritHoverColor(),\n          !rest.disabled && focusedByTab && styles.focus(theme),\n          rest.disabled && styles.rootDisabled(theme),\n        )}\n        style={{ width: side, height: side, ...colorVars, ...style }}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        {...rest}\n      >\n        <span className={styles.wrapper()}>\n          <CrossIcon size={side < size ? side : size} focusable={tabIndex >= 0} />\n        </span>\n      </button>\n    </CommonWrapper>\n  );\n};\n\nCloseButtonIcon.__KONTUR_REACT_UI__ = 'CloseButtonIcon';\nCloseButtonIcon.displayName = 'CloseButtonIcon';\n"]}
+{"version":3,"file":"CloseButtonIcon.js","sourceRoot":"","sources":["CloseButtonIcon.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes, CSSProperties } from 'react';\nimport React from 'react';\n\nimport { useKeyListener } from '../../lib/events/keyListener.js';\nimport { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { CommonProps } from '../CommonWrapper/index.js';\nimport { CommonWrapper } from '../CommonWrapper/index.js';\nimport { DEFAULT_ICON_SIZE } from '../icons2022/iconConstants.js';\nimport { getStyles } from './CloseButtonIcon.styles.js';\nimport { CrossIcon } from './CrossIcon.js';\n\nexport interface CloseButtonIconProps\n  extends Pick<AriaAttributes, 'aria-label'>, React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\n  /**\n   * Ширина и высота иконки крестика\n   *\n   * @default 16\n   */\n  size?: number;\n  /**\n   * Ширина и высота всей кнопки\n   *\n   * @default 16\n   */\n  side?: number;\n  /**\n   * Цвет иконки\n   *\n   * Переменная темы: `closeBtnIconColor`\n   */\n  color?: CSSProperties['color'];\n  /**\n   * Цвет иконки при наведении мышью и при фокусе\n   *\n   * Переменная темы: `closeBtnIconHoverColor`\n   */\n  colorHover?: CSSProperties['color'];\n  /**\n   * Возможность сфокусироваться на кнопке клавишей TAB\n   *\n   * @default true\n   * */\n  tabbable?: boolean;\n}\n\nexport const CloseButtonIcon: React.FunctionComponent<CloseButtonIconProps> = ({\n  side = DEFAULT_ICON_SIZE,\n  size = DEFAULT_ICON_SIZE,\n  color,\n  colorHover,\n  tabbable = true,\n  style,\n  ...rest\n}) => {\n  const globalObject = useGlobal();\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const _theme = React.useContext(ThemeContext);\n  const theme = ThemeFactory.create(\n    {\n      closeBtnIconColor: color ?? _theme.closeBtnIconColor,\n      closeBtnIconHoverColor: colorHover ?? _theme.closeBtnIconHoverColor,\n    },\n    _theme,\n  );\n  const keyListener = useKeyListener();\n  const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener\n    // so we should check tabPressed in async way\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n  const handleBlur = () => setFocusedByTab(false);\n\n  const tabIndex = !tabbable || rest.disabled ? -1 : 0;\n\n  return (\n    <CommonWrapper {...rest}>\n      <button\n        tabIndex={tabIndex}\n        className={cx(\n          styles.root(theme),\n          !rest.disabled && focusedByTab && styles.focus(theme),\n          rest.disabled && styles.rootDisabled(theme),\n        )}\n        style={{ width: side, height: side, ...style }}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        {...rest}\n      >\n        <span className={styles.wrapper()}>\n          <CrossIcon size={side < size ? side : size} focusable={tabIndex >= 0} />\n        </span>\n      </button>\n    </CommonWrapper>\n  );\n};\n\nCloseButtonIcon.__KONTUR_REACT_UI__ = 'CloseButtonIcon';\nCloseButtonIcon.displayName = 'CloseButtonIcon';\n"]}

package/internal/CloseButtonIcon/{CloseButtonIcon.css.d.ts → CloseButtonIcon.styles.d.ts}

@@ -1,9 +1,8 @@
+import type { Emotion } from '@emotion/css/create-instance';
 import type { Theme } from '../../lib/theming/Theme.js';
-export declare const getStyles: import("../../lib/theming/StaticStyles.js").StylesGetter<{
+export declare const getStyles: (emotion: Emotion) => {
     root(t: Theme): string;
-    inheritColor(): string;
-    inheritHoverColor(): string;
     rootDisabled(t: Theme): string;
     focus(t: Theme): string;
     wrapper(): string;
-}>;
+};

package/internal/CloseButtonIcon/CloseButtonIcon.styles.js

@@ -0,0 +1,24 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { resetButton } from '../../lib/styles/Mixins.js';
+import { memoizeStyle } from '../../lib/theming/Emotion.js';
+export var getStyles = function (emotion) {
+    return memoizeStyle({
+        root: function (t) {
+            return emotion.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        ", "\n        display: inline-block;\n        position: relative;\n        border-radius: ", ";\n        color: ", ";\n        cursor: pointer;\n        transition: color ", " ", ";\n\n        &:enabled:focus,\n        &:enabled:hover {\n          color: ", ";\n        }\n      "], ["\n        ", "\n        display: inline-block;\n        position: relative;\n        border-radius: ", ";\n        color: ", ";\n        cursor: pointer;\n        transition: color ", " ", ";\n\n        &:enabled:focus,\n        &:enabled:hover {\n          color: ", ";\n        }\n      "])), resetButton(), t.closeBtnIconBorderRadius, t.closeBtnIconColor, t.transitionDuration, t.transitionTimingFunction, t.closeBtnIconHoverColor);
+        },
+        rootDisabled: function (t) {
+            return emotion.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), t.closeBtnIconDisabledColor);
+        },
+        focus: function (t) {
+            return emotion.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        box-shadow: ", ";\n      "], ["\n        box-shadow: ", ";\n      "])), t.closeBtnIconFocusShadow);
+        },
+        wrapper: function () {
+            return emotion.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        box-sizing: content-box;\n        display: flex;\n        width: 100%;\n        height: 100%;\n        align-items: center;\n        justify-content: center;\n        pointer-events: none;\n      "], ["\n        box-sizing: content-box;\n        display: flex;\n        width: 100%;\n        height: 100%;\n        align-items: center;\n        justify-content: center;\n        pointer-events: none;\n      "])));
+        },
+    });
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=CloseButtonIcon.styles.js.map