@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cssm/components/PopperArrow/PopperArrow.js

@@ -1,39 +1,37 @@
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
-import "./PopperArrow.module.css";
-export var ARROW_PADDING = 10;
-export var ARROW_WIDTH = 20;
-export var ARROW_HEIGHT = 8;
-function getPositionsStylesByCoords(placement) {
-  var coords = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+import styles from './PopperArrow.module.css';
+export const ARROW_PADDING = 10;
+export const ARROW_WIDTH = 20;
+export const ARROW_HEIGHT = 8;
+function getPositionsStylesByCoords(placement, coords = {
     x: 0,
     y: 0
-  };
-  if (placement.startsWith('top')) {
-    return {
-      top: '100%',
-      left: coords.x
-    };
-  } else if (placement.startsWith('right')) {
-    return {
-      top: coords.y,
-      right: 'calc(100% - 6px)'
-    };
-  } else if (placement.startsWith('bottom')) {
-    return {
-      bottom: '100%',
-      left: coords.x
-    };
-  } else {
-    return {
-      top: coords.y,
-      left: 'calc(100% - 6px)'
-    };
-  }
+}) {
+    if (placement.startsWith('top')) {
+        return {
+            top: '100%',
+            left: coords.x
+        };
+    } else if (placement.startsWith('right')) {
+        return {
+            top: coords.y,
+            right: 'calc(100% - 6px)'
+        };
+    } else if (placement.startsWith('bottom')) {
+        return {
+            bottom: '100%',
+            left: coords.x
+        };
+    } else {
+        return {
+            top: coords.y,
+            left: 'calc(100% - 6px)'
+        };
+    }
 }
