@skbkontur/react-ui 4.25.2 → 4.26.0-MaskedInput-2nd.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (191) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/LICENSE +21 -21
  3. package/README.md +41 -13
  4. package/cjs/components/Autocomplete/Autocomplete.md +76 -3
  5. package/cjs/components/Button/Button.md +38 -11
  6. package/cjs/components/Calendar/Calendar.md +40 -0
  7. package/cjs/components/DropdownMenu/DropdownMenu.md +39 -0
  8. package/cjs/components/FileUploader/FileUploader.d.ts +2 -0
  9. package/cjs/components/FileUploader/FileUploader.js +32 -9
  10. package/cjs/components/FileUploader/FileUploader.js.map +1 -1
  11. package/cjs/components/FileUploader/FileUploader.md +29 -0
  12. package/cjs/components/Gapped/Gapped.md +43 -43
  13. package/cjs/components/Input/Input.d.ts +3 -2
  14. package/cjs/components/Input/Input.js +7 -4
  15. package/cjs/components/Input/Input.js.map +1 -1
  16. package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.d.ts +10 -0
  17. package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.js +158 -0
  18. package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.js.map +1 -0
  19. package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.d.ts +3 -0
  20. package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.js +8 -0
  21. package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.js.map +1 -0
  22. package/cjs/components/MaskedInput/ColorableInputElement/index.d.ts +1 -0
  23. package/cjs/components/MaskedInput/ColorableInputElement/index.js +1 -0
  24. package/cjs/components/MaskedInput/ColorableInputElement/index.js.map +1 -0
  25. package/cjs/components/MaskedInput/FixedIMaskInput.d.ts +9 -0
  26. package/cjs/components/MaskedInput/FixedIMaskInput.js +215 -0
  27. package/cjs/components/MaskedInput/FixedIMaskInput.js.map +1 -0
  28. package/cjs/components/MaskedInput/MaskedInput.d.ts +43 -4
  29. package/cjs/components/MaskedInput/MaskedInput.helpers.d.ts +10 -0
  30. package/cjs/components/MaskedInput/MaskedInput.helpers.js +30 -0
  31. package/cjs/components/MaskedInput/MaskedInput.helpers.js.map +1 -0
  32. package/cjs/components/MaskedInput/MaskedInput.js +172 -23
  33. package/cjs/components/MaskedInput/MaskedInput.js.map +1 -1
  34. package/cjs/components/MaskedInput/MaskedInput.md +100 -9
  35. package/cjs/components/MaskedInput/MaskedInput.styles.d.ts +3 -0
  36. package/cjs/components/MaskedInput/MaskedInput.styles.js +4 -0
  37. package/cjs/components/MaskedInput/MaskedInput.styles.js.map +1 -0
  38. package/cjs/components/RadioGroup/RadioGroup.md +43 -43
  39. package/cjs/components/ScrollContainer/ScrollContainer.d.ts +1 -0
  40. package/cjs/components/ScrollContainer/ScrollContainer.js +6 -0
  41. package/cjs/components/ScrollContainer/ScrollContainer.js.map +1 -1
  42. package/cjs/hooks/useDrop.d.ts +1 -1
  43. package/cjs/hooks/useDrop.js.map +1 -1
  44. package/cjs/index.d.ts +1 -0
  45. package/cjs/index.js +1 -0
  46. package/cjs/index.js.map +1 -1
  47. package/cjs/internal/FileUploaderControl/FileUploaderControlProvider.d.ts +5 -2
  48. package/cjs/internal/FileUploaderControl/FileUploaderControlProvider.js +16 -3
  49. package/cjs/internal/FileUploaderControl/FileUploaderControlProvider.js.map +1 -1
  50. package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.d.ts +1 -0
  51. package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.js +4 -2
  52. package/cjs/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.js.map +1 -1
  53. package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.d.ts +1 -0
  54. package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.js +3 -2
  55. package/cjs/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.js.map +1 -1
  56. package/cjs/internal/RenderContainer/RenderContainer.d.ts +2 -0
  57. package/cjs/internal/RenderContainer/RenderContainer.js +6 -3
  58. package/cjs/internal/RenderContainer/RenderContainer.js.map +1 -1
  59. package/cjs/internal/RenderContainer/RenderInnerContainer.js +3 -2
  60. package/cjs/internal/RenderContainer/RenderInnerContainer.js.map +1 -1
  61. package/cjs/internal/ThemeShowcase/ThemeShowcase.md +13 -13
  62. package/cjs/internal/ZIndex/ZIndex.d.ts +7 -3
  63. package/cjs/internal/ZIndex/ZIndex.js +41 -3
  64. package/cjs/internal/ZIndex/ZIndex.js.map +1 -1
  65. package/cjs/internal/themes/Theme2022Dark.js +1 -1
  66. package/cjs/internal/themes/Theme2022Dark.js.map +1 -1
  67. package/cjs/lib/events/MouseDrag.d.ts +1 -1
  68. package/cjs/lib/events/MouseDrag.js.map +1 -1
  69. package/cjs/lib/events/keyboard/identifiers.d.ts +3 -0
  70. package/cjs/lib/events/keyboard/identifiers.js +5 -1
  71. package/cjs/lib/events/keyboard/identifiers.js.map +1 -1
  72. package/cjs/lib/listenFocusOutside.js +4 -2
  73. package/cjs/lib/listenFocusOutside.js.map +1 -1
  74. package/cjs/lib/styles/HoldSelectionColor.js +1 -1
  75. package/cjs/lib/styles/HoldSelectionColor.js.map +1 -1
  76. package/cjs/lib/styles/UiFont.d.ts +4 -0
  77. package/cjs/lib/styles/UiFont.js +61 -0
  78. package/cjs/lib/styles/UiFont.js.map +1 -0
  79. package/components/Autocomplete/Autocomplete.md +76 -3
  80. package/components/Button/Button.md +38 -11
  81. package/components/Calendar/Calendar.md +40 -0
  82. package/components/DropdownMenu/DropdownMenu.md +39 -0
  83. package/components/FileUploader/FileUploader/FileUploader.js +30 -8
  84. package/components/FileUploader/FileUploader/FileUploader.js.map +1 -1
  85. package/components/FileUploader/FileUploader.d.ts +2 -0
  86. package/components/FileUploader/FileUploader.md +29 -0
  87. package/components/Gapped/Gapped.md +43 -43
  88. package/components/Input/Input/Input.js +8 -4
  89. package/components/Input/Input/Input.js.map +1 -1
  90. package/components/Input/Input.d.ts +3 -2
  91. package/components/MaskedInput/ColorableInputElement/ColorableInputElement/ColorableInputElement.js +152 -0
  92. package/components/MaskedInput/ColorableInputElement/ColorableInputElement/ColorableInputElement.js.map +1 -0
  93. package/components/MaskedInput/ColorableInputElement/ColorableInputElement/package.json +6 -0
  94. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.d.ts +10 -0
  95. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles/ColorableInputElement.styles.js +9 -0
  96. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles/ColorableInputElement.styles.js.map +1 -0
  97. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles/package.json +6 -0
  98. package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.d.ts +3 -0
  99. package/components/MaskedInput/ColorableInputElement/index/index.js +1 -0
  100. package/components/MaskedInput/ColorableInputElement/index/index.js.map +1 -0
  101. package/components/MaskedInput/ColorableInputElement/index/package.json +6 -0
  102. package/components/MaskedInput/ColorableInputElement/index.d.ts +1 -0
  103. package/components/MaskedInput/ColorableInputElement/package.json +6 -0
  104. package/components/MaskedInput/FixedIMaskInput/FixedIMaskInput.js +231 -0
  105. package/components/MaskedInput/FixedIMaskInput/FixedIMaskInput.js.map +1 -0
  106. package/components/MaskedInput/FixedIMaskInput/package.json +6 -0
  107. package/components/MaskedInput/FixedIMaskInput.d.ts +9 -0
  108. package/components/MaskedInput/MaskedInput/MaskedInput.js +134 -26
  109. package/components/MaskedInput/MaskedInput/MaskedInput.js.map +1 -1
  110. package/components/MaskedInput/MaskedInput.d.ts +43 -4
  111. package/components/MaskedInput/MaskedInput.helpers/MaskedInput.helpers.js +27 -0
  112. package/components/MaskedInput/MaskedInput.helpers/MaskedInput.helpers.js.map +1 -0
  113. package/components/MaskedInput/MaskedInput.helpers/package.json +6 -0
  114. package/components/MaskedInput/MaskedInput.helpers.d.ts +10 -0
  115. package/components/MaskedInput/MaskedInput.md +100 -9
  116. package/components/MaskedInput/MaskedInput.styles/MaskedInput.styles.js +4 -0
  117. package/components/MaskedInput/MaskedInput.styles/MaskedInput.styles.js.map +1 -0
  118. package/components/MaskedInput/MaskedInput.styles/package.json +6 -0
  119. package/components/MaskedInput/MaskedInput.styles.d.ts +3 -0
  120. package/components/RadioGroup/RadioGroup.md +43 -43
  121. package/components/ScrollContainer/ScrollContainer/ScrollContainer.js +5 -0
  122. package/components/ScrollContainer/ScrollContainer/ScrollContainer.js.map +1 -1
  123. package/components/ScrollContainer/ScrollContainer.d.ts +1 -0
  124. package/hooks/useDrop/useDrop.js.map +1 -1
  125. package/hooks/useDrop.d.ts +1 -1
  126. package/index.d.ts +1 -0
  127. package/index.js +1 -0
  128. package/index.js.map +1 -1
  129. package/internal/FileUploaderControl/FileUploaderControlProvider/FileUploaderControlProvider.js +12 -3
  130. package/internal/FileUploaderControl/FileUploaderControlProvider/FileUploaderControlProvider.js.map +1 -1
  131. package/internal/FileUploaderControl/FileUploaderControlProvider.d.ts +5 -2
  132. package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile/FileUploaderFile.js +4 -2
  133. package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile/FileUploaderFile.js.map +1 -1
  134. package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.d.ts +1 -0
  135. package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList/FileUploaderFileList.js +4 -2
  136. package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList/FileUploaderFileList.js.map +1 -1
  137. package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.d.ts +1 -0
  138. package/internal/RenderContainer/RenderContainer/RenderContainer.js +3 -1
  139. package/internal/RenderContainer/RenderContainer/RenderContainer.js.map +1 -1
  140. package/internal/RenderContainer/RenderContainer.d.ts +2 -0
  141. package/internal/RenderContainer/RenderInnerContainer/RenderInnerContainer.js +5 -4
  142. package/internal/RenderContainer/RenderInnerContainer/RenderInnerContainer.js.map +1 -1
  143. package/internal/ThemeShowcase/ThemeShowcase.md +13 -13
  144. package/internal/ZIndex/ZIndex/ZIndex.js +55 -7
  145. package/internal/ZIndex/ZIndex/ZIndex.js.map +1 -1
  146. package/internal/ZIndex/ZIndex.d.ts +7 -3
  147. package/internal/themes/Theme2022Dark/Theme2022Dark.js +1 -1
  148. package/internal/themes/Theme2022Dark/Theme2022Dark.js.map +1 -1
  149. package/lib/events/MouseDrag/MouseDrag.js.map +1 -1
  150. package/lib/events/MouseDrag.d.ts +1 -1
  151. package/lib/events/keyboard/identifiers/identifiers.js +13 -0
  152. package/lib/events/keyboard/identifiers/identifiers.js.map +1 -1
  153. package/lib/events/keyboard/identifiers.d.ts +3 -0
  154. package/lib/listenFocusOutside/listenFocusOutside.js +3 -2
  155. package/lib/listenFocusOutside/listenFocusOutside.js.map +1 -1
  156. package/lib/styles/HoldSelectionColor/HoldSelectionColor.js +1 -1
  157. package/lib/styles/HoldSelectionColor/HoldSelectionColor.js.map +1 -1
  158. package/lib/styles/UiFont/UiFont.js +27 -0
  159. package/lib/styles/UiFont/UiFont.js.map +1 -0
  160. package/lib/styles/UiFont/package.json +6 -0
  161. package/lib/styles/UiFont.d.ts +4 -0
  162. package/package.json +2 -5
  163. package/cjs/internal/MaskedInputElement/MaskedInputElement.d.ts +0 -14
  164. package/cjs/internal/MaskedInputElement/MaskedInputElement.helpers.d.ts +0 -16
  165. package/cjs/internal/MaskedInputElement/MaskedInputElement.helpers.js +0 -52
  166. package/cjs/internal/MaskedInputElement/MaskedInputElement.helpers.js.map +0 -1
  167. package/cjs/internal/MaskedInputElement/MaskedInputElement.js +0 -196
  168. package/cjs/internal/MaskedInputElement/MaskedInputElement.js.map +0 -1
  169. package/cjs/internal/MaskedInputElement/MaskedInputElement.styles.d.ts +0 -6
  170. package/cjs/internal/MaskedInputElement/MaskedInputElement.styles.js +0 -29
  171. package/cjs/internal/MaskedInputElement/MaskedInputElement.styles.js.map +0 -1
  172. package/cjs/internal/MaskedInputElement/index.d.ts +0 -1
  173. package/cjs/internal/MaskedInputElement/index.js +0 -1
  174. package/cjs/internal/MaskedInputElement/index.js.map +0 -1
  175. package/internal/MaskedInputElement/MaskedInputElement/MaskedInputElement.js +0 -206
  176. package/internal/MaskedInputElement/MaskedInputElement/MaskedInputElement.js.map +0 -1
  177. package/internal/MaskedInputElement/MaskedInputElement/package.json +0 -6
  178. package/internal/MaskedInputElement/MaskedInputElement.d.ts +0 -14
  179. package/internal/MaskedInputElement/MaskedInputElement.helpers/MaskedInputElement.helpers.js +0 -43
  180. package/internal/MaskedInputElement/MaskedInputElement.helpers/MaskedInputElement.helpers.js.map +0 -1
  181. package/internal/MaskedInputElement/MaskedInputElement.helpers/package.json +0 -6
  182. package/internal/MaskedInputElement/MaskedInputElement.helpers.d.ts +0 -16
  183. package/internal/MaskedInputElement/MaskedInputElement.styles/MaskedInputElement.styles.js +0 -16
  184. package/internal/MaskedInputElement/MaskedInputElement.styles/MaskedInputElement.styles.js.map +0 -1
  185. package/internal/MaskedInputElement/MaskedInputElement.styles/package.json +0 -6
  186. package/internal/MaskedInputElement/MaskedInputElement.styles.d.ts +0 -6
  187. package/internal/MaskedInputElement/index/index.js +0 -1
  188. package/internal/MaskedInputElement/index/index.js.map +0 -1
  189. package/internal/MaskedInputElement/index/package.json +0 -6
  190. package/internal/MaskedInputElement/index.d.ts +0 -1
  191. package/internal/MaskedInputElement/package.json +0 -6
