@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cssm/lib/adaptivity/constants.js

@@ -1,47 +1,29 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _VIEW_WIDTH_TO_CSS_BR;
 export { BREAKPOINTS, MEDIA_QUERIES } from '../../shared/breakpoints';
-
-/**
- * Public API.
- * Брейкпоинты на ширину.
- *
- * > Note: Используется порядковый номер вместо значений в пикселях... ¯\_(ツ)_/¯
- */
 export var ViewWidth;
-
-/**
- * Public API.
- * Брейкпоинт на высоту.
- *
- * > Note: Используется порядковый номер вместо значений в пикселях... ¯\_(ツ)_/¯
- */
-(function (ViewWidth) {
-  ViewWidth[ViewWidth["SMALL_MOBILE"] = 1] = "SMALL_MOBILE";
-  ViewWidth[ViewWidth["MOBILE"] = 2] = "MOBILE";
-  ViewWidth[ViewWidth["SMALL_TABLET"] = 3] = "SMALL_TABLET";
-  ViewWidth[ViewWidth["TABLET"] = 4] = "TABLET";
-  ViewWidth[ViewWidth["DESKTOP"] = 5] = "DESKTOP";
+(function(ViewWidth) {
+    ViewWidth[ViewWidth["SMALL_MOBILE"] = 1] = "SMALL_MOBILE";
+    ViewWidth[ViewWidth["MOBILE"] = 2] = "MOBILE";
+    ViewWidth[ViewWidth["SMALL_TABLET"] = 3] = "SMALL_TABLET";
+    ViewWidth[ViewWidth["TABLET"] = 4] = "TABLET";
+    ViewWidth[ViewWidth["DESKTOP"] = 5] = "DESKTOP";
 })(ViewWidth || (ViewWidth = {}));
 export var ViewHeight;
-
-/**
- * Public API.
- * Классы размеров. Заимствованы из гайдлайнов Apple.
- *
- * Ссылки
- * - {@link https://www.figma.com/file/2sQl2eaxsp7RDRdMOeneEC/%F0%9F%92%A0-VKUI-Common-Library-%5BBeta%5D?node-id=3220%3A0 | Figma VKUI – Адаптивность}
- * - {@link https://developer.apple.com/design/human-interface-guidelines/foundations/layout/ | Layout - Foundations - Human Interface Guidelines - Design}
- */
-(function (ViewHeight) {
-  ViewHeight[ViewHeight["EXTRA_SMALL"] = 1] = "EXTRA_SMALL";
-  ViewHeight[ViewHeight["SMALL"] = 2] = "SMALL";
-  ViewHeight[ViewHeight["MEDIUM"] = 3] = "MEDIUM";
+(function(ViewHeight) {
+    ViewHeight[ViewHeight["EXTRA_SMALL"] = 1] = "EXTRA_SMALL";
+    ViewHeight[ViewHeight["SMALL"] = 2] = "SMALL";
+    ViewHeight[ViewHeight["MEDIUM"] = 3] = "MEDIUM";
 })(ViewHeight || (ViewHeight = {}));
 export var SizeType;
-(function (SizeType) {
-  SizeType["COMPACT"] = "compact";
-  SizeType["REGULAR"] = "regular";
+(function(SizeType) {
+    SizeType["COMPACT"] = 'compact';
+    SizeType["REGULAR"] = 'regular';
 })(SizeType || (SizeType = {}));
-export var VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP = (_VIEW_WIDTH_TO_CSS_BR = {}, _defineProperty(_VIEW_WIDTH_TO_CSS_BR, ViewWidth.SMALL_MOBILE, 'smallMobileMinus'), _defineProperty(_VIEW_WIDTH_TO_CSS_BR, ViewWidth.MOBILE, 'mobile'), _defineProperty(_VIEW_WIDTH_TO_CSS_BR, ViewWidth.SMALL_TABLET, 'smallTablet'), _defineProperty(_VIEW_WIDTH_TO_CSS_BR, ViewWidth.TABLET, 'tablet'), _defineProperty(_VIEW_WIDTH_TO_CSS_BR, ViewWidth.DESKTOP, 'desktopPlus'), _VIEW_WIDTH_TO_CSS_BR);
+export const VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP = {
+    [ViewWidth.SMALL_MOBILE]: 'smallMobileMinus',
+    [ViewWidth.MOBILE]: 'mobile',
+    [ViewWidth.SMALL_TABLET]: 'smallTablet',
+    [ViewWidth.TABLET]: 'tablet',
+    [ViewWidth.DESKTOP]: 'desktopPlus'
+};
+
 //# sourceMappingURL=constants.js.map

package/dist/cssm/lib/adaptivity/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["BREAKPOINTS","MEDIA_QUERIES","ViewWidth","ViewHeight","SizeType","VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP","SMALL_MOBILE","MOBILE","SMALL_TABLET","TABLET","DESKTOP"],"sources":["../../../../src/lib/adaptivity/constants.ts"],"sourcesContent":["export { BREAKPOINTS, MEDIA_QUERIES } from '../../shared/breakpoints';\n\n/**\n * Public API.\n * Брейкпоинты на ширину.\n *\n * > Note: Используется порядковый номер вместо значений в пикселях... ¯\\_(ツ)_/¯\n */\nexport enum ViewWidth {\n  SMALL_MOBILE = 1,\n  MOBILE,\n  SMALL_TABLET,\n  TABLET,\n  DESKTOP,\n}\n\n/**\n * Public API.\n * Брейкпоинт на высоту.\n *\n * > Note: Используется порядковый номер вместо значений в пикселях... ¯\\_(ツ)_/¯\n */\nexport enum ViewHeight {\n  EXTRA_SMALL = 1,\n  SMALL,\n  MEDIUM,\n}\n\n/**\n * Public API.\n * Классы размеров. Заимствованы из гайдлайнов Apple.\n *\n * Ссылки\n * - {@link https://www.figma.com/file/2sQl2eaxsp7RDRdMOeneEC/%F0%9F%92%A0-VKUI-Common-Library-%5BBeta%5D?node-id=3220%3A0 | Figma VKUI – Адаптивность}\n * - {@link https://developer.apple.com/design/human-interface-guidelines/foundations/layout/ | Layout - Foundations - Human Interface Guidelines - Design}\n */\nexport enum SizeType {\n  COMPACT = 'compact',\n  REGULAR = 'regular',\n}\n\nexport const VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP = {\n  [ViewWidth.SMALL_MOBILE]: 'smallMobileMinus',\n  [ViewWidth.MOBILE]: 'mobile',\n  [ViewWidth.SMALL_TABLET]: 'smallTablet',\n  [ViewWidth.TABLET]: 'tablet',\n  [ViewWidth.DESKTOP]: 'desktopPlus',\n} as const;\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,aAAa,QAAQ,0BAA0B;;AAErE;AACA;AACA;AACA;AACA;AACA;AACA,WAAYC,SAAS;;AAQrB;AACA;AACA;AACA;AACA;AACA;AALA,WARYA,SAAS;EAATA,SAAS,CAATA,SAAS;EAATA,SAAS,CAATA,SAAS;EAATA,SAAS,CAATA,SAAS;EAATA,SAAS,CAATA,SAAS;EAATA,SAAS,CAATA,SAAS;AAAA,GAATA,SAAS,KAATA,SAAS;AAcrB,WAAYC,UAAU;;AAMtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,WANYA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;AAAA,GAAVA,UAAU,KAAVA,UAAU;AActB,WAAYC,QAAQ;AAGnB,WAHWA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;AAAA,GAARA,QAAQ,KAARA,QAAQ;AAKpB,OAAO,IAAMC,gCAAgC,uEAC1CH,SAAS,CAACI,YAAY,EAAG,kBAAkB,0CAC3CJ,SAAS,CAACK,MAAM,EAAG,QAAQ,0CAC3BL,SAAS,CAACM,YAAY,EAAG,aAAa,0CACtCN,SAAS,CAACO,MAAM,EAAG,QAAQ,0CAC3BP,SAAS,CAACQ,OAAO,EAAG,aAAa,yBAC1B"}
+{"version":3,"sources":["../../../../src/lib/adaptivity/constants.ts"],"sourcesContent":["export { BREAKPOINTS, MEDIA_QUERIES } from '../../shared/breakpoints';\n\n/**\n * Public API.\n * Брейкпоинты на ширину.\n *\n * > Note: Используется порядковый номер вместо значений в пикселях... ¯\\_(ツ)_/¯\n */\nexport enum ViewWidth {\n  SMALL_MOBILE = 1,\n  MOBILE,\n  SMALL_TABLET,\n  TABLET,\n  DESKTOP,\n}\n\n/**\n * Public API.\n * Брейкпоинт на высоту.\n *\n * > Note: Используется порядковый номер вместо значений в пикселях... ¯\\_(ツ)_/¯\n */\nexport enum ViewHeight {\n  EXTRA_SMALL = 1,\n  SMALL,\n  MEDIUM,\n}\n\n/**\n * Public API.\n * Классы размеров. Заимствованы из гайдлайнов Apple.\n *\n * Ссылки\n * - {@link https://www.figma.com/file/2sQl2eaxsp7RDRdMOeneEC/%F0%9F%92%A0-VKUI-Common-Library-%5BBeta%5D?node-id=3220%3A0 | Figma VKUI – Адаптивность}\n * - {@link https://developer.apple.com/design/human-interface-guidelines/foundations/layout/ | Layout - Foundations - Human Interface Guidelines - Design}\n */\nexport enum SizeType {\n  COMPACT = 'compact',\n  REGULAR = 'regular',\n}\n\nexport const VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP = {\n  [ViewWidth.SMALL_MOBILE]: 'smallMobileMinus',\n  [ViewWidth.MOBILE]: 'mobile',\n  [ViewWidth.SMALL_TABLET]: 'smallTablet',\n  [ViewWidth.TABLET]: 'tablet',\n  [ViewWidth.DESKTOP]: 'desktopPlus',\n} as const;\n"],"names":["BREAKPOINTS","MEDIA_QUERIES","ViewWidth","SMALL_MOBILE","MOBILE","SMALL_TABLET","TABLET","DESKTOP","ViewHeight","EXTRA_SMALL","SMALL","MEDIUM","SizeType","COMPACT","REGULAR","VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP"],"mappings":"AAAA,SAASA,WAAW,EAAEC,aAAa,QAAQ,2BAA2B;WAQ/D;UAAKC,SAAS;IAATA,UAAAA,UACVC,kBAAe,KAAfA;IADUD,UAAAA,UAEVE,YAAAA,KAAAA;IAFUF,UAAAA,UAGVG,kBAAAA,KAAAA;IAHUH,UAAAA,UAIVI,YAAAA,KAAAA;IAJUJ,UAAAA,UAKVK,aAAAA,KAAAA;GALUL,cAAAA;WAcL;UAAKM,UAAU;IAAVA,WAAAA,WACVC,iBAAc,KAAdA;IADUD,WAAAA,WAEVE,WAAAA,KAAAA;IAFUF,WAAAA,WAGVG,YAAAA,KAAAA;GAHUH,eAAAA;WAcL;UAAKI,QAAQ;IAARA,SACVC,aAAU;IADAD,SAEVE,aAAU;GAFAF,aAAAA;AAKZ,OAAO,MAAMG,mCAAmC;IAC9C,CAACb,UAAUC,YAAY,CAAC,EAAE;IAC1B,CAACD,UAAUE,MAAM,CAAC,EAAE;IACpB,CAACF,UAAUG,YAAY,CAAC,EAAE;IAC1B,CAACH,UAAUI,MAAM,CAAC,EAAE;IACpB,CAACJ,UAAUK,OAAO,CAAC,EAAE;AACvB,EAAW"}

package/dist/cssm/lib/adaptivity/functions.js

@@ -1,104 +1,86 @@
 import { Platform } from '../platform';
 import { SizeType, VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP, ViewHeight, ViewWidth } from './constants';
 export function getViewWidthByMediaQueries(mediaQueries) {
-  /* eslint-disable no-restricted-properties */
-  if (mediaQueries.desktopPlus.matches) {
-    return ViewWidth.DESKTOP;
-  }
-  if (mediaQueries.tablet.matches) {
-    return ViewWidth.TABLET;
-  }
-  if (mediaQueries.smallTablet.matches) {
-    return ViewWidth.SMALL_TABLET;
-  }
-  if (mediaQueries.mobile.matches) {
-    return ViewWidth.MOBILE;
-  }
-  /* eslint-enable no-restricted-properties */
-  return ViewWidth.SMALL_MOBILE;
+    /* eslint-disable no-restricted-properties */ if (mediaQueries.desktopPlus.matches) {
+        return ViewWidth.DESKTOP;
+    }
+    if (mediaQueries.tablet.matches) {
+        return ViewWidth.TABLET;
+    }
+    if (mediaQueries.smallTablet.matches) {
+        return ViewWidth.SMALL_TABLET;
+    }
+    if (mediaQueries.mobile.matches) {
+        return ViewWidth.MOBILE;
+    }
+    /* eslint-enable no-restricted-properties */ return ViewWidth.SMALL_MOBILE;
 }
 export function getViewHeightByMediaQueries(mediaQueries) {
-  /* eslint-disable no-restricted-properties */
-  if (mediaQueries.mediumHeight.matches) {
-    return ViewHeight.MEDIUM;
-  }
-  if (mediaQueries.mobileLandscapeHeight.matches) {
-    return ViewHeight.SMALL;
-  }
-  /* eslint-enable no-restricted-properties */
-  return ViewHeight.EXTRA_SMALL;
+    /* eslint-disable no-restricted-properties */ if (mediaQueries.mediumHeight.matches) {
+        return ViewHeight.MEDIUM;
+    }
+    if (mediaQueries.mobileLandscapeHeight.matches) {
+        return ViewHeight.SMALL;
+    }
+    /* eslint-enable no-restricted-properties */ return ViewHeight.EXTRA_SMALL;
 }
 export function getSizeX(viewWidth) {
-  return viewWidth <= ViewWidth.MOBILE ? SizeType.COMPACT : SizeType.REGULAR;
+    return viewWidth <= ViewWidth.MOBILE ? SizeType.COMPACT : SizeType.REGULAR;
 }
 export function getSizeY(viewWidth, viewHeight, hasPointer) {
-  if (viewWidth >= ViewWidth.SMALL_TABLET && hasPointer || viewHeight <= ViewHeight.EXTRA_SMALL) {
-    return SizeType.COMPACT;
-  }
-  return SizeType.REGULAR;
+    if (viewWidth >= ViewWidth.SMALL_TABLET && hasPointer || viewHeight <= ViewHeight.EXTRA_SMALL) {
+        return SizeType.COMPACT;
+    }
+    return SizeType.REGULAR;
 }
-
-/**
- * Проверка на Desktop.
- *
- * Функция гарантировано вернёт `boolean` или `null` в зависимости от условий.
- *
- * Возвращаем `null` в случае, если у нас недостаточно данных, чтобы определить платформу.
- *
- * ⚠️ При передаче Platform.VKCOM всегда будет возвращать `true`.
- */
-
-// prettier-ignore
 export function tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform) {
-  // см. https://github.com/VKCOM/VKUI/pull/2473
-  var IS_VKCOM_CRUTCH = platform === Platform.VKCOM;
-  if ((viewWidth === undefined || hasPointer === undefined) && (viewWidth === undefined || viewHeight === undefined) || hasPointer === undefined && viewHeight === undefined) {
-    return IS_VKCOM_CRUTCH ? true : null;
-  }
-  var widthIsLikeDesktop = viewWidth >= ViewWidth.SMALL_TABLET;
-  var otherParametersIsLikeDesktop = hasPointer || (viewHeight !== undefined ? viewHeight >= ViewHeight.MEDIUM : false);
-  return widthIsLikeDesktop && otherParametersIsLikeDesktop || IS_VKCOM_CRUTCH;
+    // см. https://github.com/VKCOM/VKUI/pull/2473
+    const IS_VKCOM_CRUTCH = platform === Platform.VKCOM;
+    if ((viewWidth === undefined || hasPointer === undefined) && (viewWidth === undefined || viewHeight === undefined) || hasPointer === undefined && viewHeight === undefined) {
+        return IS_VKCOM_CRUTCH ? true : null;
+    }
+    const widthIsLikeDesktop = viewWidth >= ViewWidth.SMALL_TABLET;
+    const otherParametersIsLikeDesktop = hasPointer || (viewHeight !== undefined ? viewHeight >= ViewHeight.MEDIUM : false);
+    return widthIsLikeDesktop && otherParametersIsLikeDesktop || IS_VKCOM_CRUTCH;
 }
-
 /**
  * Конвертирует `viewWidth` в CSS брейкпоинты (см. тесты для наглядности).
  *
  * > Note: используется восклицательный знак (!), чтобы принудить TS поверить, что св-во точно не может быть
  * > `undefined`. Это всё из-за применения `Partial<...>` для объекта.
- */
-export function viewWidthToClassName(breakpointClassNames) {
-  var viewWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'none';
-  if (viewWidth === 'none') {
-    return breakpointClassNames.hasOwnProperty('none') ? breakpointClassNames['none'] : null;
-  }
-  var breakpoints = [];
-  var breakpointName = VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP[viewWidth];
-  if (breakpointClassNames.hasOwnProperty(breakpointName)) {
-    breakpoints.push(breakpointClassNames[breakpointName]);
-  }
-  if (viewWidth >= ViewWidth.MOBILE) {
-    if (breakpointClassNames.hasOwnProperty('mobilePlus')) {
-      breakpoints.push(breakpointClassNames['mobilePlus']);
+ */ export function viewWidthToClassName(breakpointClassNames, viewWidth = 'none') {
+    if (viewWidth === 'none') {
+        return breakpointClassNames.hasOwnProperty('none') ? breakpointClassNames['none'] : null;
     }
-  }
-  if (viewWidth >= ViewWidth.SMALL_TABLET) {
-    if (breakpointClassNames.hasOwnProperty('smallTabletPlus')) {
-      breakpoints.push(breakpointClassNames['smallTabletPlus']);
+    const breakpoints = [];
+    const breakpointName = VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP[viewWidth];
+    if (breakpointClassNames.hasOwnProperty(breakpointName)) {
+        breakpoints.push(breakpointClassNames[breakpointName]);
     }
-  } else {
-    if (breakpointClassNames.hasOwnProperty('smallTabletMinus')) {
-      breakpoints.push(breakpointClassNames['smallTabletMinus']);
+    if (viewWidth >= ViewWidth.MOBILE) {
+        if (breakpointClassNames.hasOwnProperty('mobilePlus')) {
+            breakpoints.push(breakpointClassNames['mobilePlus']);
+        }
     }
-  }
-  if (viewWidth >= ViewWidth.TABLET) {
-    if (breakpointClassNames.hasOwnProperty('tabletPlus')) {
-      breakpoints.push(breakpointClassNames['tabletPlus']);
+    if (viewWidth >= ViewWidth.SMALL_TABLET) {
+        if (breakpointClassNames.hasOwnProperty('smallTabletPlus')) {
+            breakpoints.push(breakpointClassNames['smallTabletPlus']);
+        }
+    } else {
+        if (breakpointClassNames.hasOwnProperty('smallTabletMinus')) {
+            breakpoints.push(breakpointClassNames['smallTabletMinus']);
+        }
     }
-  } else {
-    if (breakpointClassNames.hasOwnProperty('tabletMinus')) {
-      breakpoints.push(breakpointClassNames['tabletMinus']);
+    if (viewWidth >= ViewWidth.TABLET) {
+        if (breakpointClassNames.hasOwnProperty('tabletPlus')) {
+            breakpoints.push(breakpointClassNames['tabletPlus']);
+        }
+    } else {
+        if (breakpointClassNames.hasOwnProperty('tabletMinus')) {
+            breakpoints.push(breakpointClassNames['tabletMinus']);
+        }
     }
-  }
-  return breakpoints.length > 0 ? breakpoints.join(' ') : null;
+    return breakpoints.length > 0 ? breakpoints.join(' ') : null;
 }
+
 //# sourceMappingURL=functions.js.map

package/dist/cssm/lib/adaptivity/functions.js.map

@@ -1 +1 @@
-{"version":3,"file":"functions.js","names":["Platform","SizeType","VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP","ViewHeight","ViewWidth","getViewWidthByMediaQueries","mediaQueries","desktopPlus","matches","DESKTOP","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","SMALL_MOBILE","getViewHeightByMediaQueries","mediumHeight","MEDIUM","mobileLandscapeHeight","SMALL","EXTRA_SMALL","getSizeX","viewWidth","COMPACT","REGULAR","getSizeY","viewHeight","hasPointer","tryToCheckIsDesktop","platform","IS_VKCOM_CRUTCH","VKCOM","undefined","widthIsLikeDesktop","otherParametersIsLikeDesktop","viewWidthToClassName","breakpointClassNames","hasOwnProperty","breakpoints","breakpointName","push","length","join"],"sources":["../../../../src/lib/adaptivity/functions.ts"],"sourcesContent":["import type { Exact } from '../../types';\nimport { Platform, type PlatformType } from '../platform';\nimport { SizeType, VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP, ViewHeight, ViewWidth } from './constants';\nimport type { CSSBreakpointsClassNames, MediaQueries } from './types';\n\nexport function getViewWidthByMediaQueries(mediaQueries: MediaQueries): ViewWidth {\n  /* eslint-disable no-restricted-properties */\n  if (mediaQueries.desktopPlus.matches) {\n    return ViewWidth.DESKTOP;\n  }\n  if (mediaQueries.tablet.matches) {\n    return ViewWidth.TABLET;\n  }\n  if (mediaQueries.smallTablet.matches) {\n    return ViewWidth.SMALL_TABLET;\n  }\n  if (mediaQueries.mobile.matches) {\n    return ViewWidth.MOBILE;\n  }\n  /* eslint-enable no-restricted-properties */\n  return ViewWidth.SMALL_MOBILE;\n}\n\nexport function getViewHeightByMediaQueries(mediaQueries: MediaQueries): ViewHeight {\n  /* eslint-disable no-restricted-properties */\n  if (mediaQueries.mediumHeight.matches) {\n    return ViewHeight.MEDIUM;\n  }\n  if (mediaQueries.mobileLandscapeHeight.matches) {\n    return ViewHeight.SMALL;\n  }\n  /* eslint-enable no-restricted-properties */\n  return ViewHeight.EXTRA_SMALL;\n}\n\nexport function getSizeX(viewWidth: ViewWidth): SizeType {\n  return viewWidth <= ViewWidth.MOBILE ? SizeType.COMPACT : SizeType.REGULAR;\n}\n\nexport function getSizeY(\n  viewWidth: ViewWidth,\n  viewHeight: ViewHeight,\n  hasPointer: boolean,\n): SizeType {\n  if ((viewWidth >= ViewWidth.SMALL_TABLET && hasPointer) || viewHeight <= ViewHeight.EXTRA_SMALL) {\n    return SizeType.COMPACT;\n  }\n  return SizeType.REGULAR;\n}\n\n/**\n * Проверка на Desktop.\n *\n * Функция гарантировано вернёт `boolean` или `null` в зависимости от условий.\n *\n * Возвращаем `null` в случае, если у нас недостаточно данных, чтобы определить платформу.\n *\n * ⚠️ При передаче Platform.VKCOM всегда будет возвращать `true`.\n */\nexport function tryToCheckIsDesktop(viewWidth: ViewWidth, viewHeight: ViewHeight, hasPointer: undefined | boolean, platform?: PlatformType): boolean; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: ViewWidth, viewHeight: undefined, hasPointer: boolean, platform?: PlatformType): boolean; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: undefined | ViewWidth, viewHeight: undefined, hasPointer: undefined, platform?: PlatformType): null; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: undefined, viewHeight: undefined | ViewHeight, hasPointer: undefined, platform?: PlatformType): null; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: undefined, viewHeight: undefined, hasPointer: undefined | boolean, platform?: PlatformType): null; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: undefined | ViewWidth, viewHeight: undefined | ViewHeight, hasPointer: undefined | boolean, platform?: PlatformType): null | boolean; // prettier-ignore\nexport function tryToCheckIsDesktop(\n  viewWidth: undefined | ViewWidth,\n  viewHeight: undefined | ViewHeight,\n  hasPointer: undefined | boolean,\n  platform?: PlatformType,\n): null | boolean {\n  // см. https://github.com/VKCOM/VKUI/pull/2473\n  const IS_VKCOM_CRUTCH = platform === Platform.VKCOM;\n\n  if (\n    ((viewWidth === undefined || hasPointer === undefined) &&\n      (viewWidth === undefined || viewHeight === undefined)) ||\n    (hasPointer === undefined && viewHeight === undefined)\n  ) {\n    return IS_VKCOM_CRUTCH ? true : null;\n  }\n\n  const widthIsLikeDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n  const otherParametersIsLikeDesktop =\n    hasPointer || (viewHeight !== undefined ? viewHeight >= ViewHeight.MEDIUM : false);\n\n  return (widthIsLikeDesktop && otherParametersIsLikeDesktop) || IS_VKCOM_CRUTCH;\n}\n\n/**\n * Конвертирует `viewWidth` в CSS брейкпоинты (см. тесты для наглядности).\n *\n * > Note: используется восклицательный знак (!), чтобы принудить TS поверить, что св-во точно не может быть\n * > `undefined`. Это всё из-за применения `Partial<...>` для объекта.\n */\nexport function viewWidthToClassName<T extends Partial<CSSBreakpointsClassNames>>(\n  breakpointClassNames: Exact<CSSBreakpointsClassNames, T>,\n  viewWidth: ViewWidth | 'none' = 'none',\n): string | null {\n  if (viewWidth === 'none') {\n    return breakpointClassNames.hasOwnProperty('none') ? breakpointClassNames['none']! : null;\n  }\n\n  const breakpoints: string[] = [];\n  const breakpointName = VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP[viewWidth];\n\n  if (breakpointClassNames.hasOwnProperty(breakpointName)) {\n    breakpoints.push(breakpointClassNames[breakpointName]!);\n  }\n\n  if (viewWidth >= ViewWidth.MOBILE) {\n    if (breakpointClassNames.hasOwnProperty('mobilePlus')) {\n      breakpoints.push(breakpointClassNames['mobilePlus']!);\n    }\n  }\n\n  if (viewWidth >= ViewWidth.SMALL_TABLET) {\n    if (breakpointClassNames.hasOwnProperty('smallTabletPlus')) {\n      breakpoints.push(breakpointClassNames['smallTabletPlus']!);\n    }\n  } else {\n    if (breakpointClassNames.hasOwnProperty('smallTabletMinus')) {\n      breakpoints.push(breakpointClassNames['smallTabletMinus']!);\n    }\n  }\n\n  if (viewWidth >= ViewWidth.TABLET) {\n    if (breakpointClassNames.hasOwnProperty('tabletPlus')) {\n      breakpoints.push(breakpointClassNames['tabletPlus']!);\n    }\n  } else {\n    if (breakpointClassNames.hasOwnProperty('tabletMinus')) {\n      breakpoints.push(breakpointClassNames['tabletMinus']!);\n    }\n  }\n\n  return breakpoints.length > 0 ? breakpoints.join(' ') : null;\n}\n"],"mappings":"AACA,SAASA,QAAQ,QAA2B,aAAa;AACzD,SAASC,QAAQ,EAAEC,gCAAgC,EAAEC,UAAU,EAAEC,SAAS,QAAQ,aAAa;AAG/F,OAAO,SAASC,0BAA0B,CAACC,YAA0B,EAAa;EAChF;EACA,IAAIA,YAAY,CAACC,WAAW,CAACC,OAAO,EAAE;IACpC,OAAOJ,SAAS,CAACK,OAAO;EAC1B;EACA,IAAIH,YAAY,CAACI,MAAM,CAACF,OAAO,EAAE;IAC/B,OAAOJ,SAAS,CAACO,MAAM;EACzB;EACA,IAAIL,YAAY,CAACM,WAAW,CAACJ,OAAO,EAAE;IACpC,OAAOJ,SAAS,CAACS,YAAY;EAC/B;EACA,IAAIP,YAAY,CAACQ,MAAM,CAACN,OAAO,EAAE;IAC/B,OAAOJ,SAAS,CAACW,MAAM;EACzB;EACA;EACA,OAAOX,SAAS,CAACY,YAAY;AAC/B;AAEA,OAAO,SAASC,2BAA2B,CAACX,YAA0B,EAAc;EAClF;EACA,IAAIA,YAAY,CAACY,YAAY,CAACV,OAAO,EAAE;IACrC,OAAOL,UAAU,CAACgB,MAAM;EAC1B;EACA,IAAIb,YAAY,CAACc,qBAAqB,CAACZ,OAAO,EAAE;IAC9C,OAAOL,UAAU,CAACkB,KAAK;EACzB;EACA;EACA,OAAOlB,UAAU,CAACmB,WAAW;AAC/B;AAEA,OAAO,SAASC,QAAQ,CAACC,SAAoB,EAAY;EACvD,OAAOA,SAAS,IAAIpB,SAAS,CAACW,MAAM,GAAGd,QAAQ,CAACwB,OAAO,GAAGxB,QAAQ,CAACyB,OAAO;AAC5E;AAEA,OAAO,SAASC,QAAQ,CACtBH,SAAoB,EACpBI,UAAsB,EACtBC,UAAmB,EACT;EACV,IAAKL,SAAS,IAAIpB,SAAS,CAACS,YAAY,IAAIgB,UAAU,IAAKD,UAAU,IAAIzB,UAAU,CAACmB,WAAW,EAAE;IAC/F,OAAOrB,QAAQ,CAACwB,OAAO;EACzB;EACA,OAAOxB,QAAQ,CAACyB,OAAO;AACzB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMqL;AACrL,OAAO,SAASI,mBAAmB,CACjCN,SAAgC,EAChCI,UAAkC,EAClCC,UAA+B,EAC/BE,QAAuB,EACP;EAChB;EACA,IAAMC,eAAe,GAAGD,QAAQ,KAAK/B,QAAQ,CAACiC,KAAK;EAEnD,IACG,CAACT,SAAS,KAAKU,SAAS,IAAIL,UAAU,KAAKK,SAAS,MAClDV,SAAS,KAAKU,SAAS,IAAIN,UAAU,KAAKM,SAAS,CAAC,IACtDL,UAAU,KAAKK,SAAS,IAAIN,UAAU,KAAKM,SAAU,EACtD;IACA,OAAOF,eAAe,GAAG,IAAI,GAAG,IAAI;EACtC;EAEA,IAAMG,kBAAkB,GAAGX,SAAS,IAAIpB,SAAS,CAACS,YAAY;EAC9D,IAAMuB,4BAA4B,GAChCP,UAAU,KAAKD,UAAU,KAAKM,SAAS,GAAGN,UAAU,IAAIzB,UAAU,CAACgB,MAAM,GAAG,KAAK,CAAC;EAEpF,OAAQgB,kBAAkB,IAAIC,4BAA4B,IAAKJ,eAAe;AAChF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASK,oBAAoB,CAClCC,oBAAwD,EAEzC;EAAA,IADfd,SAA6B,uEAAG,MAAM;EAEtC,IAAIA,SAAS,KAAK,MAAM,EAAE;IACxB,OAAOc,oBAAoB,CAACC,cAAc,CAAC,MAAM,CAAC,GAAGD,oBAAoB,CAAC,MAAM,CAAC,GAAI,IAAI;EAC3F;EAEA,IAAME,WAAqB,GAAG,EAAE;EAChC,IAAMC,cAAc,GAAGvC,gCAAgC,CAACsB,SAAS,CAAC;EAElE,IAAIc,oBAAoB,CAACC,cAAc,CAACE,cAAc,CAAC,EAAE;IACvDD,WAAW,CAACE,IAAI,CAACJ,oBAAoB,CAACG,cAAc,CAAC,CAAE;EACzD;EAEA,IAAIjB,SAAS,IAAIpB,SAAS,CAACW,MAAM,EAAE;IACjC,IAAIuB,oBAAoB,CAACC,cAAc,CAAC,YAAY,CAAC,EAAE;MACrDC,WAAW,CAACE,IAAI,CAACJ,oBAAoB,CAAC,YAAY,CAAC,CAAE;IACvD;EACF;EAEA,IAAId,SAAS,IAAIpB,SAAS,CAACS,YAAY,EAAE;IACvC,IAAIyB,oBAAoB,CAACC,cAAc,CAAC,iBAAiB,CAAC,EAAE;MAC1DC,WAAW,CAACE,IAAI,CAACJ,oBAAoB,CAAC,iBAAiB,CAAC,CAAE;IAC5D;EACF,CAAC,MAAM;IACL,IAAIA,oBAAoB,CAACC,cAAc,CAAC,kBAAkB,CAAC,EAAE;MAC3DC,WAAW,CAACE,IAAI,CAACJ,oBAAoB,CAAC,kBAAkB,CAAC,CAAE;IAC7D;EACF;EAEA,IAAId,SAAS,IAAIpB,SAAS,CAACO,MAAM,EAAE;IACjC,IAAI2B,oBAAoB,CAACC,cAAc,CAAC,YAAY,CAAC,EAAE;MACrDC,WAAW,CAACE,IAAI,CAACJ,oBAAoB,CAAC,YAAY,CAAC,CAAE;IACvD;EACF,CAAC,MAAM;IACL,IAAIA,oBAAoB,CAACC,cAAc,CAAC,aAAa,CAAC,EAAE;MACtDC,WAAW,CAACE,IAAI,CAACJ,oBAAoB,CAAC,aAAa,CAAC,CAAE;IACxD;EACF;EAEA,OAAOE,WAAW,CAACG,MAAM,GAAG,CAAC,GAAGH,WAAW,CAACI,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI;AAC9D"}
+{"version":3,"sources":["../../../../src/lib/adaptivity/functions.ts"],"sourcesContent":["import type { Exact } from '../../types';\nimport { Platform, type PlatformType } from '../platform';\nimport { SizeType, VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP, ViewHeight, ViewWidth } from './constants';\nimport type { CSSBreakpointsClassNames, MediaQueries } from './types';\n\nexport function getViewWidthByMediaQueries(mediaQueries: MediaQueries): ViewWidth {\n  /* eslint-disable no-restricted-properties */\n  if (mediaQueries.desktopPlus.matches) {\n    return ViewWidth.DESKTOP;\n  }\n  if (mediaQueries.tablet.matches) {\n    return ViewWidth.TABLET;\n  }\n  if (mediaQueries.smallTablet.matches) {\n    return ViewWidth.SMALL_TABLET;\n  }\n  if (mediaQueries.mobile.matches) {\n    return ViewWidth.MOBILE;\n  }\n  /* eslint-enable no-restricted-properties */\n  return ViewWidth.SMALL_MOBILE;\n}\n\nexport function getViewHeightByMediaQueries(mediaQueries: MediaQueries): ViewHeight {\n  /* eslint-disable no-restricted-properties */\n  if (mediaQueries.mediumHeight.matches) {\n    return ViewHeight.MEDIUM;\n  }\n  if (mediaQueries.mobileLandscapeHeight.matches) {\n    return ViewHeight.SMALL;\n  }\n  /* eslint-enable no-restricted-properties */\n  return ViewHeight.EXTRA_SMALL;\n}\n\nexport function getSizeX(viewWidth: ViewWidth): SizeType {\n  return viewWidth <= ViewWidth.MOBILE ? SizeType.COMPACT : SizeType.REGULAR;\n}\n\nexport function getSizeY(\n  viewWidth: ViewWidth,\n  viewHeight: ViewHeight,\n  hasPointer: boolean,\n): SizeType {\n  if ((viewWidth >= ViewWidth.SMALL_TABLET && hasPointer) || viewHeight <= ViewHeight.EXTRA_SMALL) {\n    return SizeType.COMPACT;\n  }\n  return SizeType.REGULAR;\n}\n\n/**\n * Проверка на Desktop.\n *\n * Функция гарантировано вернёт `boolean` или `null` в зависимости от условий.\n *\n * Возвращаем `null` в случае, если у нас недостаточно данных, чтобы определить платформу.\n *\n * ⚠️ При передаче Platform.VKCOM всегда будет возвращать `true`.\n */\nexport function tryToCheckIsDesktop(viewWidth: ViewWidth, viewHeight: ViewHeight, hasPointer: undefined | boolean, platform?: PlatformType): boolean; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: ViewWidth, viewHeight: undefined, hasPointer: boolean, platform?: PlatformType): boolean; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: undefined | ViewWidth, viewHeight: undefined, hasPointer: undefined, platform?: PlatformType): null; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: undefined, viewHeight: undefined | ViewHeight, hasPointer: undefined, platform?: PlatformType): null; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: undefined, viewHeight: undefined, hasPointer: undefined | boolean, platform?: PlatformType): null; // prettier-ignore\nexport function tryToCheckIsDesktop(viewWidth: undefined | ViewWidth, viewHeight: undefined | ViewHeight, hasPointer: undefined | boolean, platform?: PlatformType): null | boolean; // prettier-ignore\nexport function tryToCheckIsDesktop(\n  viewWidth: undefined | ViewWidth,\n  viewHeight: undefined | ViewHeight,\n  hasPointer: undefined | boolean,\n  platform?: PlatformType,\n): null | boolean {\n  // см. https://github.com/VKCOM/VKUI/pull/2473\n  const IS_VKCOM_CRUTCH = platform === Platform.VKCOM;\n\n  if (\n    ((viewWidth === undefined || hasPointer === undefined) &&\n      (viewWidth === undefined || viewHeight === undefined)) ||\n    (hasPointer === undefined && viewHeight === undefined)\n  ) {\n    return IS_VKCOM_CRUTCH ? true : null;\n  }\n\n  const widthIsLikeDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n  const otherParametersIsLikeDesktop =\n    hasPointer || (viewHeight !== undefined ? viewHeight >= ViewHeight.MEDIUM : false);\n\n  return (widthIsLikeDesktop && otherParametersIsLikeDesktop) || IS_VKCOM_CRUTCH;\n}\n\n/**\n * Конвертирует `viewWidth` в CSS брейкпоинты (см. тесты для наглядности).\n *\n * > Note: используется восклицательный знак (!), чтобы принудить TS поверить, что св-во точно не может быть\n * > `undefined`. Это всё из-за применения `Partial<...>` для объекта.\n */\nexport function viewWidthToClassName<T extends Partial<CSSBreakpointsClassNames>>(\n  breakpointClassNames: Exact<CSSBreakpointsClassNames, T>,\n  viewWidth: ViewWidth | 'none' = 'none',\n): string | null {\n  if (viewWidth === 'none') {\n    return breakpointClassNames.hasOwnProperty('none') ? breakpointClassNames['none']! : null;\n  }\n\n  const breakpoints: string[] = [];\n  const breakpointName = VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP[viewWidth];\n\n  if (breakpointClassNames.hasOwnProperty(breakpointName)) {\n    breakpoints.push(breakpointClassNames[breakpointName]!);\n  }\n\n  if (viewWidth >= ViewWidth.MOBILE) {\n    if (breakpointClassNames.hasOwnProperty('mobilePlus')) {\n      breakpoints.push(breakpointClassNames['mobilePlus']!);\n    }\n  }\n\n  if (viewWidth >= ViewWidth.SMALL_TABLET) {\n    if (breakpointClassNames.hasOwnProperty('smallTabletPlus')) {\n      breakpoints.push(breakpointClassNames['smallTabletPlus']!);\n    }\n  } else {\n    if (breakpointClassNames.hasOwnProperty('smallTabletMinus')) {\n      breakpoints.push(breakpointClassNames['smallTabletMinus']!);\n    }\n  }\n\n  if (viewWidth >= ViewWidth.TABLET) {\n    if (breakpointClassNames.hasOwnProperty('tabletPlus')) {\n      breakpoints.push(breakpointClassNames['tabletPlus']!);\n    }\n  } else {\n    if (breakpointClassNames.hasOwnProperty('tabletMinus')) {\n      breakpoints.push(breakpointClassNames['tabletMinus']!);\n    }\n  }\n\n  return breakpoints.length > 0 ? breakpoints.join(' ') : null;\n}\n"],"names":["Platform","SizeType","VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP","ViewHeight","ViewWidth","getViewWidthByMediaQueries","mediaQueries","desktopPlus","matches","DESKTOP","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","SMALL_MOBILE","getViewHeightByMediaQueries","mediumHeight","MEDIUM","mobileLandscapeHeight","SMALL","EXTRA_SMALL","getSizeX","viewWidth","COMPACT","REGULAR","getSizeY","viewHeight","hasPointer","tryToCheckIsDesktop","platform","IS_VKCOM_CRUTCH","VKCOM","undefined","widthIsLikeDesktop","otherParametersIsLikeDesktop","viewWidthToClassName","breakpointClassNames","hasOwnProperty","breakpoints","breakpointName","push","length","join"],"mappings":"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"}

package/dist/cssm/lib/adaptivity/index.js

@@ -1,4 +1,4 @@
 export * from './constants';
 export * from './functions';
-export {};
+
 //# sourceMappingURL=index.js.map

package/dist/cssm/lib/adaptivity/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/lib/adaptivity/index.ts"],"sourcesContent":["export type { CSSBreakpoints, JSBreakpoints, MediaQueries } from './types';\nexport * from './constants';\nexport * from './functions';\n"],"mappings":"AACA,cAAc,aAAa;AAC3B,cAAc,aAAa;AAAC"}
+{"version":3,"sources":["../../../../src/lib/adaptivity/index.ts"],"sourcesContent":["export type { CSSBreakpoints, JSBreakpoints, MediaQueries } from './types';\nexport * from './constants';\nexport * from './functions';\n"],"names":[],"mappings":"AACA,cAAc,cAAc;AAC5B,cAAc,cAAc"}

package/dist/cssm/lib/adaptivity/types.d.ts

@@ -3,11 +3,11 @@
  *
  * {@link import('../../../shared.config.js') ../../../shared.config.js}
  */
-export declare type CSSBreakpoints = 'desktopPlus' | 'tabletPlus' | 'tablet' | 'tabletMinus' | 'smallTabletPlus' | 'smallTablet' | 'smallTabletMinus' | 'mobilePlus' | 'mobile' | 'smallMobileMinus';
-export declare type CSSBreakpointsClassNames = Record<CSSBreakpoints | 'none', string>;
+export type CSSBreakpoints = 'desktopPlus' | 'tabletPlus' | 'tablet' | 'tabletMinus' | 'smallTabletPlus' | 'smallTablet' | 'smallTabletMinus' | 'mobilePlus' | 'mobile' | 'smallMobileMinus';
+export type CSSBreakpointsClassNames = Record<CSSBreakpoints | 'none', string>;
 /**
  * JS брейкпоинты выделены в отдельный тип, т.к. на данный момент нужны не все брейкпоинты, что используются в
  * адаптивности через CSS, а также имеются свои тонкости по типу `mobileLandscapeHeight`.
  */
-export declare type JSBreakpoints = 'desktopPlus' | 'tablet' | 'smallTabletPlus' | 'smallTablet' | 'mobile' | 'mediumHeight' | 'mobileLandscapeHeight';
-export declare type MediaQueries = Record<JSBreakpoints, MediaQueryList>;
+export type JSBreakpoints = 'desktopPlus' | 'tablet' | 'smallTabletPlus' | 'smallTablet' | 'mobile' | 'mediumHeight' | 'mobileLandscapeHeight';
+export type MediaQueries = Record<JSBreakpoints, MediaQueryList>;

package/dist/cssm/lib/adaptivity/types.js

@@ -1,2 +1,7 @@
-export {};
+/**
+ * Соответствуют тому, что генерирует функция `getCustomMedias()`.
+ *
+ * {@link import('../../../shared.config.js') ../../../shared.config.js}
+ */ export { };
+
 //# sourceMappingURL=types.js.map

package/dist/cssm/lib/adaptivity/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/lib/adaptivity/types.ts"],"sourcesContent":["/**\n * Соответствуют тому, что генерирует функция `getCustomMedias()`.\n *\n * {@link import('../../../shared.config.js') ../../../shared.config.js}\n */\nexport type CSSBreakpoints =\n  | 'desktopPlus'\n  | 'tabletPlus'\n  | 'tablet'\n  | 'tabletMinus'\n  | 'smallTabletPlus'\n  | 'smallTablet'\n  | 'smallTabletMinus'\n  | 'mobilePlus'\n  | 'mobile'\n  | 'smallMobileMinus';\n\nexport type CSSBreakpointsClassNames = Record<CSSBreakpoints | 'none', string>;\n\n/**\n * JS брейкпоинты выделены в отдельный тип, т.к. на данный момент нужны не все брейкпоинты, что используются в\n * адаптивности через CSS, а также имеются свои тонкости по типу `mobileLandscapeHeight`.\n */\nexport type JSBreakpoints =\n  | 'desktopPlus'\n  | 'tablet'\n  | 'smallTabletPlus'\n  | 'smallTablet'\n  | 'mobile'\n  | 'mediumHeight'\n  | 'mobileLandscapeHeight';\n\nexport type MediaQueries = Record<JSBreakpoints, MediaQueryList>;\n"],"mappings":""}
+{"version":3,"sources":["../../../../src/lib/adaptivity/types.ts"],"sourcesContent":["/**\n * Соответствуют тому, что генерирует функция `getCustomMedias()`.\n *\n * {@link import('../../../shared.config.js') ../../../shared.config.js}\n */\nexport type CSSBreakpoints =\n  | 'desktopPlus'\n  | 'tabletPlus'\n  | 'tablet'\n  | 'tabletMinus'\n  | 'smallTabletPlus'\n  | 'smallTablet'\n  | 'smallTabletMinus'\n  | 'mobilePlus'\n  | 'mobile'\n  | 'smallMobileMinus';\n\nexport type CSSBreakpointsClassNames = Record<CSSBreakpoints | 'none', string>;\n\n/**\n * JS брейкпоинты выделены в отдельный тип, т.к. на данный момент нужны не все брейкпоинты, что используются в\n * адаптивности через CSS, а также имеются свои тонкости по типу `mobileLandscapeHeight`.\n */\nexport type JSBreakpoints =\n  | 'desktopPlus'\n  | 'tablet'\n  | 'smallTabletPlus'\n  | 'smallTablet'\n  | 'mobile'\n  | 'mediumHeight'\n  | 'mobileLandscapeHeight';\n\nexport type MediaQueries = Record<JSBreakpoints, MediaQueryList>;\n"],"names":[],"mappings":"AAAA;;;;CAIC,GACD,WA2BiE"}

package/dist/cssm/lib/animate.d.ts

@@ -5,8 +5,8 @@
  * @param {function} draw коллбэк, в который прокидывается прогресс [0, 1]
  * @returns {void}
  */
-export declare type TimingInterface = (timeFraction: number) => number;
-export declare type DrawInterface = (progress: number) => void;
+export type TimingInterface = (timeFraction: number) => number;
+export type DrawInterface = (progress: number) => void;
 export interface AnimateArgumentsInterface {
     duration: number;
     timing: TimingInterface;

package/dist/cssm/lib/animate.js

@@ -1,31 +1,20 @@
 import { canUseDOM } from './dom';
-
-/**
- * Функция для js анимации
- * @param {number} duration
- * @param {function} timing тайминг функция анимации
- * @param {function} draw коллбэк, в который прокидывается прогресс [0, 1]
- * @returns {void}
- */
-
-export function animate(_ref) {
-  var duration = _ref.duration,
-    timing = _ref.timing,
-    draw = _ref.draw;
-  if (!canUseDOM) {
-    return;
-  }
-  var start = performance.now();
-  requestAnimationFrame(function animate(time) {
-    var timeFraction = (time - start) / duration;
-    if (timeFraction > 1) {
-      timeFraction = 1;
+export function animate({ duration , timing , draw  }) {
+    if (!canUseDOM) {
+        return;
     }
-    var progress = timing(timeFraction);
-    draw(progress);
-    if (timeFraction < 1) {
-      requestAnimationFrame(animate);
-    }
-  });
+    const start = performance.now();
+    requestAnimationFrame(function animate(time) {
+        let timeFraction = (time - start) / duration;
+        if (timeFraction > 1) {
+            timeFraction = 1;
+        }
+        const progress = timing(timeFraction);
+        draw(progress);
+        if (timeFraction < 1) {
+            requestAnimationFrame(animate);
+        }
+    });
 }
+
 //# sourceMappingURL=animate.js.map

package/dist/cssm/lib/animate.js.map

@@ -1 +1 @@
-{"version":3,"file":"animate.js","names":["canUseDOM","animate","duration","timing","draw","start","performance","now","requestAnimationFrame","time","timeFraction","progress"],"sources":["../../../src/lib/animate.ts"],"sourcesContent":["import { canUseDOM } from './dom';\n\n/**\n * Функция для js анимации\n * @param {number} duration\n * @param {function} timing тайминг функция анимации\n * @param {function} draw коллбэк, в который прокидывается прогресс [0, 1]\n * @returns {void}\n */\nexport type TimingInterface = (timeFraction: number) => number;\n\nexport type DrawInterface = (progress: number) => void;\n\nexport interface AnimateArgumentsInterface {\n  duration: number;\n  timing: TimingInterface;\n  draw: DrawInterface;\n}\n\nexport function animate({ duration, timing, draw }: AnimateArgumentsInterface): void {\n  if (!canUseDOM) {\n    return;\n  }\n\n  const start = performance.now();\n\n  requestAnimationFrame(function animate(time: number): void {\n    let timeFraction = (time - start) / duration;\n\n    if (timeFraction > 1) {\n      timeFraction = 1;\n    }\n\n    const progress = timing(timeFraction);\n\n    draw(progress);\n\n    if (timeFraction < 1) {\n      requestAnimationFrame(animate);\n    }\n  });\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;;AAWA,OAAO,SAASC,OAAO,OAA8D;EAAA,IAA3DC,QAAQ,QAARA,QAAQ;IAAEC,MAAM,QAANA,MAAM;IAAEC,IAAI,QAAJA,IAAI;EAC9C,IAAI,CAACJ,SAAS,EAAE;IACd;EACF;EAEA,IAAMK,KAAK,GAAGC,WAAW,CAACC,GAAG,EAAE;EAE/BC,qBAAqB,CAAC,SAASP,OAAO,CAACQ,IAAY,EAAQ;IACzD,IAAIC,YAAY,GAAG,CAACD,IAAI,GAAGJ,KAAK,IAAIH,QAAQ;IAE5C,IAAIQ,YAAY,GAAG,CAAC,EAAE;MACpBA,YAAY,GAAG,CAAC;IAClB;IAEA,IAAMC,QAAQ,GAAGR,MAAM,CAACO,YAAY,CAAC;IAErCN,IAAI,CAACO,QAAQ,CAAC;IAEd,IAAID,YAAY,GAAG,CAAC,EAAE;MACpBF,qBAAqB,CAACP,OAAO,CAAC;IAChC;EACF,CAAC,CAAC;AACJ"}
+{"version":3,"sources":["../../../src/lib/animate.ts"],"sourcesContent":["import { canUseDOM } from './dom';\n\n/**\n * Функция для js анимации\n * @param {number} duration\n * @param {function} timing тайминг функция анимации\n * @param {function} draw коллбэк, в который прокидывается прогресс [0, 1]\n * @returns {void}\n */\nexport type TimingInterface = (timeFraction: number) => number;\n\nexport type DrawInterface = (progress: number) => void;\n\nexport interface AnimateArgumentsInterface {\n  duration: number;\n  timing: TimingInterface;\n  draw: DrawInterface;\n}\n\nexport function animate({ duration, timing, draw }: AnimateArgumentsInterface): void {\n  if (!canUseDOM) {\n    return;\n  }\n\n  const start = performance.now();\n\n  requestAnimationFrame(function animate(time: number): void {\n    let timeFraction = (time - start) / duration;\n\n    if (timeFraction > 1) {\n      timeFraction = 1;\n    }\n\n    const progress = timing(timeFraction);\n\n    draw(progress);\n\n    if (timeFraction < 1) {\n      requestAnimationFrame(animate);\n    }\n  });\n}\n"],"names":["canUseDOM","animate","duration","timing","draw","start","performance","now","requestAnimationFrame","time","timeFraction","progress"],"mappings":"AAAA,SAASA,SAAS,QAAQ,QAAQ;AAmBlC,OAAO,SAASC,QAAQ,EAAEC,SAAQ,EAAEC,OAAM,EAAEC,KAAI,EAA6B,EAAQ;IACnF,IAAI,CAACJ,WAAW;QACd;IACF,CAAC;IAED,MAAMK,QAAQC,YAAYC,GAAG;IAE7BC,sBAAsB,SAASP,QAAQQ,IAAY,EAAQ;QACzD,IAAIC,eAAe,AAACD,CAAAA,OAAOJ,KAAI,IAAKH;QAEpC,IAAIQ,eAAe,GAAG;YACpBA,eAAe;QACjB,CAAC;QAED,MAAMC,WAAWR,OAAOO;QAExBN,KAAKO;QAEL,IAAID,eAAe,GAAG;YACpBF,sBAAsBP;QACxB,CAAC;IACH;AACF,CAAC"}

package/dist/cssm/lib/browser.js

@@ -1,54 +1,49 @@
 import { detectIOS, noop } from '@vkontakte/vkjs';
 export var System;
-(function (System) {
-  System["IOS"] = "ios";
-  System["UNKNOWN"] = "";
+(function(System) {
+    System["IOS"] = 'ios';
+    System["UNKNOWN"] = '';
 })(System || (System = {}));
-var memoized = {};
-export function computeBrowserInfo() {
-  var userAgent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  if (memoized[userAgent]) {
-    return memoized[userAgent];
-  }
-  var systemVersion = null;
-  var system = System.UNKNOWN;
-  var _detectIOS = detectIOS(userAgent),
-    isIOS = _detectIOS.isIOS,
-    iosMajor = _detectIOS.iosMajor,
-    iosMinor = _detectIOS.iosMinor;
-  if (isIOS) {
-    system = System.IOS;
-    systemVersion = {
-      major: iosMajor,
-      minor: iosMinor
+const memoized = {};
+export function computeBrowserInfo(userAgent = '') {
+    if (memoized[userAgent]) {
+        return memoized[userAgent];
+    }
+    let systemVersion = null;
+    let system = System.UNKNOWN;
+    const { isIOS , iosMajor , iosMinor  } = detectIOS(userAgent);
+    if (isIOS) {
+        system = System.IOS;
+        systemVersion = {
+            major: iosMajor,
+            minor: iosMinor
+        };
+    }
+    const browserInfo = {
+        userAgent,
+        system,
+        systemVersion
     };
-  }
-  var browserInfo = {
-    userAgent: userAgent,
-    system: system,
-    systemVersion: systemVersion
-  };
-  memoized[userAgent] = browserInfo;
-  return browserInfo;
+    memoized[userAgent] = browserInfo;
+    return browserInfo;
 }
-
 /**
  * Эмуляция функции `window.matchMedia` для SSR.
  *
  * ⚠️ Желательно избегать использование этой эмуляции в SSR.
- */
-export function mediaQueryNull(query) {
-  return {
-    matches: false,
-    media: query,
-    onchange: noop,
-    addListener: noop,
-    removeListener: noop,
-    addEventListener: noop,
-    removeEventListener: noop,
-    dispatchEvent: function dispatchEvent() {
-      return false;
-    }
-  };
+ */ export function mediaQueryNull(query) {
+    return {
+        matches: false,
+        media: query,
+        onchange: noop,
+        addListener: noop,
+        removeListener: noop,
+        addEventListener: noop,
+        removeEventListener: noop,
+        dispatchEvent () {
+            return false;
+        }
+    };
 }
+
 //# sourceMappingURL=browser.js.map

package/dist/cssm/lib/browser.js.map

@@ -1 +1 @@
-{"version":3,"file":"browser.js","names":["detectIOS","noop","System","memoized","computeBrowserInfo","userAgent","systemVersion","system","UNKNOWN","isIOS","iosMajor","iosMinor","IOS","major","minor","browserInfo","mediaQueryNull","query","matches","media","onchange","addListener","removeListener","addEventListener","removeEventListener","dispatchEvent"],"sources":["../../../src/lib/browser.ts"],"sourcesContent":["import { detectIOS, noop } from '@vkontakte/vkjs';\nimport type { Version } from '../types';\n\nexport enum System {\n  IOS = 'ios',\n  UNKNOWN = '',\n}\n\nexport interface BrowserInfo {\n  userAgent: string;\n  system: System;\n  systemVersion: Version | null;\n}\n\nconst memoized: { [index: string]: BrowserInfo } = {};\n\nexport function computeBrowserInfo(userAgent = ''): BrowserInfo {\n  if (memoized[userAgent]) {\n    return memoized[userAgent];\n  }\n\n  let systemVersion: Version | null = null;\n  let system = System.UNKNOWN;\n\n  const { isIOS, iosMajor, iosMinor } = detectIOS(userAgent);\n\n  if (isIOS) {\n    system = System.IOS;\n    systemVersion = {\n      major: iosMajor,\n      minor: iosMinor,\n    };\n  }\n\n  const browserInfo: BrowserInfo = {\n    userAgent,\n    system,\n    systemVersion,\n  };\n\n  memoized[userAgent] = browserInfo;\n\n  return browserInfo;\n}\n\n/**\n * Эмуляция функции `window.matchMedia` для SSR.\n *\n * ⚠️ Желательно избегать использование этой эмуляции в SSR.\n */\nexport function mediaQueryNull(query: string): MediaQueryList {\n  return {\n    matches: false,\n    media: query,\n    onchange: noop,\n    addListener: noop,\n    removeListener: noop,\n    addEventListener: noop,\n    removeEventListener: noop,\n    dispatchEvent() {\n      return false;\n    },\n  };\n}\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,IAAI,QAAQ,iBAAiB;AAGjD,WAAYC,MAAM;AAGjB,WAHWA,MAAM;EAANA,MAAM;EAANA,MAAM;AAAA,GAANA,MAAM,KAANA,MAAM;AAWlB,IAAMC,QAA0C,GAAG,CAAC,CAAC;AAErD,OAAO,SAASC,kBAAkB,GAA8B;EAAA,IAA7BC,SAAS,uEAAG,EAAE;EAC/C,IAAIF,QAAQ,CAACE,SAAS,CAAC,EAAE;IACvB,OAAOF,QAAQ,CAACE,SAAS,CAAC;EAC5B;EAEA,IAAIC,aAA6B,GAAG,IAAI;EACxC,IAAIC,MAAM,GAAGL,MAAM,CAACM,OAAO;EAE3B,iBAAsCR,SAAS,CAACK,SAAS,CAAC;IAAlDI,KAAK,cAALA,KAAK;IAAEC,QAAQ,cAARA,QAAQ;IAAEC,QAAQ,cAARA,QAAQ;EAEjC,IAAIF,KAAK,EAAE;IACTF,MAAM,GAAGL,MAAM,CAACU,GAAG;IACnBN,aAAa,GAAG;MACdO,KAAK,EAAEH,QAAQ;MACfI,KAAK,EAAEH;IACT,CAAC;EACH;EAEA,IAAMI,WAAwB,GAAG;IAC/BV,SAAS,EAATA,SAAS;IACTE,MAAM,EAANA,MAAM;IACND,aAAa,EAAbA;EACF,CAAC;EAEDH,QAAQ,CAACE,SAAS,CAAC,GAAGU,WAAW;EAEjC,OAAOA,WAAW;AACpB;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAc,CAACC,KAAa,EAAkB;EAC5D,OAAO;IACLC,OAAO,EAAE,KAAK;IACdC,KAAK,EAAEF,KAAK;IACZG,QAAQ,EAAEnB,IAAI;IACdoB,WAAW,EAAEpB,IAAI;IACjBqB,cAAc,EAAErB,IAAI;IACpBsB,gBAAgB,EAAEtB,IAAI;IACtBuB,mBAAmB,EAAEvB,IAAI;IACzBwB,aAAa,2BAAG;MACd,OAAO,KAAK;IACd;EACF,CAAC;AACH"}
+{"version":3,"sources":["../../../src/lib/browser.ts"],"sourcesContent":["import { detectIOS, noop } from '@vkontakte/vkjs';\nimport type { Version } from '../types';\n\nexport enum System {\n  IOS = 'ios',\n  UNKNOWN = '',\n}\n\nexport interface BrowserInfo {\n  userAgent: string;\n  system: System;\n  systemVersion: Version | null;\n}\n\nconst memoized: { [index: string]: BrowserInfo } = {};\n\nexport function computeBrowserInfo(userAgent = ''): BrowserInfo {\n  if (memoized[userAgent]) {\n    return memoized[userAgent];\n  }\n\n  let systemVersion: Version | null = null;\n  let system = System.UNKNOWN;\n\n  const { isIOS, iosMajor, iosMinor } = detectIOS(userAgent);\n\n  if (isIOS) {\n    system = System.IOS;\n    systemVersion = {\n      major: iosMajor,\n      minor: iosMinor,\n    };\n  }\n\n  const browserInfo: BrowserInfo = {\n    userAgent,\n    system,\n    systemVersion,\n  };\n\n  memoized[userAgent] = browserInfo;\n\n  return browserInfo;\n}\n\n/**\n * Эмуляция функции `window.matchMedia` для SSR.\n *\n * ⚠️ Желательно избегать использование этой эмуляции в SSR.\n */\nexport function mediaQueryNull(query: string): MediaQueryList {\n  return {\n    matches: false,\n    media: query,\n    onchange: noop,\n    addListener: noop,\n    removeListener: noop,\n    addEventListener: noop,\n    removeEventListener: noop,\n    dispatchEvent() {\n      return false;\n    },\n  };\n}\n"],"names":["detectIOS","noop","System","IOS","UNKNOWN","memoized","computeBrowserInfo","userAgent","systemVersion","system","isIOS","iosMajor","iosMinor","major","minor","browserInfo","mediaQueryNull","query","matches","media","onchange","addListener","removeListener","addEventListener","removeEventListener","dispatchEvent"],"mappings":"AAAA,SAASA,SAAS,EAAEC,IAAI,QAAQ,kBAAkB;WAG3C;UAAKC,MAAM;IAANA,OACVC,SAAM;IADID,OAEVE,aAAU;GAFAF,WAAAA;AAWZ,MAAMG,WAA6C,CAAC;AAEpD,OAAO,SAASC,mBAAmBC,YAAY,EAAE,EAAe;IAC9D,IAAIF,QAAQ,CAACE,UAAU,EAAE;QACvB,OAAOF,QAAQ,CAACE,UAAU;IAC5B,CAAC;IAED,IAAIC,gBAAgC,IAAI;IACxC,IAAIC,SAASP,OAAOE,OAAO;IAE3B,MAAM,EAAEM,MAAK,EAAEC,SAAQ,EAAEC,SAAQ,EAAE,GAAGZ,UAAUO;IAEhD,IAAIG,OAAO;QACTD,SAASP,OAAOC,GAAG;QACnBK,gBAAgB;YACdK,OAAOF;YACPG,OAAOF;QACT;IACF,CAAC;IAED,MAAMG,cAA2B;QAC/BR;QACAE;QACAD;IACF;IAEAH,QAAQ,CAACE,UAAU,GAAGQ;IAEtB,OAAOA;AACT,CAAC;AAED;;;;CAIC,GACD,OAAO,SAASC,eAAeC,KAAa,EAAkB;IAC5D,OAAO;QACLC,SAAS,KAAK;QACdC,OAAOF;QACPG,UAAUnB;QACVoB,aAAapB;QACbqB,gBAAgBrB;QAChBsB,kBAAkBtB;QAClBuB,qBAAqBvB;QACrBwB,iBAAgB;YACd,OAAO,KAAK;QACd;IACF;AACF,CAAC"}