@skbkontur/react-ui 5.4.7-225d1.0 → 5.4.7-7ccf0.0

package/components/Link/Link.styles/Link.styles.js

@@ -1,71 +1,80 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
-import { css, keyframes, memoizeStyle } from "../../../lib/theming/Emotion";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+import { resetButton } from "../../../lib/styles/Mixins";
 import { linkDisabledMixin, linkUseColorsMixin } from "../Link.mixins";
-var line = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n"])));
-var oldLineText = function oldLineText(t) {
+var line = function line(_ref) {
+  var keyframes = _ref.keyframes;
+  return keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n"])));
+};
+var oldLineText = function oldLineText(t, emotion) {
   var delay = parseFloat(t.linkTextUnderlineOpacity) - 1;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    animation: ", " 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ", "s !important;\n    animation-fill-mode: forwards !important;\n  "])), line, delay);
+  return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    animation: ", " 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ", "s !important;\n    animation-fill-mode: forwards !important;\n  "])), line(emotion), delay);
 };
-export var styles = memoizeStyle({
-  root: function root(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      cursor: pointer;\n      position: relative;\n\n      border-radius: 1px;\n      text-decoration: ", ";\n      text-decoration-style: ", ";\n      text-underline-offset: ", ";\n      text-decoration-thickness: ", ";\n      transition: text-decoration-color ", " ", ";\n      @supports (text-decoration-color: ", ") {\n        text-decoration-color: ", ";\n        &:hover {\n          text-decoration-color: currentColor;\n          text-decoration-style: ", ";\n        }\n      }\n      @supports not (text-decoration-color: ", ") {\n        ", ";\n        &:hover {\n          text-decoration-style: ", ";\n          animation: none !important;\n        }\n      }\n    "])), t.linkTextDecoration, t.linkTextDecorationStyle, t.linkTextUnderlineOffset, t.linkTextDecorationThickness, t.transitionDuration, t.transitionTimingFunction, t.linkTextDecorationColor, t.linkTextDecorationColor, t.linkHoverTextDecorationStyle, t.linkTextDecorationColor, oldLineText(t), t.linkHoverTextDecorationStyle);
-  },
-  lineFocus: function lineFocus(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.linkHoverColor);
-  },
-  lineFocusSuccess: function lineFocusSuccess(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      color: ", " !important;\n    "])), t.linkSuccessHoverColor);
-  },
-  lineFocusDanger: function lineFocusDanger(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      color: ", " !important;\n    "])), t.linkDangerHoverColor);
-  },
-  lineFocusGrayed: function lineFocusGrayed(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      color: ", " !important;\n    "])), t.linkGrayedHoverColor);
-  },
-  button: function button(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      line-height: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.linkButtonLineHeight, t.linkButtonPaddingX, t.linkButtonPaddingX);
-  },
-  buttonOpened: function buttonOpened(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "])), t.btnDefaultActiveBg);
-  },
-  arrow: function arrow() {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    "])));
-  },
-  "default": function _default(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor));
-  },
-  success: function success(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor));
-  },
-  danger: function danger(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor));
-  },
-  grayed: function grayed(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor));
-  },
-  useGrayedFocus: function useGrayedFocus(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.linkDisabledColor);
-  },
-  focus: function focus(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      text-decoration: ", ";\n      outline: ", ";\n    "])), t.linkHoverTextDecoration, t.linkFocusOutline);
-  },
-  disabled: function disabled(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      color: ", " !important; // override root color\n\n      &:hover {\n        color: ", ";\n        text-decoration-color: ", ";\n      }\n    "])), linkDisabledMixin(), t.linkDisabledColor, t.linkDisabledColor, t.linkTextDecorationColor);
-  },
-  icon: function icon() {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
-  },
-  iconLeft: function iconLeft(t) {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.linkIconMarginRight);
-  },
-  iconRight: function iconRight(t) {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n    "])), t.linkIconMarginLeft);
-  },
-  warning: function warning(t) {
-    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n    "])), t.btnWarningSecondary, t.btnWarningSecondary);
-  },
-  error: function error(t) {
-    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n    "])), t.btnErrorSecondary, t.btnErrorSecondary);
-  }
+export var getStyles = memoizeGetStyles(function (emotion) {
+  return {
+    root: function root(t) {
+      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        cursor: pointer;\n        position: relative;\n\n        border-radius: 1px;\n        text-decoration: ", ";\n        text-decoration-style: ", ";\n        text-underline-offset: ", ";\n        text-decoration-thickness: ", ";\n        transition: text-decoration-color ", " ", ";\n        @supports (text-decoration-color: ", ") {\n          text-decoration-color: ", ";\n          &:hover {\n            text-decoration-color: currentColor;\n            text-decoration-style: ", ";\n          }\n        }\n        @supports not (text-decoration-color: ", ") {\n          ", ";\n          &:hover {\n            text-decoration-style: ", ";\n            animation: none !important;\n          }\n        }\n      "])), t.linkTextDecoration, t.linkTextDecorationStyle, t.linkTextUnderlineOffset, t.linkTextDecorationThickness, t.transitionDuration, t.transitionTimingFunction, t.linkTextDecorationColor, t.linkTextDecorationColor, t.linkHoverTextDecorationStyle, t.linkTextDecorationColor, oldLineText(t, emotion), t.linkHoverTextDecorationStyle);
+    },
+    lineFocus: function lineFocus(t) {
+      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.linkHoverColor);
+    },
+    lineFocusSuccess: function lineFocusSuccess(t) {
+      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        color: ", " !important;\n      "])), t.linkSuccessHoverColor);
+    },
+    lineFocusDanger: function lineFocusDanger(t) {
+      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        color: ", " !important;\n      "])), t.linkDangerHoverColor);
+    },
+    lineFocusGrayed: function lineFocusGrayed(t) {
+      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        color: ", " !important;\n      "])), t.linkGrayedHoverColor);
+    },
+    button: function button(t) {
+      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n        line-height: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n      "])), t.linkButtonLineHeight, t.linkButtonPaddingX, t.linkButtonPaddingX);
+    },
+    buttonOpened: function buttonOpened(t) {
+      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        background: ", ";\n      "])), t.btnDefaultActiveBg);
+    },
+    arrow: function arrow() {
+      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        border: 4px solid transparent;\n        border-bottom-width: 0;\n        border-top-color: #a0a0a0;\n        display: inline-block;\n        margin-bottom: 3px;\n        margin-left: 3px;\n        vertical-align: middle;\n      "])));
+    },
+    "default": function _default(t) {
+      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor));
+    },
+    success: function success(t) {
+      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor));
+    },
+    danger: function danger(t) {
+      return emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor));
+    },
+    grayed: function grayed(t) {
+      return emotion.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor));
+    },
+    useGrayedFocus: function useGrayedFocus(t) {
+      return emotion.css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.linkDisabledColor);
+    },
+    focus: function focus(t) {
+      return emotion.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n        text-decoration: ", ";\n        outline: ", ";\n      "])), t.linkHoverTextDecoration, t.linkFocusOutline);
+    },
+    disabled: function disabled(t) {
+      return emotion.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        ", ";\n\n        color: ", " !important; // override root color\n\n        &:hover {\n          color: ", ";\n          text-decoration-color: ", ";\n        }\n      "])), linkDisabledMixin(), t.linkDisabledColor, t.linkDisabledColor, t.linkTextDecorationColor);
+    },
+    icon: function icon() {
+      return emotion.css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n      "])));
+    },
+    iconLeft: function iconLeft(t) {
+      return emotion.css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), t.linkIconMarginRight);
+    },
+    iconRight: function iconRight(t) {
+      return emotion.css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n        margin-left: ", ";\n      "])), t.linkIconMarginLeft);
+    },
+    warning: function warning(t) {
+      return emotion.css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      "])), t.btnWarningSecondary, t.btnWarningSecondary);
+    },
+    error: function error(t) {
+      return emotion.css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      "])), t.btnErrorSecondary, t.btnErrorSecondary);
+    },
+    reserButton: function reserButton() {
+      return emotion.css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), resetButton());
+    }
+  };
 });