@@ -1 +1 @@
1
- {"version":3,"sources":["RenderInnerContainer.tsx"],"names":["SSRPlaceholder","Portal","container","rt_rootID","children","ReactDOM","createPortal","RenderInnerContainer","render","props","anchor","domContainer","rootId","inner","React","Component","__KONTUR_REACT_UI__","displayName","propTypes","globalObject","HTMLElement","string","isRequired","node"],"mappings":"yRAAA;AACA;AACA;AACA;;;AAGA;;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,wBAAM,yCAAQ,WAAQ,iBAAhB,GAAN,EAAvB;;AAEO,IAAMC,MAAM,GAAG,SAATA,MAAS,OAAqD,KAAlDC,SAAkD,QAAlDA,SAAkD,CAAvCC,SAAuC,QAAvCA,SAAuC,CAA5BC,QAA4B,QAA5BA,QAA4B;AACzE;AACA;AACE,iCAAC,cAAD,CAAO,QAAP;AACGF,IAAAA,SAAS,gBAAGG,kBAASC,YAAT,CAAsBF,QAAtB,EAAgCF,SAAhC,CAAH,gBAAgD,6BAAC,cAAD,OAD5D;AAEGA,IAAAA,SAAS,gBAAG,2CAAU,4BAA0BC,SAApC,GAAH,gBAAuD,6BAAC,cAAD,OAFnE,CADF;;;AAMD,CARM,C;;AAUMI,oB;;;;AAIJC,EAAAA,M,GAAP,kBAAgB;AACd,sBAAmD,KAAKC,KAAxD,CAAQC,MAAR,eAAQA,MAAR,CAAgBN,QAAhB,eAAgBA,QAAhB,CAA0BO,YAA1B,eAA0BA,YAA1B,CAAwCC,MAAxC,eAAwCA,MAAxC;AACA,QAAIC,KAAK,GAAGH,MAAZ;;AAEA,QAAIN,QAAJ,EAAc;AACZS,MAAAA,KAAK;AACH,mCAAC,cAAD,CAAO,QAAP;AACGH,MAAAA,MADH;AAEE,mCAAC,MAAD,IAAQ,GAAG,EAAC,YAAZ,EAAyB,SAAS,EAAEE,MAApC,EAA4C,SAAS,EAAED,YAAvD;AACGP,MAAAA,QADH,CAFF,CADF;;;;AAQD;;AAED,WAAOS,KAAP;AACD,G,+BApBuCC,eAAMC,S,sDAAnCR,oB,CACGS,mB,GAAsB,sB,CADzBT,oB,CAEGU,W,GAAc,sB;;;AAqB9BhB,MAAM,CAACiB,SAAP,GAAmB;AACjBhB,EAAAA,SAAS,EAAE,sCAAwBiB,2BAAaC,WAArC,CADM;AAEjBjB,EAAAA,SAAS,EAAEe,mBAAUG,MAAV,CAAiBC,UAFX;AAGjBlB,EAAAA,QAAQ,EAAEc,mBAAUK,IAAV,CAAeD,UAHR,EAAnB;;;AAMArB,MAAM,CAACe,mBAAP,GAA6B,QAA7B;AACAf,MAAM,CAACgB,WAAP,GAAqB,QAArB","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport propTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\n\nimport { PortalProps, RenderContainerProps } from './RenderContainerTypes';\n\ninterface RenderInnerContainerProps extends RenderContainerProps {\n domContainer: Nullable<HTMLElement>;\n rootId: string;\n}\n\n// Заглушка нужна для корректной гидрации порталов после SSR,\n// которую реакт сам пока не поддерживает.\n// @see https://github.com/facebook/react/issues/13097\n// А также для вставки актуального render-container-id на клиенте.\n//\n// Дело в том, что во время гидрации, структура HTML на сервере\n// и на клиенте должна совпадать, иначе возможны артефакты.\n// Алгоритм там примерно такой. Клиент во время гидрации идет\n// по этим двум деревьям и сравнивает узлы. Элементы разных типов\n// он подменяет на свои. А те, что совпадают, он оставляет как есть\n// вместе со всеми атрибутами, навесив только обработчики событий.\n//\n// Поэтому, для портала, который рендерится только на клиенте,\n// нужно использовать серверную заглушку, чтобы при гидрации\n// он не испортил какой-то другой элемент. Null не подходит,\n// т.к. на сервере он тоже не рендерится.\n// А элемент с render-container-id нужно отрендерить с нуля.\n\nconst SSRPlaceholder = () => <script data-id=\"ssr-placeholder\" />;\n\nexport const Portal = ({ container, rt_rootID, children }: PortalProps) => {\n // container exists only in browser\n return (\n <React.Fragment>\n {container ? ReactDOM.createPortal(children, container) : <SSRPlaceholder />}\n {container ? <noscript data-render-container-id={rt_rootID} /> : <SSRPlaceholder />}\n </React.Fragment>\n );\n};\n\nexport class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {\n public static __KONTUR_REACT_UI__ = 'RenderInnerContainer';\n public static displayName = 'RenderInnerContainer';\n\n public render() {\n const { anchor, children, domContainer, rootId } = this.props;\n let inner = anchor;\n\n if (children) {\n inner = (\n <React.Fragment>\n {anchor}\n <Portal key=\"portal-ref\" rt_rootID={rootId} container={domContainer}>\n {children}\n </Portal>\n </React.Fragment>\n );\n }\n\n return inner;\n }\n}\n\nPortal.propTypes = {\n container: safePropTypesInstanceOf(globalObject.HTMLElement),\n rt_rootID: propTypes.string.isRequired,\n children: propTypes.node.isRequired,\n};\n\nPortal.__KONTUR_REACT_UI__ = 'Portal';\nPortal.displayName = 'Portal';\n"]}
1
+ {"version":3,"sources":["RenderInnerContainer.tsx"],"names":["SSRPlaceholder","Portal","container","rt_rootID","children","ReactDOM","createPortal","PORTAL_INLET_ATTR","RenderInnerContainer","render","props","anchor","domContainer","rootId","inner","React","Component","__KONTUR_REACT_UI__","displayName","propTypes","globalObject","HTMLElement","string","isRequired","node"],"mappings":"yRAAA;AACA;AACA;AACA;;;AAGA;;;AAGA;;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,wBAAM,yCAAQ,WAAQ,iBAAhB,GAAN,EAAvB;;AAEO,IAAMC,MAAM,GAAG,SAATA,MAAS,OAAqD,eAAlDC,SAAkD,QAAlDA,SAAkD,CAAvCC,SAAuC,QAAvCA,SAAuC,CAA5BC,QAA4B,QAA5BA,QAA4B;AACzE;AACA;AACE,iCAAC,cAAD,CAAO,QAAP;AACGF,IAAAA,SAAS,gBAAGG,kBAASC,YAAT,CAAsBF,QAAtB,EAAgCF,SAAhC,CAAH,gBAAgD,6BAAC,cAAD,OAD5D;AAEGA,IAAAA,SAAS,gBAAG,4DAAiBK,kCAAjB,IAAqCJ,SAArC,SAAH,gBAA0D,6BAAC,cAAD,OAFtE,CADF;;;AAMD,CARM,C;;AAUMK,oB;;;;AAIJC,EAAAA,M,GAAP,kBAAgB;AACd,sBAAmD,KAAKC,KAAxD,CAAQC,MAAR,eAAQA,MAAR,CAAgBP,QAAhB,eAAgBA,QAAhB,CAA0BQ,YAA1B,eAA0BA,YAA1B,CAAwCC,MAAxC,eAAwCA,MAAxC;AACA,QAAIC,KAAK,GAAGH,MAAZ;;AAEA,QAAIP,QAAJ,EAAc;AACZU,MAAAA,KAAK;AACH,mCAAC,cAAD,CAAO,QAAP;AACGH,MAAAA,MADH;AAEE,mCAAC,MAAD,IAAQ,GAAG,EAAC,YAAZ,EAAyB,SAAS,EAAEE,MAApC,EAA4C,SAAS,EAAED,YAAvD;AACGR,MAAAA,QADH,CAFF,CADF;;;;AAQD;;AAED,WAAOU,KAAP;AACD,G,+BApBuCC,eAAMC,S,sDAAnCR,oB,CACGS,mB,GAAsB,sB,CADzBT,oB,CAEGU,W,GAAc,sB;;;AAqB9BjB,MAAM,CAACkB,SAAP,GAAmB;AACjBjB,EAAAA,SAAS,EAAE,sCAAwBkB,2BAAaC,WAArC,CADM;AAEjBlB,EAAAA,SAAS,EAAEgB,mBAAUG,MAAV,CAAiBC,UAFX;AAGjBnB,EAAAA,QAAQ,EAAEe,mBAAUK,IAAV,CAAeD,UAHR,EAAnB;;;AAMAtB,MAAM,CAACgB,mBAAP,GAA6B,QAA7B;AACAhB,MAAM,CAACiB,WAAP,GAAqB,QAArB","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport propTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\n\nimport { PortalProps, RenderContainerProps } from './RenderContainerTypes';\nimport { PORTAL_INLET_ATTR } from './RenderContainer';\n\ninterface RenderInnerContainerProps extends RenderContainerProps {\n domContainer: Nullable<HTMLElement>;\n rootId: string;\n}\n\n// Заглушка нужна для корректной гидрации порталов после SSR,\n// которую реакт сам пока не поддерживает.\n// @see https://github.com/facebook/react/issues/13097\n// А также для вставки актуального render-container-id на клиенте.\n//\n// Дело в том, что во время гидрации, структура HTML на сервере\n// и на клиенте должна совпадать, иначе возможны артефакты.\n// Алгоритм там примерно такой. Клиент во время гидрации идет\n// по этим двум деревьям и сравнивает узлы. Элементы разных типов\n// он подменяет на свои. А те, что совпадают, он оставляет как есть\n// вместе со всеми атрибутами, навесив только обработчики событий.\n//\n// Поэтому, для портала, который рендерится только на клиенте,\n// нужно использовать серверную заглушку, чтобы при гидрации\n// он не испортил какой-то другой элемент. Null не подходит,\n// т.к. на сервере он тоже не рендерится.\n// А элемент с render-container-id нужно отрендерить с нуля.\n\nconst SSRPlaceholder = () => <script data-id=\"ssr-placeholder\" />;\n\nexport const Portal = ({ container, rt_rootID, children }: PortalProps) => {\n // container exists only in browser\n return (\n <React.Fragment>\n {container ? ReactDOM.createPortal(children, container) : <SSRPlaceholder />}\n {container ? <noscript {...{ [PORTAL_INLET_ATTR]: rt_rootID }} /> : <SSRPlaceholder />}\n </React.Fragment>\n );\n};\n\nexport class RenderInnerContainer extends React.Component<RenderInnerContainerProps> {\n public static __KONTUR_REACT_UI__ = 'RenderInnerContainer';\n public static displayName = 'RenderInnerContainer';\n\n public render() {\n const { anchor, children, domContainer, rootId } = this.props;\n let inner = anchor;\n\n if (children) {\n inner = (\n <React.Fragment>\n {anchor}\n <Portal key=\"portal-ref\" rt_rootID={rootId} container={domContainer}>\n {children}\n </Portal>\n </React.Fragment>\n );\n }\n\n return inner;\n }\n}\n\nPortal.propTypes = {\n container: safePropTypesInstanceOf(globalObject.HTMLElement),\n rt_rootID: propTypes.string.isRequired,\n children: propTypes.node.isRequired,\n};\n\nPortal.__KONTUR_REACT_UI__ = 'Portal';\nPortal.displayName = 'Portal';\n"]}
@@ -1,13 +1,13 @@
1
- ### Таблица переменных
2
-
3
- Список использующихся переменных для каждого кастомизируемого компонента.
4
- <br/>
5
- Таблица фильтруется по названию переменной.
6
- <br/>
7
- Значения в колонке `Variable name` кликабельны.
8
-
9
- ```jsx harmony
10
- import { ThemeShowcase } from '@skbkontur/react-ui/internal/ThemeShowcase/ThemeShowcase';
11
-
12
- <ThemeShowcase />;
13
- ```
1
+ ### Таблица переменных
2
+
3
+ Список использующихся переменных для каждого кастомизируемого компонента.
4
+ <br/>
5
+ Таблица фильтруется по названию переменной.
6
+ <br/>
7
+ Значения в колонке `Variable name` кликабельны.
8
+
9
+ ```jsx harmony
10
+ import { ThemeShowcase } from '@skbkontur/react-ui/internal/ThemeShowcase/ThemeShowcase';
11
+
12
+ <ThemeShowcase />;
13
+ ```
@@ -23,19 +23,22 @@ export interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {
23
23
  declare type DefaultProps = Required<Pick<ZIndexProps, 'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'>>;
24
24
  interface ZIndexState {
25
25
  zIndex: number;
26
+ savedZIndexContext: {
27
+ parentLayerZIndex: number;
28
+ maxZIndex: number;
29
+ } | null;
26
30
  }
27
31
  export declare class ZIndex extends React.Component<ZIndexProps, ZIndexState> {
28
32
  static __KONTUR_REACT_UI__: string;
29
33
  static displayName: string;
30
34
  static defaultProps: DefaultProps;
31
- state: {
32
- zIndex: number;
33
- };
35
+ state: ZIndexState;
34
36
  private getProps;
35
37
  static propTypes: {
36
38
  delta(props: ZIndexProps): Error | undefined;
37
39
  };
38
40
  private setRootNode;
41
+ private zIndexContext;
39
42
  constructor(props: ZIndexProps);
40
43
  componentDidUpdate(prevProps: Readonly<ZIndexProps>): void;
41
44
  componentWillUnmount(): void;
@@ -43,5 +46,6 @@ export declare class ZIndex extends React.Component<ZIndexProps, ZIndexState> {
43
46
  private wrapperRef;
44
47
  private calcZIndex;
45
48
  private increment;
49
+ private tryGetContextByDOM;
46
50
  }
47
51
  export {};
@@ -4,10 +4,15 @@ var _globalObject = require("@skbkontur/global-object");
4
4
  var _callChildRef = require("../../lib/callChildRef/callChildRef");
5
5
  var _rootNode = require("../../lib/rootNode");
6
6
  var _createPropsGetter = require("../../lib/createPropsGetter");
7
+ var _isInstanceOf = require("../../lib/isInstanceOf");
8
+ var _Loader = require("../../components/Loader");
9
+ var _RenderContainer = require("../RenderContainer");
7
10
 
8
11
  var _ZIndexStorage = require("./ZIndexStorage");var _excluded = ["style", "children", "delta", "priority", "applyZIndex", "coverChildren", "createStackingContext", "wrapperRef", "useWrapper"];var _class, _class2, _temp;
9
12
 
10
- var ZIndexContext = /*#__PURE__*/_react.default.createContext({ parentLayerZIndex: 0, maxZIndex: Infinity });
13
+ var DEFAULT_ZINDEX_CONTEXT = { parentLayerZIndex: 0, maxZIndex: Infinity };
14
+
15
+ var ZIndexContext = /*#__PURE__*/_react.default.createContext(DEFAULT_ZINDEX_CONTEXT);
11
16
 
12
17
  ZIndexContext.displayName = 'ZIndexContext';var
13
18
 
@@ -43,6 +48,7 @@ ZIndexContext.displayName = 'ZIndexContext';var
43
48
 
44
49
 
45
50
 
51
+
46
52
 
47
53
 
48
54
  ZIndex = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(ZIndex, _React$Component);
@@ -75,11 +81,15 @@ ZIndex = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
75
81
 
76
82
 
77
83
 
84
+
85
+
78
86
 
79
87
 
80
88
 
81
89
  function ZIndex(props) {var _this;
82
- _this = _React$Component.call(this, props) || this;_this.state = { zIndex: 0 };_this.getProps = (0, _createPropsGetter.createPropsGetter)(ZIndex.defaultProps);_this.
90
+ _this = _React$Component.call(this, props) || this;_this.state = { zIndex: 0, savedZIndexContext: null };_this.getProps = (0, _createPropsGetter.createPropsGetter)(ZIndex.defaultProps);_this.zIndexContext = null;_this.
91
+
92
+
83
93
 
84
94
 
85
95
 
@@ -148,6 +158,7 @@ ZIndex = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
148
158
  var wrapperRef = _this.props.wrapperRef;
149
159
  _this.setRootNode(element);
150
160
  wrapperRef && (0, _callChildRef.callChildRef)(wrapperRef, element);
161
+ element && _this.tryGetContextByDOM(element);
151
162
  };_this.
152
163
 
153
164
 
@@ -168,4 +179,31 @@ ZIndex = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
168
179
  var _this$getProps = _this.getProps(),priority = _this$getProps.priority,delta = _this$getProps.delta;
169
180
 
170
181
  return (0, _ZIndexStorage.incrementZIndex)(priority, delta);
171
- };_this.state.zIndex = _this.increment();return _this;}var _proto = ZIndex.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {(0, _ZIndexStorage.removeZIndex)(this.state.zIndex);this.setState({ zIndex: this.increment() });}};_proto.componentWillUnmount = function componentWillUnmount() {(0, _ZIndexStorage.removeZIndex)(this.state.zIndex);};_proto.render = function render() {var _this2 = this;var _this$getProps2 = this.getProps(),style = _this$getProps2.style,children = _this$getProps2.children,delta = _this$getProps2.delta,priority = _this$getProps2.priority,applyZIndex = _this$getProps2.applyZIndex,coverChildren = _this$getProps2.coverChildren,createStackingContext = _this$getProps2.createStackingContext,wrapperRef = _this$getProps2.wrapperRef,useWrapper = _this$getProps2.useWrapper,rest = (0, _objectWithoutPropertiesLoose2.default)(_this$getProps2, _excluded);var wrapperStyle = {};return /*#__PURE__*/_react.default.createElement(ZIndexContext.Consumer, null, function (_ref) {var parentLayerZIndex = _ref.parentLayerZIndex,maxZIndex = _ref.maxZIndex;var zIndexContextValue = { parentLayerZIndex: parentLayerZIndex, maxZIndex: maxZIndex };if (applyZIndex) {var newZIndex = _this2.calcZIndex(parentLayerZIndex, maxZIndex);wrapperStyle.zIndex = newZIndex;zIndexContextValue = coverChildren ? { parentLayerZIndex: parentLayerZIndex, maxZIndex: newZIndex } : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };if (createStackingContext) {(0, _globalObject.isBrowser)(_globalObject.globalObject) && 'isolation' in _globalObject.globalObject.document.body.style ? wrapperStyle.isolation = 'isolate' : wrapperStyle.transform = 'rotate(0)';}}var child = !useWrapper ? children : /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ style: (0, _extends2.default)({}, style, wrapperStyle), ref: _this2.wrapperRef }, rest), children);return /*#__PURE__*/_react.default.createElement(ZIndexContext.Provider, { value: zIndexContextValue }, child);});};_proto.calcZIndex = function calcZIndex(parentLayerZIndex, maxZIndex) {var newZIndex = this.state.zIndex;if (Number.isFinite(maxZIndex)) {var allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;var scale = _ZIndexStorage.upperBorder / allowedValuesIntervalLength;newZIndex = Math.ceil(newZIndex / scale);}newZIndex += parentLayerZIndex;return newZIndex;};return ZIndex;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'ZIndex', _class2.displayName = 'ZIndex', _class2.defaultProps = { delta: 10, priority: 0, style: {}, applyZIndex: true, coverChildren: false, createStackingContext: false, useWrapper: true }, _class2.propTypes = { delta: function delta(props) {if ((props.delta || _class2.defaultProps.delta) <= 0) {return new Error("[ZIndex]: Prop 'delta' must be greater than 0, received " + props.delta);}if (Math.trunc(props.delta || _class2.defaultProps.delta) !== props.delta) {return new Error("[ZIndex]: Prop 'delta' must be integer, received " + props.delta);}} }, _temp)) || _class;exports.ZIndex = ZIndex;
182
+ };_this.
183
+
184
+ tryGetContextByDOM = function (element) {
185
+ if (DEFAULT_ZINDEX_CONTEXT === _this.zIndexContext && _this.state.savedZIndexContext === null) {var _element$parentElemen;
186
+ var savedZIndexContext = DEFAULT_ZINDEX_CONTEXT;
187
+ var portal = (_element$parentElemen = element.parentElement) == null ? void 0 : _element$parentElemen.closest("[" + _RenderContainer.PORTAL_OUTLET_ATTR + "]");
188
+
189
+ if ((0, _isInstanceOf.isInstanceOf)(portal, _globalObject.globalObject.HTMLElement)) {var _noscript$parentEleme;
190
+ var portalID = portal.getAttribute(_RenderContainer.PORTAL_OUTLET_ATTR);
191
+ var noscript = document.querySelector("noscript[" + _RenderContainer.PORTAL_INLET_ATTR + "=\"" + portalID + "\"]");
192
+ var parent = noscript == null ? void 0 : (_noscript$parentEleme = noscript.parentElement) == null ? void 0 : _noscript$parentEleme.closest('[style*=z-index]');
193
+
194
+ if ((0, _isInstanceOf.isInstanceOf)(parent, _globalObject.globalObject.HTMLElement)) {var _parent$parentElement;
195
+ var newZIndex = Number(parent.style.zIndex || 0);
196
+
197
+ var maxZIndex = Infinity;
198
+
199
+ if (((_parent$parentElement = parent.parentElement) == null ? void 0 : _parent$parentElement.dataset.tid) === _Loader.LoaderDataTids.veil) {
200
+ maxZIndex = _this.calcZIndex(newZIndex, maxZIndex);
201
+ }
202
+
203
+ savedZIndexContext = { maxZIndex: maxZIndex, parentLayerZIndex: newZIndex };
204
+ }
205
+ }
206
+
207
+ _this.setState({ savedZIndexContext: savedZIndexContext });
208
+ }
209
+ };_this.state.zIndex = _this.increment();return _this;}var _proto = ZIndex.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {(0, _ZIndexStorage.removeZIndex)(this.state.zIndex);this.setState({ zIndex: this.increment() });}};_proto.componentWillUnmount = function componentWillUnmount() {(0, _ZIndexStorage.removeZIndex)(this.state.zIndex);};_proto.render = function render() {var _this2 = this;var _this$getProps2 = this.getProps(),style = _this$getProps2.style,children = _this$getProps2.children,delta = _this$getProps2.delta,priority = _this$getProps2.priority,applyZIndex = _this$getProps2.applyZIndex,coverChildren = _this$getProps2.coverChildren,createStackingContext = _this$getProps2.createStackingContext,wrapperRef = _this$getProps2.wrapperRef,useWrapper = _this$getProps2.useWrapper,rest = (0, _objectWithoutPropertiesLoose2.default)(_this$getProps2, _excluded);var wrapperStyle = {};return /*#__PURE__*/_react.default.createElement(ZIndexContext.Consumer, null, function (context) {_this2.zIndexContext = context;var _ref = _this2.state.savedZIndexContext || context,parentLayerZIndex = _ref.parentLayerZIndex,maxZIndex = _ref.maxZIndex;var zIndexContextValue = { parentLayerZIndex: parentLayerZIndex, maxZIndex: maxZIndex };var newZIndex = 0;if (applyZIndex) {newZIndex = _this2.calcZIndex(parentLayerZIndex, maxZIndex);wrapperStyle.zIndex = newZIndex;zIndexContextValue = coverChildren ? { parentLayerZIndex: parentLayerZIndex, maxZIndex: newZIndex } : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };if (createStackingContext) {(0, _globalObject.isBrowser)(_globalObject.globalObject) && 'isolation' in _globalObject.globalObject.document.body.style ? wrapperStyle.isolation = 'isolate' : wrapperStyle.transform = 'rotate(0)';}}var child = !useWrapper ? children : /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ style: (0, _extends2.default)({}, style, wrapperStyle), ref: _this2.wrapperRef }, rest), children);return /*#__PURE__*/_react.default.createElement(ZIndexContext.Provider, { value: zIndexContextValue }, child);});};_proto.calcZIndex = function calcZIndex(parentLayerZIndex, maxZIndex) {var newZIndex = this.state.zIndex;if (Number.isFinite(maxZIndex)) {var allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;var scale = _ZIndexStorage.upperBorder / allowedValuesIntervalLength;newZIndex = Math.ceil(newZIndex / scale);}newZIndex += parentLayerZIndex;return newZIndex;};return ZIndex;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'ZIndex', _class2.displayName = 'ZIndex', _class2.defaultProps = { delta: 10, priority: 0, style: {}, applyZIndex: true, coverChildren: false, createStackingContext: false, useWrapper: true }, _class2.propTypes = { delta: function delta(props) {if ((props.delta || _class2.defaultProps.delta) <= 0) {return new Error("[ZIndex]: Prop 'delta' must be greater than 0, received " + props.delta);}if (Math.trunc(props.delta || _class2.defaultProps.delta) !== props.delta) {return new Error("[ZIndex]: Prop 'delta' must be integer, received " + props.delta);}} }, _temp)) || _class;exports.ZIndex = ZIndex;
@@ -1 +1 @@
1
- {"version":3,"sources":["ZIndex.tsx"],"names":["ZIndexContext","React","createContext","parentLayerZIndex","maxZIndex","Infinity","displayName","ZIndex","rootNode","props","state","zIndex","getProps","defaultProps","wrapperRef","element","setRootNode","increment","priority","delta","componentDidUpdate","prevProps","setState","componentWillUnmount","render","style","children","applyZIndex","coverChildren","createStackingContext","useWrapper","rest","wrapperStyle","zIndexContextValue","newZIndex","calcZIndex","Number","isFinite","globalObject","document","body","isolation","transform","child","allowedValuesIntervalLength","scale","upperBorder","Math","ceil","Component","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"mappings":"wcAAA;AACA;;AAEA;AACA;AACA;;AAEA,gD;;AAEA,IAAMA,aAAa,gBAAGC,eAAMC,aAAN,CAAoB,EAAEC,iBAAiB,EAAE,CAArB,EAAwBC,SAAS,EAAEC,QAAnC,EAApB,CAAtB;;AAEAL,aAAa,CAACM,WAAd,GAA4B,eAA5B,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCaC,M,OADZC,kB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCC,kBAAYC,KAAZ,EAAgC;AAC9B,wCAAMA,KAAN,UAD8B,MAnBzBC,KAmByB,GAnBjB,EACbC,MAAM,EAAE,CADK,EAmBiB,OAfxBC,QAewB,GAfb,0CAAkBL,MAAM,CAACM,YAAzB,CAea;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkExBC,IAAAA,UAlEwB,GAkEX,UAACC,OAAD,EAAoC;AACvD,UAAQD,UAAR,GAAuB,MAAKL,KAA5B,CAAQK,UAAR;AACA,YAAKE,WAAL,CAAiBD,OAAjB;AACAD,MAAAA,UAAU,IAAI,gCAAaA,UAAb,EAAyBC,OAAzB,CAAd;AACD,KAtE+B;;;;;;;;;;;;;;;;AAsFxBE,IAAAA,SAtFwB,GAsFZ,YAAM;AACxB,2BAA4B,MAAKL,QAAL,EAA5B,CAAQM,QAAR,kBAAQA,QAAR,CAAkBC,KAAlB,kBAAkBA,KAAlB;;AAEA,aAAO,oCAAgBD,QAAhB,EAA0BC,KAA1B,CAAP;AACD,KA1F+B,CAE9B,MAAKT,KAAL,CAAWC,MAAX,GAAoB,MAAKM,SAAL,EAApB,CAF8B,aAG/B,C,qCAEMG,kB,GAAP,4BAA0BC,SAA1B,EAA4D,CAC1D,IAAIA,SAAS,CAACH,QAAV,KAAuB,KAAKT,KAAL,CAAWS,QAAlC,IAA8CG,SAAS,CAACF,KAAV,KAAoB,KAAKV,KAAL,CAAWU,KAAjF,EAAwF,CACtF,iCAAa,KAAKT,KAAL,CAAWC,MAAxB,EACA,KAAKW,QAAL,CAAc,EAAEX,MAAM,EAAE,KAAKM,SAAL,EAAV,EAAd,EACD,CACF,C,QAEMM,oB,GAAP,gCAA8B,CAC5B,iCAAa,KAAKb,KAAL,CAAWC,MAAxB,EACD,C,QAEMa,M,GAAP,kBAAgB,mBACd,sBAWI,KAAKZ,QAAL,EAXJ,CACEa,KADF,mBACEA,KADF,CAEEC,QAFF,mBAEEA,QAFF,CAGEP,KAHF,mBAGEA,KAHF,CAIED,QAJF,mBAIEA,QAJF,CAKES,WALF,mBAKEA,WALF,CAMEC,aANF,mBAMEA,aANF,CAOEC,qBAPF,mBAOEA,qBAPF,CAQEf,UARF,mBAQEA,UARF,CASEgB,UATF,mBASEA,UATF,CAUKC,IAVL,2EAaA,IAAMC,YAAiC,GAAG,EAA1C,CAEA,oBACE,6BAAC,aAAD,CAAe,QAAf,QACG,gBAAsC,KAAnC7B,iBAAmC,QAAnCA,iBAAmC,CAAhBC,SAAgB,QAAhBA,SAAgB,CACrC,IAAI6B,kBAAkB,GAAG,EAAE9B,iBAAiB,EAAjBA,iBAAF,EAAqBC,SAAS,EAATA,SAArB,EAAzB,CAEA,IAAIuB,WAAJ,EAAiB,CACf,IAAMO,SAAS,GAAG,MAAI,CAACC,UAAL,CAAgBhC,iBAAhB,EAAmCC,SAAnC,CAAlB,CACA4B,YAAY,CAACrB,MAAb,GAAsBuB,SAAtB,CAEAD,kBAAkB,GAAGL,aAAa,GAC9B,EAAEzB,iBAAiB,EAAjBA,iBAAF,EAAqBC,SAAS,EAAE8B,SAAhC,EAD8B,GAE9B,EAAE/B,iBAAiB,EAAE+B,SAArB,EAAgC9B,SAAS,EAAEgC,MAAM,CAACC,QAAP,CAAgBjC,SAAhB,IAA6B8B,SAA7B,GAAyC7B,QAApF,EAFJ,CAIA,IAAIwB,qBAAJ,EAA2B,CACzB,6BAAUS,0BAAV,KAA2B,eAAeA,2BAAaC,QAAb,CAAsBC,IAAtB,CAA2Bf,KAArE,GACKO,YAAY,CAACS,SAAb,GAAyB,SAD9B,GAEKT,YAAY,CAACU,SAAb,GAAyB,WAF9B,CAGD,CACF,CAED,IAAMC,KAAK,GAAG,CAACb,UAAD,GACZJ,QADY,gBAGZ,6DAAK,KAAK,6BAAOD,KAAP,EAAiBO,YAAjB,CAAV,EAA2C,GAAG,EAAE,MAAI,CAAClB,UAArD,IAAqEiB,IAArE,GACGL,QADH,CAHF,CAQA,oBAAO,6BAAC,aAAD,CAAe,QAAf,IAAwB,KAAK,EAAEO,kBAA/B,IAAoDU,KAApD,CAAP,CACD,CA5BH,CADF,CAgCD,C,QAQOR,U,GAAR,oBAAmBhC,iBAAnB,EAA8CC,SAA9C,EAAiE,CAC/D,IAAI8B,SAAS,GAAG,KAAKxB,KAAL,CAAWC,MAA3B,CAEA,IAAIyB,MAAM,CAACC,QAAP,CAAgBjC,SAAhB,CAAJ,EAAgC,CAC9B,IAAMwC,2BAA2B,GAAGxC,SAAS,GAAGD,iBAAhD,CACA,IAAM0C,KAAK,GAAGC,6BAAcF,2BAA5B,CACAV,SAAS,GAAGa,IAAI,CAACC,IAAL,CAAUd,SAAS,GAAGW,KAAtB,CAAZ,CACD,CAEDX,SAAS,IAAI/B,iBAAb,CAEA,OAAO+B,SAAP,CACD,C,iBArHyBjC,eAAMgD,S,WAClBC,mB,GAAsB,Q,UACtB5C,W,GAAc,Q,UAEdO,Y,GAA6B,EACzCM,KAAK,EAAE,EADkC,EAEzCD,QAAQ,EAAE,CAF+B,EAGzCO,KAAK,EAAE,EAHkC,EAIzCE,WAAW,EAAE,IAJ4B,EAKzCC,aAAa,EAAE,KAL0B,EAMzCC,qBAAqB,EAAE,KANkB,EAOzCC,UAAU,EAAE,IAP6B,E,UAgB7BqB,S,GAAY,EACxBhC,KADwB,iBAClBV,KADkB,EACE,CACxB,IAAI,CAACA,KAAK,CAACU,KAAN,IAAeZ,OAAM,CAACM,YAAP,CAAoBM,KAApC,KAA8C,CAAlD,EAAqD,CACnD,OAAO,IAAIiC,KAAJ,8DAAqE3C,KAAK,CAACU,KAA3E,CAAP,CACD,CACD,IAAI4B,IAAI,CAACM,KAAL,CAAW5C,KAAK,CAACU,KAAN,IAAeZ,OAAM,CAACM,YAAP,CAAoBM,KAA9C,MAAyDV,KAAK,CAACU,KAAnE,EAA0E,CACxE,OAAO,IAAIiC,KAAJ,uDAA8D3C,KAAK,CAACU,KAApE,CAAP,CACD,CACF,CARuB,E","sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { incrementZIndex, removeZIndex, upperBorder, LayerComponentName } from './ZIndexStorage';\n\nconst ZIndexContext = React.createContext({ parentLayerZIndex: 0, maxZIndex: Infinity });\n\nZIndexContext.displayName = 'ZIndexContext';\n\nexport interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Приращение к z-index\n */\n delta?: number;\n priority?: number | LayerComponentName;\n style?: React.CSSProperties;\n createStackingContext?: boolean;\n coverChildren?: boolean;\n applyZIndex?: boolean;\n className?: string;\n wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;\n\n /**\n * Явно указывает, что вложенные элементы должны быть обёрнуты в `<div/>`.\n * Для случаев, когда необходимо задать **только** контекст для области.\n *\n * @default true\n */\n useWrapper?: boolean;\n}\n\ntype DefaultProps = Required<\n Pick<\n ZIndexProps,\n 'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'\n >\n>;\n\ninterface ZIndexState {\n zIndex: number;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n public static __KONTUR_REACT_UI__ = 'ZIndex';\n public static displayName = 'ZIndex';\n\n public static defaultProps: DefaultProps = {\n delta: 10,\n priority: 0,\n style: {},\n applyZIndex: true,\n coverChildren: false,\n createStackingContext: false,\n useWrapper: true,\n };\n\n public state = {\n zIndex: 0,\n };\n\n private getProps = createPropsGetter(ZIndex.defaultProps);\n\n public static propTypes = {\n delta(props: ZIndexProps) {\n if ((props.delta || ZIndex.defaultProps.delta) <= 0) {\n return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\n }\n if (Math.trunc(props.delta || ZIndex.defaultProps.delta) !== props.delta) {\n return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\n }\n },\n };\n\n private setRootNode!: TSetRootNode;\n\n constructor(props: ZIndexProps) {\n super(props);\n this.state.zIndex = this.increment();\n }\n\n public componentDidUpdate(prevProps: Readonly<ZIndexProps>) {\n if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {\n removeZIndex(this.state.zIndex);\n this.setState({ zIndex: this.increment() });\n }\n }\n\n public componentWillUnmount() {\n removeZIndex(this.state.zIndex);\n }\n\n public render() {\n const {\n style,\n children,\n delta,\n priority,\n applyZIndex,\n coverChildren,\n createStackingContext,\n wrapperRef,\n useWrapper,\n ...rest\n } = this.getProps();\n\n const wrapperStyle: React.CSSProperties = {};\n\n return (\n <ZIndexContext.Consumer>\n {({ parentLayerZIndex, maxZIndex }) => {\n let zIndexContextValue = { parentLayerZIndex, maxZIndex };\n\n if (applyZIndex) {\n const newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n wrapperStyle.zIndex = newZIndex;\n\n zIndexContextValue = coverChildren\n ? { parentLayerZIndex, maxZIndex: newZIndex }\n : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n if (createStackingContext) {\n isBrowser(globalObject) && 'isolation' in globalObject.document.body.style\n ? (wrapperStyle.isolation = 'isolate')\n : (wrapperStyle.transform = 'rotate(0)');\n }\n }\n\n const child = !useWrapper ? (\n children\n ) : (\n <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...rest}>\n {children}\n </div>\n );\n\n return <ZIndexContext.Provider value={zIndexContextValue}>{child}</ZIndexContext.Provider>;\n }}\n </ZIndexContext.Consumer>\n );\n }\n\n private wrapperRef = (element: HTMLDivElement | null) => {\n const { wrapperRef } = this.props;\n this.setRootNode(element);\n wrapperRef && callChildRef(wrapperRef, element);\n };\n\n private calcZIndex(parentLayerZIndex: number, maxZIndex: number) {\n let newZIndex = this.state.zIndex;\n\n if (Number.isFinite(maxZIndex)) {\n const allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;\n const scale = upperBorder / allowedValuesIntervalLength;\n newZIndex = Math.ceil(newZIndex / scale);\n }\n\n newZIndex += parentLayerZIndex;\n\n return newZIndex;\n }\n\n private increment = () => {\n const { priority, delta } = this.getProps();\n\n return incrementZIndex(priority, delta);\n };\n}\n"]}
1
+ {"version":3,"sources":["ZIndex.tsx"],"names":["DEFAULT_ZINDEX_CONTEXT","parentLayerZIndex","maxZIndex","Infinity","ZIndexContext","React","createContext","displayName","ZIndex","rootNode","props","state","zIndex","savedZIndexContext","getProps","defaultProps","zIndexContext","wrapperRef","element","setRootNode","tryGetContextByDOM","increment","priority","delta","portal","parentElement","closest","PORTAL_OUTLET_ATTR","globalObject","HTMLElement","portalID","getAttribute","noscript","document","querySelector","PORTAL_INLET_ATTR","parent","newZIndex","Number","style","dataset","tid","LoaderDataTids","veil","calcZIndex","setState","componentDidUpdate","prevProps","componentWillUnmount","render","children","applyZIndex","coverChildren","createStackingContext","useWrapper","rest","wrapperStyle","context","zIndexContextValue","isFinite","body","isolation","transform","child","allowedValuesIntervalLength","scale","upperBorder","Math","ceil","Component","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { LoaderDataTids } from '../../components/Loader';\nimport { PORTAL_INLET_ATTR, PORTAL_OUTLET_ATTR } from '../RenderContainer';\n\nimport { incrementZIndex, removeZIndex, upperBorder, LayerComponentName } from './ZIndexStorage';\n\nconst DEFAULT_ZINDEX_CONTEXT = { parentLayerZIndex: 0, maxZIndex: Infinity };\n\nconst ZIndexContext = React.createContext(DEFAULT_ZINDEX_CONTEXT);\n\nZIndexContext.displayName = 'ZIndexContext';\n\nexport interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Приращение к z-index\n */\n delta?: number;\n priority?: number | LayerComponentName;\n style?: React.CSSProperties;\n createStackingContext?: boolean;\n coverChildren?: boolean;\n applyZIndex?: boolean;\n className?: string;\n wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;\n\n /**\n * Явно указывает, что вложенные элементы должны быть обёрнуты в `<div/>`.\n * Для случаев, когда необходимо задать **только** контекст для области.\n *\n * @default true\n */\n useWrapper?: boolean;\n}\n\ntype DefaultProps = Required<\n Pick<\n ZIndexProps,\n 'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'\n >\n>;\n\ninterface ZIndexState {\n zIndex: number;\n savedZIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n public static __KONTUR_REACT_UI__ = 'ZIndex';\n public static displayName = 'ZIndex';\n\n public static defaultProps: DefaultProps = {\n delta: 10,\n priority: 0,\n style: {},\n applyZIndex: true,\n coverChildren: false,\n createStackingContext: false,\n useWrapper: true,\n };\n\n public state: ZIndexState = {\n zIndex: 0,\n savedZIndexContext: null,\n };\n\n private getProps = createPropsGetter(ZIndex.defaultProps);\n\n public static propTypes = {\n delta(props: ZIndexProps) {\n if ((props.delta || ZIndex.defaultProps.delta) <= 0) {\n return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\n }\n if (Math.trunc(props.delta || ZIndex.defaultProps.delta) !== props.delta) {\n return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\n }\n },\n };\n\n private setRootNode!: TSetRootNode;\n private zIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null = null;\n\n constructor(props: ZIndexProps) {\n super(props);\n this.state.zIndex = this.increment();\n }\n\n public componentDidUpdate(prevProps: Readonly<ZIndexProps>) {\n if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {\n removeZIndex(this.state.zIndex);\n this.setState({ zIndex: this.increment() });\n }\n }\n\n public componentWillUnmount() {\n removeZIndex(this.state.zIndex);\n }\n\n public render() {\n const {\n style,\n children,\n delta,\n priority,\n applyZIndex,\n coverChildren,\n createStackingContext,\n wrapperRef,\n useWrapper,\n ...rest\n } = this.getProps();\n\n const wrapperStyle: React.CSSProperties = {};\n\n return (\n <ZIndexContext.Consumer>\n {(context) => {\n this.zIndexContext = context;\n const { parentLayerZIndex, maxZIndex } = this.state.savedZIndexContext || context;\n let zIndexContextValue = { parentLayerZIndex, maxZIndex };\n let newZIndex = 0;\n if (applyZIndex) {\n newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n wrapperStyle.zIndex = newZIndex;\n\n zIndexContextValue = coverChildren\n ? { parentLayerZIndex, maxZIndex: newZIndex }\n : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n if (createStackingContext) {\n isBrowser(globalObject) && 'isolation' in globalObject.document.body.style\n ? (wrapperStyle.isolation = 'isolate')\n : (wrapperStyle.transform = 'rotate(0)');\n }\n }\n\n const child = !useWrapper ? (\n children\n ) : (\n <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...rest}>\n {children}\n </div>\n );\n\n return <ZIndexContext.Provider value={zIndexContextValue}>{child}</ZIndexContext.Provider>;\n }}\n </ZIndexContext.Consumer>\n );\n }\n\n private wrapperRef = (element: HTMLDivElement | null) => {\n const { wrapperRef } = this.props;\n this.setRootNode(element);\n wrapperRef && callChildRef(wrapperRef, element);\n element && this.tryGetContextByDOM(element);\n };\n\n private calcZIndex(parentLayerZIndex: number, maxZIndex: number) {\n let newZIndex = this.state.zIndex;\n\n if (Number.isFinite(maxZIndex)) {\n const allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;\n const scale = upperBorder / allowedValuesIntervalLength;\n newZIndex = Math.ceil(newZIndex / scale);\n }\n\n newZIndex += parentLayerZIndex;\n\n return newZIndex;\n }\n\n private increment = () => {\n const { priority, delta } = this.getProps();\n\n return incrementZIndex(priority, delta);\n };\n\n private tryGetContextByDOM = (element: HTMLDivElement) => {\n if (DEFAULT_ZINDEX_CONTEXT === this.zIndexContext && this.state.savedZIndexContext === null) {\n let savedZIndexContext = DEFAULT_ZINDEX_CONTEXT;\n const portal = element.parentElement?.closest(`[${PORTAL_OUTLET_ATTR}]`);\n\n if (isInstanceOf(portal, globalObject.HTMLElement)) {\n const portalID = portal.getAttribute(PORTAL_OUTLET_ATTR);\n const noscript = document.querySelector(`noscript[${PORTAL_INLET_ATTR}=\"${portalID}\"]`);\n const parent = noscript?.parentElement?.closest('[style*=z-index]');\n\n if (isInstanceOf(parent, globalObject.HTMLElement)) {\n const newZIndex = Number(parent.style.zIndex || 0);\n\n let maxZIndex = Infinity;\n\n if (parent.parentElement?.dataset.tid === LoaderDataTids.veil) {\n maxZIndex = this.calcZIndex(newZIndex, maxZIndex);\n }\n\n savedZIndexContext = { maxZIndex, parentLayerZIndex: newZIndex };\n }\n }\n\n this.setState({ savedZIndexContext });\n }\n };\n}\n"]}
@@ -341,7 +341,7 @@ Theme2022Dark = /*#__PURE__*/function (_ref) {(0, _inheritsLoose2.default)(Theme
341
341
 
342
342
 
343
343
  //#endregion
344
- }]);return Theme2022Dark;}( /*#__PURE__*/function () {function _class() {}return _class;}());exports.Theme2022Dark = Theme2022Dark;Theme2022Dark.borderColorFocus = '#EBEBEB';Theme2022Dark.outlineColorFocus = '#EBEBEB';Theme2022Dark.btnFocusShadowWidth = '2px';Theme2022Dark.btnOutlineColorFocus = '#1f1f1f';Theme2022Dark.btnDefaultBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.btnDefaultHoverBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.btnDefaultHoverBgStart = 'none';Theme2022Dark.btnDefaultHoverBgEnd = 'none';Theme2022Dark.btnDefaultActiveBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.btnDefaultBorderColor = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.btnDefaultTextColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.btnPrimaryBg = '#EBEBEB';Theme2022Dark.btnPrimaryHoverBg = '#FFFFFF';Theme2022Dark.btnPrimaryActiveBg = '#C2C2C2';Theme2022Dark.btnPrimaryTextColor = 'rgba(0, 0, 0, 0.865)';Theme2022Dark.btnSuccessBg = '#5F9C20';Theme2022Dark.btnSuccessHoverBg = '#6CAD26';Theme2022Dark.btnSuccessActiveBg = '#477916';Theme2022Dark.btnPayBg = '#FCB73E';Theme2022Dark.btnPayHoverBg = '#FCC660';Theme2022Dark.btnPayActiveBg = '#F69912';Theme2022Dark.btnDangerBg = '#EE5042';Theme2022Dark.btnDangerHoverBg = '#FF5A49';Theme2022Dark.btnDangerActiveBg = '#CB3D35';Theme2022Dark.btnBacklessBg = 'transparent !important';Theme2022Dark.btnBacklessHoverBg = 'rgba(255, 255, 255, 0.1) !important';Theme2022Dark.btnBacklessActiveBg = 'rgba(255, 255, 255, 0.06) !important';Theme2022Dark.btnBacklessBorderColor = 'rgba(255, 255, 255, 0.16) !important';Theme2022Dark.btnBacklessDisabledBorderColor = 'rgba(255, 255, 255, 0.06) !important';Theme2022Dark.btnBacklessHoverBorderColor = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.btnBacklessTextColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.btnTextBg = 'transparent !important';Theme2022Dark.btnTextHoverBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.btnTextActiveBg = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.btnTextBorderColor = 'transparent';Theme2022Dark.btnWarningSecondary = 'rgba(212, 100, 33, 1)';Theme2022Dark.btnErrorSecondary = 'rgba(169, 42, 39, 1)';Theme2022Dark.btnDisabledBg = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.btnDisabledTextColor = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.btnDisabledBorderColor = 'transparent';Theme2022Dark.btnCheckedBg = '#EBEBEB';Theme2022Dark.btnCheckedTextColor = 'rgba(0, 0, 0, 0.865)';Theme2022Dark.btnCheckedDisabledBg = 'rgba(255, 255, 255, 0.32) !important';Theme2022Dark.btnCheckedDisabledColor = 'rgba(0, 0, 0, 0.48)';Theme2022Dark.selectMenuArrowColor = 'rgba(255, 255, 255, 0.54)';Theme2022Dark.linkColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.linkHoverColor = '#ffffff';Theme2022Dark.linkActiveColor = '#c2c2c2';Theme2022Dark.linkHoverTextDecoration = 'none';Theme2022Dark.linkSuccessColor = '#78BF2B';Theme2022Dark.linkSuccessHoverColor = '#B9E96E';Theme2022Dark.linkSuccessActiveColor = '#5F9C20';Theme2022Dark.linkDangerColor = '#FF887B';Theme2022Dark.linkDangerHoverColor = '#FF9D92';Theme2022Dark.linkDangerActiveColor = '#EE5042';Theme2022Dark.linkGrayedColor = 'rgba(255, 255, 255, 0.54)';Theme2022Dark.linkGrayedHoverColor = '#FFFFFF';Theme2022Dark.linkGrayedActiveColor = '#C2C2C2';Theme2022Dark.linkDisabledColor = 'rgba(255, 255, 255, 0.48)';Theme2022Dark.linkFocusOutlineColor = '#EBEBEB';Theme2022Dark.inputBlinkColor = '#EBEBEB';Theme2022Dark.inputTextColor = 'rgba(255, 255, 255, 0.865)';Theme2022Dark.inputBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.inputBorderColor = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.inputBackgroundClip = 'border-box';Theme2022Dark.inputBorderColorHover = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.inputBorderColorFocus = 'rgba(235, 235, 235, 1)';Theme2022Dark.inputBorderColorWarning = 'rgba(252, 183, 62, 1)';Theme2022Dark.inputBorderColorError = 'rgba(238, 80, 66, 1)';Theme2022Dark.inputOutlineWidth = '1px';Theme2022Dark.inputTextColorDisabled = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.inputDisabledBg = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.inputDisabledBorderColor = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.inputDisabledBackgroundClip = 'border-box';Theme2022Dark.menuItemTextColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.menuItemHoverBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.menuItemSelectedBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.menuItemCommentColor = 'rgba(255, 255, 255, 0.54)';Theme2022Dark.menuItemCommentOpacity = '1';Theme2022Dark.menuSeparatorBorderColor = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.menuItemDisabledColor = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.tokenShadowDisabled = '';Theme2022Dark.tokenBorderColorDisabled = 'transparent';Theme2022Dark.tokenDefaultIdleColor = 'rgba(255, 255, 255, 0.865)';Theme2022Dark.tokenDefaultIdleBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.tokenDefaultIdleBorderColor = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.tokenDefaultIdleColorHover = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.tokenDefaultIdleBgHover = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.tokenDefaultIdleBorderColorHover = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.tokenDefaultActiveColor = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.tokenDefaultActiveBg = '#EBEBEB';Theme2022Dark.tokenDefaultActiveBorderColor = 'transparent';Theme2022Dark.fileUploaderBg = 'none';Theme2022Dark.fileUploaderUploadButtonBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.fileUploaderHoveredBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.fileUploaderIconColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.fileUploaderLinkColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.fileUploaderAfterLinkColor = 'rgba(255, 255, 255, 0.54)';Theme2022Dark.fileUploaderDisabledBorderColor = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.fileUploaderDragOverShadow = '0px 0px 0px 4px #EBEBEB';Theme2022Dark.radioFocusShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.87)';Theme2022Dark.radioDisabledBg = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.radioDisabledShadow = 'none';Theme2022Dark.radioCheckedDisabledBulletBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.radioCheckedBgColor = '#FFFFFF';Theme2022Dark.radioCheckedBulletColor = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.radioCheckedBorderColor = 'transparent';Theme2022Dark.checkboxCheckedBg = '#EBEBEB';Theme2022Dark.checkboxCheckedColor = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.checkboxHoverBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.checkboxOutlineColorFocus = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.checkboxBgDisabled = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.checkboxShadowDisabled = 'none';Theme2022Dark.toggleBaseBg = 'none';Theme2022Dark.toggleHandleBoxShadowOld = 'none';Theme2022Dark.toggleOutlineColorFocus = '#1F1F1F';Theme2022Dark.toggleContainerBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.toggleContainerBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleHandleBg = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.toggleHandleBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleBgHover = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.toggleContainerBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleHandleBgHover = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.toggleHandleBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleBgChecked = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.toggleContainerBoxShadowChecked = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleHandleBgChecked = '#EBEBEB';Theme2022Dark.toggleHandleBoxShadowChecked = 'none';Theme2022Dark.toggleContainerBoxShadowCheckedHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleHandleBgCheckedHover = '#FFFFFF';Theme2022Dark.toggleHandleBoxShadowCheckedHover = 'none';Theme2022Dark.toggleContainerBgDisabled = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.toggleContainerBoxShadowDisabled = 'none';Theme2022Dark.toggleHandleBgDisabled = 'rgba(0, 0, 0, 0.16)';Theme2022Dark.toggleHandleBoxShadowDisabled = 'none';Theme2022Dark.toggleContainerBgDisabledChecked = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleContainerBoxShadowDisabledChecked = 'none';Theme2022Dark.toggleHandleBgDisabledChecked = 'rgba(0, 0, 0, 0.16)';Theme2022Dark.toggleHandleBoxShadowDisabledChecked = 'none';Theme2022Dark.modalBg = '#222';Theme2022Dark.modalSeparatorBorderBottom = 'solid 1px rgba(255, 255, 255, 0.1)';Theme2022Dark.modalBackBg = '#000';Theme2022Dark.modalBackOpacity = '0.7';Theme2022Dark.sidePageBgDefault = '#222';Theme2022Dark.sidePageBackingBg = '#000';Theme2022Dark.sidePageBackingBgOpacity = '0.7';Theme2022Dark.tabColorHover = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.toastColor = 'rgba(44, 44, 44, 1.0)';Theme2022Dark.toastBg = 'rgba(255, 255, 255, 0.8)';Theme2022Dark.toastLinkColor = 'rgba(44, 44, 44, 1.0)';Theme2022Dark.toastLinkBgHover = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.toastLinkBgActive = 'rgba(0, 0, 0, 0.16)';Theme2022Dark.toastCloseColor = 'rgba(0, 0, 0, 0.32)';Theme2022Dark.toastCloseHoverColor = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.hintColor = 'rgba(44, 44, 44, 1.0)';Theme2022Dark.hintBgColor = 'rgba(255, 255, 255, 0.8)';Theme2022Dark.tooltipBg = '#333333';Theme2022Dark.pagingPageLinkHoverBg = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.pagingPageLinkActiveBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.pagingForwardLinkColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.globalLoaderColor = 'rgba(238, 80, 66, 1)';Theme2022Dark.dateInputComponentSelectedBgColor = '';Theme2022Dark.dateInputComponentSelectedTextColor = '';Theme2022Dark.calendarCellHoverBgColor = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.calendarCellHoverColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.calendarCellSelectedBgColor = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.calendarCellSelectedFontColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.dateSelectMenuItemBgActive = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.dateSelectMenuItemBgSelected = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.closeBtnIconColor = 'rgba(255, 255, 255, 0.32)';
344
+ }]);return Theme2022Dark;}( /*#__PURE__*/function () {function _class() {}return _class;}());exports.Theme2022Dark = Theme2022Dark;Theme2022Dark.borderColorFocus = '#EBEBEB';Theme2022Dark.outlineColorFocus = '#EBEBEB';Theme2022Dark.btnFocusShadowWidth = '2px';Theme2022Dark.btnOutlineColorFocus = '#1f1f1f';Theme2022Dark.btnDefaultBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.btnDefaultHoverBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.btnDefaultHoverBgStart = 'none';Theme2022Dark.btnDefaultHoverBgEnd = 'none';Theme2022Dark.btnDefaultActiveBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.btnDefaultBorderColor = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.btnDefaultTextColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.btnPrimaryBg = '#EBEBEB';Theme2022Dark.btnPrimaryHoverBg = '#FFFFFF';Theme2022Dark.btnPrimaryActiveBg = '#C2C2C2';Theme2022Dark.btnPrimaryTextColor = 'rgba(0, 0, 0, 0.865)';Theme2022Dark.btnSuccessBg = '#5F9C20';Theme2022Dark.btnSuccessHoverBg = '#6CAD26';Theme2022Dark.btnSuccessActiveBg = '#477916';Theme2022Dark.btnPayBg = '#FCB73E';Theme2022Dark.btnPayHoverBg = '#FCC660';Theme2022Dark.btnPayActiveBg = '#F69912';Theme2022Dark.btnDangerBg = '#EE5042';Theme2022Dark.btnDangerHoverBg = '#FF5A49';Theme2022Dark.btnDangerActiveBg = '#CB3D35';Theme2022Dark.btnBacklessBg = 'transparent !important';Theme2022Dark.btnBacklessHoverBg = 'rgba(255, 255, 255, 0.1) !important';Theme2022Dark.btnBacklessActiveBg = 'rgba(255, 255, 255, 0.06) !important';Theme2022Dark.btnBacklessBorderColor = 'rgba(255, 255, 255, 0.16) !important';Theme2022Dark.btnBacklessDisabledBorderColor = 'rgba(255, 255, 255, 0.06) !important';Theme2022Dark.btnBacklessHoverBorderColor = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.btnBacklessTextColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.btnTextBg = 'transparent';Theme2022Dark.btnTextHoverBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.btnTextActiveBg = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.btnTextBorderColor = 'transparent';Theme2022Dark.btnWarningSecondary = 'rgba(212, 100, 33, 1)';Theme2022Dark.btnErrorSecondary = 'rgba(169, 42, 39, 1)';Theme2022Dark.btnDisabledBg = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.btnDisabledTextColor = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.btnDisabledBorderColor = 'transparent';Theme2022Dark.btnCheckedBg = '#EBEBEB';Theme2022Dark.btnCheckedTextColor = 'rgba(0, 0, 0, 0.865)';Theme2022Dark.btnCheckedDisabledBg = 'rgba(255, 255, 255, 0.32) !important';Theme2022Dark.btnCheckedDisabledColor = 'rgba(0, 0, 0, 0.48)';Theme2022Dark.selectMenuArrowColor = 'rgba(255, 255, 255, 0.54)';Theme2022Dark.linkColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.linkHoverColor = '#ffffff';Theme2022Dark.linkActiveColor = '#c2c2c2';Theme2022Dark.linkHoverTextDecoration = 'none';Theme2022Dark.linkSuccessColor = '#78BF2B';Theme2022Dark.linkSuccessHoverColor = '#B9E96E';Theme2022Dark.linkSuccessActiveColor = '#5F9C20';Theme2022Dark.linkDangerColor = '#FF887B';Theme2022Dark.linkDangerHoverColor = '#FF9D92';Theme2022Dark.linkDangerActiveColor = '#EE5042';Theme2022Dark.linkGrayedColor = 'rgba(255, 255, 255, 0.54)';Theme2022Dark.linkGrayedHoverColor = '#FFFFFF';Theme2022Dark.linkGrayedActiveColor = '#C2C2C2';Theme2022Dark.linkDisabledColor = 'rgba(255, 255, 255, 0.48)';Theme2022Dark.linkFocusOutlineColor = '#EBEBEB';Theme2022Dark.inputBlinkColor = '#EBEBEB';Theme2022Dark.inputTextColor = 'rgba(255, 255, 255, 0.865)';Theme2022Dark.inputBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.inputBorderColor = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.inputBackgroundClip = 'border-box';Theme2022Dark.inputBorderColorHover = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.inputBorderColorFocus = 'rgba(235, 235, 235, 1)';Theme2022Dark.inputBorderColorWarning = 'rgba(252, 183, 62, 1)';Theme2022Dark.inputBorderColorError = 'rgba(238, 80, 66, 1)';Theme2022Dark.inputOutlineWidth = '1px';Theme2022Dark.inputTextColorDisabled = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.inputDisabledBg = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.inputDisabledBorderColor = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.inputDisabledBackgroundClip = 'border-box';Theme2022Dark.menuItemTextColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.menuItemHoverBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.menuItemSelectedBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.menuItemCommentColor = 'rgba(255, 255, 255, 0.54)';Theme2022Dark.menuItemCommentOpacity = '1';Theme2022Dark.menuSeparatorBorderColor = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.menuItemDisabledColor = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.tokenShadowDisabled = '';Theme2022Dark.tokenBorderColorDisabled = 'transparent';Theme2022Dark.tokenDefaultIdleColor = 'rgba(255, 255, 255, 0.865)';Theme2022Dark.tokenDefaultIdleBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.tokenDefaultIdleBorderColor = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.tokenDefaultIdleColorHover = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.tokenDefaultIdleBgHover = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.tokenDefaultIdleBorderColorHover = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.tokenDefaultActiveColor = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.tokenDefaultActiveBg = '#EBEBEB';Theme2022Dark.tokenDefaultActiveBorderColor = 'transparent';Theme2022Dark.fileUploaderBg = 'none';Theme2022Dark.fileUploaderUploadButtonBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.fileUploaderHoveredBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.fileUploaderIconColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.fileUploaderLinkColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.fileUploaderAfterLinkColor = 'rgba(255, 255, 255, 0.54)';Theme2022Dark.fileUploaderDisabledBorderColor = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.fileUploaderDragOverShadow = '0px 0px 0px 4px #EBEBEB';Theme2022Dark.radioFocusShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.87)';Theme2022Dark.radioDisabledBg = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.radioDisabledShadow = 'none';Theme2022Dark.radioCheckedDisabledBulletBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.radioCheckedBgColor = '#FFFFFF';Theme2022Dark.radioCheckedBulletColor = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.radioCheckedBorderColor = 'transparent';Theme2022Dark.checkboxCheckedBg = '#EBEBEB';Theme2022Dark.checkboxCheckedColor = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.checkboxHoverBg = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.checkboxOutlineColorFocus = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.checkboxBgDisabled = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.checkboxShadowDisabled = 'none';Theme2022Dark.toggleBaseBg = 'none';Theme2022Dark.toggleHandleBoxShadowOld = 'none';Theme2022Dark.toggleOutlineColorFocus = '#1F1F1F';Theme2022Dark.toggleContainerBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.toggleContainerBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleHandleBg = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.toggleHandleBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleBgHover = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.toggleContainerBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleHandleBgHover = 'rgba(255, 255, 255, 0.32)';Theme2022Dark.toggleHandleBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleBgChecked = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.toggleContainerBoxShadowChecked = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleHandleBgChecked = '#EBEBEB';Theme2022Dark.toggleHandleBoxShadowChecked = 'none';Theme2022Dark.toggleContainerBoxShadowCheckedHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleHandleBgCheckedHover = '#FFFFFF';Theme2022Dark.toggleHandleBoxShadowCheckedHover = 'none';Theme2022Dark.toggleContainerBgDisabled = 'rgba(255, 255, 255, 0.04)';Theme2022Dark.toggleContainerBoxShadowDisabled = 'none';Theme2022Dark.toggleHandleBgDisabled = 'rgba(0, 0, 0, 0.16)';Theme2022Dark.toggleHandleBoxShadowDisabled = 'none';Theme2022Dark.toggleContainerBgDisabledChecked = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.toggleContainerBoxShadowDisabledChecked = 'none';Theme2022Dark.toggleHandleBgDisabledChecked = 'rgba(0, 0, 0, 0.16)';Theme2022Dark.toggleHandleBoxShadowDisabledChecked = 'none';Theme2022Dark.modalBg = '#222';Theme2022Dark.modalSeparatorBorderBottom = 'solid 1px rgba(255, 255, 255, 0.1)';Theme2022Dark.modalBackBg = '#000';Theme2022Dark.modalBackOpacity = '0.7';Theme2022Dark.sidePageBgDefault = '#222';Theme2022Dark.sidePageBackingBg = '#000';Theme2022Dark.sidePageBackingBgOpacity = '0.7';Theme2022Dark.tabColorHover = 'rgba(255, 255, 255, 0.16)';Theme2022Dark.toastColor = 'rgba(44, 44, 44, 1.0)';Theme2022Dark.toastBg = 'rgba(255, 255, 255, 0.8)';Theme2022Dark.toastLinkColor = 'rgba(44, 44, 44, 1.0)';Theme2022Dark.toastLinkBgHover = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.toastLinkBgActive = 'rgba(0, 0, 0, 0.16)';Theme2022Dark.toastCloseColor = 'rgba(0, 0, 0, 0.32)';Theme2022Dark.toastCloseHoverColor = 'rgba(0, 0, 0, 0.87)';Theme2022Dark.hintColor = 'rgba(44, 44, 44, 1.0)';Theme2022Dark.hintBgColor = 'rgba(255, 255, 255, 0.8)';Theme2022Dark.tooltipBg = '#333333';Theme2022Dark.pagingPageLinkHoverBg = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.pagingPageLinkActiveBg = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.pagingForwardLinkColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.globalLoaderColor = 'rgba(238, 80, 66, 1)';Theme2022Dark.dateInputComponentSelectedBgColor = '';Theme2022Dark.dateInputComponentSelectedTextColor = '';Theme2022Dark.calendarCellHoverBgColor = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.calendarCellHoverColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.calendarCellSelectedBgColor = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.calendarCellSelectedFontColor = 'rgba(255, 255, 255, 0.87)';Theme2022Dark.dateSelectMenuItemBgActive = 'rgba(255, 255, 255, 0.06)';Theme2022Dark.dateSelectMenuItemBgSelected = 'rgba(255, 255, 255, 0.1)';Theme2022Dark.closeBtnIconColor = 'rgba(255, 255, 255, 0.32)';
345
345
 