-var DEFAULT_ARROW_WIDTH = 20;
-var DEFAULT_ARROW_HEIGHT = 8;
-
+const DEFAULT_ARROW_WIDTH = 20;
+const DEFAULT_ARROW_HEIGHT = 8;
 /**
  * Примечание 1.
  *
@@ -46,28 +44,24 @@ var DEFAULT_ARROW_HEIGHT = 8;
  * 2. Сместить положение SVG контейнера на высоту платформы – сделано в CSS через `translateY(1px)`.
  *
  * https://github.com/VKCOM/VKUI/issues/2123
- */
-var PLATFORM_HEIGHT = 1;
-var ARROW_HEIGHT_WITH_WHITE_SPACE = DEFAULT_ARROW_HEIGHT + PLATFORM_HEIGHT;
-export var PopperArrow = function PopperArrow(_ref) {
-  var coords = _ref.coords,
-    arrowClassName = _ref.arrowClassName,
-    placement = _ref.placement,
-    getRootRef = _ref.getRootRef;
-  return /*#__PURE__*/React.createElement("div", {
-    ref: getRootRef,
-    style: getPositionsStylesByCoords(placement, coords),
-    className: "vkuiPopperArrow",
-    "data-placement": placement
-  }, /*#__PURE__*/React.createElement("svg", {
-    className: classNames("vkuiPopperArrow__in", arrowClassName),
-    width: DEFAULT_ARROW_WIDTH,
-    height: ARROW_HEIGHT_WITH_WHITE_SPACE,
-    viewBox: "0 0 ".concat(DEFAULT_ARROW_WIDTH, " ").concat(ARROW_HEIGHT_WITH_WHITE_SPACE),
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M10 0c3 0 6 8 10 8v1H0V8c3.975 0 7-8 10-8Z",
-    fill: "currentColor"
-  })));
+ */ const PLATFORM_HEIGHT = 1;
+const ARROW_HEIGHT_WITH_WHITE_SPACE = DEFAULT_ARROW_HEIGHT + PLATFORM_HEIGHT;
+export const PopperArrow = ({ coords , arrowClassName , placement , getRootRef  })=>{
+    return /*#__PURE__*/ React.createElement("div", {
+        ref: getRootRef,
+        style: getPositionsStylesByCoords(placement, coords),
+        className: styles['PopperArrow'],
+        "data-placement": placement
+    }, /*#__PURE__*/ React.createElement("svg", {
+        className: classNames(styles['PopperArrow__in'], arrowClassName),
+        width: DEFAULT_ARROW_WIDTH,
+        height: ARROW_HEIGHT_WITH_WHITE_SPACE,
+        viewBox: `0 0 ${DEFAULT_ARROW_WIDTH} ${ARROW_HEIGHT_WITH_WHITE_SPACE}`,
+        xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/ React.createElement("path", {
+        d: "M10 0c3 0 6 8 10 8v1H0V8c3.975 0 7-8 10-8Z",
+        fill: "currentColor"
+    })));
 };
+
 //# sourceMappingURL=PopperArrow.js.map

package/dist/cssm/components/PopperArrow/PopperArrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopperArrow.js","names":["React","classNames","ARROW_PADDING","ARROW_WIDTH","ARROW_HEIGHT","getPositionsStylesByCoords","placement","coords","x","y","startsWith","top","left","right","bottom","DEFAULT_ARROW_WIDTH","DEFAULT_ARROW_HEIGHT","PLATFORM_HEIGHT","ARROW_HEIGHT_WITH_WHITE_SPACE","PopperArrow","arrowClassName","getRootRef"],"sources":["../../../../src/components/PopperArrow/PopperArrow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { Placement } from '../../lib/floating';\nimport type { HasRootRef } from '../../types';\nimport styles from './PopperArrow.module.css';\n\nexport const ARROW_PADDING = 10;\nexport const ARROW_WIDTH = 20;\nexport const ARROW_HEIGHT = 8;\n\ntype Coords = {\n  x?: number;\n  y?: number;\n};\n\nfunction getPositionsStylesByCoords(\n  placement: Placement,\n  coords: Coords = { x: 0, y: 0 },\n): React.CSSProperties {\n  if (placement.startsWith('top')) {\n    return {\n      top: '100%',\n      left: coords.x,\n    };\n  } else if (placement.startsWith('right')) {\n    return {\n      top: coords.y,\n      right: 'calc(100% - 6px)',\n    };\n  } else if (placement.startsWith('bottom')) {\n    return {\n      bottom: '100%',\n      left: coords.x,\n    };\n  } else {\n    return {\n      top: coords.y,\n      left: 'calc(100% - 6px)',\n    };\n  }\n}\n\nexport interface PopperArrowProps extends HasRootRef<HTMLDivElement> {\n  coords?: Coords;\n  placement: Placement;\n  arrowClassName?: string;\n}\n\nconst DEFAULT_ARROW_WIDTH = 20;\nconst DEFAULT_ARROW_HEIGHT = 8;\n\n/**\n * Примечание 1.\n *\n * В компоненте, SVG элемент `<path />` представляет собой стрелку с платформой в виде прямоугольника в 1px. Платформа\n * служит для исправления проблемы с белой полоской между контентом и стрелкой, которая зачастую проявляется при\n * изменении масштаба страницы.\n *\n * Чтобы исправление сработало нужно:\n * 1. Прибавить высоту платформы к `height` и `viewBox` SVG контейнера.\n * 2. Сместить положение SVG контейнера на высоту платформы – сделано в CSS через `translateY(1px)`.\n *\n * https://github.com/VKCOM/VKUI/issues/2123\n */\nconst PLATFORM_HEIGHT = 1;\nconst ARROW_HEIGHT_WITH_WHITE_SPACE = DEFAULT_ARROW_HEIGHT + PLATFORM_HEIGHT;\n\nexport const PopperArrow = ({\n  coords,\n  arrowClassName,\n  placement,\n  getRootRef,\n}: PopperArrowProps) => {\n  return (\n    <div\n      ref={getRootRef}\n      style={getPositionsStylesByCoords(placement, coords)}\n      className={styles['PopperArrow']}\n      data-placement={placement}\n    >\n      <svg\n        className={classNames(styles['PopperArrow__in'], arrowClassName)}\n        width={DEFAULT_ARROW_WIDTH}\n        height={ARROW_HEIGHT_WITH_WHITE_SPACE}\n        viewBox={`0 0 ${DEFAULT_ARROW_WIDTH} ${ARROW_HEIGHT_WITH_WHITE_SPACE}`}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path d=\"M10 0c3 0 6 8 10 8v1H0V8c3.975 0 7-8 10-8Z\" fill=\"currentColor\" />\n      </svg>\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAAC;AAK7C,OAAO,IAAMC,aAAa,GAAG,EAAE;AAC/B,OAAO,IAAMC,WAAW,GAAG,EAAE;AAC7B,OAAO,IAAMC,YAAY,GAAG,CAAC;AAO7B,SAASC,0BAA0B,CACjCC,SAAoB,EAEC;EAAA,IADrBC,MAAc,uEAAG;IAAEC,CAAC,EAAE,CAAC;IAAEC,CAAC,EAAE;EAAE,CAAC;EAE/B,IAAIH,SAAS,CAACI,UAAU,CAAC,KAAK,CAAC,EAAE;IAC/B,OAAO;MACLC,GAAG,EAAE,MAAM;MACXC,IAAI,EAAEL,MAAM,CAACC;IACf,CAAC;EACH,CAAC,MAAM,IAAIF,SAAS,CAACI,UAAU,CAAC,OAAO,CAAC,EAAE;IACxC,OAAO;MACLC,GAAG,EAAEJ,MAAM,CAACE,CAAC;MACbI,KAAK,EAAE;IACT,CAAC;EACH,CAAC,MAAM,IAAIP,SAAS,CAACI,UAAU,CAAC,QAAQ,CAAC,EAAE;IACzC,OAAO;MACLI,MAAM,EAAE,MAAM;MACdF,IAAI,EAAEL,MAAM,CAACC;IACf,CAAC;EACH,CAAC,MAAM;IACL,OAAO;MACLG,GAAG,EAAEJ,MAAM,CAACE,CAAC;MACbG,IAAI,EAAE;IACR,CAAC;EACH;AACF;AAQA,IAAMG,mBAAmB,GAAG,EAAE;AAC9B,IAAMC,oBAAoB,GAAG,CAAC;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,eAAe,GAAG,CAAC;AACzB,IAAMC,6BAA6B,GAAGF,oBAAoB,GAAGC,eAAe;AAE5E,OAAO,IAAME,WAAW,GAAG,SAAdA,WAAW,OAKA;EAAA,IAJtBZ,MAAM,QAANA,MAAM;IACNa,cAAc,QAAdA,cAAc;IACdd,SAAS,QAATA,SAAS;IACTe,UAAU,QAAVA,UAAU;EAEV,oBACE;IACE,GAAG,EAAEA,UAAW;IAChB,KAAK,EAAEhB,0BAA0B,CAACC,SAAS,EAAEC,MAAM,CAAE;IACrD,SAAS,mBAAwB;IACjC,kBAAgBD;EAAU,gBAE1B;IACE,SAAS,EAAEL,UAAU,wBAA4BmB,cAAc,CAAE;IACjE,KAAK,EAAEL,mBAAoB;IAC3B,MAAM,EAAEG,6BAA8B;IACtC,OAAO,gBAASH,mBAAmB,cAAIG,6BAA6B,CAAG;IACvE,KAAK,EAAC;EAA4B,gBAElC;IAAM,CAAC,EAAC,4CAA4C;IAAC,IAAI,EAAC;EAAc,EAAG,CACvE,CACF;AAEV,CAAC"}
+{"version":3,"sources":["../../../../src/components/PopperArrow/PopperArrow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { Placement } from '../../lib/floating';\nimport type { HasRootRef } from '../../types';\nimport styles from './PopperArrow.module.css';\n\nexport const ARROW_PADDING = 10;\nexport const ARROW_WIDTH = 20;\nexport const ARROW_HEIGHT = 8;\n\ntype Coords = {\n  x?: number;\n  y?: number;\n};\n\nfunction getPositionsStylesByCoords(\n  placement: Placement,\n  coords: Coords = { x: 0, y: 0 },\n): React.CSSProperties {\n  if (placement.startsWith('top')) {\n    return {\n      top: '100%',\n      left: coords.x,\n    };\n  } else if (placement.startsWith('right')) {\n    return {\n      top: coords.y,\n      right: 'calc(100% - 6px)',\n    };\n  } else if (placement.startsWith('bottom')) {\n    return {\n      bottom: '100%',\n      left: coords.x,\n    };\n  } else {\n    return {\n      top: coords.y,\n      left: 'calc(100% - 6px)',\n    };\n  }\n}\n\nexport interface PopperArrowProps extends HasRootRef<HTMLDivElement> {\n  coords?: Coords;\n  placement: Placement;\n  arrowClassName?: string;\n}\n\nconst DEFAULT_ARROW_WIDTH = 20;\nconst DEFAULT_ARROW_HEIGHT = 8;\n\n/**\n * Примечание 1.\n *\n * В компоненте, SVG элемент `<path />` представляет собой стрелку с платформой в виде прямоугольника в 1px. Платформа\n * служит для исправления проблемы с белой полоской между контентом и стрелкой, которая зачастую проявляется при\n * изменении масштаба страницы.\n *\n * Чтобы исправление сработало нужно:\n * 1. Прибавить высоту платформы к `height` и `viewBox` SVG контейнера.\n * 2. Сместить положение SVG контейнера на высоту платформы – сделано в CSS через `translateY(1px)`.\n *\n * https://github.com/VKCOM/VKUI/issues/2123\n */\nconst PLATFORM_HEIGHT = 1;\nconst ARROW_HEIGHT_WITH_WHITE_SPACE = DEFAULT_ARROW_HEIGHT + PLATFORM_HEIGHT;\n\nexport const PopperArrow = ({\n  coords,\n  arrowClassName,\n  placement,\n  getRootRef,\n}: PopperArrowProps) => {\n  return (\n    <div\n      ref={getRootRef}\n      style={getPositionsStylesByCoords(placement, coords)}\n      className={styles['PopperArrow']}\n      data-placement={placement}\n    >\n      <svg\n        className={classNames(styles['PopperArrow__in'], arrowClassName)}\n        width={DEFAULT_ARROW_WIDTH}\n        height={ARROW_HEIGHT_WITH_WHITE_SPACE}\n        viewBox={`0 0 ${DEFAULT_ARROW_WIDTH} ${ARROW_HEIGHT_WITH_WHITE_SPACE}`}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path d=\"M10 0c3 0 6 8 10 8v1H0V8c3.975 0 7-8 10-8Z\" fill=\"currentColor\" />\n      </svg>\n    </div>\n  );\n};\n"],"names":["React","classNames","styles","ARROW_PADDING","ARROW_WIDTH","ARROW_HEIGHT","getPositionsStylesByCoords","placement","coords","x","y","startsWith","top","left","right","bottom","DEFAULT_ARROW_WIDTH","DEFAULT_ARROW_HEIGHT","PLATFORM_HEIGHT","ARROW_HEIGHT_WITH_WHITE_SPACE","PopperArrow","arrowClassName","getRootRef","div","ref","style","className","data-placement","svg","width","height","viewBox","xmlns","path","d","fill"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAG7C,OAAOC,YAAY,2BAA2B;AAE9C,OAAO,MAAMC,gBAAgB,GAAG;AAChC,OAAO,MAAMC,cAAc,GAAG;AAC9B,OAAO,MAAMC,eAAe,EAAE;AAO9B,SAASC,2BACPC,SAAoB,EACpBC,SAAiB;IAAEC,GAAG;IAAGC,GAAG;AAAE,CAAC,EACV;IACrB,IAAIH,UAAUI,UAAU,CAAC,QAAQ;QAC/B,OAAO;YACLC,KAAK;YACLC,MAAML,OAAOC,CAAC;QAChB;IACF,OAAO,IAAIF,UAAUI,UAAU,CAAC,UAAU;QACxC,OAAO;YACLC,KAAKJ,OAAOE,CAAC;YACbI,OAAO;QACT;IACF,OAAO,IAAIP,UAAUI,UAAU,CAAC,WAAW;QACzC,OAAO;YACLI,QAAQ;YACRF,MAAML,OAAOC,CAAC;QAChB;IACF,OAAO;QACL,OAAO;YACLG,KAAKJ,OAAOE,CAAC;YACbG,MAAM;QACR;IACF,CAAC;AACH;AAQA,MAAMG,sBAAsB;AAC5B,MAAMC,uBAAuB;AAE7B;;;;;;;;;;;;CAYC,GACD,MAAMC,kBAAkB;AACxB,MAAMC,gCAAgCF,uBAAuBC;AAE7D,OAAO,MAAME,cAAc,CAAC,EAC1BZ,OAAM,EACNa,eAAc,EACdd,UAAS,EACTe,WAAU,EACO,GAAK;IACtB,qBACE,oBAACC;QACCC,KAAKF;QACLG,OAAOnB,2BAA2BC,WAAWC;QAC7CkB,WAAWxB,MAAM,CAAC,cAAc;QAChCyB,kBAAgBpB;qBAEhB,oBAACqB;QACCF,WAAWzB,WAAWC,MAAM,CAAC,kBAAkB,EAAEmB;QACjDQ,OAAOb;QACPc,QAAQX;QACRY,SAAS,CAAC,IAAI,EAAEf,oBAAoB,CAAC,EAAEG,8BAA8B,CAAC;QACtEa,OAAM;qBAEN,oBAACC;QAAKC,GAAE;QAA6CC,MAAK;;AAIlE,EAAE"}

package/dist/cssm/components/Progress/Progress.js

@@ -1,38 +1,29 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["value", "getRootRef", "className"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { clamp } from '../../helpers/math';
-import "./Progress.module.css";
-var PROGRESS_MIN_VALUE = 0;
-var PROGRESS_MAX_VALUE = 100;
-
+import styles from './Progress.module.css';
+const PROGRESS_MIN_VALUE = 0;
+const PROGRESS_MAX_VALUE = 100;
 /**
  * @see https://vkcom.github.io/VKUI/#/Progress
- */
-export var Progress = function Progress(_ref) {
-  var _ref$value = _ref.value,
-    value = _ref$value === void 0 ? 0 : _ref$value,
-    getRootRef = _ref.getRootRef,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var progress = clamp(value, PROGRESS_MIN_VALUE, PROGRESS_MAX_VALUE);
-  var title = "".concat(progress, " / ").concat(PROGRESS_MAX_VALUE);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    "aria-valuenow": value,
-    title: title
-  }, restProps, {
-    role: "progressbar",
-    "aria-valuemin": PROGRESS_MIN_VALUE,
-    "aria-valuemax": PROGRESS_MAX_VALUE,
-    ref: getRootRef,
-    className: classNames("vkuiProgress", className)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiProgress__in",
-    style: {
-      width: "".concat(progress, "%")
-    }
-  }));
+ */ export const Progress = ({ value =0 , getRootRef , className , ...restProps })=>{
+    const progress = clamp(value, PROGRESS_MIN_VALUE, PROGRESS_MAX_VALUE);
+    const title = `${progress} / ${PROGRESS_MAX_VALUE}`;
+    return /*#__PURE__*/ React.createElement("div", {
+        "aria-valuenow": value,
+        title: title,
+        ...restProps,
+        role: "progressbar",
+        "aria-valuemin": PROGRESS_MIN_VALUE,
+        "aria-valuemax": PROGRESS_MAX_VALUE,
+        ref: getRootRef,
+        className: classNames(styles['Progress'], className)
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: styles['Progress__in'],
+        style: {
+            width: `${progress}%`
+        }
+    }));
 };
+
 //# sourceMappingURL=Progress.js.map

package/dist/cssm/components/Progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","names":["React","classNames","clamp","PROGRESS_MIN_VALUE","PROGRESS_MAX_VALUE","Progress","value","getRootRef","className","restProps","progress","title","width"],"sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { HasRootRef } from '../../types';\nimport styles from './Progress.module.css';\n\nexport interface ProgressProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  value?: number;\n}\n\nconst PROGRESS_MIN_VALUE = 0;\nconst PROGRESS_MAX_VALUE = 100;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Progress\n */\nexport const Progress = ({ value = 0, getRootRef, className, ...restProps }: ProgressProps) => {\n  const progress = clamp(value, PROGRESS_MIN_VALUE, PROGRESS_MAX_VALUE);\n  const title = `${progress} / ${PROGRESS_MAX_VALUE}`;\n\n  return (\n    <div\n      aria-valuenow={value}\n      title={title}\n      {...restProps}\n      role=\"progressbar\"\n      aria-valuemin={PROGRESS_MIN_VALUE}\n      aria-valuemax={PROGRESS_MAX_VALUE}\n      ref={getRootRef}\n      className={classNames(styles['Progress'], className)}\n    >\n      <div className={styles['Progress__in']} style={{ width: `${progress}%` }} />\n    </div>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,KAAK,QAAQ,oBAAoB;AAAC;AAU3C,IAAMC,kBAAkB,GAAG,CAAC;AAC5B,IAAMC,kBAAkB,GAAG,GAAG;;AAE9B;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,OAA0E;EAAA,sBAApEC,KAAK;IAALA,KAAK,2BAAG,CAAC;IAAEC,UAAU,QAAVA,UAAU;IAAEC,SAAS,QAATA,SAAS;IAAKC,SAAS;EACvE,IAAMC,QAAQ,GAAGR,KAAK,CAACI,KAAK,EAAEH,kBAAkB,EAAEC,kBAAkB,CAAC;EACrE,IAAMO,KAAK,aAAMD,QAAQ,gBAAMN,kBAAkB,CAAE;EAEnD,oBACE;IACE,iBAAeE,KAAM;IACrB,KAAK,EAAEK;EAAM,GACTF,SAAS;IACb,IAAI,EAAC,aAAa;IAClB,iBAAeN,kBAAmB;IAClC,iBAAeC,kBAAmB;IAClC,GAAG,EAAEG,UAAW;IAChB,SAAS,EAAEN,UAAU,iBAAqBO,SAAS;EAAE,iBAErD;IAAK,SAAS,oBAAyB;IAAC,KAAK,EAAE;MAAEI,KAAK,YAAKF,QAAQ;IAAI;EAAE,EAAG,CACxE;AAEV,CAAC"}
+{"version":3,"sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { HasRootRef } from '../../types';\nimport styles from './Progress.module.css';\n\nexport interface ProgressProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  value?: number;\n}\n\nconst PROGRESS_MIN_VALUE = 0;\nconst PROGRESS_MAX_VALUE = 100;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Progress\n */\nexport const Progress = ({ value = 0, getRootRef, className, ...restProps }: ProgressProps) => {\n  const progress = clamp(value, PROGRESS_MIN_VALUE, PROGRESS_MAX_VALUE);\n  const title = `${progress} / ${PROGRESS_MAX_VALUE}`;\n\n  return (\n    <div\n      aria-valuenow={value}\n      title={title}\n      {...restProps}\n      role=\"progressbar\"\n      aria-valuemin={PROGRESS_MIN_VALUE}\n      aria-valuemax={PROGRESS_MAX_VALUE}\n      ref={getRootRef}\n      className={classNames(styles['Progress'], className)}\n    >\n      <div className={styles['Progress__in']} style={{ width: `${progress}%` }} />\n    </div>\n  );\n};\n"],"names":["React","classNames","clamp","styles","PROGRESS_MIN_VALUE","PROGRESS_MAX_VALUE","Progress","value","getRootRef","className","restProps","progress","title","div","aria-valuenow","role","aria-valuemin","aria-valuemax","ref","style","width"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,KAAK,QAAQ,qBAAqB;AAE3C,OAAOC,YAAY,wBAAwB;AAQ3C,MAAMC,qBAAqB;AAC3B,MAAMC,qBAAqB;AAE3B;;CAEC,GACD,OAAO,MAAMC,WAAW,CAAC,EAAEC,OAAQ,EAAC,EAAEC,WAAU,EAAEC,UAAS,EAAE,GAAGC,WAA0B,GAAK;IAC7F,MAAMC,WAAWT,MAAMK,OAAOH,oBAAoBC;IAClD,MAAMO,QAAQ,CAAC,EAAED,SAAS,GAAG,EAAEN,mBAAmB,CAAC;IAEnD,qBACE,oBAACQ;QACCC,iBAAeP;QACfK,OAAOA;QACN,GAAGF,SAAS;QACbK,MAAK;QACLC,iBAAeZ;QACfa,iBAAeZ;QACfa,KAAKV;QACLC,WAAWR,WAAWE,MAAM,CAAC,WAAW,EAAEM;qBAE1C,oBAACI;QAAIJ,WAAWN,MAAM,CAAC,eAAe;QAAEgB,OAAO;YAAEC,OAAO,CAAC,EAAET,SAAS,CAAC,CAAC;QAAC;;AAG7E,EAAE"}

package/dist/cssm/components/PromoBanner/PromoBanner.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-declare type StatsType = 'playbackStarted' | 'click';
-declare type BannerData = {
+type StatsType = 'playbackStarted' | 'click';
+type BannerData = {
     title?: string;
     url_types?: string;
     bannerID?: string;
@@ -35,6 +35,9 @@ export interface PromoBannerProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/PromoBanner
+ * @deprecated v5.3.1
+ *
+ * Используйте событие [VKWebAppShowBannerAd](https://dev.vk.com/mini-apps/monetization/ad/banners)
  */
 export declare const PromoBanner: ({ bannerData, onClose, isCloseButtonHidden, className, ...restProps }: PromoBannerProps) => JSX.Element;
 export {};

package/dist/cssm/components/PromoBanner/PromoBanner.js

@@ -1,76 +1,71 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["bannerData", "onClose", "isCloseButtonHidden", "className"];
 import * as React from 'react';
 import { Icon24Dismiss } from '@vkontakte/icons';
 import { classNames } from '@vkontakte/vkjs';
+import { warnOnce } from '../../lib/warnOnce';
 import { Button } from '../Button/Button';
 import { Image } from '../Image/Image';
 import { SimpleCell } from '../SimpleCell/SimpleCell';
 import { Footnote } from '../Typography/Footnote/Footnote';
-import "./PromoBanner.module.css";
+import styles from './PromoBanner.module.css';
+const warn = warnOnce('PromoBanner');
 /**
  * @see https://vkcom.github.io/VKUI/#/PromoBanner
- */
-export var PromoBanner = function PromoBanner(_ref) {
-  var _ref$bannerData = _ref.bannerData,
-    bannerData = _ref$bannerData === void 0 ? {} : _ref$bannerData,
-    onClose = _ref.onClose,
-    isCloseButtonHidden = _ref.isCloseButtonHidden,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _React$useState = React.useState(''),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    currentPixel = _React$useState2[0],
-    setCurrentPixel = _React$useState2[1];
-  var statsPixels = React.useMemo(function () {
-    return bannerData.statistics ? bannerData.statistics.reduce(function (acc, item) {
-      return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, item.type, item.url));
-    }, {}) : {};
-  }, [bannerData.statistics]);
-  var onClick = React.useCallback(function () {
-    return setCurrentPixel(statsPixels.click || '');
-  }, [statsPixels.click]);
-  React.useEffect(function () {
-    if (statsPixels.playbackStarted) {
-      setCurrentPixel(statsPixels.playbackStarted);
+ * @deprecated v5.3.1
+ *
+ * Используйте событие [VKWebAppShowBannerAd](https://dev.vk.com/mini-apps/monetization/ad/banners)
+ */ export const PromoBanner = ({ bannerData ={} , onClose , isCloseButtonHidden , className , ...restProps })=>{
+    if (process.env.NODE_ENV === 'development') {
+        warn('Компонент устарел и будет удален в v6. Используйте событие VKWebAppShowBannerAd https://dev.vk.com/mini-apps/monetization/ad/banners');
     }
-  }, [statsPixels.playbackStarted]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames("vkuiPromoBanner", className)
-  }, restProps), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiPromoBanner__head"
-  }, /*#__PURE__*/React.createElement(Footnote, {
-    className: "vkuiPromoBanner__label"
-  }, bannerData.advertisingLabel || 'Advertisement'), bannerData.ageRestrictions && /*#__PURE__*/React.createElement(Footnote, {
-    className: "vkuiPromoBanner__age"
-  }, bannerData.ageRestrictions), !isCloseButtonHidden && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiPromoBanner__close",
-    onClick: onClose
-  }, /*#__PURE__*/React.createElement(Icon24Dismiss, null))), /*#__PURE__*/React.createElement(SimpleCell, {
-    href: bannerData.trackingLink,
-    onClick: onClick,
-    rel: "nofollow noopener noreferrer",
-    target: "_blank",
-    before: bannerData.iconLink && /*#__PURE__*/React.createElement(Image, {
-      size: 48,
-      src: bannerData.iconLink,
-      alt: bannerData.title,
-      "data-testid": process.env.NODE_ENV === 'test' ? 'avatar' : undefined
-    }),
-    after: bannerData.ctaText && /*#__PURE__*/React.createElement(Button, {
-      mode: "outline",
-      "data-testid": process.env.NODE_ENV === 'test' ? 'button-ctaText' : undefined
-    }, bannerData.ctaText),
-    subtitle: bannerData.domain
-  }, bannerData.title), currentPixel.length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiPromoBanner__pixels"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: currentPixel,
-    alt: ""
-  })));
+    const [currentPixel, setCurrentPixel] = React.useState('');
+    const statsPixels = React.useMemo(()=>bannerData.statistics ? bannerData.statistics.reduce((acc, item)=>({
+                ...acc,
+                [item.type]: item.url
+            }), {}) : {}, [
+        bannerData.statistics
+    ]);
+    const onClick = React.useCallback(()=>setCurrentPixel(statsPixels.click || ''), [
+        statsPixels.click
+    ]);
+    React.useEffect(()=>{
+        if (statsPixels.playbackStarted) {
+            setCurrentPixel(statsPixels.playbackStarted);
+        }
+    }, [
+        statsPixels.playbackStarted
+    ]);
+    return /*#__PURE__*/ React.createElement("div", {
+        className: classNames(styles['PromoBanner'], className),
+        ...restProps
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: styles['PromoBanner__head']
+    }, /*#__PURE__*/ React.createElement(Footnote, null, bannerData.advertisingLabel || 'Advertisement'), bannerData.ageRestrictions && /*#__PURE__*/ React.createElement(Footnote, {
+        className: styles['PromoBanner__age']
+    }, bannerData.ageRestrictions), !isCloseButtonHidden && /*#__PURE__*/ React.createElement("div", {
+        className: styles['PromoBanner__close'],
+        onClick: onClose
+    }, /*#__PURE__*/ React.createElement(Icon24Dismiss, null))), /*#__PURE__*/ React.createElement(SimpleCell, {
+        href: bannerData.trackingLink,
+        onClick: onClick,
+        rel: "nofollow noopener noreferrer",
+        target: "_blank",
+        before: bannerData.iconLink && /*#__PURE__*/ React.createElement(Image, {
+            size: 48,
+            src: bannerData.iconLink,
+            alt: bannerData.title,
+            "data-testid": process.env.NODE_ENV === 'test' ? 'avatar' : undefined
+        }),
+        after: bannerData.ctaText && /*#__PURE__*/ React.createElement(Button, {
+            mode: "outline",
+            "data-testid": process.env.NODE_ENV === 'test' ? 'button-ctaText' : undefined
+        }, bannerData.ctaText),
+        subtitle: bannerData.domain
+    }, bannerData.title), currentPixel.length > 0 && /*#__PURE__*/ React.createElement("div", {
+        className: styles['PromoBanner__pixels']
+    }, /*#__PURE__*/ React.createElement("img", {
+        src: currentPixel,
+        alt: ""
+    })));
 };