package/components/Link/Link.styles/Link.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","keyframes","memoizeStyle","linkDisabledMixin","linkUseColorsMixin","line","_templateObject","_taggedTemplateLiteralLoose","oldLineText","t","delay","parseFloat","linkTextUnderlineOpacity","_templateObject2","styles","root","_templateObject3","linkTextDecoration","linkTextDecorationStyle","linkTextUnderlineOffset","linkTextDecorationThickness","transitionDuration","transitionTimingFunction","linkTextDecorationColor","linkHoverTextDecorationStyle","lineFocus","_templateObject4","linkHoverColor","lineFocusSuccess","_templateObject5","linkSuccessHoverColor","lineFocusDanger","_templateObject6","linkDangerHoverColor","lineFocusGrayed","_templateObject7","linkGrayedHoverColor","button","_templateObject8","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","_templateObject9","btnDefaultActiveBg","arrow","_templateObject10","_default","_templateObject11","linkColor","linkActiveColor","success","_templateObject12","linkSuccessColor","linkSuccessActiveColor","danger","_templateObject13","linkDangerColor","linkDangerActiveColor","grayed","_templateObject14","linkGrayedColor","linkGrayedActiveColor","useGrayedFocus","_templateObject15","linkDisabledColor","focus","_templateObject16","linkHoverTextDecoration","linkFocusOutline","disabled","_templateObject17","icon","_templateObject18","iconLeft","_templateObject19","linkIconMarginRight","iconRight","_templateObject20","linkIconMarginLeft","warning","_templateObject21","btnWarningSecondary","error","_templateObject22","btnErrorSecondary"],"sources":["Link.styles.ts"],"sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins';\n\nconst line = keyframes`\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n`;\n\nconst oldLineText = function (t: Theme) {\n  const delay = parseFloat(t.linkTextUnderlineOpacity) - 1;\n  return css`\n    animation: ${line} 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ${delay}s !important;\n    animation-fill-mode: forwards !important;\n  `;\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n\n      border-radius: 1px;\n      text-decoration: ${t.linkTextDecoration};\n      text-decoration-style: ${t.linkTextDecorationStyle};\n      text-underline-offset: ${t.linkTextUnderlineOffset};\n      text-decoration-thickness: ${t.linkTextDecorationThickness};\n      transition: text-decoration-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      @supports (text-decoration-color: ${t.linkTextDecorationColor}) {\n        text-decoration-color: ${t.linkTextDecorationColor};\n        &:hover {\n          text-decoration-color: currentColor;\n          text-decoration-style: ${t.linkHoverTextDecorationStyle};\n        }\n      }\n      @supports not (text-decoration-color: ${t.linkTextDecorationColor}) {\n        ${oldLineText(t)};\n        &:hover {\n          text-decoration-style: ${t.linkHoverTextDecorationStyle};\n          animation: none !important;\n        }\n      }\n    `;\n  },\n  lineFocus(t: Theme) {\n    return css`\n      color: ${t.linkHoverColor};\n    `;\n  },\n\n  lineFocusSuccess(t: Theme) {\n    return css`\n      color: ${t.linkSuccessHoverColor} !important;\n    `;\n  },\n\n  lineFocusDanger(t: Theme) {\n    return css`\n      color: ${t.linkDangerHoverColor} !important;\n    `;\n  },\n\n  lineFocusGrayed(t: Theme) {\n    return css`\n      color: ${t.linkGrayedHoverColor} !important;\n    `;\n  },\n\n  button(t: Theme) {\n    return css`\n      display: inline-block;\n      line-height: ${t.linkButtonLineHeight};\n      padding-left: ${t.linkButtonPaddingX};\n      padding-right: ${t.linkButtonPaddingX};\n    `;\n  },\n\n  buttonOpened(t: Theme) {\n    return css`\n      background: ${t.btnDefaultActiveBg};\n    `;\n  },\n\n  arrow() {\n    return css`\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    `;\n  },\n\n  default(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n    `;\n  },\n\n  danger(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n    `;\n  },\n\n  grayed(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n    `;\n  },\n\n  useGrayedFocus(t: Theme) {\n    return css`\n      color: ${t.linkDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      text-decoration: ${t.linkHoverTextDecoration};\n      outline: ${t.linkFocusOutline};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      ${linkDisabledMixin()};\n\n      color: ${t.linkDisabledColor} !important; // override root color\n\n      &:hover {\n        color: ${t.linkDisabledColor};\n        text-decoration-color: ${t.linkTextDecorationColor};\n      }\n    `;\n  },\n\n  icon() {\n    return css`\n      display: inline-block;\n    `;\n  },\n\n  iconLeft(t: Theme) {\n    return css`\n      margin-right: ${t.linkIconMarginRight};\n    `;\n  },\n\n  iconRight(t: Theme) {\n    return css`\n      margin-left: ${t.linkIconMarginLeft};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      background-color: ${t.btnWarningSecondary};\n      box-shadow: 0 0 0 2px ${t.btnWarningSecondary};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background-color: ${t.btnErrorSecondary};\n      box-shadow: 0 0 0 2px ${t.btnErrorSecondary};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memoizeGetStyles","resetButton","linkDisabledMixin","linkUseColorsMixin","line","_ref","keyframes","_templateObject","_taggedTemplateLiteralLoose","oldLineText","t","emotion","delay","parseFloat","linkTextUnderlineOpacity","css","_templateObject2","getStyles","root","_templateObject3","linkTextDecoration","linkTextDecorationStyle","linkTextUnderlineOffset","linkTextDecorationThickness","transitionDuration","transitionTimingFunction","linkTextDecorationColor","linkHoverTextDecorationStyle","lineFocus","_templateObject4","linkHoverColor","lineFocusSuccess","_templateObject5","linkSuccessHoverColor","lineFocusDanger","_templateObject6","linkDangerHoverColor","lineFocusGrayed","_templateObject7","linkGrayedHoverColor","button","_templateObject8","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","_templateObject9","btnDefaultActiveBg","arrow","_templateObject10","_default","_templateObject11","linkColor","linkActiveColor","success","_templateObject12","linkSuccessColor","linkSuccessActiveColor","danger","_templateObject13","linkDangerColor","linkDangerActiveColor","grayed","_templateObject14","linkGrayedColor","linkGrayedActiveColor","useGrayedFocus","_templateObject15","linkDisabledColor","focus","_templateObject16","linkHoverTextDecoration","linkFocusOutline","disabled","_templateObject17","icon","_templateObject18","iconLeft","_templateObject19","linkIconMarginRight","iconRight","_templateObject20","linkIconMarginLeft","warning","_templateObject21","btnWarningSecondary","error","_templateObject22","btnErrorSecondary","reserButton","_templateObject23"],"sources":["Link.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nimport { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins';\n\nconst line = ({ keyframes }: Emotion) => keyframes`\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n`;\n\nconst oldLineText = function (t: Theme, emotion: Emotion) {\n  const delay = parseFloat(t.linkTextUnderlineOpacity) - 1;\n  return emotion.css`\n    animation: ${line(emotion)} 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ${delay}s !important;\n    animation-fill-mode: forwards !important;\n  `;\n};\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => ({\n  root(t: Theme) {\n    return emotion.css`\n        cursor: pointer;\n        position: relative;\n\n        border-radius: 1px;\n        text-decoration: ${t.linkTextDecoration};\n        text-decoration-style: ${t.linkTextDecorationStyle};\n        text-underline-offset: ${t.linkTextUnderlineOffset};\n        text-decoration-thickness: ${t.linkTextDecorationThickness};\n        transition: text-decoration-color ${t.transitionDuration} ${t.transitionTimingFunction};\n        @supports (text-decoration-color: ${t.linkTextDecorationColor}) {\n          text-decoration-color: ${t.linkTextDecorationColor};\n          &:hover {\n            text-decoration-color: currentColor;\n            text-decoration-style: ${t.linkHoverTextDecorationStyle};\n          }\n        }\n        @supports not (text-decoration-color: ${t.linkTextDecorationColor}) {\n          ${oldLineText(t, emotion)};\n          &:hover {\n            text-decoration-style: ${t.linkHoverTextDecorationStyle};\n            animation: none !important;\n          }\n        }\n      `;\n  },\n  lineFocus(t: Theme) {\n    return emotion.css`\n        color: ${t.linkHoverColor};\n      `;\n  },\n\n  lineFocusSuccess(t: Theme) {\n    return emotion.css`\n        color: ${t.linkSuccessHoverColor} !important;\n      `;\n  },\n\n  lineFocusDanger(t: Theme) {\n    return emotion.css`\n        color: ${t.linkDangerHoverColor} !important;\n      `;\n  },\n\n  lineFocusGrayed(t: Theme) {\n    return emotion.css`\n        color: ${t.linkGrayedHoverColor} !important;\n      `;\n  },\n\n  button(t: Theme) {\n    return emotion.css`\n        display: inline-block;\n        line-height: ${t.linkButtonLineHeight};\n        padding-left: ${t.linkButtonPaddingX};\n        padding-right: ${t.linkButtonPaddingX};\n      `;\n  },\n\n  buttonOpened(t: Theme) {\n    return emotion.css`\n        background: ${t.btnDefaultActiveBg};\n      `;\n  },\n\n  arrow() {\n    return emotion.css`\n        border: 4px solid transparent;\n        border-bottom-width: 0;\n        border-top-color: #a0a0a0;\n        display: inline-block;\n        margin-bottom: 3px;\n        margin-left: 3px;\n        vertical-align: middle;\n      `;\n  },\n\n  default(t: Theme) {\n    return emotion.css`\n        ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n      `;\n  },\n\n  success(t: Theme) {\n    return emotion.css`\n        ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n      `;\n  },\n\n  danger(t: Theme) {\n    return emotion.css`\n        ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n      `;\n  },\n\n  grayed(t: Theme) {\n    return emotion.css`\n        ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n      `;\n  },\n\n  useGrayedFocus(t: Theme) {\n    return emotion.css`\n        color: ${t.linkDisabledColor};\n      `;\n  },\n\n  focus(t: Theme) {\n    return emotion.css`\n        text-decoration: ${t.linkHoverTextDecoration};\n        outline: ${t.linkFocusOutline};\n      `;\n  },\n\n  disabled(t: Theme) {\n    return emotion.css`\n        ${linkDisabledMixin()};\n\n        color: ${t.linkDisabledColor} !important; // override root color\n\n        &:hover {\n          color: ${t.linkDisabledColor};\n          text-decoration-color: ${t.linkTextDecorationColor};\n        }\n      `;\n  },\n\n  icon() {\n    return emotion.css`\n        display: inline-block;\n      `;\n  },\n\n  iconLeft(t: Theme) {\n    return emotion.css`\n        margin-right: ${t.linkIconMarginRight};\n      `;\n  },\n\n  iconRight(t: Theme) {\n    return emotion.css`\n        margin-left: ${t.linkIconMarginLeft};\n      `;\n  },\n\n  warning(t: Theme) {\n    return emotion.css`\n        background-color: ${t.btnWarningSecondary};\n        box-shadow: 0 0 0 2px ${t.btnWarningSecondary};\n      `;\n  },\n\n  error(t: Theme) {\n    return emotion.css`\n        background-color: ${t.btnErrorSecondary};\n        box-shadow: 0 0 0 2px ${t.btnErrorSecondary};\n      `;\n  },\n\n  reserButton() {\n    return emotion.css`\n        ${resetButton()};\n      `;\n  },\n}));\n"],"mappings":"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","ignoreList":[]}