346
346
  var Theme2022DarkInternal = Object.setPrototypeOf(
347
347
  (0, _ThemeHelpers.exposeGetters)(Theme2022Dark),
@@ -1 +1 @@
1
- {"version":3,"sources":["Theme2022Dark.ts"],"names":["Theme2022Dark","btnSuccessBg","btnSuccessHoverBg","btnSuccessActiveBg","btnPayBg","btnPayHoverBg","btnPayActiveBg","btnDangerBg","btnDangerHoverBg","btnDangerActiveBg","inputBorderColorFocus","inputBg","inputDisabledBorderColor","inputBorderColor","inputTextColorDisabled","bgSecondary","btnBorderColorFocus","checkboxCheckedBg","toggleContainerBgHover","modalBg","borderColorFocus","outlineColorFocus","btnFocusShadowWidth","btnOutlineColorFocus","btnDefaultBg","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultActiveBg","btnDefaultBorderColor","btnDefaultTextColor","btnPrimaryBg","btnPrimaryHoverBg","btnPrimaryActiveBg","btnPrimaryTextColor","btnBacklessBg","btnBacklessHoverBg","btnBacklessActiveBg","btnBacklessBorderColor","btnBacklessDisabledBorderColor","btnBacklessHoverBorderColor","btnBacklessTextColor","btnTextBg","btnTextHoverBg","btnTextActiveBg","btnTextBorderColor","btnWarningSecondary","btnErrorSecondary","btnDisabledBg","btnDisabledTextColor","btnDisabledBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedDisabledBg","btnCheckedDisabledColor","selectMenuArrowColor","linkColor","linkHoverColor","linkActiveColor","linkHoverTextDecoration","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","linkGrayedColor","linkGrayedHoverColor","linkGrayedActiveColor","linkDisabledColor","linkFocusOutlineColor","inputBlinkColor","inputTextColor","inputBackgroundClip","inputBorderColorHover","inputBorderColorWarning","inputBorderColorError","inputOutlineWidth","inputDisabledBg","inputDisabledBackgroundClip","menuItemTextColor","menuItemHoverBg","menuItemSelectedBg","menuItemCommentColor","menuItemCommentOpacity","menuSeparatorBorderColor","menuItemDisabledColor","tokenShadowDisabled","tokenBorderColorDisabled","tokenDefaultIdleColor","tokenDefaultIdleBg","tokenDefaultIdleBorderColor","tokenDefaultIdleColorHover","tokenDefaultIdleBgHover","tokenDefaultIdleBorderColorHover","tokenDefaultActiveColor","tokenDefaultActiveBg","tokenDefaultActiveBorderColor","fileUploaderBg","fileUploaderUploadButtonBg","fileUploaderHoveredBg","fileUploaderIconColor","fileUploaderLinkColor","fileUploaderAfterLinkColor","fileUploaderDisabledBorderColor","fileUploaderDragOverShadow","radioFocusShadow","radioDisabledBg","radioDisabledShadow","radioCheckedDisabledBulletBg","radioCheckedBgColor","radioCheckedBulletColor","radioCheckedBorderColor","checkboxCheckedColor","checkboxHoverBg","checkboxOutlineColorFocus","checkboxBgDisabled","checkboxShadowDisabled","toggleBaseBg","toggleHandleBoxShadowOld","toggleOutlineColorFocus","toggleContainerBg","toggleContainerBoxShadow","toggleHandleBg","toggleHandleBoxShadow","toggleBgHover","toggleContainerBoxShadowHover","toggleHandleBgHover","toggleHandleBoxShadowHover","toggleBgChecked","toggleContainerBoxShadowChecked","toggleHandleBgChecked","toggleHandleBoxShadowChecked","toggleContainerBoxShadowCheckedHover","toggleHandleBgCheckedHover","toggleHandleBoxShadowCheckedHover","toggleContainerBgDisabled","toggleContainerBoxShadowDisabled","toggleHandleBgDisabled","toggleHandleBoxShadowDisabled","toggleContainerBgDisabledChecked","toggleContainerBoxShadowDisabledChecked","toggleHandleBgDisabledChecked","toggleHandleBoxShadowDisabledChecked","modalSeparatorBorderBottom","modalBackBg","modalBackOpacity","sidePageBgDefault","sidePageBackingBg","sidePageBackingBgOpacity","tabColorHover","toastColor","toastBg","toastLinkColor","toastLinkBgHover","toastLinkBgActive","toastCloseColor","toastCloseHoverColor","hintColor","hintBgColor","tooltipBg","pagingPageLinkHoverBg","pagingPageLinkActiveBg","pagingForwardLinkColor","globalLoaderColor","dateInputComponentSelectedBgColor","dateInputComponentSelectedTextColor","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellSelectedBgColor","calendarCellSelectedFontColor","dateSelectMenuItemBgActive","dateSelectMenuItemBgSelected","closeBtnIconColor","Theme2022DarkInternal","Object","setPrototypeOf","Theme2022Internal"],"mappings":"2XAAA;;AAEA,oC;;AAEaA,a;;;;AAIX;;;;;;;;;;;;;;;;;;;;AAoBA,mBAA0C;AACxC,aAAO,KAAKC,YAAZ;AACD,K;AACD,mBAA+C;AAC7C,aAAO,KAAKC,iBAAZ;AACD,K;AACD,mBAAgD;AAC9C,aAAO,KAAKC,kBAAZ;AACD,K;;;;;AAKD,mBAAsC;AACpC,aAAO,KAAKC,QAAZ;AACD,K;AACD,mBAA2C;AACzC,aAAO,KAAKC,aAAZ;AACD,K;AACD,mBAA4C;AAC1C,aAAO,KAAKC,cAAZ;AACD,K;;;;;AAKD,mBAAyC;AACvC,aAAO,KAAKC,WAAZ;AACD,K;AACD,mBAA8C;AAC5C,aAAO,KAAKC,gBAAZ;AACD,K;AACD,mBAA+C;AAC7C,aAAO,KAAKC,iBAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DD,mBAAqC;AACnC,4BAAoB,KAAKC,qBAAzB;AACD,K;;;;;;;;;;;;;AAaD;;AAEA;AACA,mBAA+B;AAC7B,aAAO,KAAKC,OAAZ;AACD,K;AACD,mBAA6C;AAC3C,aAAO,KAAKD,qBAAZ;AACD,K;AACD,mBAAgD;AAC9C,aAAO,KAAKE,wBAAZ;AACD,K;AACD,mBAAwC;AACtC,aAAO,KAAKC,gBAAZ;AACD,K;AACD,mBAA8C;AAC5C,aAAO,KAAKC,sBAAZ;AACD;AACD;;AAEA;kCACA,eAAkC;AAChC,aAAO,KAAKC,WAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCD,mBAAiD;AAC/C,aAAO,KAAKC,mBAAZ;AACD;AACD;;AAEA;;;;;;;;;;;;;;;;AAgBA,mBAA2C;AACzC,aAAO,KAAKC,iBAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BD;AACA,mBAAkD;AAChD,aAAO,KAAKC,sBAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;AAqBD,mBAAuC;AACrC,aAAO,KAAKC,OAAZ;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgED;qIAlVWnB,a,CACGoB,gB,GAAmB,S,CADtBpB,a,CAEGqB,iB,GAAoB,S,CAFvBrB,a,CAKGsB,mB,GAAsB,K,CALzBtB,a,CAMGuB,oB,GAAuB,S,CAN1BvB,a,CAQGwB,Y,GAAe,0B,CARlBxB,a,CASGyB,iB,GAAoB,2B,CATvBzB,a,CAUG0B,sB,GAAyB,M,CAV5B1B,a,CAWG2B,oB,GAAuB,M,CAX1B3B,a,CAYG4B,kB,GAAqB,0B,CAZxB5B,a,CAaG6B,qB,GAAwB,2B,CAb3B7B,a,CAcG8B,mB,GAAsB,2B,CAdzB9B,a,CAgBG+B,Y,GAAe,S,CAhBlB/B,a,CAiBGgC,iB,GAAoB,S,CAjBvBhC,a,CAkBGiC,kB,GAAqB,S,CAlBxBjC,a,CAmBGkC,mB,GAAsB,sB,CAnBzBlC,a,CAqBGC,Y,GAAe,S,CArBlBD,a,CAsBGE,iB,GAAoB,S,CAtBvBF,a,CAuBGG,kB,GAAqB,S,CAvBxBH,a,CAkCGI,Q,GAAW,S,CAlCdJ,a,CAmCGK,a,GAAgB,S,CAnCnBL,a,CAoCGM,c,GAAiB,S,CApCpBN,a,CA+CGO,W,GAAc,S,CA/CjBP,a,CAgDGQ,gB,GAAmB,S,CAhDtBR,a,CAiDGS,iB,GAAoB,S,CAjDvBT,a,CA4DGmC,a,GAAgB,wB,CA5DnBnC,a,CA6DGoC,kB,GAAqB,qC,CA7DxBpC,a,CA8DGqC,mB,GAAsB,sC,CA9DzBrC,a,CA+DGsC,sB,GAAyB,sC,CA/D5BtC,a,CAgEGuC,8B,GAAiC,sC,CAhEpCvC,a,CAiEGwC,2B,GAA8B,0B,CAjEjCxC,a,CAkEGyC,oB,GAAuB,2B,CAlE1BzC,a,CAoEG0C,S,GAAY,wB,CApEf1C,a,CAqEG2C,c,GAAiB,0B,CArEpB3C,a,CAsEG4C,e,GAAkB,2B,CAtErB5C,a,CAuEG6C,kB,GAAqB,a,CAvExB7C,a,CAyEG8C,mB,GAAsB,uB,CAzEzB9C,a,CA0EG+C,iB,GAAoB,sB,CA1EvB/C,a,CA4EGgD,a,GAAgB,2B,CA5EnBhD,a,CA6EGiD,oB,GAAuB,2B,CA7E1BjD,a,CA8EGkD,sB,GAAyB,a,CA9E5BlD,a,CAgFGmD,Y,GAAe,S,CAhFlBnD,a,CAiFGoD,mB,GAAsB,sB,CAjFzBpD,a,CAkFGqD,oB,GAAuB,sC,CAlF1BrD,a,CAmFGsD,uB,GAA0B,qB,CAnF7BtD,a,CAuFGuD,oB,GAAuB,2B,CAvF1BvD,a,CA2FGwD,S,GAAY,2B,CA3FfxD,a,CA4FGyD,c,GAAiB,S,CA5FpBzD,a,CA6FG0D,e,GAAkB,S,CA7FrB1D,a,CA8FG2D,uB,GAA0B,M,CA9F7B3D,a,CAgGG4D,gB,GAAmB,S,CAhGtB5D,a,CAiGG6D,qB,GAAwB,S,CAjG3B7D,a,CAkGG8D,sB,GAAyB,S,CAlG5B9D,a,CAoGG+D,e,GAAkB,S,CApGrB/D,a,CAqGGgE,oB,GAAuB,S,CArG1BhE,a,CAsGGiE,qB,GAAwB,S,CAtG3BjE,a,CAwGGkE,e,GAAkB,2B,CAxGrBlE,a,CAyGGmE,oB,GAAuB,S,CAzG1BnE,a,CA0GGoE,qB,GAAwB,S,CA1G3BpE,a,CA4GGqE,iB,GAAoB,2B,CA5GvBrE,a,CA6GGsE,qB,GAAwB,S,CA7G3BtE,a,CAiHGuE,e,GAAkB,S,CAjHrBvE,a,CAkHGwE,c,GAAiB,4B,CAlHpBxE,a,CAmHGW,O,GAAU,0B,CAnHbX,a,CAoHGa,gB,GAAmB,2B,CApHtBb,a,CAqHGyE,mB,GAAsB,Y,CArHzBzE,a,CAsHG0E,qB,GAAwB,2B,CAtH3B1E,a,CAuHGU,qB,GAAwB,wB,CAvH3BV,a,CA4HG2E,uB,GAA0B,uB,CA5H7B3E,a,CA6HG4E,qB,GAAwB,sB,CA7H3B5E,a,CA8HG6E,iB,GAAoB,K,CA9HvB7E,a,CAgIGc,sB,GAAyB,2B,CAhI5Bd,a,CAiIG8E,e,GAAkB,2B,CAjIrB9E,a,CAkIGY,wB,GAA2B,2B,CAlI9BZ,a,CAsIG+E,2B,GAA8B,Y,CAtIjC/E,a,CAgKGgF,iB,GAAoB,2B,CAhKvBhF,a,CAiKGiF,e,GAAkB,0B,CAjKrBjF,a,CAkKGkF,kB,GAAqB,2B,CAlKxBlF,a,CAoKGmF,oB,GAAuB,2B,CApK1BnF,a,CAqKGoF,sB,GAAyB,G,CArK5BpF,a,CAuKGqF,wB,GAA2B,0B,CAvK9BrF,a,CAyKGsF,qB,GAAwB,2B,CAzK3BtF,a,CA6KGuF,mB,GAAsB,E,CA7KzBvF,a,CA8KGwF,wB,GAA2B,a,CA9K9BxF,a,CAgLGyF,qB,GAAwB,4B,CAhL3BzF,a,CAiLG0F,kB,GAAqB,0B,CAjLxB1F,a,CAkLG2F,2B,GAA8B,2B,CAlLjC3F,a,CAmLG4F,0B,GAA6B,2B,CAnLhC5F,a,CAoLG6F,uB,GAA0B,2B,CApL7B7F,a,CAqLG8F,gC,GAAmC,2B,CArLtC9F,a,CAsLG+F,uB,GAA0B,qB,CAtL7B/F,a,CAuLGgG,oB,GAAuB,S,CAvL1BhG,a,CAwLGiG,6B,GAAgC,a,CAxLnCjG,a,CA4LGkG,c,GAAiB,M,CA5LpBlG,a,CA6LGmG,0B,GAA6B,0B,CA7LhCnG,a,CA8LGoG,qB,GAAwB,2B,CA9L3BpG,a,CA+LGqG,qB,GAAwB,2B,CA/L3BrG,a,CAgMGsG,qB,GAAwB,2B,CAhM3BtG,a,CAiMGuG,0B,GAA6B,2B,CAjMhCvG,a,CAkMGwG,+B,GAAkC,0B,CAlMrCxG,a,CAmMGyG,0B,GAA6B,yB,CAnMhCzG,a,CA0MG0G,gB,GAAmB,qC,CA1MtB1G,a,CA4MG2G,e,GAAkB,2B,CA5MrB3G,a,CA6MG4G,mB,GAAsB,M,CA7MzB5G,a,CA8MG6G,4B,GAA+B,2B,CA9MlC7G,a,CAgNG8G,mB,GAAsB,S,CAhNzB9G,a,CAiNG+G,uB,GAA0B,qB,CAjN7B/G,a,CAkNGgH,uB,GAA0B,a,CAlN7BhH,a,CAsNGiB,iB,GAAoB,S,CAtNvBjB,a,CAuNGiH,oB,GAAuB,qB,CAvN1BjH,a,CAwNGkH,e,GAAkB,2B,CAxNrBlH,a,CA4NGmH,yB,GAA4B,qB,CA5N/BnH,a,CA6NGoH,kB,GAAqB,2B,CA7NxBpH,a,CA8NGqH,sB,GAAyB,M,CA9N5BrH,a,CAkOGsH,Y,GAAe,M,CAlOlBtH,a,CAmOGuH,wB,GAA2B,M,CAnO9BvH,a,CAoOGwH,uB,GAA0B,S,CApO7BxH,a,CAuOGyH,iB,GAAoB,0B,CAvOvBzH,a,CAwOG0H,wB,GAA2B,2C,CAxO9B1H,a,CAyOG2H,c,GAAiB,2B,CAzOpB3H,a,CA0OG4H,qB,GAAwB,2C,CA1O3B5H,a,CA6OG6H,a,GAAgB,2B,CA7OnB7H,a,CA8OG8H,6B,GAAgC,2C,CA9OnC9H,a,CA+OG+H,mB,GAAsB,2B,CA/OzB/H,a,CAgPGgI,0B,GAA6B,2C,CAhPhChI,a,CAmPGiI,e,GAAkB,0B,CAnPrBjI,a,CAoPGkI,+B,GAAkC,2C,CApPrClI,a,CAqPGmI,qB,GAAwB,S,CArP3BnI,a,CAsPGoI,4B,GAA+B,M,CAtPlCpI,a,CA4PGqI,oC,GAAuC,2C,CA5P1CrI,a,CA6PGsI,0B,GAA6B,S,CA7PhCtI,a,CA8PGuI,iC,GAAoC,M,CA9PvCvI,a,CAiQGwI,yB,GAA4B,2B,CAjQ/BxI,a,CAkQGyI,gC,GAAmC,M,CAlQtCzI,a,CAmQG0I,sB,GAAyB,qB,CAnQ5B1I,a,CAoQG2I,6B,GAAgC,M,CApQnC3I,a,CAuQG4I,gC,GAAmC,2B,CAvQtC5I,a,CAwQG6I,uC,GAA0C,M,CAxQ7C7I,a,CAyQG8I,6B,GAAgC,qB,CAzQnC9I,a,CA0QG+I,oC,GAAuC,M,CA1Q1C/I,a,CA+QGmB,O,GAAU,M,CA/QbnB,a,CAmRGgJ,0B,GAA6B,oC,CAnRhChJ,a,CAoRGiJ,W,GAAc,M,CApRjBjJ,a,CAqRGkJ,gB,GAAmB,K,CArRtBlJ,a,CAyRGmJ,iB,GAAoB,M,CAzRvBnJ,a,CA0RGoJ,iB,GAAoB,M,CA1RvBpJ,a,CA2RGqJ,wB,GAA2B,K,CA3R9BrJ,a,CA+RGsJ,a,GAAgB,2B,CA/RnBtJ,a,CAmSGuJ,U,GAAa,uB,CAnShBvJ,a,CAoSGwJ,O,GAAU,0B,CApSbxJ,a,CAqSGyJ,c,GAAiB,uB,CArSpBzJ,a,CAsSG0J,gB,GAAmB,2B,CAtStB1J,a,CAuSG2J,iB,GAAoB,qB,CAvSvB3J,a,CAwSG4J,e,GAAkB,qB,CAxSrB5J,a,CAySG6J,oB,GAAuB,qB,CAzS1B7J,a,CA6SG8J,S,GAAY,uB,CA7Sf9J,a,CA8SG+J,W,GAAc,0B,CA9SjB/J,a,CAkTGgK,S,GAAY,S,CAlTfhK,a,CAsTGiK,qB,GAAwB,2B,CAtT3BjK,a,CAuTGkK,sB,GAAyB,0B,CAvT5BlK,a,CAwTGmK,sB,GAAyB,2B,CAxT5BnK,a,CA4TGoK,iB,GAAoB,sB,CA5TvBpK,a,CAgUGqK,iC,GAAoC,E,CAhUvCrK,a,CAiUGsK,mC,GAAsC,E,CAjUzCtK,a,CAqUGuK,wB,GAA2B,2B,CArU9BvK,a,CAsUGwK,sB,GAAyB,2B,CAtU5BxK,a,CAuUGyK,2B,GAA8B,0B,CAvUjCzK,a,CAwUG0K,6B,GAAgC,2B,CAxUnC1K,a,CA4UG2K,0B,GAA6B,2B,CA5UhC3K,a,CA6UG4K,4B,GAA+B,0B,CA7UlC5K,a,CAiVG6K,iB,GAAoB,2B;;AAI7B,IAAMC,qBAAqB,GAAGC,MAAM,CAACC,cAAP;AACnC,iCAAchL,aAAd,CADmC;AAEnCiL,wBAFmC,CAA9B,C","sourcesContent":["import { exposeGetters } from '../../lib/theming/ThemeHelpers';\n\nimport { Theme2022Internal } from './Theme2022';\n\nexport class Theme2022Dark extends (class {} as typeof Theme2022Internal) {\n public static borderColorFocus = '#EBEBEB';\n public static outlineColorFocus = '#EBEBEB';\n\n //#region Button\n public static btnFocusShadowWidth = '2px';\n public static btnOutlineColorFocus = '#1f1f1f';\n\n public static btnDefaultBg = 'rgba(255, 255, 255, 0.1)';\n public static btnDefaultHoverBg = 'rgba(255, 255, 255, 0.16)';\n public static btnDefaultHoverBgStart = 'none';\n public static btnDefaultHoverBgEnd = 'none';\n public static btnDefaultActiveBg = 'rgba(255, 255, 255, 0.1)';\n public static btnDefaultBorderColor = 'rgba(255, 255, 255, 0.16)';\n public static btnDefaultTextColor = 'rgba(255, 255, 255, 0.87)';\n\n public static btnPrimaryBg = '#EBEBEB';\n public static btnPrimaryHoverBg = '#FFFFFF';\n public static btnPrimaryActiveBg = '#C2C2C2';\n public static btnPrimaryTextColor = 'rgba(0, 0, 0, 0.865)';\n\n public static btnSuccessBg = '#5F9C20';\n public static btnSuccessHoverBg = '#6CAD26';\n public static btnSuccessActiveBg = '#477916';\n public static get btnSuccessBorderColor() {\n return this.btnSuccessBg;\n }\n public static get btnSuccessHoverBorderColor() {\n return this.btnSuccessHoverBg;\n }\n public static get btnSuccessActiveBorderColor() {\n return this.btnSuccessActiveBg;\n }\n\n public static btnPayBg = '#FCB73E';\n public static btnPayHoverBg = '#FCC660';\n public static btnPayActiveBg = '#F69912';\n public static get btnPayBorderColor() {\n return this.btnPayBg;\n }\n public static get btnPayHoverBorderColor() {\n return this.btnPayHoverBg;\n }\n public static get btnPayActiveBorderColor() {\n return this.btnPayActiveBg;\n }\n\n public static btnDangerBg = '#EE5042';\n public static btnDangerHoverBg = '#FF5A49';\n public static btnDangerActiveBg = '#CB3D35';\n public static get btnDangerBorderColor() {\n return this.btnDangerBg;\n }\n public static get btnDangerHoverBorderColor() {\n return this.btnDangerHoverBg;\n }\n public static get btnDangerActiveBorderColor() {\n return this.btnDangerActiveBg;\n }\n\n public static btnBacklessBg = 'transparent !important';\n public static btnBacklessHoverBg = 'rgba(255, 255, 255, 0.1) !important';\n public static btnBacklessActiveBg = 'rgba(255, 255, 255, 0.06) !important';\n public static btnBacklessBorderColor = 'rgba(255, 255, 255, 0.16) !important';\n public static btnBacklessDisabledBorderColor = 'rgba(255, 255, 255, 0.06) !important';\n public static btnBacklessHoverBorderColor = 'rgba(255, 255, 255, 0.1)';\n public static btnBacklessTextColor = 'rgba(255, 255, 255, 0.87)';\n\n public static btnTextBg = 'transparent !important';\n public static btnTextHoverBg = 'rgba(255, 255, 255, 0.1)';\n public static btnTextActiveBg = 'rgba(255, 255, 255, 0.06)';\n public static btnTextBorderColor = 'transparent';\n\n public static btnWarningSecondary = 'rgba(212, 100, 33, 1)';\n public static btnErrorSecondary = 'rgba(169, 42, 39, 1)';\n\n public static btnDisabledBg = 'rgba(255, 255, 255, 0.04)';\n public static btnDisabledTextColor = 'rgba(255, 255, 255, 0.32)';\n public static btnDisabledBorderColor = 'transparent';\n\n public static btnCheckedBg = '#EBEBEB';\n public static btnCheckedTextColor = 'rgba(0, 0, 0, 0.865)';\n public static btnCheckedDisabledBg = 'rgba(255, 255, 255, 0.32) !important';\n public static btnCheckedDisabledColor = 'rgba(0, 0, 0, 0.48)';\n //#endregion\n\n //#region Select\n public static selectMenuArrowColor = 'rgba(255, 255, 255, 0.54)';\n //#endregion\n\n //#region Link\n public static linkColor = 'rgba(255, 255, 255, 0.87)';\n public static linkHoverColor = '#ffffff';\n public static linkActiveColor = '#c2c2c2';\n public static linkHoverTextDecoration = 'none';\n\n public static linkSuccessColor = '#78BF2B';\n public static linkSuccessHoverColor = '#B9E96E';\n public static linkSuccessActiveColor = '#5F9C20';\n\n public static linkDangerColor = '#FF887B';\n public static linkDangerHoverColor = '#FF9D92';\n public static linkDangerActiveColor = '#EE5042';\n\n public static linkGrayedColor = 'rgba(255, 255, 255, 0.54)';\n public static linkGrayedHoverColor = '#FFFFFF';\n public static linkGrayedActiveColor = '#C2C2C2';\n\n public static linkDisabledColor = 'rgba(255, 255, 255, 0.48)';\n public static linkFocusOutlineColor = '#EBEBEB';\n //#endregion Link\n\n //#region Input\n public static inputBlinkColor = '#EBEBEB';\n public static inputTextColor = 'rgba(255, 255, 255, 0.865)';\n public static inputBg = 'rgba(255, 255, 255, 0.1)';\n public static inputBorderColor = 'rgba(255, 255, 255, 0.06)';\n public static inputBackgroundClip = 'border-box';\n public static inputBorderColorHover = 'rgba(255, 255, 255, 0.16)';\n public static inputBorderColorFocus = 'rgba(235, 235, 235, 1)';\n public static get inputFocusShadow() {\n return `0 0 0 1px ${this.inputBorderColorFocus}`;\n }\n\n public static inputBorderColorWarning = 'rgba(252, 183, 62, 1)';\n public static inputBorderColorError = 'rgba(238, 80, 66, 1)';\n public static inputOutlineWidth = '1px';\n\n public static inputTextColorDisabled = 'rgba(255, 255, 255, 0.32)';\n public static inputDisabledBg = 'rgba(255, 255, 255, 0.04)';\n public static inputDisabledBorderColor = 'rgba(255, 255, 255, 0.04)';\n //#endregion Input\n\n //#region TokenInput\n public static inputDisabledBackgroundClip = 'border-box';\n //#endregion TokenInput\n\n //#region Textarea\n public static get textareaBg() {\n return this.inputBg;\n }\n public static get textareaBorderColorFocus() {\n return this.inputBorderColorFocus;\n }\n public static get textareaDisabledBorderColor() {\n return this.inputDisabledBorderColor;\n }\n public static get textareaBorderColor() {\n return this.inputBorderColor;\n }\n public static get textareaTextColorDisabled() {\n return this.inputTextColorDisabled;\n }\n //#endregion Textarea\n\n //#region Menu\n public static get menuBgDefault() {\n return this.bgSecondary;\n }\n\n public static menuItemTextColor = 'rgba(255, 255, 255, 0.87)';\n public static menuItemHoverBg = 'rgba(255, 255, 255, 0.1)';\n public static menuItemSelectedBg = 'rgba(255, 255, 255, 0.16)';\n\n public static menuItemCommentColor = 'rgba(255, 255, 255, 0.54)';\n public static menuItemCommentOpacity = '1';\n\n public static menuSeparatorBorderColor = 'rgba(255, 255, 255, 0.1)';\n\n public static menuItemDisabledColor = 'rgba(255, 255, 255, 0.32)';\n //#endregion Menu\n\n //#region Token\n public static tokenShadowDisabled = '';\n public static tokenBorderColorDisabled = 'transparent';\n\n public static tokenDefaultIdleColor = 'rgba(255, 255, 255, 0.865)';\n public static tokenDefaultIdleBg = 'rgba(255, 255, 255, 0.1)';\n public static tokenDefaultIdleBorderColor = 'rgba(255, 255, 255, 0.06)';\n public static tokenDefaultIdleColorHover = 'rgba(255, 255, 255, 0.87)';\n public static tokenDefaultIdleBgHover = 'rgba(255, 255, 255, 0.16)';\n public static tokenDefaultIdleBorderColorHover = 'rgba(255, 255, 255, 0.06)';\n public static tokenDefaultActiveColor = 'rgba(0, 0, 0, 0.87)';\n public static tokenDefaultActiveBg = '#EBEBEB';\n public static tokenDefaultActiveBorderColor = 'transparent';\n //#endregion Token\n\n //#region FileUploader\n public static fileUploaderBg = 'none';\n public static fileUploaderUploadButtonBg = 'rgba(255, 255, 255, 0.1)';\n public static fileUploaderHoveredBg = 'rgba(255, 255, 255, 0.16)';\n public static fileUploaderIconColor = 'rgba(255, 255, 255, 0.87)';\n public static fileUploaderLinkColor = 'rgba(255, 255, 255, 0.87)';\n public static fileUploaderAfterLinkColor = 'rgba(255, 255, 255, 0.54)';\n public static fileUploaderDisabledBorderColor = 'rgba(255, 255, 255, 0.1)';\n public static fileUploaderDragOverShadow = '0px 0px 0px 4px #EBEBEB';\n public static get fileUploaderBorderColorFocus() {\n return this.btnBorderColorFocus;\n }\n //#endregion FileUploader\n\n //#region Radio\n public static radioFocusShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.87)';\n\n public static radioDisabledBg = 'rgba(255, 255, 255, 0.04)';\n public static radioDisabledShadow = 'none';\n public static radioCheckedDisabledBulletBg = 'rgba(255, 255, 255, 0.16)';\n\n public static radioCheckedBgColor = '#FFFFFF';\n public static radioCheckedBulletColor = 'rgba(0, 0, 0, 0.87)';\n public static radioCheckedBorderColor = 'transparent';\n //#endregion Radio\n\n //#region Checkbox\n public static checkboxCheckedBg = '#EBEBEB';\n public static checkboxCheckedColor = 'rgba(0, 0, 0, 0.87)';\n public static checkboxHoverBg = 'rgba(255, 255, 255, 0.16)';\n public static get checkboxCheckedHoverBg() {\n return this.checkboxCheckedBg;\n }\n public static checkboxOutlineColorFocus = 'rgba(0, 0, 0, 0.87)';\n public static checkboxBgDisabled = 'rgba(255, 255, 255, 0.04)';\n public static checkboxShadowDisabled = 'none';\n //#endregion\n\n //#region Toggle\n public static toggleBaseBg = 'none';\n public static toggleHandleBoxShadowOld = 'none';\n public static toggleOutlineColorFocus = '#1F1F1F';\n\n // idle\n public static toggleContainerBg = 'rgba(255, 255, 255, 0.1)';\n public static toggleContainerBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n public static toggleHandleBg = 'rgba(255, 255, 255, 0.32)';\n public static toggleHandleBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n\n // idle :hover\n public static toggleBgHover = 'rgba(255, 255, 255, 0.16)';\n public static toggleContainerBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n public static toggleHandleBgHover = 'rgba(255, 255, 255, 0.32)';\n public static toggleHandleBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n\n // checked\n public static toggleBgChecked = 'rgba(255, 255, 255, 0.1)';\n public static toggleContainerBoxShadowChecked = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n public static toggleHandleBgChecked = '#EBEBEB';\n public static toggleHandleBoxShadowChecked = 'none';\n\n // checked :hover\n public static get toggleContainerBgCheckedHover() {\n return this.toggleContainerBgHover;\n }\n public static toggleContainerBoxShadowCheckedHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n public static toggleHandleBgCheckedHover = '#FFFFFF';\n public static toggleHandleBoxShadowCheckedHover = 'none';\n\n // disabled\n public static toggleContainerBgDisabled = 'rgba(255, 255, 255, 0.04)';\n public static toggleContainerBoxShadowDisabled = 'none';\n public static toggleHandleBgDisabled = 'rgba(0, 0, 0, 0.16)';\n public static toggleHandleBoxShadowDisabled = 'none';\n\n // disabled checked\n public static toggleContainerBgDisabledChecked = 'rgba(255, 255, 255, 0.06)';\n public static toggleContainerBoxShadowDisabledChecked = 'none';\n public static toggleHandleBgDisabledChecked = 'rgba(0, 0, 0, 0.16)';\n public static toggleHandleBoxShadowDisabledChecked = 'none';\n\n //#endregion\n\n //#region Modal\n public static modalBg = '#222';\n public static get modalFixedHeaderBg() {\n return this.modalBg;\n }\n public static modalSeparatorBorderBottom = 'solid 1px rgba(255, 255, 255, 0.1)';\n public static modalBackBg = '#000';\n public static modalBackOpacity = '0.7';\n //#endregion\n\n //#region SideMenu\n public static sidePageBgDefault = '#222';\n public static sidePageBackingBg = '#000';\n public static sidePageBackingBgOpacity = '0.7';\n //#endregion\n\n //#region Tab, Tabs\n public static tabColorHover = 'rgba(255, 255, 255, 0.16)';\n //#endregion\n\n //#region Toast\n public static toastColor = 'rgba(44, 44, 44, 1.0)';\n public static toastBg = 'rgba(255, 255, 255, 0.8)';\n public static toastLinkColor = 'rgba(44, 44, 44, 1.0)';\n public static toastLinkBgHover = 'rgba(255, 255, 255, 0.87)';\n public static toastLinkBgActive = 'rgba(0, 0, 0, 0.16)';\n public static toastCloseColor = 'rgba(0, 0, 0, 0.32)';\n public static toastCloseHoverColor = 'rgba(0, 0, 0, 0.87)';\n //#endregion\n\n //#region Hint\n public static hintColor = 'rgba(44, 44, 44, 1.0)';\n public static hintBgColor = 'rgba(255, 255, 255, 0.8)';\n //#endregion\n\n //#region Tooltip\n public static tooltipBg = '#333333';\n //#endregion\n\n //#region Paging\n public static pagingPageLinkHoverBg = 'rgba(255, 255, 255, 0.06)';\n public static pagingPageLinkActiveBg = 'rgba(255, 255, 255, 0.1)';\n public static pagingForwardLinkColor = 'rgba(255, 255, 255, 0.87)';\n //#endregion\n\n //#region GlobalLoader\n public static globalLoaderColor = 'rgba(238, 80, 66, 1)';\n //#endregion\n\n //#region DateInput\n public static dateInputComponentSelectedBgColor = '';\n public static dateInputComponentSelectedTextColor = '';\n //#endregion\n\n //#region Calendar\n public static calendarCellHoverBgColor = 'rgba(255, 255, 255, 0.06)';\n public static calendarCellHoverColor = 'rgba(255, 255, 255, 0.87)';\n public static calendarCellSelectedBgColor = 'rgba(255, 255, 255, 0.1)';\n public static calendarCellSelectedFontColor = 'rgba(255, 255, 255, 0.87)';\n //#endregion\n\n //#region DateSelect\n public static dateSelectMenuItemBgActive = 'rgba(255, 255, 255, 0.06)';\n public static dateSelectMenuItemBgSelected = 'rgba(255, 255, 255, 0.1)';\n //#endregion\n\n //#region CloseIcon, CloseButtonIcon\n public static closeBtnIconColor = 'rgba(255, 255, 255, 0.32)';\n //#endregion\n}\n\nexport const Theme2022DarkInternal = Object.setPrototypeOf(\n exposeGetters(Theme2022Dark),\n Theme2022Internal,\n) as typeof Theme2022Dark;\n"]}
1
+ {"version":3,"sources":["Theme2022Dark.ts"],"names":["Theme2022Dark","btnSuccessBg","btnSuccessHoverBg","btnSuccessActiveBg","btnPayBg","btnPayHoverBg","btnPayActiveBg","btnDangerBg","btnDangerHoverBg","btnDangerActiveBg","inputBorderColorFocus","inputBg","inputDisabledBorderColor","inputBorderColor","inputTextColorDisabled","bgSecondary","btnBorderColorFocus","checkboxCheckedBg","toggleContainerBgHover","modalBg","borderColorFocus","outlineColorFocus","btnFocusShadowWidth","btnOutlineColorFocus","btnDefaultBg","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultActiveBg","btnDefaultBorderColor","btnDefaultTextColor","btnPrimaryBg","btnPrimaryHoverBg","btnPrimaryActiveBg","btnPrimaryTextColor","btnBacklessBg","btnBacklessHoverBg","btnBacklessActiveBg","btnBacklessBorderColor","btnBacklessDisabledBorderColor","btnBacklessHoverBorderColor","btnBacklessTextColor","btnTextBg","btnTextHoverBg","btnTextActiveBg","btnTextBorderColor","btnWarningSecondary","btnErrorSecondary","btnDisabledBg","btnDisabledTextColor","btnDisabledBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedDisabledBg","btnCheckedDisabledColor","selectMenuArrowColor","linkColor","linkHoverColor","linkActiveColor","linkHoverTextDecoration","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","linkGrayedColor","linkGrayedHoverColor","linkGrayedActiveColor","linkDisabledColor","linkFocusOutlineColor","inputBlinkColor","inputTextColor","inputBackgroundClip","inputBorderColorHover","inputBorderColorWarning","inputBorderColorError","inputOutlineWidth","inputDisabledBg","inputDisabledBackgroundClip","menuItemTextColor","menuItemHoverBg","menuItemSelectedBg","menuItemCommentColor","menuItemCommentOpacity","menuSeparatorBorderColor","menuItemDisabledColor","tokenShadowDisabled","tokenBorderColorDisabled","tokenDefaultIdleColor","tokenDefaultIdleBg","tokenDefaultIdleBorderColor","tokenDefaultIdleColorHover","tokenDefaultIdleBgHover","tokenDefaultIdleBorderColorHover","tokenDefaultActiveColor","tokenDefaultActiveBg","tokenDefaultActiveBorderColor","fileUploaderBg","fileUploaderUploadButtonBg","fileUploaderHoveredBg","fileUploaderIconColor","fileUploaderLinkColor","fileUploaderAfterLinkColor","fileUploaderDisabledBorderColor","fileUploaderDragOverShadow","radioFocusShadow","radioDisabledBg","radioDisabledShadow","radioCheckedDisabledBulletBg","radioCheckedBgColor","radioCheckedBulletColor","radioCheckedBorderColor","checkboxCheckedColor","checkboxHoverBg","checkboxOutlineColorFocus","checkboxBgDisabled","checkboxShadowDisabled","toggleBaseBg","toggleHandleBoxShadowOld","toggleOutlineColorFocus","toggleContainerBg","toggleContainerBoxShadow","toggleHandleBg","toggleHandleBoxShadow","toggleBgHover","toggleContainerBoxShadowHover","toggleHandleBgHover","toggleHandleBoxShadowHover","toggleBgChecked","toggleContainerBoxShadowChecked","toggleHandleBgChecked","toggleHandleBoxShadowChecked","toggleContainerBoxShadowCheckedHover","toggleHandleBgCheckedHover","toggleHandleBoxShadowCheckedHover","toggleContainerBgDisabled","toggleContainerBoxShadowDisabled","toggleHandleBgDisabled","toggleHandleBoxShadowDisabled","toggleContainerBgDisabledChecked","toggleContainerBoxShadowDisabledChecked","toggleHandleBgDisabledChecked","toggleHandleBoxShadowDisabledChecked","modalSeparatorBorderBottom","modalBackBg","modalBackOpacity","sidePageBgDefault","sidePageBackingBg","sidePageBackingBgOpacity","tabColorHover","toastColor","toastBg","toastLinkColor","toastLinkBgHover","toastLinkBgActive","toastCloseColor","toastCloseHoverColor","hintColor","hintBgColor","tooltipBg","pagingPageLinkHoverBg","pagingPageLinkActiveBg","pagingForwardLinkColor","globalLoaderColor","dateInputComponentSelectedBgColor","dateInputComponentSelectedTextColor","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellSelectedBgColor","calendarCellSelectedFontColor","dateSelectMenuItemBgActive","dateSelectMenuItemBgSelected","closeBtnIconColor","Theme2022DarkInternal","Object","setPrototypeOf","Theme2022Internal"],"mappings":"2XAAA;;AAEA,oC;;AAEaA,a;;;;AAIX;;;;;;;;;;;;;;;;;;;;AAoBA,mBAA0C;AACxC,aAAO,KAAKC,YAAZ;AACD,K;AACD,mBAA+C;AAC7C,aAAO,KAAKC,iBAAZ;AACD,K;AACD,mBAAgD;AAC9C,aAAO,KAAKC,kBAAZ;AACD,K;;;;;AAKD,mBAAsC;AACpC,aAAO,KAAKC,QAAZ;AACD,K;AACD,mBAA2C;AACzC,aAAO,KAAKC,aAAZ;AACD,K;AACD,mBAA4C;AAC1C,aAAO,KAAKC,cAAZ;AACD,K;;;;;AAKD,mBAAyC;AACvC,aAAO,KAAKC,WAAZ;AACD,K;AACD,mBAA8C;AAC5C,aAAO,KAAKC,gBAAZ;AACD,K;AACD,mBAA+C;AAC7C,aAAO,KAAKC,iBAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DD,mBAAqC;AACnC,4BAAoB,KAAKC,qBAAzB;AACD,K;;;;;;;;;;;;;AAaD;;AAEA;AACA,mBAA+B;AAC7B,aAAO,KAAKC,OAAZ;AACD,K;AACD,mBAA6C;AAC3C,aAAO,KAAKD,qBAAZ;AACD,K;AACD,mBAAgD;AAC9C,aAAO,KAAKE,wBAAZ;AACD,K;AACD,mBAAwC;AACtC,aAAO,KAAKC,gBAAZ;AACD,K;AACD,mBAA8C;AAC5C,aAAO,KAAKC,sBAAZ;AACD;AACD;;AAEA;kCACA,eAAkC;AAChC,aAAO,KAAKC,WAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCD,mBAAiD;AAC/C,aAAO,KAAKC,mBAAZ;AACD;AACD;;AAEA;;;;;;;;;;;;;;;;AAgBA,mBAA2C;AACzC,aAAO,KAAKC,iBAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BD;AACA,mBAAkD;AAChD,aAAO,KAAKC,sBAAZ;AACD,K;;;;;;;;;;;;;;;;;;;;;AAqBD,mBAAuC;AACrC,aAAO,KAAKC,OAAZ;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgED;qIAlVWnB,a,CACGoB,gB,GAAmB,S,CADtBpB,a,CAEGqB,iB,GAAoB,S,CAFvBrB,a,CAKGsB,mB,GAAsB,K,CALzBtB,a,CAMGuB,oB,GAAuB,S,CAN1BvB,a,CAQGwB,Y,GAAe,0B,CARlBxB,a,CASGyB,iB,GAAoB,2B,CATvBzB,a,CAUG0B,sB,GAAyB,M,CAV5B1B,a,CAWG2B,oB,GAAuB,M,CAX1B3B,a,CAYG4B,kB,GAAqB,0B,CAZxB5B,a,CAaG6B,qB,GAAwB,2B,CAb3B7B,a,CAcG8B,mB,GAAsB,2B,CAdzB9B,a,CAgBG+B,Y,GAAe,S,CAhBlB/B,a,CAiBGgC,iB,GAAoB,S,CAjBvBhC,a,CAkBGiC,kB,GAAqB,S,CAlBxBjC,a,CAmBGkC,mB,GAAsB,sB,CAnBzBlC,a,CAqBGC,Y,GAAe,S,CArBlBD,a,CAsBGE,iB,GAAoB,S,CAtBvBF,a,CAuBGG,kB,GAAqB,S,CAvBxBH,a,CAkCGI,Q,GAAW,S,CAlCdJ,a,CAmCGK,a,GAAgB,S,CAnCnBL,a,CAoCGM,c,GAAiB,S,CApCpBN,a,CA+CGO,W,GAAc,S,CA/CjBP,a,CAgDGQ,gB,GAAmB,S,CAhDtBR,a,CAiDGS,iB,GAAoB,S,CAjDvBT,a,CA4DGmC,a,GAAgB,wB,CA5DnBnC,a,CA6DGoC,kB,GAAqB,qC,CA7DxBpC,a,CA8DGqC,mB,GAAsB,sC,CA9DzBrC,a,CA+DGsC,sB,GAAyB,sC,CA/D5BtC,a,CAgEGuC,8B,GAAiC,sC,CAhEpCvC,a,CAiEGwC,2B,GAA8B,0B,CAjEjCxC,a,CAkEGyC,oB,GAAuB,2B,CAlE1BzC,a,CAoEG0C,S,GAAY,a,CApEf1C,a,CAqEG2C,c,GAAiB,0B,CArEpB3C,a,CAsEG4C,e,GAAkB,2B,CAtErB5C,a,CAuEG6C,kB,GAAqB,a,CAvExB7C,a,CAyEG8C,mB,GAAsB,uB,CAzEzB9C,a,CA0EG+C,iB,GAAoB,sB,CA1EvB/C,a,CA4EGgD,a,GAAgB,2B,CA5EnBhD,a,CA6EGiD,oB,GAAuB,2B,CA7E1BjD,a,CA8EGkD,sB,GAAyB,a,CA9E5BlD,a,CAgFGmD,Y,GAAe,S,CAhFlBnD,a,CAiFGoD,mB,GAAsB,sB,CAjFzBpD,a,CAkFGqD,oB,GAAuB,sC,CAlF1BrD,a,CAmFGsD,uB,GAA0B,qB,CAnF7BtD,a,CAuFGuD,oB,GAAuB,2B,CAvF1BvD,a,CA2FGwD,S,GAAY,2B,CA3FfxD,a,CA4FGyD,c,GAAiB,S,CA5FpBzD,a,CA6FG0D,e,GAAkB,S,CA7FrB1D,a,CA8FG2D,uB,GAA0B,M,CA9F7B3D,a,CAgGG4D,gB,GAAmB,S,CAhGtB5D,a,CAiGG6D,qB,GAAwB,S,CAjG3B7D,a,CAkGG8D,sB,GAAyB,S,CAlG5B9D,a,CAoGG+D,e,GAAkB,S,CApGrB/D,a,CAqGGgE,oB,GAAuB,S,CArG1BhE,a,CAsGGiE,qB,GAAwB,S,CAtG3BjE,a,CAwGGkE,e,GAAkB,2B,CAxGrBlE,a,CAyGGmE,oB,GAAuB,S,CAzG1BnE,a,CA0GGoE,qB,GAAwB,S,CA1G3BpE,a,CA4GGqE,iB,GAAoB,2B,CA5GvBrE,a,CA6GGsE,qB,GAAwB,S,CA7G3BtE,a,CAiHGuE,e,GAAkB,S,CAjHrBvE,a,CAkHGwE,c,GAAiB,4B,CAlHpBxE,a,CAmHGW,O,GAAU,0B,CAnHbX,a,CAoHGa,gB,GAAmB,2B,CApHtBb,a,CAqHGyE,mB,GAAsB,Y,CArHzBzE,a,CAsHG0E,qB,GAAwB,2B,CAtH3B1E,a,CAuHGU,qB,GAAwB,wB,CAvH3BV,a,CA4HG2E,uB,GAA0B,uB,CA5H7B3E,a,CA6HG4E,qB,GAAwB,sB,CA7H3B5E,a,CA8HG6E,iB,GAAoB,K,CA9HvB7E,a,CAgIGc,sB,GAAyB,2B,CAhI5Bd,a,CAiIG8E,e,GAAkB,2B,CAjIrB9E,a,CAkIGY,wB,GAA2B,2B,CAlI9BZ,a,CAsIG+E,2B,GAA8B,Y,CAtIjC/E,a,CAgKGgF,iB,GAAoB,2B,CAhKvBhF,a,CAiKGiF,e,GAAkB,0B,CAjKrBjF,a,CAkKGkF,kB,GAAqB,2B,CAlKxBlF,a,CAoKGmF,oB,GAAuB,2B,CApK1BnF,a,CAqKGoF,sB,GAAyB,G,CArK5BpF,a,CAuKGqF,wB,GAA2B,0B,CAvK9BrF,a,CAyKGsF,qB,GAAwB,2B,CAzK3BtF,a,CA6KGuF,mB,GAAsB,E,CA7KzBvF,a,CA8KGwF,wB,GAA2B,a,CA9K9BxF,a,CAgLGyF,qB,GAAwB,4B,CAhL3BzF,a,CAiLG0F,kB,GAAqB,0B,CAjLxB1F,a,CAkLG2F,2B,GAA8B,2B,CAlLjC3F,a,CAmLG4F,0B,GAA6B,2B,CAnLhC5F,a,CAoLG6F,uB,GAA0B,2B,CApL7B7F,a,CAqLG8F,gC,GAAmC,2B,CArLtC9F,a,CAsLG+F,uB,GAA0B,qB,CAtL7B/F,a,CAuLGgG,oB,GAAuB,S,CAvL1BhG,a,CAwLGiG,6B,GAAgC,a,CAxLnCjG,a,CA4LGkG,c,GAAiB,M,CA5LpBlG,a,CA6LGmG,0B,GAA6B,0B,CA7LhCnG,a,CA8LGoG,qB,GAAwB,2B,CA9L3BpG,a,CA+LGqG,qB,GAAwB,2B,CA/L3BrG,a,CAgMGsG,qB,GAAwB,2B,CAhM3BtG,a,CAiMGuG,0B,GAA6B,2B,CAjMhCvG,a,CAkMGwG,+B,GAAkC,0B,CAlMrCxG,a,CAmMGyG,0B,GAA6B,yB,CAnMhCzG,a,CA0MG0G,gB,GAAmB,qC,CA1MtB1G,a,CA4MG2G,e,GAAkB,2B,CA5MrB3G,a,CA6MG4G,mB,GAAsB,M,CA7MzB5G,a,CA8MG6G,4B,GAA+B,2B,CA9MlC7G,a,CAgNG8G,mB,GAAsB,S,CAhNzB9G,a,CAiNG+G,uB,GAA0B,qB,CAjN7B/G,a,CAkNGgH,uB,GAA0B,a,CAlN7BhH,a,CAsNGiB,iB,GAAoB,S,CAtNvBjB,a,CAuNGiH,oB,GAAuB,qB,CAvN1BjH,a,CAwNGkH,e,GAAkB,2B,CAxNrBlH,a,CA4NGmH,yB,GAA4B,qB,CA5N/BnH,a,CA6NGoH,kB,GAAqB,2B,CA7NxBpH,a,CA8NGqH,sB,GAAyB,M,CA9N5BrH,a,CAkOGsH,Y,GAAe,M,CAlOlBtH,a,CAmOGuH,wB,GAA2B,M,CAnO9BvH,a,CAoOGwH,uB,GAA0B,S,CApO7BxH,a,CAuOGyH,iB,GAAoB,0B,CAvOvBzH,a,CAwOG0H,wB,GAA2B,2C,CAxO9B1H,a,CAyOG2H,c,GAAiB,2B,CAzOpB3H,a,CA0OG4H,qB,GAAwB,2C,CA1O3B5H,a,CA6OG6H,a,GAAgB,2B,CA7OnB7H,a,CA8OG8H,6B,GAAgC,2C,CA9OnC9H,a,CA+OG+H,mB,GAAsB,2B,CA/OzB/H,a,CAgPGgI,0B,GAA6B,2C,CAhPhChI,a,CAmPGiI,e,GAAkB,0B,CAnPrBjI,a,CAoPGkI,+B,GAAkC,2C,CApPrClI,a,CAqPGmI,qB,GAAwB,S,CArP3BnI,a,CAsPGoI,4B,GAA+B,M,CAtPlCpI,a,CA4PGqI,oC,GAAuC,2C,CA5P1CrI,a,CA6PGsI,0B,GAA6B,S,CA7PhCtI,a,CA8PGuI,iC,GAAoC,M,CA9PvCvI,a,CAiQGwI,yB,GAA4B,2B,CAjQ/BxI,a,CAkQGyI,gC,GAAmC,M,CAlQtCzI,a,CAmQG0I,sB,GAAyB,qB,CAnQ5B1I,a,CAoQG2I,6B,GAAgC,M,CApQnC3I,a,CAuQG4I,gC,GAAmC,2B,CAvQtC5I,a,CAwQG6I,uC,GAA0C,M,CAxQ7C7I,a,CAyQG8I,6B,GAAgC,qB,CAzQnC9I,a,CA0QG+I,oC,GAAuC,M,CA1Q1C/I,a,CA+QGmB,O,GAAU,M,CA/QbnB,a,CAmRGgJ,0B,GAA6B,oC,CAnRhChJ,a,CAoRGiJ,W,GAAc,M,CApRjBjJ,a,CAqRGkJ,gB,GAAmB,K,CArRtBlJ,a,CAyRGmJ,iB,GAAoB,M,CAzRvBnJ,a,CA0RGoJ,iB,GAAoB,M,CA1RvBpJ,a,CA2RGqJ,wB,GAA2B,K,CA3R9BrJ,a,CA+RGsJ,a,GAAgB,2B,CA/RnBtJ,a,CAmSGuJ,U,GAAa,uB,CAnShBvJ,a,CAoSGwJ,O,GAAU,0B,CApSbxJ,a,CAqSGyJ,c,GAAiB,uB,CArSpBzJ,a,CAsSG0J,gB,GAAmB,2B,CAtStB1J,a,CAuSG2J,iB,GAAoB,qB,CAvSvB3J,a,CAwSG4J,e,GAAkB,qB,CAxSrB5J,a,CAySG6J,oB,GAAuB,qB,CAzS1B7J,a,CA6SG8J,S,GAAY,uB,CA7Sf9J,a,CA8SG+J,W,GAAc,0B,CA9SjB/J,a,CAkTGgK,S,GAAY,S,CAlTfhK,a,CAsTGiK,qB,GAAwB,2B,CAtT3BjK,a,CAuTGkK,sB,GAAyB,0B,CAvT5BlK,a,CAwTGmK,sB,GAAyB,2B,CAxT5BnK,a,CA4TGoK,iB,GAAoB,sB,CA5TvBpK,a,CAgUGqK,iC,GAAoC,E,CAhUvCrK,a,CAiUGsK,mC,GAAsC,E,CAjUzCtK,a,CAqUGuK,wB,GAA2B,2B,CArU9BvK,a,CAsUGwK,sB,GAAyB,2B,CAtU5BxK,a,CAuUGyK,2B,GAA8B,0B,CAvUjCzK,a,CAwUG0K,6B,GAAgC,2B,CAxUnC1K,a,CA4UG2K,0B,GAA6B,2B,CA5UhC3K,a,CA6UG4K,4B,GAA+B,0B,CA7UlC5K,a,CAiVG6K,iB,GAAoB,2B;;AAI7B,IAAMC,qBAAqB,GAAGC,MAAM,CAACC,cAAP;AACnC,iCAAchL,aAAd,CADmC;AAEnCiL,wBAFmC,CAA9B,C","sourcesContent":["import { exposeGetters } from '../../lib/theming/ThemeHelpers';\n\nimport { Theme2022Internal } from './Theme2022';\n\nexport class Theme2022Dark extends (class {} as typeof Theme2022Internal) {\n public static borderColorFocus = '#EBEBEB';\n public static outlineColorFocus = '#EBEBEB';\n\n //#region Button\n public static btnFocusShadowWidth = '2px';\n public static btnOutlineColorFocus = '#1f1f1f';\n\n public static btnDefaultBg = 'rgba(255, 255, 255, 0.1)';\n public static btnDefaultHoverBg = 'rgba(255, 255, 255, 0.16)';\n public static btnDefaultHoverBgStart = 'none';\n public static btnDefaultHoverBgEnd = 'none';\n public static btnDefaultActiveBg = 'rgba(255, 255, 255, 0.1)';\n public static btnDefaultBorderColor = 'rgba(255, 255, 255, 0.16)';\n public static btnDefaultTextColor = 'rgba(255, 255, 255, 0.87)';\n\n public static btnPrimaryBg = '#EBEBEB';\n public static btnPrimaryHoverBg = '#FFFFFF';\n public static btnPrimaryActiveBg = '#C2C2C2';\n public static btnPrimaryTextColor = 'rgba(0, 0, 0, 0.865)';\n\n public static btnSuccessBg = '#5F9C20';\n public static btnSuccessHoverBg = '#6CAD26';\n public static btnSuccessActiveBg = '#477916';\n public static get btnSuccessBorderColor() {\n return this.btnSuccessBg;\n }\n public static get btnSuccessHoverBorderColor() {\n return this.btnSuccessHoverBg;\n }\n public static get btnSuccessActiveBorderColor() {\n return this.btnSuccessActiveBg;\n }\n\n public static btnPayBg = '#FCB73E';\n public static btnPayHoverBg = '#FCC660';\n public static btnPayActiveBg = '#F69912';\n public static get btnPayBorderColor() {\n return this.btnPayBg;\n }\n public static get btnPayHoverBorderColor() {\n return this.btnPayHoverBg;\n }\n public static get btnPayActiveBorderColor() {\n return this.btnPayActiveBg;\n }\n\n public static btnDangerBg = '#EE5042';\n public static btnDangerHoverBg = '#FF5A49';\n public static btnDangerActiveBg = '#CB3D35';\n public static get btnDangerBorderColor() {\n return this.btnDangerBg;\n }\n public static get btnDangerHoverBorderColor() {\n return this.btnDangerHoverBg;\n }\n public static get btnDangerActiveBorderColor() {\n return this.btnDangerActiveBg;\n }\n\n public static btnBacklessBg = 'transparent !important';\n public static btnBacklessHoverBg = 'rgba(255, 255, 255, 0.1) !important';\n public static btnBacklessActiveBg = 'rgba(255, 255, 255, 0.06) !important';\n public static btnBacklessBorderColor = 'rgba(255, 255, 255, 0.16) !important';\n public static btnBacklessDisabledBorderColor = 'rgba(255, 255, 255, 0.06) !important';\n public static btnBacklessHoverBorderColor = 'rgba(255, 255, 255, 0.1)';\n public static btnBacklessTextColor = 'rgba(255, 255, 255, 0.87)';\n\n public static btnTextBg = 'transparent';\n public static btnTextHoverBg = 'rgba(255, 255, 255, 0.1)';\n public static btnTextActiveBg = 'rgba(255, 255, 255, 0.06)';\n public static btnTextBorderColor = 'transparent';\n\n public static btnWarningSecondary = 'rgba(212, 100, 33, 1)';\n public static btnErrorSecondary = 'rgba(169, 42, 39, 1)';\n\n public static btnDisabledBg = 'rgba(255, 255, 255, 0.04)';\n public static btnDisabledTextColor = 'rgba(255, 255, 255, 0.32)';\n public static btnDisabledBorderColor = 'transparent';\n\n public static btnCheckedBg = '#EBEBEB';\n public static btnCheckedTextColor = 'rgba(0, 0, 0, 0.865)';\n public static btnCheckedDisabledBg = 'rgba(255, 255, 255, 0.32) !important';\n public static btnCheckedDisabledColor = 'rgba(0, 0, 0, 0.48)';\n //#endregion\n\n //#region Select\n public static selectMenuArrowColor = 'rgba(255, 255, 255, 0.54)';\n //#endregion\n\n //#region Link\n public static linkColor = 'rgba(255, 255, 255, 0.87)';\n public static linkHoverColor = '#ffffff';\n public static linkActiveColor = '#c2c2c2';\n public static linkHoverTextDecoration = 'none';\n\n public static linkSuccessColor = '#78BF2B';\n public static linkSuccessHoverColor = '#B9E96E';\n public static linkSuccessActiveColor = '#5F9C20';\n\n public static linkDangerColor = '#FF887B';\n public static linkDangerHoverColor = '#FF9D92';\n public static linkDangerActiveColor = '#EE5042';\n\n public static linkGrayedColor = 'rgba(255, 255, 255, 0.54)';\n public static linkGrayedHoverColor = '#FFFFFF';\n public static linkGrayedActiveColor = '#C2C2C2';\n\n public static linkDisabledColor = 'rgba(255, 255, 255, 0.48)';\n public static linkFocusOutlineColor = '#EBEBEB';\n //#endregion Link\n\n //#region Input\n public static inputBlinkColor = '#EBEBEB';\n public static inputTextColor = 'rgba(255, 255, 255, 0.865)';\n public static inputBg = 'rgba(255, 255, 255, 0.1)';\n public static inputBorderColor = 'rgba(255, 255, 255, 0.06)';\n public static inputBackgroundClip = 'border-box';\n public static inputBorderColorHover = 'rgba(255, 255, 255, 0.16)';\n public static inputBorderColorFocus = 'rgba(235, 235, 235, 1)';\n public static get inputFocusShadow() {\n return `0 0 0 1px ${this.inputBorderColorFocus}`;\n }\n\n public static inputBorderColorWarning = 'rgba(252, 183, 62, 1)';\n public static inputBorderColorError = 'rgba(238, 80, 66, 1)';\n public static inputOutlineWidth = '1px';\n\n public static inputTextColorDisabled = 'rgba(255, 255, 255, 0.32)';\n public static inputDisabledBg = 'rgba(255, 255, 255, 0.04)';\n public static inputDisabledBorderColor = 'rgba(255, 255, 255, 0.04)';\n //#endregion Input\n\n //#region TokenInput\n public static inputDisabledBackgroundClip = 'border-box';\n //#endregion TokenInput\n\n //#region Textarea\n public static get textareaBg() {\n return this.inputBg;\n }\n public static get textareaBorderColorFocus() {\n return this.inputBorderColorFocus;\n }\n public static get textareaDisabledBorderColor() {\n return this.inputDisabledBorderColor;\n }\n public static get textareaBorderColor() {\n return this.inputBorderColor;\n }\n public static get textareaTextColorDisabled() {\n return this.inputTextColorDisabled;\n }\n //#endregion Textarea\n\n //#region Menu\n public static get menuBgDefault() {\n return this.bgSecondary;\n }\n\n public static menuItemTextColor = 'rgba(255, 255, 255, 0.87)';\n public static menuItemHoverBg = 'rgba(255, 255, 255, 0.1)';\n public static menuItemSelectedBg = 'rgba(255, 255, 255, 0.16)';\n\n public static menuItemCommentColor = 'rgba(255, 255, 255, 0.54)';\n public static menuItemCommentOpacity = '1';\n\n public static menuSeparatorBorderColor = 'rgba(255, 255, 255, 0.1)';\n\n public static menuItemDisabledColor = 'rgba(255, 255, 255, 0.32)';\n //#endregion Menu\n\n //#region Token\n public static tokenShadowDisabled = '';\n public static tokenBorderColorDisabled = 'transparent';\n\n public static tokenDefaultIdleColor = 'rgba(255, 255, 255, 0.865)';\n public static tokenDefaultIdleBg = 'rgba(255, 255, 255, 0.1)';\n public static tokenDefaultIdleBorderColor = 'rgba(255, 255, 255, 0.06)';\n public static tokenDefaultIdleColorHover = 'rgba(255, 255, 255, 0.87)';\n public static tokenDefaultIdleBgHover = 'rgba(255, 255, 255, 0.16)';\n public static tokenDefaultIdleBorderColorHover = 'rgba(255, 255, 255, 0.06)';\n public static tokenDefaultActiveColor = 'rgba(0, 0, 0, 0.87)';\n public static tokenDefaultActiveBg = '#EBEBEB';\n public static tokenDefaultActiveBorderColor = 'transparent';\n //#endregion Token\n\n //#region FileUploader\n public static fileUploaderBg = 'none';\n public static fileUploaderUploadButtonBg = 'rgba(255, 255, 255, 0.1)';\n public static fileUploaderHoveredBg = 'rgba(255, 255, 255, 0.16)';\n public static fileUploaderIconColor = 'rgba(255, 255, 255, 0.87)';\n public static fileUploaderLinkColor = 'rgba(255, 255, 255, 0.87)';\n public static fileUploaderAfterLinkColor = 'rgba(255, 255, 255, 0.54)';\n public static fileUploaderDisabledBorderColor = 'rgba(255, 255, 255, 0.1)';\n public static fileUploaderDragOverShadow = '0px 0px 0px 4px #EBEBEB';\n public static get fileUploaderBorderColorFocus() {\n return this.btnBorderColorFocus;\n }\n //#endregion FileUploader\n\n //#region Radio\n public static radioFocusShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.87)';\n\n public static radioDisabledBg = 'rgba(255, 255, 255, 0.04)';\n public static radioDisabledShadow = 'none';\n public static radioCheckedDisabledBulletBg = 'rgba(255, 255, 255, 0.16)';\n\n public static radioCheckedBgColor = '#FFFFFF';\n public static radioCheckedBulletColor = 'rgba(0, 0, 0, 0.87)';\n public static radioCheckedBorderColor = 'transparent';\n //#endregion Radio\n\n //#region Checkbox\n public static checkboxCheckedBg = '#EBEBEB';\n public static checkboxCheckedColor = 'rgba(0, 0, 0, 0.87)';\n public static checkboxHoverBg = 'rgba(255, 255, 255, 0.16)';\n public static get checkboxCheckedHoverBg() {\n return this.checkboxCheckedBg;\n }\n public static checkboxOutlineColorFocus = 'rgba(0, 0, 0, 0.87)';\n public static checkboxBgDisabled = 'rgba(255, 255, 255, 0.04)';\n public static checkboxShadowDisabled = 'none';\n //#endregion\n\n //#region Toggle\n public static toggleBaseBg = 'none';\n public static toggleHandleBoxShadowOld = 'none';\n public static toggleOutlineColorFocus = '#1F1F1F';\n\n // idle\n public static toggleContainerBg = 'rgba(255, 255, 255, 0.1)';\n public static toggleContainerBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n public static toggleHandleBg = 'rgba(255, 255, 255, 0.32)';\n public static toggleHandleBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n\n // idle :hover\n public static toggleBgHover = 'rgba(255, 255, 255, 0.16)';\n public static toggleContainerBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n public static toggleHandleBgHover = 'rgba(255, 255, 255, 0.32)';\n public static toggleHandleBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n\n // checked\n public static toggleBgChecked = 'rgba(255, 255, 255, 0.1)';\n public static toggleContainerBoxShadowChecked = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n public static toggleHandleBgChecked = '#EBEBEB';\n public static toggleHandleBoxShadowChecked = 'none';\n\n // checked :hover\n public static get toggleContainerBgCheckedHover() {\n return this.toggleContainerBgHover;\n }\n public static toggleContainerBoxShadowCheckedHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';\n public static toggleHandleBgCheckedHover = '#FFFFFF';\n public static toggleHandleBoxShadowCheckedHover = 'none';\n\n // disabled\n public static toggleContainerBgDisabled = 'rgba(255, 255, 255, 0.04)';\n public static toggleContainerBoxShadowDisabled = 'none';\n public static toggleHandleBgDisabled = 'rgba(0, 0, 0, 0.16)';\n public static toggleHandleBoxShadowDisabled = 'none';\n\n // disabled checked\n public static toggleContainerBgDisabledChecked = 'rgba(255, 255, 255, 0.06)';\n public static toggleContainerBoxShadowDisabledChecked = 'none';\n public static toggleHandleBgDisabledChecked = 'rgba(0, 0, 0, 0.16)';\n public static toggleHandleBoxShadowDisabledChecked = 'none';\n\n //#endregion\n\n //#region Modal\n public static modalBg = '#222';\n public static get modalFixedHeaderBg() {\n return this.modalBg;\n }\n public static modalSeparatorBorderBottom = 'solid 1px rgba(255, 255, 255, 0.1)';\n public static modalBackBg = '#000';\n public static modalBackOpacity = '0.7';\n //#endregion\n\n //#region SideMenu\n public static sidePageBgDefault = '#222';\n public static sidePageBackingBg = '#000';\n public static sidePageBackingBgOpacity = '0.7';\n //#endregion\n\n //#region Tab, Tabs\n public static tabColorHover = 'rgba(255, 255, 255, 0.16)';\n //#endregion\n\n //#region Toast\n public static toastColor = 'rgba(44, 44, 44, 1.0)';\n public static toastBg = 'rgba(255, 255, 255, 0.8)';\n public static toastLinkColor = 'rgba(44, 44, 44, 1.0)';\n public static toastLinkBgHover = 'rgba(255, 255, 255, 0.87)';\n public static toastLinkBgActive = 'rgba(0, 0, 0, 0.16)';\n public static toastCloseColor = 'rgba(0, 0, 0, 0.32)';\n public static toastCloseHoverColor = 'rgba(0, 0, 0, 0.87)';\n //#endregion\n\n //#region Hint\n public static hintColor = 'rgba(44, 44, 44, 1.0)';\n public static hintBgColor = 'rgba(255, 255, 255, 0.8)';\n //#endregion\n\n //#region Tooltip\n public static tooltipBg = '#333333';\n //#endregion\n\n //#region Paging\n public static pagingPageLinkHoverBg = 'rgba(255, 255, 255, 0.06)';\n public static pagingPageLinkActiveBg = 'rgba(255, 255, 255, 0.1)';\n public static pagingForwardLinkColor = 'rgba(255, 255, 255, 0.87)';\n //#endregion\n\n //#region GlobalLoader\n public static globalLoaderColor = 'rgba(238, 80, 66, 1)';\n //#endregion\n\n //#region DateInput\n public static dateInputComponentSelectedBgColor = '';\n public static dateInputComponentSelectedTextColor = '';\n //#endregion\n\n //#region Calendar\n public static calendarCellHoverBgColor = 'rgba(255, 255, 255, 0.06)';\n public static calendarCellHoverColor = 'rgba(255, 255, 255, 0.87)';\n public static calendarCellSelectedBgColor = 'rgba(255, 255, 255, 0.1)';\n public static calendarCellSelectedFontColor = 'rgba(255, 255, 255, 0.87)';\n //#endregion\n\n //#region DateSelect\n public static dateSelectMenuItemBgActive = 'rgba(255, 255, 255, 0.06)';\n public static dateSelectMenuItemBgSelected = 'rgba(255, 255, 255, 0.1)';\n //#endregion\n\n //#region CloseIcon, CloseButtonIcon\n public static closeBtnIconColor = 'rgba(255, 255, 255, 0.32)';\n //#endregion\n}\n\nexport const Theme2022DarkInternal = Object.setPrototypeOf(\n exposeGetters(Theme2022Dark),\n Theme2022Internal,\n) as typeof Theme2022Dark;\n"]}
@@ -34,7 +34,7 @@ export declare class MouseDrag {
34
34
  static readonly RADIUS: number;
35
35
  static listen: (elem: HTMLElement) => MouseDrag;
36
36
  static stop: (elem: HTMLElement | null) => void;
37
- private mouseDragStartEvent?;
37
+ mouseDragStartEvent?: MouseDragEvent;
38
38
  private clicked;
39
39
  private dragging;
40
40
  private x1?;
@@ -1 +1 @@
1
- {"version":3,"sources":["MouseDrag.ts"],"names":["MouseDragEventType","items","Map","documentHandleMouseUp","e","forEach","mouseDrag","handleMouseUp","document","documentElement","addEventListener","MouseDrag","elem","clicked","dragging","stop","removeEventListener","handleMouseDown","handleMouseMove","handleMouseLeave","delete","onMouseDragStart","handler","on","Start","onMouseDragMove","Move","onMouseDragLeave","Leave","onMouseDragEnd","End","dispatchEvent","createEvent","type","x1","pageX","y1","pageY","mouseDragStartEvent","getLength","RADIUS","x2","y2","undefined","Math","sqrt","globalObject","MouseEvent","eIE11","initEvent","mouseDragEvent","set","listen","has","get"],"mappings":"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","sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nenum MouseDragEventType {\n Start = 'mousedragstart',\n Move = 'mousedragmove',\n End = 'mousedragend',\n Leave = 'mousedragleave',\n}\n\ntype MouseDragEvent = MouseEvent;\n\ntype HandlerNative<E = MouseEvent> = (e: E) => void;\ntype Handler = (e: MouseDragEvent) => void;\ntype On = (handler: Handler) => MouseDrag;\nexport type MouseDragEventHandler = (e: MouseDragEvent) => void;\n\nconst items: Map<HTMLElement, MouseDrag> = new Map();\n\nconst documentHandleMouseUp: HandlerNative = (e) => items.forEach((mouseDrag) => mouseDrag.handleMouseUp(e));\n\nglobalObject.document?.documentElement.addEventListener('mouseup', documentHandleMouseUp);\n\n/**\n * ## Класс для отслеживания эффекта перетаскивания мышкой\n *\n * _Публичный метод `handleMouseUp` нельзя использовать!_\n *\n * ### Начало прослушивания и добавление обработчиков:\n * ```\n * MouseDrag.listen(HTMLElement_1)\n * .onMouseDragStart(start)\n * .onMouseDragMove(move)\n * .onMouseDragLeave(leave)\n * .onMouseDragEnd(end);\n *\n * - - ИЛИ - -\n *\n * const mouseDrag_1 = MouseDrag.listen(HTMLElement)...\n * ```\n *\n * ### Остановка прослушивания:\n * ```\n * MouseDrag.stop(HTMLElement_1)\n *\n * - - ИЛИ - -\n *\n * mouseDrag_1.stop();\n * ```\n */\nexport class MouseDrag {\n // Радиус окружности, который необходимо преодолеть мышью, чтобы вызвалось событие `MouseDragStart`\n public static readonly RADIUS: number = 5; // px\n\n public static listen = (elem: HTMLElement): MouseDrag => {\n if (items.has(elem)) {\n const mouseDrag = items.get(elem);\n if (mouseDrag) {\n return mouseDrag;\n }\n }\n return new MouseDrag(elem);\n };\n\n public static stop = (elem: HTMLElement | null): void => {\n if (elem && items.has(elem)) {\n const mouseDrag = items.get(elem);\n if (mouseDrag) {\n mouseDrag.stop();\n }\n }\n };\n\n private mouseDragStartEvent?: MouseDragEvent;\n private clicked = false;\n private dragging = false;\n\n private x1?: number;\n private y1?: number;\n\n private elem: HTMLElement | null;\n\n public constructor(elem: HTMLElement) {\n this.elem = elem;\n this.elem.addEventListener('mousedown', this.handleMouseDown);\n this.elem.addEventListener('mousemove', this.handleMouseMove);\n this.elem.addEventListener('mouseleave', this.handleMouseLeave);\n items.set(this.elem, this);\n }\n\n public stop = (): void => {\n if (this.elem !== null) {\n this.elem.removeEventListener('mousedown', this.handleMouseDown);\n this.elem.removeEventListener('mousemove', this.handleMouseMove);\n this.elem.removeEventListener('mouseleave', this.handleMouseLeave);\n items.delete(this.elem);\n }\n this.elem = null;\n };\n\n public onMouseDragStart: On = (handler) => this.on(MouseDragEventType.Start, handler);\n public onMouseDragMove: On = (handler) => this.on(MouseDragEventType.Move, handler);\n public onMouseDragLeave: On = (handler) => this.on(MouseDragEventType.Leave, handler);\n public onMouseDragEnd: On = (handler) => this.on(MouseDragEventType.End, handler);\n\n public handleMouseUp: HandlerNative = (e) => {\n this.clicked = false;\n if (this.dragging) {\n this.dragging = false;\n this.dispatchEvent(this.createEvent(MouseDragEventType.End, e));\n }\n };\n\n private on = (type: MouseDragEventType, handler: Handler): MouseDrag => {\n if (this.elem !== null) {\n this.elem.removeEventListener(type, handler as HandlerNative<Event>);\n this.elem.addEventListener(type, handler as HandlerNative<Event>);\n }\n return this;\n };\n\n private handleMouseDown: HandlerNative = (e) => {\n if (!this.clicked) {\n this.clicked = true;\n this.x1 = e.pageX;\n this.y1 = e.pageY;\n this.mouseDragStartEvent = this.createEvent(MouseDragEventType.Start, e);\n }\n };\n\n private handleMouseMove: HandlerNative = (e) => {\n if (this.dragging) {\n return this.dispatchEvent(this.createEvent(MouseDragEventType.Move, e));\n }\n if (this.clicked && this.getLength(e.pageX, e.pageY) > MouseDrag.RADIUS) {\n this.dragging = true;\n this.clicked = false;\n if (this.mouseDragStartEvent) {\n this.dispatchEvent(this.mouseDragStartEvent);\n }\n }\n };\n\n private handleMouseLeave: HandlerNative = (e) => {\n if (this.dragging) {\n this.dispatchEvent(this.createEvent(MouseDragEventType.Leave, e));\n }\n };\n\n private getLength = (x2: number, y2: number): number => {\n if (this.x1 !== undefined && this.y1 !== undefined) {\n return Math.sqrt((x2 - this.x1) ** 2 + (y2 - this.y1) ** 2);\n }\n\n return 0;\n };\n\n private createEvent = (type: MouseDragEventType, e: MouseEvent): MouseDragEvent | undefined => {\n if (typeof globalObject.MouseEvent === 'function') {\n return new globalObject.MouseEvent(type, e);\n }\n // <=IE11\n const eIE11 = globalObject.document?.createEvent('MouseEvent');\n if (eIE11) {\n eIE11.initEvent(type, true, true);\n return eIE11;\n }\n };\n\n private dispatchEvent = (mouseDragEvent?: MouseDragEvent): void => {\n if (mouseDragEvent && this.elem !== null) {\n this.elem.dispatchEvent(mouseDragEvent);\n }\n };\n}\n"]}
1
+ {"version":3,"sources":["MouseDrag.ts"],"names":["MouseDragEventType","items","Map","documentHandleMouseUp","e","forEach","mouseDrag","handleMouseUp","document","documentElement","addEventListener","MouseDrag","elem","clicked","dragging","stop","removeEventListener","handleMouseDown","handleMouseMove","handleMouseLeave","delete","onMouseDragStart","handler","on","Start","onMouseDragMove","Move","onMouseDragLeave","Leave","onMouseDragEnd","End","dispatchEvent","createEvent","type","x1","pageX","y1","pageY","mouseDragStartEvent","getLength","RADIUS","x2","y2","undefined","Math","sqrt","globalObject","MouseEvent","eIE11","initEvent","mouseDragEvent","set","listen","has","get"],"mappings":"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","sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nenum MouseDragEventType {\n Start = 'mousedragstart',\n Move = 'mousedragmove',\n End = 'mousedragend',\n Leave = 'mousedragleave',\n}\n\ntype MouseDragEvent = MouseEvent;\n\ntype HandlerNative<E = MouseEvent> = (e: E) => void;\ntype Handler = (e: MouseDragEvent) => void;\ntype On = (handler: Handler) => MouseDrag;\nexport type MouseDragEventHandler = (e: MouseDragEvent) => void;\n\nconst items: Map<HTMLElement, MouseDrag> = new Map();\n\nconst documentHandleMouseUp: HandlerNative = (e) => items.forEach((mouseDrag) => mouseDrag.handleMouseUp(e));\n\nglobalObject.document?.documentElement.addEventListener('mouseup', documentHandleMouseUp);\n\n/**\n * ## Класс для отслеживания эффекта перетаскивания мышкой\n *\n * _Публичный метод `handleMouseUp` нельзя использовать!_\n *\n * ### Начало прослушивания и добавление обработчиков:\n * ```\n * MouseDrag.listen(HTMLElement_1)\n * .onMouseDragStart(start)\n * .onMouseDragMove(move)\n * .onMouseDragLeave(leave)\n * .onMouseDragEnd(end);\n *\n * - - ИЛИ - -\n *\n * const mouseDrag_1 = MouseDrag.listen(HTMLElement)...\n * ```\n *\n * ### Остановка прослушивания:\n * ```\n * MouseDrag.stop(HTMLElement_1)\n *\n * - - ИЛИ - -\n *\n * mouseDrag_1.stop();\n * ```\n */\nexport class MouseDrag {\n // Радиус окружности, который необходимо преодолеть мышью, чтобы вызвалось событие `MouseDragStart`\n public static readonly RADIUS: number = 5; // px\n\n public static listen = (elem: HTMLElement): MouseDrag => {\n if (items.has(elem)) {\n const mouseDrag = items.get(elem);\n if (mouseDrag) {\n return mouseDrag;\n }\n }\n return new MouseDrag(elem);\n };\n\n public static stop = (elem: HTMLElement | null): void => {\n if (elem && items.has(elem)) {\n const mouseDrag = items.get(elem);\n if (mouseDrag) {\n mouseDrag.stop();\n }\n }\n };\n\n public mouseDragStartEvent?: MouseDragEvent;\n private clicked = false;\n private dragging = false;\n\n private x1?: number;\n private y1?: number;\n\n private elem: HTMLElement | null;\n\n public constructor(elem: HTMLElement) {\n this.elem = elem;\n this.elem.addEventListener('mousedown', this.handleMouseDown);\n this.elem.addEventListener('mousemove', this.handleMouseMove);\n this.elem.addEventListener('mouseleave', this.handleMouseLeave);\n items.set(this.elem, this);\n }\n\n public stop = (): void => {\n if (this.elem !== null) {\n this.elem.removeEventListener('mousedown', this.handleMouseDown);\n this.elem.removeEventListener('mousemove', this.handleMouseMove);\n this.elem.removeEventListener('mouseleave', this.handleMouseLeave);\n items.delete(this.elem);\n }\n this.elem = null;\n };\n\n public onMouseDragStart: On = (handler) => this.on(MouseDragEventType.Start, handler);\n public onMouseDragMove: On = (handler) => this.on(MouseDragEventType.Move, handler);\n public onMouseDragLeave: On = (handler) => this.on(MouseDragEventType.Leave, handler);\n public onMouseDragEnd: On = (handler) => this.on(MouseDragEventType.End, handler);\n\n public handleMouseUp: HandlerNative = (e) => {\n this.clicked = false;\n if (this.dragging) {\n this.dragging = false;\n this.dispatchEvent(this.createEvent(MouseDragEventType.End, e));\n }\n };\n\n private on = (type: MouseDragEventType, handler: Handler): MouseDrag => {\n if (this.elem !== null) {\n this.elem.removeEventListener(type, handler as HandlerNative<Event>);\n this.elem.addEventListener(type, handler as HandlerNative<Event>);\n }\n return this;\n };\n\n private handleMouseDown: HandlerNative = (e) => {\n if (!this.clicked) {\n this.clicked = true;\n this.x1 = e.pageX;\n this.y1 = e.pageY;\n this.mouseDragStartEvent = this.createEvent(MouseDragEventType.Start, e);\n }\n };\n\n private handleMouseMove: HandlerNative = (e) => {\n if (this.dragging) {\n return this.dispatchEvent(this.createEvent(MouseDragEventType.Move, e));\n }\n if (this.clicked && this.getLength(e.pageX, e.pageY) > MouseDrag.RADIUS) {\n this.dragging = true;\n this.clicked = false;\n if (this.mouseDragStartEvent) {\n this.dispatchEvent(this.mouseDragStartEvent);\n }\n }\n };\n\n private handleMouseLeave: HandlerNative = (e) => {\n if (this.dragging) {\n this.dispatchEvent(this.createEvent(MouseDragEventType.Leave, e));\n }\n };\n\n private getLength = (x2: number, y2: number): number => {\n if (this.x1 !== undefined && this.y1 !== undefined) {\n return Math.sqrt((x2 - this.x1) ** 2 + (y2 - this.y1) ** 2);\n }\n\n return 0;\n };\n\n private createEvent = (type: MouseDragEventType, e: MouseEvent): MouseDragEvent | undefined => {\n if (typeof globalObject.MouseEvent === 'function') {\n return new globalObject.MouseEvent(type, e);\n }\n // <=IE11\n const eIE11 = globalObject.document?.createEvent('MouseEvent');\n if (eIE11) {\n eIE11.initEvent(type, true, true);\n return eIE11;\n }\n };\n\n private dispatchEvent = (mouseDragEvent?: MouseDragEvent): void => {\n if (mouseDragEvent && this.elem !== null) {\n this.elem.dispatchEvent(mouseDragEvent);\n }\n };\n}\n"]}
@@ -7,6 +7,7 @@ export declare const isShortcutCopy: IS;
7
7
  export declare const isShortcutPaste: IS;