+
 //# sourceMappingURL=PromoBanner.js.map

package/dist/cssm/components/PromoBanner/PromoBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromoBanner.js","names":["React","Icon24Dismiss","classNames","Button","Image","SimpleCell","Footnote","PromoBanner","bannerData","onClose","isCloseButtonHidden","className","restProps","useState","currentPixel","setCurrentPixel","statsPixels","useMemo","statistics","reduce","acc","item","type","url","onClick","useCallback","click","useEffect","playbackStarted","advertisingLabel","ageRestrictions","trackingLink","iconLink","title","process","env","NODE_ENV","undefined","ctaText","domain","length"],"sources":["../../../../src/components/PromoBanner/PromoBanner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24Dismiss } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Button } from '../Button/Button';\nimport { Image } from '../Image/Image';\nimport { SimpleCell } from '../SimpleCell/SimpleCell';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './PromoBanner.module.css';\n\ntype StatsType =\n  | 'playbackStarted' // Начало показа\n  | 'click'; // Клик по баннеру\n\ntype BannerData = {\n  title?: string;\n  url_types?: string;\n  bannerID?: string;\n  imageWidth?: number;\n  imageHeight?: number;\n  imageLink?: string;\n  trackingLink?: string;\n  type?: string;\n  iconWidth?: number;\n  domain?: string;\n  ctaText?: string;\n  advertisingLabel?: string;\n  iconLink?: string;\n  statistics?: Array<{ type: StatsType; url: string }>;\n  openInBrowser?: boolean;\n  iconHeight?: number;\n  directLink?: boolean;\n  navigationType?: string;\n  description?: string;\n  ageRestrictions?: string;\n};\n\nexport interface PromoBannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Данные рекламного баннера, полученные из VKWebAppGetAds */\n  bannerData: BannerData;\n  /** Флаг скрытия кнопки закрытия рекламы */\n  isCloseButtonHidden?: boolean;\n  /** Хандлер закрытия рекламы */\n  onClose: () => void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PromoBanner\n */\nexport const PromoBanner = ({\n  bannerData = {},\n  onClose,\n  isCloseButtonHidden,\n  className,\n  ...restProps\n}: PromoBannerProps) => {\n  const [currentPixel, setCurrentPixel] = React.useState('');\n\n  const statsPixels = React.useMemo(\n    () =>\n      (bannerData.statistics\n        ? bannerData.statistics.reduce((acc, item) => ({ ...acc, [item.type]: item.url }), {})\n        : {}) as Record<StatsType, string | void>,\n    [bannerData.statistics],\n  );\n\n  const onClick = React.useCallback(\n    () => setCurrentPixel(statsPixels.click || ''),\n    [statsPixels.click],\n  );\n\n  React.useEffect(() => {\n    if (statsPixels.playbackStarted) {\n      setCurrentPixel(statsPixels.playbackStarted);\n    }\n  }, [statsPixels.playbackStarted]);\n\n  return (\n    <div className={classNames(styles['PromoBanner'], className)} {...restProps}>\n      <div className={styles['PromoBanner__head']}>\n        <Footnote className={styles['PromoBanner__label']}>\n          {bannerData.advertisingLabel || 'Advertisement'}\n        </Footnote>\n        {bannerData.ageRestrictions && (\n          <Footnote className={styles['PromoBanner__age']}>{bannerData.ageRestrictions}</Footnote>\n        )}\n\n        {!isCloseButtonHidden && (\n          <div className={styles['PromoBanner__close']} onClick={onClose}>\n            <Icon24Dismiss />\n          </div>\n        )}\n      </div>\n      <SimpleCell\n        href={bannerData.trackingLink}\n        onClick={onClick}\n        rel=\"nofollow noopener noreferrer\"\n        target=\"_blank\"\n        before={\n          bannerData.iconLink && (\n            <Image\n              size={48}\n              src={bannerData.iconLink}\n              alt={bannerData.title}\n              data-testid={process.env.NODE_ENV === 'test' ? 'avatar' : undefined}\n            />\n          )\n        }\n        after={\n          bannerData.ctaText && (\n            <Button\n              mode=\"outline\"\n              data-testid={process.env.NODE_ENV === 'test' ? 'button-ctaText' : undefined}\n            >\n              {bannerData.ctaText}\n            </Button>\n          )\n        }\n        subtitle={bannerData.domain}\n      >\n        {bannerData.title}\n      </SimpleCell>\n\n      {currentPixel.length > 0 && (\n        <div className={styles['PromoBanner__pixels']}>\n          <img src={currentPixel} alt=\"\" />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/PromoBanner/PromoBanner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon24Dismiss } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { Button } from '../Button/Button';\nimport { Image } from '../Image/Image';\nimport { SimpleCell } from '../SimpleCell/SimpleCell';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './PromoBanner.module.css';\n\nconst warn = warnOnce('PromoBanner');\n\ntype StatsType =\n  | 'playbackStarted' // Начало показа\n  | 'click'; // Клик по баннеру\n\ntype BannerData = {\n  title?: string;\n  url_types?: string;\n  bannerID?: string;\n  imageWidth?: number;\n  imageHeight?: number;\n  imageLink?: string;\n  trackingLink?: string;\n  type?: string;\n  iconWidth?: number;\n  domain?: string;\n  ctaText?: string;\n  advertisingLabel?: string;\n  iconLink?: string;\n  statistics?: Array<{ type: StatsType; url: string }>;\n  openInBrowser?: boolean;\n  iconHeight?: number;\n  directLink?: boolean;\n  navigationType?: string;\n  description?: string;\n  ageRestrictions?: string;\n};\n\nexport interface PromoBannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Данные рекламного баннера, полученные из VKWebAppGetAds */\n  bannerData: BannerData;\n  /** Флаг скрытия кнопки закрытия рекламы */\n  isCloseButtonHidden?: boolean;\n  /** Хандлер закрытия рекламы */\n  onClose: () => void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PromoBanner\n * @deprecated v5.3.1\n *\n * Используйте событие [VKWebAppShowBannerAd](https://dev.vk.com/mini-apps/monetization/ad/banners)\n */\nexport const PromoBanner = ({\n  bannerData = {},\n  onClose,\n  isCloseButtonHidden,\n  className,\n  ...restProps\n}: PromoBannerProps) => {\n  if (process.env.NODE_ENV === 'development') {\n    warn(\n      'Компонент устарел и будет удален в v6. Используйте событие VKWebAppShowBannerAd https://dev.vk.com/mini-apps/monetization/ad/banners',\n    );\n  }\n\n  const [currentPixel, setCurrentPixel] = React.useState('');\n\n  const statsPixels = React.useMemo(\n    () =>\n      (bannerData.statistics\n        ? bannerData.statistics.reduce((acc, item) => ({ ...acc, [item.type]: item.url }), {})\n        : {}) as Record<StatsType, string | void>,\n    [bannerData.statistics],\n  );\n\n  const onClick = React.useCallback(\n    () => setCurrentPixel(statsPixels.click || ''),\n    [statsPixels.click],\n  );\n\n  React.useEffect(() => {\n    if (statsPixels.playbackStarted) {\n      setCurrentPixel(statsPixels.playbackStarted);\n    }\n  }, [statsPixels.playbackStarted]);\n\n  return (\n    <div className={classNames(styles['PromoBanner'], className)} {...restProps}>\n      <div className={styles['PromoBanner__head']}>\n        <Footnote>{bannerData.advertisingLabel || 'Advertisement'}</Footnote>\n        {bannerData.ageRestrictions && (\n          <Footnote className={styles['PromoBanner__age']}>{bannerData.ageRestrictions}</Footnote>\n        )}\n\n        {!isCloseButtonHidden && (\n          <div className={styles['PromoBanner__close']} onClick={onClose}>\n            <Icon24Dismiss />\n          </div>\n        )}\n      </div>\n      <SimpleCell\n        href={bannerData.trackingLink}\n        onClick={onClick}\n        rel=\"nofollow noopener noreferrer\"\n        target=\"_blank\"\n        before={\n          bannerData.iconLink && (\n            <Image\n              size={48}\n              src={bannerData.iconLink}\n              alt={bannerData.title}\n              data-testid={process.env.NODE_ENV === 'test' ? 'avatar' : undefined}\n            />\n          )\n        }\n        after={\n          bannerData.ctaText && (\n            <Button\n              mode=\"outline\"\n              data-testid={process.env.NODE_ENV === 'test' ? 'button-ctaText' : undefined}\n            >\n              {bannerData.ctaText}\n            </Button>\n          )\n        }\n        subtitle={bannerData.domain}\n      >\n        {bannerData.title}\n      </SimpleCell>\n\n      {currentPixel.length > 0 && (\n        <div className={styles['PromoBanner__pixels']}>\n          <img src={currentPixel} alt=\"\" />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["React","Icon24Dismiss","classNames","warnOnce","Button","Image","SimpleCell","Footnote","styles","warn","PromoBanner","bannerData","onClose","isCloseButtonHidden","className","restProps","process","env","NODE_ENV","currentPixel","setCurrentPixel","useState","statsPixels","useMemo","statistics","reduce","acc","item","type","url","onClick","useCallback","click","useEffect","playbackStarted","div","advertisingLabel","ageRestrictions","href","trackingLink","rel","target","before","iconLink","size","src","alt","title","data-testid","undefined","after","ctaText","mode","subtitle","domain","length","img"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,KAAK,QAAQ,iBAAiB;AACvC,SAASC,UAAU,QAAQ,2BAA2B;AACtD,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,OAAOC,YAAY,2BAA2B;AAE9C,MAAMC,OAAON,SAAS;AAsCtB;;;;;CAKC,GACD,OAAO,MAAMO,cAAc,CAAC,EAC1BC,YAAa,CAAC,EAAC,EACfC,QAAO,EACPC,oBAAmB,EACnBC,UAAS,EACT,GAAGC,WACc,GAAK;IACtB,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1CT,KACE;IAEJ,CAAC;IAED,MAAM,CAACU,cAAcC,gBAAgB,GAAGpB,MAAMqB,QAAQ,CAAC;IAEvD,MAAMC,cAActB,MAAMuB,OAAO,CAC/B,IACGZ,WAAWa,UAAU,GAClBb,WAAWa,UAAU,CAACC,MAAM,CAAC,CAACC,KAAKC,OAAU,CAAA;gBAAE,GAAGD,GAAG;gBAAE,CAACC,KAAKC,IAAI,CAAC,EAAED,KAAKE,GAAG;YAAC,CAAA,GAAI,CAAC,KAClF,CAAC,CAAC,EACR;QAAClB,WAAWa,UAAU;KAAC;IAGzB,MAAMM,UAAU9B,MAAM+B,WAAW,CAC/B,IAAMX,gBAAgBE,YAAYU,KAAK,IAAI,KAC3C;QAACV,YAAYU,KAAK;KAAC;IAGrBhC,MAAMiC,SAAS,CAAC,IAAM;QACpB,IAAIX,YAAYY,eAAe,EAAE;YAC/Bd,gBAAgBE,YAAYY,eAAe;QAC7C,CAAC;IACH,GAAG;QAACZ,YAAYY,eAAe;KAAC;IAEhC,qBACE,oBAACC;QAAIrB,WAAWZ,WAAWM,MAAM,CAAC,cAAc,EAAEM;QAAa,GAAGC,SAAS;qBACzE,oBAACoB;QAAIrB,WAAWN,MAAM,CAAC,oBAAoB;qBACzC,oBAACD,gBAAUI,WAAWyB,gBAAgB,IAAI,kBACzCzB,WAAW0B,eAAe,kBACzB,oBAAC9B;QAASO,WAAWN,MAAM,CAAC,mBAAmB;OAAGG,WAAW0B,eAAe,GAG7E,CAACxB,qCACA,oBAACsB;QAAIrB,WAAWN,MAAM,CAAC,qBAAqB;QAAEsB,SAASlB;qBACrD,oBAACX,sCAIP,oBAACK;QACCgC,MAAM3B,WAAW4B,YAAY;QAC7BT,SAASA;QACTU,KAAI;QACJC,QAAO;QACPC,QACE/B,WAAWgC,QAAQ,kBACjB,oBAACtC;YACCuC,MAAM;YACNC,KAAKlC,WAAWgC,QAAQ;YACxBG,KAAKnC,WAAWoC,KAAK;YACrBC,eAAahC,QAAQC,GAAG,CAACC,QAAQ,KAAK,SAAS,WAAW+B,SAAS;;QAIzEC,OACEvC,WAAWwC,OAAO,kBAChB,oBAAC/C;YACCgD,MAAK;YACLJ,eAAahC,QAAQC,GAAG,CAACC,QAAQ,KAAK,SAAS,mBAAmB+B,SAAS;WAE1EtC,WAAWwC,OAAO;QAIzBE,UAAU1C,WAAW2C,MAAM;OAE1B3C,WAAWoC,KAAK,GAGlB5B,aAAaoC,MAAM,GAAG,mBACrB,oBAACpB;QAAIrB,WAAWN,MAAM,CAAC,sBAAsB;qBAC3C,oBAACgD;QAAIX,KAAK1B;QAAc2B,KAAI;;AAKtC,EAAE"}