package/components/Link/Link.styles.d.ts

@@ -1,5 +1,5 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(t: Theme): string;
     lineFocus(t: Theme): string;
     lineFocusSuccess(t: Theme): string;
@@ -20,4 +20,5 @@ export declare const styles: {
     iconRight(t: Theme): string;
     warning(t: Theme): string;
     error(t: Theme): string;
-};
+    reserButton(): string;
+}>;

package/components/Link/LinkIcon/LinkIcon.js

@@ -1,14 +1,17 @@
 import React, { useContext } from 'react';
-import { cx } from "../../../lib/theming/Emotion";
+import { useEmotion, useStyles } from "../../../lib/renderEnvironment";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { Spinner } from "../../Spinner";
-import { styles } from "../Link.styles";
+import { getStyles } from "../Link.styles";
 export var LinkIcon = function LinkIcon(_ref) {
   var icon = _ref.icon,
     loading = _ref.loading,
     hasBothIcons = _ref.hasBothIcons,
     position = _ref.position;
   var theme = useContext(ThemeContext);
+  var _useEmotion = useEmotion(),
+    cx = _useEmotion.cx;
+  var styles = useStyles(getStyles);
   return /*#__PURE__*/(
     React.createElement("span", {
       className: cx(styles.icon(), position === 'left' && styles.iconLeft(theme), position === 'right' && styles.iconRight(theme))

package/components/Link/LinkIcon/LinkIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","cx","ThemeContext","Spinner","styles","LinkIcon","_ref","icon","loading","hasBothIcons","position","theme","createElement","className","iconLeft","iconRight","caption","dimmed","inline"],"sources":["LinkIcon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Spinner } from '../Spinner';\n\nimport type { LinkProps } from './Link';\nimport { styles } from './Link.styles';\n\nexport interface LinkIconProps extends Pick<LinkProps, 'icon' | 'loading'> {\n  position?: 'left' | 'right';\n  hasBothIcons?: boolean;\n}\n\nexport const LinkIcon = ({ icon, loading, hasBothIcons, position }: LinkIconProps) => {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <span\n      className={cx(\n        styles.icon(),\n        position === 'left' && styles.iconLeft(theme),\n        position === 'right' && styles.iconRight(theme),\n      )}\n    >\n      {loading && !hasBothIcons ? <Spinner caption={null} dimmed inline /> : icon}\n    </span>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,OAAO,QAAQ,YAAY;;;AAGpC,SAASC,MAAM,QAAQ,eAAe;;;;;;;AAOtC,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAiE,KAA3DC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO,CAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY,CAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EAC9D,IAAMC,KAAK,GAAGX,UAAU,CAACE,YAAY,CAAC;;EAEtC;IACEH,KAAA,CAAAa,aAAA;MACEC,SAAS,EAAEZ,EAAE;QACXG,MAAM,CAACG,IAAI,CAAC,CAAC;QACbG,QAAQ,KAAK,MAAM,IAAIN,MAAM,CAACU,QAAQ,CAACH,KAAK,CAAC;QAC7CD,QAAQ,KAAK,OAAO,IAAIN,MAAM,CAACW,SAAS,CAACJ,KAAK;MAChD,CAAE;;IAEDH,OAAO,IAAI,CAACC,YAAY,gBAAGV,KAAA,CAAAa,aAAA,CAACT,OAAO,IAACa,OAAO,EAAE,IAAK,EAACC,MAAM,QAACC,MAAM,QAAE,CAAC,GAAGX;IACnE,CAAC;;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","useEmotion","useStyles","ThemeContext","Spinner","getStyles","LinkIcon","_ref","icon","loading","hasBothIcons","position","theme","_useEmotion","cx","styles","createElement","className","iconLeft","iconRight","caption","dimmed","inline"],"sources":["LinkIcon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Spinner } from '../Spinner';\n\nimport type { LinkProps } from './Link';\nimport { getStyles } from './Link.styles';\n\nexport interface LinkIconProps extends Pick<LinkProps, 'icon' | 'loading'> {\n  position?: 'left' | 'right';\n  hasBothIcons?: boolean;\n}\n\nexport const LinkIcon = ({ icon, loading, hasBothIcons, position }: LinkIconProps) => {\n  const theme = useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n\n  return (\n    <span\n      className={cx(\n        styles.icon(),\n        position === 'left' && styles.iconLeft(theme),\n        position === 'right' && styles.iconRight(theme),\n      )}\n    >\n      {loading && !hasBothIcons ? <Spinner caption={null} dimmed inline /> : icon}\n    </span>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,UAAU,EAAEC,SAAS,QAAQ,6BAA6B;AACnE,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,OAAO,QAAQ,YAAY;;;AAGpC,SAASC,SAAS,QAAQ,eAAe;;;;;;;AAOzC,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAiE,KAA3DC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO,CAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY,CAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;EAC9D,IAAMC,KAAK,GAAGZ,UAAU,CAACG,YAAY,CAAC;EACtC,IAAAU,WAAA,GAAeZ,UAAU,CAAC,CAAC,CAAnBa,EAAE,GAAAD,WAAA,CAAFC,EAAE;EACV,IAAMC,MAAM,GAAGb,SAAS,CAACG,SAAS,CAAC;;EAEnC;IACEN,KAAA,CAAAiB,aAAA;MACEC,SAAS,EAAEH,EAAE;QACXC,MAAM,CAACP,IAAI,CAAC,CAAC;QACbG,QAAQ,KAAK,MAAM,IAAII,MAAM,CAACG,QAAQ,CAACN,KAAK,CAAC;QAC7CD,QAAQ,KAAK,OAAO,IAAII,MAAM,CAACI,SAAS,CAACP,KAAK;MAChD,CAAE;;IAEDH,OAAO,IAAI,CAACC,YAAY,gBAAGX,KAAA,CAAAiB,aAAA,CAACZ,OAAO,IAACgB,OAAO,EAAE,IAAK,EAACC,MAAM,QAACC,MAAM,QAAE,CAAC,GAAGd;IACnE,CAAC;;AAEX,CAAC","ignoreList":[]}

package/components/Loader/Loader/Loader.js

@@ -3,20 +3,20 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Loader;
 import React from 'react';
 import debounce from 'lodash.debounce';
-import { globalObject, isBrowser } from '@skbkontur/global-object';
+import { isBrowser } from "../../../lib/globalObject";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { Spinner } from "../../Spinner";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ZIndex } from "../../../internal/ZIndex";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { cx } from "../../../lib/theming/Emotion";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { TaskWithDelayAndMinimalDuration } from "../../../lib/taskWithDelayAndMinimalDuration";
 import { getTabbableElements } from "../../../lib/dom/tabbableHelpers";
 import { rootNode } from "../../../lib/rootNode";
 import { getDOMRect } from "../../../lib/dom/getDOMRect";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { styles } from "../Loader.styles";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
+import { getStyles } from "../Loader.styles";
 var types = ['mini', 'normal', 'big'];
 export var LoaderDataTids = {
   idle: 'Loader__Idle',
@@ -29,7 +29,7 @@ export var LoaderDataTids = {
  *
  * Если вам нужен только сам спиннер без дополнительного функционала - используйте компонент Spinner.
  */
-export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$Component) {
+export var Loader = withRenderEnvironment(_class = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$Component) {
   function Loader(props) {
     var _this;
     _this = _React$Component.call(this, props) || this;
@@ -41,7 +41,7 @@ export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$C
       _this.spinnerContainerNode = element;
     };
     _this.checkSpinnerPosition = function () {
-      if (!_this.spinnerContainerNode || !isBrowser(globalObject)) {
+      if (!_this.spinnerContainerNode || !isBrowser(_this.globalObject)) {
         return;
       }
       var _getDOMRect = getDOMRect(_this.spinnerContainerNode),
@@ -51,8 +51,8 @@ export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$C
         containerLeft = _getDOMRect.left,
         containerHeight = _getDOMRect.height,
         containerWidth = _getDOMRect.width;
-      var windowHeight = globalObject.innerHeight;
-      var windowWidth = globalObject.innerWidth;
+      var windowHeight = _this.globalObject.innerHeight;
+      var windowWidth = _this.globalObject.innerWidth;
 
       // Если контейнер не больше высоты и не шире окна,
       // то просто выравниваем по центру
@@ -121,10 +121,9 @@ export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$C
       });
     };
     _this.enableChildrenFocus = function () {
-      var _globalObject$documen, _globalObject$documen2;
+      var _this$globalObject$do;
       _this.makeUnobservable();
-      // NOTE: NodeList doesn't support 'forEach' method in IE11 and other older browsers
-      Array.from((_globalObject$documen = (_globalObject$documen2 = globalObject.document) == null ? void 0 : _globalObject$documen2.querySelectorAll('[origin-tabindex]')) != null ? _globalObject$documen : []).forEach(function (el) {
+      (_this$globalObject$do = _this.globalObject.document) == null || _this$globalObject$do.querySelectorAll('[origin-tabindex]').forEach(function (el) {
         var _el$getAttribute;
         el.setAttribute('tabindex', (_el$getAttribute = el.getAttribute('origin-tabindex')) != null ? _el$getAttribute : '0');
         el.removeAttribute('origin-tabindex');
@@ -132,14 +131,14 @@ export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$C
     };
     _this.makeObservable = function () {
       var target = _this.childrenContainerNode;
-      if (!target || !globalObject.MutationObserver) {
+      if (!target || !_this.globalObject.MutationObserver) {
         return;
       }
       var config = {
         childList: true,
         subtree: true
       };
-      var observer = new globalObject.MutationObserver(_this.disableChildrenFocus);
+      var observer = new _this.globalObject.MutationObserver(_this.disableChildrenFocus);
       observer.observe(target, config);
       _this.childrenObserver = observer;
     };
@@ -157,29 +156,30 @@ export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$C
       isSpinnerVisible: false,
       isLoaderActive: false
     };
-    _this.spinnerTask = new TaskWithDelayAndMinimalDuration({
-      delayBeforeTaskStart: _this.getProps().delayBeforeSpinnerShow,
-      durationOfTask: _this.getProps().minimalDelayBeforeSpinnerHide,
+    return _this;
+  }
+  _inheritsLoose(Loader, _React$Component);
+  var _proto = Loader.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    var _this2 = this;
+    this.spinnerTask = new TaskWithDelayAndMinimalDuration({
+      delayBeforeTaskStart: this.getProps().delayBeforeSpinnerShow,
+      durationOfTask: this.getProps().minimalDelayBeforeSpinnerHide,
       taskStartCallback: function taskStartCallback() {
-        return _this.setState({
+        return _this2.setState({
           isSpinnerVisible: true
         });
       },
       taskStopCallback: function taskStopCallback() {
-        return _this.setState({
+        return _this2.setState({
           isSpinnerVisible: false
         });
       }
     });
-    return _this;
-  }
-  _inheritsLoose(Loader, _React$Component);
-  var _proto = Loader.prototype;
-  _proto.componentDidMount = function componentDidMount() {
     var active = this.getProps().active;
     this.checkSpinnerPosition();
     active && this.spinnerTask.start();
-    this.layoutEvents = LayoutEvents.addListener(debounce(this.checkSpinnerPosition, 10));
+    this.layoutEvents = LayoutEvents.addListener(debounce(this.checkSpinnerPosition, 10), this.globalObject);
     if (active) {
       this.disableChildrenFocus();
     }
@@ -232,14 +232,15 @@ export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$C
     return state;
   };
   _proto.render = function render() {
-    var _this2 = this;
+    var _this3 = this;
+    this.styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
+      _this3.theme = theme;
+      return _this3.renderMain();
     });
   };
   _proto.renderMain = function renderMain() {
-    var _cx;
+    var _this$cx;
     var _this$props = this.props,
       caption = _this$props.caption,
       component = _this$props.component;
@@ -248,7 +249,7 @@ export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$C
     return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
       rootNodeRef: this.setRootNode
     }, this.props), /*#__PURE__*/React.createElement("div", {
-      className: styles.loader(),
+      className: this.styles.loader(),
       "data-tid": this.props['data-tid'] || (isLoaderActive ? LoaderDataTids.veil : LoaderDataTids.idle)
     }, /*#__PURE__*/React.createElement(ZIndex, {
       applyZIndex: isLoaderActive,
@@ -259,20 +260,20 @@ export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$C
       wrapperRef: this.childrenRef
     }, this.props.children), isLoaderActive && /*#__PURE__*/React.createElement(ZIndex, {
       wrapperRef: this.spinnerRef,
-      className: cx((_cx = {}, _cx[styles.active(this.theme)] = isLoaderActive, _cx))
+      className: this.cx((_this$cx = {}, _this$cx[this.styles.active(this.theme)] = isLoaderActive, _this$cx))
     }, this.state.isSpinnerVisible && this.renderSpinner(type, caption, component))));
   };
   _proto.renderSpinner = function renderSpinner(type, caption, component) {
-    var _cx2,
-      _this3 = this;
+    var _this$cx2,
+      _this4 = this;
     return /*#__PURE__*/React.createElement("span", {
       "data-tid": LoaderDataTids.spinner,
-      className: cx(styles.spinnerContainer(), (_cx2 = {}, _cx2[styles.spinnerContainerSticky()] = this.state.isStickySpinner, _cx2)),
+      className: this.cx(this.styles.spinnerContainer(), (_this$cx2 = {}, _this$cx2[this.styles.spinnerContainerSticky()] = this.state.isStickySpinner, _this$cx2)),
       style: this.state.spinnerStyle
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles.spinnerComponentWrapper(),
+      className: this.styles.spinnerComponentWrapper(),
       ref: function ref(element) {
-        _this3.spinnerNode = element;
+        _this4.spinnerNode = element;
       }
     }, component !== undefined ? component : /*#__PURE__*/React.createElement(Spinner, {
       type: type,
@@ -285,4 +286,4 @@ export var Loader = rootNode(_class = (_Loader = /*#__PURE__*/function (_React$C
   active: false,
   delayBeforeSpinnerShow: isTestEnv ? 0 : 300,
   minimalDelayBeforeSpinnerHide: isTestEnv ? 0 : 1000
-}, _Loader)) || _class;
+}, _Loader)) || _class) || _class;

package/components/Loader/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","debounce","globalObject","isBrowser","LayoutEvents","Spinner","ThemeContext","ZIndex","CommonWrapper","cx","isTestEnv","TaskWithDelayAndMinimalDuration","getTabbableElements","rootNode","getDOMRect","createPropsGetter","styles","types","LoaderDataTids","idle","veil","spinner","Loader","_class","_Loader","_React$Component","props","_this","call","getProps","defaultProps","childrenRef","element","childrenContainerNode","spinnerRef","spinnerContainerNode","checkSpinnerPosition","_getDOMRect","containerTop","top","containerRight","right","containerBottom","bottom","containerLeft","left","containerHeight","height","containerWidth","width","windowHeight","innerHeight","windowWidth","innerWidth","setState","isStickySpinner","spinnerStyle","Math","abs","spinnerHeight","spinnerNode","disableChildrenFocus","childrenObserver","makeObservable","tabbableElements","forEach","el","hasAttribute","setAttribute","tabIndex","toString","enableChildrenFocus","_globalObject$documen","_globalObject$documen2","makeUnobservable","Array","from","document","querySelectorAll","_el$getAttribute","getAttribute","removeAttribute","target","MutationObserver","config","childList","subtree","observer","observe","_this$childrenObserve","disconnect","state","isSpinnerVisible","isLoaderActive","spinnerTask","delayBeforeTaskStart","delayBeforeSpinnerShow","durationOfTask","minimalDelayBeforeSpinnerHide","taskStartCallback","taskStopCallback","_inheritsLoose","_proto","prototype","componentDidMount","active","start","layoutEvents","addListener","componentDidUpdate","prevProps","prevState","component","_this$getProps","update","stop","componentWillUnmount","remove","clearTask","getDerivedStateFromProps","render","_this2","createElement","Consumer","theme","renderMain","_cx","_this$props","caption","type","_extends","rootNodeRef","setRootNode","className","loader","applyZIndex","coverChildren","style","wrapperRef","children","renderSpinner","_cx2","_this3","spinnerContainer","spinnerContainerSticky","spinnerComponentWrapper","ref","undefined","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Loader.tsx"],"sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport type { AnyObject } from '../../lib/utils';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport type { SpinnerProps } from '../Spinner';\nimport { Spinner } from '../Spinner';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { TaskWithDelayAndMinimalDuration } from '../../lib/taskWithDelayAndMinimalDuration';\nimport { getTabbableElements } from '../../lib/dom/tabbableHelpers';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Loader.styles';\n\nconst types = ['mini', 'normal', 'big'] as const;\n\nexport type LoaderType = (typeof types)[number];\n\nexport interface LoaderProps extends CommonProps {\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Задает состояние лоадера.\n   * @default false */\n  active?: boolean;\n\n  /** Задает подпись под спиннером.\n   * @default  \"Загрузка\"\n   */\n  caption?: SpinnerProps['caption'];\n\n  /** Задает компонент, заменяющий спиннер. */\n  component?: React.ReactNode;\n\n  /** Задает размер спиннера и текста.\n   * @default normal. */\n  type?: LoaderType;\n\n  /** Устанавливает время в миллисекундах для показа вуали без спиннера.\n   * @default 300 */\n  delayBeforeSpinnerShow?: number;\n\n  /** Устанавливает минимальное время в миллисекундах для показа спиннера.\n   * @default 1000. */\n  minimalDelayBeforeSpinnerHide?: number;\n}\n\nexport interface LoaderState {\n  isStickySpinner: boolean;\n  isSpinnerVisible: boolean;\n  isLoaderActive: boolean;\n  spinnerStyle?: AnyObject;\n}\n\nexport const LoaderDataTids = {\n  idle: 'Loader__Idle',\n  veil: 'Loader__Veil',\n  spinner: 'Loader__Spinner',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<LoaderProps, 'type' | 'active' | 'delayBeforeSpinnerShow' | 'minimalDelayBeforeSpinnerHide'>\n>;\n\n/**\n * Компонент `Loader` принимает внутрь себя контент, поверх которого в активном состоянии `Loader`'а будет отрисован спиннер.\n *\n * Если вам нужен только сам спиннер без дополнительного функционала - используйте компонент Spinner.\n */\n@rootNode\nexport class Loader extends React.Component<LoaderProps, LoaderState> {\n  public static __KONTUR_REACT_UI__ = 'Loader';\n  public static displayName = 'Loader';\n\n  public static defaultProps: DefaultProps = {\n    type: 'normal',\n    active: false,\n    delayBeforeSpinnerShow: isTestEnv ? 0 : 300,\n    minimalDelayBeforeSpinnerHide: isTestEnv ? 0 : 1000,\n  };\n\n  private getProps = createPropsGetter(Loader.defaultProps);\n\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private spinnerContainerNode: Nullable<HTMLDivElement>;\n  private childrenContainerNode: Nullable<HTMLDivElement>;\n  private spinnerNode: Nullable<HTMLDivElement>;\n  private layoutEvents: Nullable<{ remove: () => void }>;\n  private spinnerTask: TaskWithDelayAndMinimalDuration;\n  private childrenObserver: Nullable<MutationObserver>;\n\n  constructor(props: LoaderProps) {\n    super(props);\n\n    this.spinnerContainerNode = null;\n    this.childrenContainerNode = null;\n    this.childrenObserver = null;\n    this.spinnerNode = null;\n\n    this.state = {\n      isStickySpinner: false,\n      isSpinnerVisible: false,\n      isLoaderActive: false,\n    };\n\n    this.spinnerTask = new TaskWithDelayAndMinimalDuration({\n      delayBeforeTaskStart: this.getProps().delayBeforeSpinnerShow,\n      durationOfTask: this.getProps().minimalDelayBeforeSpinnerHide,\n      taskStartCallback: () => this.setState({ isSpinnerVisible: true }),\n      taskStopCallback: () => this.setState({ isSpinnerVisible: false }),\n    });\n  }\n\n  public componentDidMount() {\n    const active = this.getProps().active;\n    this.checkSpinnerPosition();\n    active && this.spinnerTask.start();\n    this.layoutEvents = LayoutEvents.addListener(debounce(this.checkSpinnerPosition, 10));\n\n    if (active) {\n      this.disableChildrenFocus();\n    }\n  }\n\n  public componentDidUpdate(prevProps: Readonly<LoaderProps>, prevState: Readonly<LoaderState>) {\n    const { component } = this.props;\n    const { active, delayBeforeSpinnerShow, minimalDelayBeforeSpinnerHide } = this.getProps();\n    const { isLoaderActive } = this.state;\n\n    if ((active && !prevProps.active) || prevProps.component !== component) {\n      this.checkSpinnerPosition();\n    }\n\n    if (\n      delayBeforeSpinnerShow !== prevProps.delayBeforeSpinnerShow ||\n      minimalDelayBeforeSpinnerHide !== prevProps.minimalDelayBeforeSpinnerHide\n    ) {\n      this.spinnerTask.update({\n        delayBeforeTaskStart: delayBeforeSpinnerShow,\n        durationOfTask: minimalDelayBeforeSpinnerHide,\n      });\n    }\n\n    if (active !== prevProps.active) {\n      active ? this.spinnerTask.start() : this.spinnerTask.stop();\n    }\n\n    if (isLoaderActive !== prevState.isLoaderActive) {\n      if (isLoaderActive) {\n        this.disableChildrenFocus();\n      } else {\n        this.enableChildrenFocus();\n      }\n    }\n  }\n\n  public componentWillUnmount() {\n    this.makeUnobservable();\n    if (this.layoutEvents) {\n      this.layoutEvents.remove();\n    }\n    this.spinnerTask.clearTask();\n  }\n\n  public static getDerivedStateFromProps(props: LoaderProps, state: LoaderState): Partial<LoaderState> {\n    if (props.active && !state.isLoaderActive) {\n      return {\n        isLoaderActive: true,\n      };\n    }\n    if (state.isLoaderActive && !(props.active || state.isSpinnerVisible)) {\n      return {\n        isLoaderActive: false,\n      };\n    }\n\n    return state;\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { caption, component } = this.props;\n    const type = this.getProps().type;\n    const { isLoaderActive } = this.state;\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          className={styles.loader()}\n          data-tid={this.props['data-tid'] || (isLoaderActive ? LoaderDataTids.veil : LoaderDataTids.idle)}\n        >\n          <ZIndex\n            applyZIndex={isLoaderActive}\n            coverChildren={isLoaderActive}\n            style={{ height: '100%' }}\n            wrapperRef={this.childrenRef}\n          >\n            {this.props.children}\n          </ZIndex>\n          {isLoaderActive && (\n            <ZIndex\n              wrapperRef={this.spinnerRef}\n              className={cx({\n                [styles.active(this.theme)]: isLoaderActive,\n              })}\n            >\n              {this.state.isSpinnerVisible && this.renderSpinner(type, caption, component)}\n            </ZIndex>\n          )}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private childrenRef = (element: HTMLDivElement | null) => {\n    this.childrenContainerNode = element;\n  };\n\n  private spinnerRef = (element: HTMLDivElement | null) => {\n    this.spinnerContainerNode = element;\n  };\n\n  private renderSpinner(type?: LoaderType, caption?: React.ReactNode, component?: React.ReactNode) {\n    return (\n      <span\n        data-tid={LoaderDataTids.spinner}\n        className={cx(styles.spinnerContainer(), { [styles.spinnerContainerSticky()]: this.state.isStickySpinner })}\n        style={this.state.spinnerStyle}\n      >\n        <div\n          className={styles.spinnerComponentWrapper()}\n          ref={(element) => {\n            this.spinnerNode = element;\n          }}\n        >\n          {component !== undefined ? component : <Spinner type={type} caption={caption} />}\n        </div>\n      </span>\n    );\n  }\n\n  private checkSpinnerPosition = () => {\n    if (!this.spinnerContainerNode || !isBrowser(globalObject)) {\n      return;\n    }\n\n    const {\n      top: containerTop,\n      right: containerRight,\n      bottom: containerBottom,\n      left: containerLeft,\n      height: containerHeight,\n      width: containerWidth,\n    } = getDOMRect(this.spinnerContainerNode);\n\n    const windowHeight = globalObject.innerHeight;\n    const windowWidth = globalObject.innerWidth;\n\n    // Если контейнер не больше высоты и не шире окна,\n    // то просто выравниваем по центру\n    if (windowHeight >= containerHeight && windowWidth >= containerWidth) {\n      this.setState({\n        isStickySpinner: false,\n        spinnerStyle: {},\n      });\n      return;\n    }\n\n    const spinnerStyle: {\n      top?: number;\n      right: number;\n      bottom: number;\n      left: number;\n    } = {\n      top: 30,\n      right: 0,\n      bottom: 30,\n      left: 0,\n    };\n\n    // ПО ВЕРТИКАЛИ\n    // Если верхний край контейнера ниже верхнего края окна,\n    // то сдвигаем и лоадер\n    if (containerTop > 0) {\n      spinnerStyle.top = containerTop + 30;\n    }\n\n    // Если нижний край контейнера выше нижнего края окна,\n    // то сдвигаем и лоадер\n    if (containerBottom < windowHeight) {\n      spinnerStyle.bottom = Math.abs(windowHeight - containerBottom) + 30;\n    }\n\n    // Если знаем высоту спиннера и нижний край контейнера поднимается\n    // выше отступа на высоту спиннера, то убираем верхнюю позицию лоадера\n\n    const spinnerHeight = getDOMRect(this.spinnerNode).height;\n\n    if (spinnerHeight && spinnerStyle.bottom >= windowHeight - spinnerHeight) {\n      delete spinnerStyle.top;\n    }\n\n    // ПО ГОРИЗОНТАЛИ\n    // Если левый край контейнера правее левого края окна,\n    // то сдвигаем и лоадер\n    if (containerLeft > 0) {\n      spinnerStyle.left = containerLeft;\n    }\n\n    // Если правый край контейнера левее правого края окна,\n    // то сдвигаем и лоадер\n    if (containerRight < windowWidth) {\n      spinnerStyle.right = windowWidth - containerRight;\n    }\n\n    this.setState({\n      isStickySpinner: true,\n      spinnerStyle,\n    });\n  };\n\n  private disableChildrenFocus = () => {\n    if (!this.childrenObserver) {\n      this.makeObservable();\n    }\n    const tabbableElements = getTabbableElements(this.childrenContainerNode);\n    tabbableElements.forEach((el) => {\n      if (!el.hasAttribute('origin-tabindex')) {\n        el.setAttribute('origin-tabindex', el.tabIndex.toString());\n      }\n      el.tabIndex = -1;\n    });\n  };\n\n  private enableChildrenFocus = () => {\n    this.makeUnobservable();\n    // NOTE: NodeList doesn't support 'forEach' method in IE11 and other older browsers\n    Array.from(globalObject.document?.querySelectorAll('[origin-tabindex]') ?? []).forEach((el) => {\n      el.setAttribute('tabindex', el.getAttribute('origin-tabindex') ?? '0');\n      el.removeAttribute('origin-tabindex');\n    });\n  };\n\n  private makeObservable = () => {\n    const target = this.childrenContainerNode;\n    if (!target || !globalObject.MutationObserver) {\n      return;\n    }\n    const config = {\n      childList: true,\n      subtree: true,\n    };\n    const observer = new globalObject.MutationObserver(this.disableChildrenFocus);\n    observer.observe(target, config);\n    this.childrenObserver = observer;\n  };\n\n  private makeUnobservable = () => {\n    this.childrenObserver?.disconnect();\n    this.childrenObserver = null;\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","debounce","isBrowser","LayoutEvents","Spinner","ThemeContext","ZIndex","CommonWrapper","isTestEnv","TaskWithDelayAndMinimalDuration","getTabbableElements","rootNode","getDOMRect","createPropsGetter","withRenderEnvironment","getStyles","types","LoaderDataTids","idle","veil","spinner","Loader","_class","_Loader","_React$Component","props","_this","call","getProps","defaultProps","childrenRef","element","childrenContainerNode","spinnerRef","spinnerContainerNode","checkSpinnerPosition","globalObject","_getDOMRect","containerTop","top","containerRight","right","containerBottom","bottom","containerLeft","left","containerHeight","height","containerWidth","width","windowHeight","innerHeight","windowWidth","innerWidth","setState","isStickySpinner","spinnerStyle","Math","abs","spinnerHeight","spinnerNode","disableChildrenFocus","childrenObserver","makeObservable","tabbableElements","forEach","el","hasAttribute","setAttribute","tabIndex","toString","enableChildrenFocus","_this$globalObject$do","makeUnobservable","document","querySelectorAll","_el$getAttribute","getAttribute","removeAttribute","target","MutationObserver","config","childList","subtree","observer","observe","_this$childrenObserve","disconnect","state","isSpinnerVisible","isLoaderActive","_inheritsLoose","_proto","prototype","componentDidMount","_this2","spinnerTask","delayBeforeTaskStart","delayBeforeSpinnerShow","durationOfTask","minimalDelayBeforeSpinnerHide","taskStartCallback","taskStopCallback","active","start","layoutEvents","addListener","componentDidUpdate","prevProps","prevState","component","_this$getProps","update","stop","componentWillUnmount","remove","clearTask","getDerivedStateFromProps","render","_this3","styles","emotion","createElement","Consumer","theme","renderMain","_this$cx","_this$props","caption","type","_extends","rootNodeRef","setRootNode","className","loader","applyZIndex","coverChildren","style","wrapperRef","children","cx","renderSpinner","_this$cx2","_this4","spinnerContainer","spinnerContainerSticky","spinnerComponentWrapper","ref","undefined","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Loader.tsx"],"sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { isBrowser } from '../../lib/globalObject';\nimport type { GlobalObject } from '../../lib/globalObject';\nimport type { AnyObject } from '../../lib/utils';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport type { SpinnerProps } from '../Spinner';\nimport { Spinner } from '../Spinner';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { TaskWithDelayAndMinimalDuration } from '../../lib/taskWithDelayAndMinimalDuration';\nimport { getTabbableElements } from '../../lib/dom/tabbableHelpers';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './Loader.styles';\n\nconst types = ['mini', 'normal', 'big'] as const;\n\nexport type LoaderType = (typeof types)[number];\n\nexport interface LoaderProps extends CommonProps {\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Задает состояние лоадера.\n   * @default false */\n  active?: boolean;\n\n  /** Задает подпись под спиннером.\n   * @default  \"Загрузка\"\n   */\n  caption?: SpinnerProps['caption'];\n\n  /** Задает компонент, заменяющий спиннер. */\n  component?: React.ReactNode;\n\n  /** Задает размер спиннера и текста.\n   * @default normal. */\n  type?: LoaderType;\n\n  /** Устанавливает время в миллисекундах для показа вуали без спиннера.\n   * @default 300 */\n  delayBeforeSpinnerShow?: number;\n\n  /** Устанавливает минимальное время в миллисекундах для показа спиннера.\n   * @default 1000. */\n  minimalDelayBeforeSpinnerHide?: number;\n}\n\nexport interface LoaderState {\n  isStickySpinner: boolean;\n  isSpinnerVisible: boolean;\n  isLoaderActive: boolean;\n  spinnerStyle?: AnyObject;\n}\n\nexport const LoaderDataTids = {\n  idle: 'Loader__Idle',\n  veil: 'Loader__Veil',\n  spinner: 'Loader__Spinner',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<LoaderProps, 'type' | 'active' | 'delayBeforeSpinnerShow' | 'minimalDelayBeforeSpinnerHide'>\n>;\n\n/**\n * Компонент `Loader` принимает внутрь себя контент, поверх которого в активном состоянии `Loader`'а будет отрисован спиннер.\n *\n * Если вам нужен только сам спиннер без дополнительного функционала - используйте компонент Spinner.\n */\n@withRenderEnvironment\n@rootNode\nexport class Loader extends React.Component<LoaderProps, LoaderState> {\n  public static __KONTUR_REACT_UI__ = 'Loader';\n  public static displayName = 'Loader';\n\n  public static defaultProps: DefaultProps = {\n    type: 'normal',\n    active: false,\n    delayBeforeSpinnerShow: isTestEnv ? 0 : 300,\n    minimalDelayBeforeSpinnerHide: isTestEnv ? 0 : 1000,\n  };\n\n  private getProps = createPropsGetter(Loader.defaultProps);\n\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private spinnerContainerNode: Nullable<HTMLDivElement>;\n  private childrenContainerNode: Nullable<HTMLDivElement>;\n  private spinnerNode: Nullable<HTMLDivElement>;\n  private layoutEvents: Nullable<{ remove: () => void }>;\n  private spinnerTask!: TaskWithDelayAndMinimalDuration;\n  private childrenObserver: Nullable<MutationObserver>;\n\n  constructor(props: LoaderProps) {\n    super(props);\n\n    this.spinnerContainerNode = null;\n    this.childrenContainerNode = null;\n    this.childrenObserver = null;\n    this.spinnerNode = null;\n\n    this.state = {\n      isStickySpinner: false,\n      isSpinnerVisible: false,\n      isLoaderActive: false,\n    };\n  }\n\n  public componentDidMount() {\n    this.spinnerTask = new TaskWithDelayAndMinimalDuration({\n      delayBeforeTaskStart: this.getProps().delayBeforeSpinnerShow,\n      durationOfTask: this.getProps().minimalDelayBeforeSpinnerHide,\n      taskStartCallback: () => this.setState({ isSpinnerVisible: true }),\n      taskStopCallback: () => this.setState({ isSpinnerVisible: false }),\n    });\n    const active = this.getProps().active;\n    this.checkSpinnerPosition();\n    active && this.spinnerTask.start();\n    this.layoutEvents = LayoutEvents.addListener(debounce(this.checkSpinnerPosition, 10), this.globalObject);\n\n    if (active) {\n      this.disableChildrenFocus();\n    }\n  }\n\n  public componentDidUpdate(prevProps: Readonly<LoaderProps>, prevState: Readonly<LoaderState>) {\n    const { component } = this.props;\n    const { active, delayBeforeSpinnerShow, minimalDelayBeforeSpinnerHide } = this.getProps();\n    const { isLoaderActive } = this.state;\n\n    if ((active && !prevProps.active) || prevProps.component !== component) {\n      this.checkSpinnerPosition();\n    }\n\n    if (\n      delayBeforeSpinnerShow !== prevProps.delayBeforeSpinnerShow ||\n      minimalDelayBeforeSpinnerHide !== prevProps.minimalDelayBeforeSpinnerHide\n    ) {\n      this.spinnerTask.update({\n        delayBeforeTaskStart: delayBeforeSpinnerShow,\n        durationOfTask: minimalDelayBeforeSpinnerHide,\n      });\n    }\n\n    if (active !== prevProps.active) {\n      active ? this.spinnerTask.start() : this.spinnerTask.stop();\n    }\n\n    if (isLoaderActive !== prevState.isLoaderActive) {\n      if (isLoaderActive) {\n        this.disableChildrenFocus();\n      } else {\n        this.enableChildrenFocus();\n      }\n    }\n  }\n\n  public componentWillUnmount() {\n    this.makeUnobservable();\n    if (this.layoutEvents) {\n      this.layoutEvents.remove();\n    }\n    this.spinnerTask.clearTask();\n  }\n\n  public static getDerivedStateFromProps(props: LoaderProps, state: LoaderState): Partial<LoaderState> {\n    if (props.active && !state.isLoaderActive) {\n      return {\n        isLoaderActive: true,\n      };\n    }\n    if (state.isLoaderActive && !(props.active || state.isSpinnerVisible)) {\n      return {\n        isLoaderActive: false,\n      };\n    }\n\n    return state;\n  }\n\n  public render() {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { caption, component } = this.props;\n    const type = this.getProps().type;\n    const { isLoaderActive } = this.state;\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          className={this.styles.loader()}\n          data-tid={this.props['data-tid'] || (isLoaderActive ? LoaderDataTids.veil : LoaderDataTids.idle)}\n        >\n          <ZIndex\n            applyZIndex={isLoaderActive}\n            coverChildren={isLoaderActive}\n            style={{ height: '100%' }}\n            wrapperRef={this.childrenRef}\n          >\n            {this.props.children}\n          </ZIndex>\n          {isLoaderActive && (\n            <ZIndex\n              wrapperRef={this.spinnerRef}\n              className={this.cx({\n                [this.styles.active(this.theme)]: isLoaderActive,\n              })}\n            >\n              {this.state.isSpinnerVisible && this.renderSpinner(type, caption, component)}\n            </ZIndex>\n          )}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private childrenRef = (element: HTMLDivElement | null) => {\n    this.childrenContainerNode = element;\n  };\n\n  private spinnerRef = (element: HTMLDivElement | null) => {\n    this.spinnerContainerNode = element;\n  };\n\n  private renderSpinner(type?: LoaderType, caption?: React.ReactNode, component?: React.ReactNode) {\n    return (\n      <span\n        data-tid={LoaderDataTids.spinner}\n        className={this.cx(this.styles.spinnerContainer(), {\n          [this.styles.spinnerContainerSticky()]: this.state.isStickySpinner,\n        })}\n        style={this.state.spinnerStyle}\n      >\n        <div\n          className={this.styles.spinnerComponentWrapper()}\n          ref={(element) => {\n            this.spinnerNode = element;\n          }}\n        >\n          {component !== undefined ? component : <Spinner type={type} caption={caption} />}\n        </div>\n      </span>\n    );\n  }\n\n  private checkSpinnerPosition = () => {\n    if (!this.spinnerContainerNode || !isBrowser(this.globalObject)) {\n      return;\n    }\n\n    const {\n      top: containerTop,\n      right: containerRight,\n      bottom: containerBottom,\n      left: containerLeft,\n      height: containerHeight,\n      width: containerWidth,\n    } = getDOMRect(this.spinnerContainerNode);\n\n    const windowHeight = this.globalObject.innerHeight;\n    const windowWidth = this.globalObject.innerWidth;\n\n    // Если контейнер не больше высоты и не шире окна,\n    // то просто выравниваем по центру\n    if (windowHeight >= containerHeight && windowWidth >= containerWidth) {\n      this.setState({\n        isStickySpinner: false,\n        spinnerStyle: {},\n      });\n      return;\n    }\n\n    const spinnerStyle: {\n      top?: number;\n      right: number;\n      bottom: number;\n      left: number;\n    } = {\n      top: 30,\n      right: 0,\n      bottom: 30,\n      left: 0,\n    };\n\n    // ПО ВЕРТИКАЛИ\n    // Если верхний край контейнера ниже верхнего края окна,\n    // то сдвигаем и лоадер\n    if (containerTop > 0) {\n      spinnerStyle.top = containerTop + 30;\n    }\n\n    // Если нижний край контейнера выше нижнего края окна,\n    // то сдвигаем и лоадер\n    if (containerBottom < windowHeight) {\n      spinnerStyle.bottom = Math.abs(windowHeight - containerBottom) + 30;\n    }\n\n    // Если знаем высоту спиннера и нижний край контейнера поднимается\n    // выше отступа на высоту спиннера, то убираем верхнюю позицию лоадера\n\n    const spinnerHeight = getDOMRect(this.spinnerNode).height;\n\n    if (spinnerHeight && spinnerStyle.bottom >= windowHeight - spinnerHeight) {\n      delete spinnerStyle.top;\n    }\n\n    // ПО ГОРИЗОНТАЛИ\n    // Если левый край контейнера правее левого края окна,\n    // то сдвигаем и лоадер\n    if (containerLeft > 0) {\n      spinnerStyle.left = containerLeft;\n    }\n\n    // Если правый край контейнера левее правого края окна,\n    // то сдвигаем и лоадер\n    if (containerRight < windowWidth) {\n      spinnerStyle.right = windowWidth - containerRight;\n    }\n\n    this.setState({\n      isStickySpinner: true,\n      spinnerStyle,\n    });\n  };\n\n  private disableChildrenFocus = () => {\n    if (!this.childrenObserver) {\n      this.makeObservable();\n    }\n    const tabbableElements = getTabbableElements(this.childrenContainerNode);\n    tabbableElements.forEach((el) => {\n      if (!el.hasAttribute('origin-tabindex')) {\n        el.setAttribute('origin-tabindex', el.tabIndex.toString());\n      }\n      el.tabIndex = -1;\n    });\n  };\n\n  private enableChildrenFocus = () => {\n    this.makeUnobservable();\n\n    this.globalObject.document?.querySelectorAll('[origin-tabindex]').forEach((el) => {\n      el.setAttribute('tabindex', el.getAttribute('origin-tabindex') ?? '0');\n      el.removeAttribute('origin-tabindex');\n    });\n  };\n\n  private makeObservable = () => {\n    const target = this.childrenContainerNode;\n    if (!target || !this.globalObject.MutationObserver) {\n      return;\n    }\n    const config = {\n      childList: true,\n      subtree: true,\n    };\n    const observer = new this.globalObject.MutationObserver(this.disableChildrenFocus);\n    observer.observe(target, config);\n    this.childrenObserver = observer;\n  };\n\n  private makeUnobservable = () => {\n    this.childrenObserver?.disconnect();\n    this.childrenObserver = null;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Loader/Loader.d.ts

@@ -49,6 +49,10 @@ export declare class Loader extends React.Component<LoaderProps, LoaderState> {
     static displayName: string;
     static defaultProps: DefaultProps;
     private getProps;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     getRootNode: TGetRootNode;
     private setRootNode;