8
8
  export declare const isShortcutCut: IS;
9
9
  export declare const isShortcutSelectAll: IS;
10
+ export declare const isShortcutJumpCaret: IS;
10
11
  export declare const isKeyEscape: IS;
11
12
  export declare const isKeyHome: IS;
12
13
  export declare const isKeyEnd: IS;
@@ -44,5 +45,7 @@ export declare const isKeyFs: IS;
44
45
  export declare const isModified: ISMod;
45
46
  export declare const isUnmodified: ISMod;
46
47
  export declare const isModShift: ISMod;
48
+ export declare const isModCtrl: ISMod;
49
+ export declare const isModAlt: ISMod;
47
50
  export declare const someKeys: ISSome;
48
51
  export {};
@@ -1,4 +1,4 @@
1
- "use strict";exports.__esModule = true;exports.someKeys = exports.isUnmodified = exports.isShortcutSelectAll = exports.isShortcutPaste = exports.isShortcutCut = exports.isShortcutCopy = exports.isModified = exports.isModShift = exports.isKeyTab = exports.isKeySpace = exports.isKeyShift = exports.isKeyNumber = exports.isKeyMeta = exports.isKeyInsert = exports.isKeyHome = exports.isKeyFs = exports.isKeyEscape = exports.isKeyEnter = exports.isKeyEnd = exports.isKeyDelete = exports.isKeyControl = exports.isKeyComma = exports.isKeyChar = exports.isKeyCapsLock = exports.isKeyBackspace = exports.isKeyArrowVertical = exports.isKeyArrowUp = exports.isKeyArrowRight = exports.isKeyArrowLeft = exports.isKeyArrowHorizontal = exports.isKeyArrowDown = exports.isKeyArrow = exports.isKeyAlt = exports.isCodeSlash = exports.isCodePeriod = exports.isCodeNumpadSubtract = exports.isCodeNumpadDivide = exports.isCodeNumpadDecimal = exports.isCodeMinus = exports.isCodeIntlBackslash = exports.isCodeComma = exports.isCodeBackslash = void 0;var _globalObject = require("@skbkontur/global-object");
1
+ "use strict";exports.__esModule = true;exports.someKeys = exports.isUnmodified = exports.isShortcutSelectAll = exports.isShortcutPaste = exports.isShortcutJumpCaret = exports.isShortcutCut = exports.isShortcutCopy = exports.isModified = exports.isModShift = exports.isModCtrl = exports.isModAlt = exports.isKeyTab = exports.isKeySpace = exports.isKeyShift = exports.isKeyNumber = exports.isKeyMeta = exports.isKeyInsert = exports.isKeyHome = exports.isKeyFs = exports.isKeyEscape = exports.isKeyEnter = exports.isKeyEnd = exports.isKeyDelete = exports.isKeyControl = exports.isKeyComma = exports.isKeyChar = exports.isKeyCapsLock = exports.isKeyBackspace = exports.isKeyArrowVertical = exports.isKeyArrowUp = exports.isKeyArrowRight = exports.isKeyArrowLeft = exports.isKeyArrowHorizontal = exports.isKeyArrowDown = exports.isKeyArrow = exports.isKeyAlt = exports.isCodeSlash = exports.isCodePeriod = exports.isCodeNumpadSubtract = exports.isCodeNumpadDivide = exports.isCodeNumpadDecimal = exports.isCodeMinus = exports.isCodeIntlBackslash = exports.isCodeComma = exports.isCodeBackslash = void 0;var _globalObject = require("@skbkontur/global-object");
2
2
 
3
3
  var _client = require("../../client");
4
4
  var _isInstanceOf = require("../../isInstanceOf");
@@ -33,6 +33,8 @@ var isShortcutCut = function isShortcutCut(e) {return (
33
33
 
34
34
  var isShortcutSelectAll = function isShortcutSelectAll(e) {return (_client.isMac ? e.metaKey : e.ctrlKey) && (0, _extractCode.extractCode)(e) === _KeyboardEventCodes.KeyboardEventCodes.KeyA;};exports.isShortcutSelectAll = isShortcutSelectAll;
35
35
 
36
+ var isShortcutJumpCaret = function isShortcutJumpCaret(e) {return (_client.isMac ? e.altKey : e.ctrlKey) && isKeyArrowHorizontal(e);};exports.isShortcutJumpCaret = isShortcutJumpCaret;
37
+
36
38
  var isKeyEscape = function isKeyEscape(e) {return e.key === 'Escape' || e.key === 'Esc';};exports.isKeyEscape = isKeyEscape;
37
39
  var isKeyHome = function isKeyHome(e) {return e.key === 'Home';};exports.isKeyHome = isKeyHome;
38
40
  var isKeyEnd = function isKeyEnd(e) {return e.key === 'End';};exports.isKeyEnd = isKeyEnd;
@@ -74,6 +76,8 @@ var isModified = function isModified(is) {return function (e) {return (
74
76
  (e.shiftKey || e.metaKey || e.ctrlKey || e.altKey) && (is ? is(e) : true));};};exports.isModified = isModified;
75
77
  var isUnmodified = function isUnmodified(is) {return function (e) {return !isModified()(e) && (is ? is(e) : true);};};exports.isUnmodified = isUnmodified;
76
78
  var isModShift = function isModShift(is) {return function (e) {return e.shiftKey && (is ? is(e) : true);};};exports.isModShift = isModShift;
79
+ var isModCtrl = function isModCtrl(is) {return function (e) {return e.ctrlKey && (is ? is(e) : true);};};exports.isModCtrl = isModCtrl;
80
+ var isModAlt = function isModAlt(is) {return function (e) {return e.altKey && (is ? is(e) : true);};};exports.isModAlt = isModAlt;
77
81
 
78
82
  var someKeys =
79
83
  function someKeys() {for (var _len = arguments.length, iss = new Array(_len), _key = 0; _key < _len; _key++) {iss[_key] = arguments[_key];}return (