@salutejs/plasma-new-hope 0.326.0-canary.2013.15538813402.0 → 0.326.0-canary.2013.15555525626.0

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 (99) hide show
  1. package/cjs/components/Carousel/CarouselNew/Carousel.css +5 -7
  2. package/cjs/components/Carousel/CarouselNew/Carousel.js +6 -11
  3. package/cjs/components/Carousel/CarouselNew/Carousel.js.map +1 -1
  4. package/cjs/components/Carousel/CarouselNew/Carousel.styles.js +4 -13
  5. package/cjs/components/Carousel/CarouselNew/Carousel.styles.js.map +1 -1
  6. package/cjs/components/Carousel/CarouselNew/{Carousel.styles_1fs4wwn.css → Carousel.styles_a2t6qm.css} +2 -2
  7. package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +17 -61
  8. package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js.map +1 -1
  9. package/cjs/components/Carousel/CarouselOld/CarouselItem.js +1 -1
  10. package/cjs/components/Carousel/CarouselOld/CarouselItem.js.map +1 -1
  11. package/{es/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css → cjs/components/Carousel/CarouselOld/CarouselItem_1meatnt.css} +1 -1
  12. package/cjs/index.css +6 -8
  13. package/cjs/index.js +1 -1
  14. package/emotion/cjs/components/Carousel/CarouselNew/Carousel.js +6 -11
  15. package/emotion/cjs/components/Carousel/CarouselNew/Carousel.styles.js +17 -12
  16. package/emotion/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +17 -60
  17. package/emotion/cjs/components/Carousel/CarouselNew/ui/index.js +0 -11
  18. package/emotion/cjs/components/Carousel/CarouselOld/CarouselItem.js +1 -1
  19. package/emotion/cjs/components/Carousel/index.js +4 -4
  20. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +3 -3
  21. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +22 -15
  22. package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.config.js +14 -2
  23. package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.js +1 -1
  24. package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.stories.tsx +92 -32
  25. package/emotion/es/components/Carousel/CarouselNew/Carousel.js +6 -11
  26. package/emotion/es/components/Carousel/CarouselNew/Carousel.styles.js +17 -12
  27. package/emotion/es/components/Carousel/CarouselNew/hooks/useCarousel.js +17 -60
  28. package/emotion/es/components/Carousel/CarouselNew/ui/index.js +0 -1
  29. package/emotion/es/components/Carousel/CarouselOld/CarouselItem.js +1 -1
  30. package/emotion/es/components/Carousel/index.js +1 -1
  31. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +4 -4
  32. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +22 -15
  33. package/emotion/es/examples/plasma_web/components/Carousel/Carousel.config.js +14 -2
  34. package/emotion/es/examples/plasma_web/components/Carousel/Carousel.js +2 -2
  35. package/emotion/es/examples/plasma_web/components/Carousel/Carousel.stories.tsx +92 -32
  36. package/es/components/Carousel/CarouselNew/Carousel.css +5 -7
  37. package/es/components/Carousel/CarouselNew/Carousel.js +6 -11
  38. package/es/components/Carousel/CarouselNew/Carousel.js.map +1 -1
  39. package/es/components/Carousel/CarouselNew/Carousel.styles.js +4 -13
  40. package/es/components/Carousel/CarouselNew/Carousel.styles.js.map +1 -1
  41. package/es/components/Carousel/CarouselNew/{Carousel.styles_1fs4wwn.css → Carousel.styles_a2t6qm.css} +2 -2
  42. package/es/components/Carousel/CarouselNew/hooks/useCarousel.js +17 -61
  43. package/es/components/Carousel/CarouselNew/hooks/useCarousel.js.map +1 -1
  44. package/es/components/Carousel/CarouselOld/CarouselItem.js +1 -1
  45. package/es/components/Carousel/CarouselOld/CarouselItem.js.map +1 -1
  46. package/{cjs/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css → es/components/Carousel/CarouselOld/CarouselItem_1meatnt.css} +1 -1
  47. package/es/index.css +6 -8
  48. package/es/index.js +1 -1
  49. package/package.json +5 -5
  50. package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.js +6 -11
  51. package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.styles.js +2 -5
  52. package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +17 -60
  53. package/styled-components/cjs/components/Carousel/CarouselNew/ui/index.js +0 -11
  54. package/styled-components/cjs/components/Carousel/CarouselOld/CarouselItem.js +1 -1
  55. package/styled-components/cjs/components/Carousel/index.js +4 -4
  56. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -2
  57. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +22 -15
  58. package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.config.js +14 -2
  59. package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.js +1 -1
  60. package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.stories.tsx +92 -32
  61. package/styled-components/es/components/Carousel/CarouselNew/Carousel.js +6 -11
  62. package/styled-components/es/components/Carousel/CarouselNew/Carousel.styles.js +2 -5
  63. package/styled-components/es/components/Carousel/CarouselNew/hooks/useCarousel.js +17 -60
  64. package/styled-components/es/components/Carousel/CarouselNew/ui/index.js +0 -1
  65. package/styled-components/es/components/Carousel/CarouselOld/CarouselItem.js +1 -1
  66. package/styled-components/es/components/Carousel/index.js +1 -1
  67. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -2
  68. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +22 -15
  69. package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.config.js +14 -2
  70. package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.js +2 -2
  71. package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.stories.tsx +92 -32
  72. package/types/components/Carousel/CarouselNew/Carousel.d.ts.map +1 -1
  73. package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts +1 -4
  74. package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts.map +1 -1
  75. package/types/components/Carousel/CarouselNew/Carousel.types.d.ts +6 -67
  76. package/types/components/Carousel/CarouselNew/Carousel.types.d.ts.map +1 -1
  77. package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts +4 -6
  78. package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts.map +1 -1
  79. package/types/components/Carousel/CarouselNew/ui/index.d.ts +0 -1
  80. package/types/components/Carousel/CarouselNew/ui/index.d.ts.map +1 -1
  81. package/types/components/Carousel/CarouselOld/CarouselItem.d.ts.map +1 -1
  82. package/types/components/Carousel/index.d.ts +1 -1
  83. package/types/components/Carousel/index.d.ts.map +1 -1
  84. package/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -62
  85. package/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js.map +0 -1
  86. package/emotion/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -65
  87. package/emotion/cjs/components/Carousel/CarouselNew/ui/Item/Item.js +0 -38
  88. package/emotion/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -59
  89. package/emotion/es/components/Carousel/CarouselNew/ui/Item/Item.js +0 -31
  90. package/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -58
  91. package/es/components/Carousel/CarouselNew/hooks/useDragScroll.js.map +0 -1
  92. package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -65
  93. package/styled-components/cjs/components/Carousel/CarouselNew/ui/Item/Item.js +0 -37
  94. package/styled-components/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -59
  95. package/styled-components/es/components/Carousel/CarouselNew/ui/Item/Item.js +0 -30
  96. package/types/components/Carousel/CarouselNew/hooks/useDragScroll.d.ts +0 -2
  97. package/types/components/Carousel/CarouselNew/hooks/useDragScroll.d.ts.map +0 -1
  98. package/types/components/Carousel/CarouselNew/ui/Item/Item.d.ts +0 -4
  99. package/types/components/Carousel/CarouselNew/ui/Item/Item.d.ts.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"useCarousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/CarouselNew/hooks/useCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,gBAAgB,IAAI,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/F;;GAEG;AACH,eAAO,MAAM,mBAAmB,aAAc,OAAO,WAAW,OAAO,QAAQ,UAAU,WAGxF,CAAC;AAyCF;;GAEG;AACH,eAAO,MAAM,gBAAgB,2DAO1B;IACC,QAAQ,EAAE,WAAW,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACrC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC5B,WAqCA,CAAC;AAKF,QAAA,MAAM,GAAG;gBACO,MAAM;gBAEN,MAAM;iBAEL,MAAM;mBACJ,MAAM;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,GAAG,CAAC;AAE9C;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,SACpB,OAAO,OACR,MAAM,aACD,MAAM,mBACA,cAAc,KAC/B,IAeF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,iEAOrB;IACC,QAAQ,EAAE,WAAW,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC,SAQA,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,WAAW,cACT,MAAM,WACR,MAAM,YACL,MAAM,eACH,MAAM,cACP,MAAM,eACL,WAAW,uDAkC3B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAElF;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,aAmB7E,GAAG,EAAE,UAIzB;AAED,KAAK,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,GAAG;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC7C,CAAC;AAKF,eAAO,MAAM,WAAW,kGAQrB,kBAAkB,KAAG,qBA6LvB,CAAC"}
1
+ {"version":3,"file":"useCarousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/CarouselNew/hooks/useCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,gBAAgB,IAAI,aAAa,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEnF;;GAEG;AACH,eAAO,MAAM,mBAAmB,aAAc,OAAO,WAAW,OAAO,WAGtE,CAAC;AAsCF;;GAEG;AACH,eAAO,MAAM,gBAAgB,qDAM1B;IACC,QAAQ,EAAE,WAAW,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC5B,WAuBA,CAAC;AAKF,QAAA,MAAM,GAAG;gBACO,MAAM;gBAEN,MAAM;iBAEL,MAAM;mBACJ,MAAM;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,GAAG,CAAC;AAE9C;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,SACpB,OAAO,OACR,MAAM,aACD,MAAM,mBACA,cAAc,KAC/B,IAeF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,2DAMrB;IACC,QAAQ,EAAE,WAAW,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC,SAQA,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,WAAW,cACT,MAAM,WACR,MAAM,YACL,MAAM,eACH,MAAM,cACP,MAAM,eACL,WAAW,uDAkC3B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAElF;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,aAmB7E,GAAG,EAAE,UAIzB;AAED,KAAK,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,GAAG;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC7C,CAAC;AAKF,eAAO,MAAM,WAAW,kGAQrB,kBAAkB,KAAG,qBAsKvB,CAAC"}
@@ -1,3 +1,2 @@
1
- export * from './Item/Item';
2
1
  export * from './Dots/Dots';
3
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/CarouselNew/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/CarouselNew/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselOld/CarouselItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAuB,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAO1E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiBpD,CAAC"}
1
+ {"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselOld/CarouselItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAuB,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAQ1E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiBpD,CAAC"}
@@ -3,6 +3,6 @@ export { CarouselGridWrapper } from './CarouselOld/Carousel.styles';
3
3
  export type { CarouselProps, CarouselItemProps } from './CarouselOld/Carousel.types';
4
4
  export { CarouselItem } from './CarouselOld/CarouselItem';
5
5
  export { carouselNewConfig, carouselNewRoot } from './CarouselNew/Carousel';
6
- export { tokens as carouselTokens } from './CarouselNew/Carousel.tokens';
6
+ export { tokens as carouselNewTokens } from './CarouselNew/Carousel.tokens';
7
7
  export type { CarouselNewProps } from './CarouselNew/Carousel.types';
8
8
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACzE,YAAY,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,YAAY,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC"}
@@ -1,62 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
6
- var React = require('react');
7
-
8
- var SCROLL_SPEED = 2;
9
- var useDragScroll = function useDragScroll(scrollRef, isDragScrollDisabled) {
10
- var _useState = React.useState(false),
11
- _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
12
- isDragging = _useState2[0],
13
- setDragging = _useState2[1];
14
- var _useState3 = React.useState(0),
15
- _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
16
- startX = _useState4[0],
17
- setStartX = _useState4[1];
18
- var _useState5 = React.useState(0),
19
- _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
20
- scrollLeft = _useState6[0],
21
- setScrollLeft = _useState6[1];
22
- var handleMouseMove = React.useCallback(function (e) {
23
- if (isDragging && scrollRef && scrollRef.current) {
24
- var dx = (e.clientX - startX) * SCROLL_SPEED;
25
- scrollRef.current.scrollLeft = scrollLeft - dx;
26
- }
27
- }, [scrollRef, scrollLeft, isDragging, startX]);
28
- var handleMouseUp = React.useCallback(function () {
29
- setDragging(false);
30
- if (scrollRef && scrollRef.current) {
31
- scrollRef.current.style.cursor = 'grab';
32
- }
33
- }, [scrollRef, setDragging]);
34
- var handleMouseDown = React.useCallback(function (e) {
35
- setDragging(true);
36
- if (scrollRef && scrollRef.current) {
37
- setStartX(e.clientX);
38
- setScrollLeft(scrollRef.current.scrollLeft);
39
- scrollRef.current.style.cursor = 'grabbing';
40
- }
41
- }, [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove]);
42
- React.useEffect(function () {
43
- if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
44
- scrollRef.current.style.userSelect = 'none';
45
- scrollRef.current.addEventListener('mousedown', handleMouseDown);
46
- scrollRef.current.addEventListener('mouseup', handleMouseUp);
47
- scrollRef.current.addEventListener('mouseleave', handleMouseUp);
48
- scrollRef.current.addEventListener('mousemove', handleMouseMove);
49
- }
50
- return function () {
51
- if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
52
- scrollRef.current.removeEventListener('mousedown', handleMouseDown);
53
- scrollRef.current.removeEventListener('mouseup', handleMouseUp);
54
- scrollRef.current.removeEventListener('mouseleave', handleMouseUp);
55
- scrollRef.current.removeEventListener('mousemove', handleMouseMove);
56
- }
57
- };
58
- }, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);
59
- };
60
-
61
- exports.useDragScroll = useDragScroll;
62
- //# sourceMappingURL=useDragScroll.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useDragScroll.js","sources":["../../../../../src/components/Carousel/CarouselNew/hooks/useDragScroll.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nconst SCROLL_SPEED = 2;\n\nexport const useDragScroll = <T extends HTMLElement>(\n scrollRef: React.MutableRefObject<T | null>,\n isDragScrollDisabled?: boolean,\n) => {\n const [isDragging, setDragging] = useState(false);\n const [startX, setStartX] = useState(0);\n const [scrollLeft, setScrollLeft] = useState(0);\n\n const handleMouseMove = useCallback(\n (e: MouseEvent): void => {\n if (isDragging && scrollRef && scrollRef.current) {\n const dx = (e.clientX - startX) * SCROLL_SPEED;\n scrollRef.current.scrollLeft = scrollLeft - dx;\n }\n },\n [scrollRef, scrollLeft, isDragging, startX],\n );\n\n const handleMouseUp = useCallback((): void => {\n setDragging(false);\n\n if (scrollRef && scrollRef.current) {\n scrollRef.current.style.cursor = 'grab';\n }\n }, [scrollRef, setDragging]);\n\n const handleMouseDown = useCallback(\n (e: MouseEvent): void => {\n setDragging(true);\n\n if (scrollRef && scrollRef.current) {\n setStartX(e.clientX);\n setScrollLeft(scrollRef.current.scrollLeft);\n\n scrollRef.current.style.cursor = 'grabbing';\n }\n },\n [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove],\n );\n\n useEffect(() => {\n if (scrollRef && scrollRef.current && !isDragScrollDisabled) {\n scrollRef.current.style.userSelect = 'none';\n scrollRef.current.addEventListener('mousedown', handleMouseDown);\n scrollRef.current.addEventListener('mouseup', handleMouseUp);\n scrollRef.current.addEventListener('mouseleave', handleMouseUp);\n scrollRef.current.addEventListener('mousemove', handleMouseMove);\n }\n\n return () => {\n if (scrollRef && scrollRef.current && !isDragScrollDisabled) {\n scrollRef.current.removeEventListener('mousedown', handleMouseDown);\n scrollRef.current.removeEventListener('mouseup', handleMouseUp);\n scrollRef.current.removeEventListener('mouseleave', handleMouseUp);\n scrollRef.current.removeEventListener('mousemove', handleMouseMove);\n }\n };\n }, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);\n};\n"],"names":["SCROLL_SPEED","useDragScroll","scrollRef","isDragScrollDisabled","_useState","useState","_useState2","_slicedToArray","isDragging","setDragging","_useState3","_useState4","startX","setStartX","_useState5","_useState6","scrollLeft","setScrollLeft","handleMouseMove","useCallback","e","current","dx","clientX","handleMouseUp","style","cursor","handleMouseDown","useEffect","userSelect","addEventListener","removeEventListener"],"mappings":"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"}
@@ -1,65 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useDragScroll = void 0;
7
- var _react = /*#__PURE__*/require("react");
8
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
9
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
10
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
11
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
12
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
13
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
14
- var SCROLL_SPEED = 2;
15
- var useDragScroll = exports.useDragScroll = function useDragScroll(scrollRef, isDragScrollDisabled) {
16
- var _useState = (0, _react.useState)(false),
17
- _useState2 = _slicedToArray(_useState, 2),
18
- isDragging = _useState2[0],
19
- setDragging = _useState2[1];
20
- var _useState3 = (0, _react.useState)(0),
21
- _useState4 = _slicedToArray(_useState3, 2),
22
- startX = _useState4[0],
23
- setStartX = _useState4[1];
24
- var _useState5 = (0, _react.useState)(0),
25
- _useState6 = _slicedToArray(_useState5, 2),
26
- scrollLeft = _useState6[0],
27
- setScrollLeft = _useState6[1];
28
- var handleMouseMove = (0, _react.useCallback)(function (e) {
29
- if (isDragging && scrollRef && scrollRef.current) {
30
- var dx = (e.clientX - startX) * SCROLL_SPEED;
31
- scrollRef.current.scrollLeft = scrollLeft - dx;
32
- }
33
- }, [scrollRef, scrollLeft, isDragging, startX]);
34
- var handleMouseUp = (0, _react.useCallback)(function () {
35
- setDragging(false);
36
- if (scrollRef && scrollRef.current) {
37
- scrollRef.current.style.cursor = 'grab';
38
- }
39
- }, [scrollRef, setDragging]);
40
- var handleMouseDown = (0, _react.useCallback)(function (e) {
41
- setDragging(true);
42
- if (scrollRef && scrollRef.current) {
43
- setStartX(e.clientX);
44
- setScrollLeft(scrollRef.current.scrollLeft);
45
- scrollRef.current.style.cursor = 'grabbing';
46
- }
47
- }, [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove]);
48
- (0, _react.useEffect)(function () {
49
- if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
50
- scrollRef.current.style.userSelect = 'none';
51
- scrollRef.current.addEventListener('mousedown', handleMouseDown);
52
- scrollRef.current.addEventListener('mouseup', handleMouseUp);
53
- scrollRef.current.addEventListener('mouseleave', handleMouseUp);
54
- scrollRef.current.addEventListener('mousemove', handleMouseMove);
55
- }
56
- return function () {
57
- if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
58
- scrollRef.current.removeEventListener('mousedown', handleMouseDown);
59
- scrollRef.current.removeEventListener('mouseup', handleMouseUp);
60
- scrollRef.current.removeEventListener('mouseleave', handleMouseUp);
61
- scrollRef.current.removeEventListener('mousemove', handleMouseMove);
62
- }
63
- };
64
- }, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);
65
- };
@@ -1,38 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.CarouselItem = void 0;
7
- var _base = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("@emotion/styled/base"));
8
- var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
9
- var _excluded = ["scrollSnapAlign", "scrollSnapStop", "children"];
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
11
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
12
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
13
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
14
- var StyledItem = /*#__PURE__*/(0, _base["default"])("div", {
15
- target: "e1yja0mz0",
16
- label: "plasma-new-hope__StyledItem"
17
- })("scroll-snap-align:", function (_ref) {
18
- var scrollSnapAlign = _ref.scrollSnapAlign;
19
- return scrollSnapAlign || 'none';
20
- }, ";scroll-snap-stop:", function (_ref2) {
21
- var scrollSnapAlign = _ref2.scrollSnapAlign,
22
- scrollSnapStop = _ref2.scrollSnapStop;
23
- return scrollSnapAlign ? scrollSnapStop : 'normal';
24
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvdWkvSXRlbS9JdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUYiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE5ldy91aS9JdGVtL0l0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgU25hcEFsaWduLCBTbmFwU3RvcCwgQ2Fyb3VzZWxJdGVtUHJvcHMgfSBmcm9tICcuLi8uLi9DYXJvdXNlbC50eXBlcyc7XG5cbmNvbnN0IFN0eWxlZEl0ZW0gPSBzdHlsZWQuZGl2PHsgc2Nyb2xsU25hcEFsaWduOiBTbmFwQWxpZ247IHNjcm9sbFNuYXBTdG9wOiBTbmFwU3RvcCB9PmBcbiAgICBzY3JvbGwtc25hcC1hbGlnbjogJHsoeyBzY3JvbGxTbmFwQWxpZ24gfSkgPT4gc2Nyb2xsU25hcEFsaWduIHx8ICdub25lJ307XG4gICAgc2Nyb2xsLXNuYXAtc3RvcDogJHsoeyBzY3JvbGxTbmFwQWxpZ24sIHNjcm9sbFNuYXBTdG9wIH0pID0+IChzY3JvbGxTbmFwQWxpZ24gPyBzY3JvbGxTbmFwU3RvcCA6ICdub3JtYWwnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxJdGVtOiBSZWFjdC5GQzxDYXJvdXNlbEl0ZW1Qcm9wcz4gPSAoe1xuICAgIHNjcm9sbFNuYXBBbGlnbiA9ICdjZW50ZXInLFxuICAgIHNjcm9sbFNuYXBTdG9wID0gJ2Fsd2F5cycsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ucmVzdFxufSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxTdHlsZWRJdGVtXG4gICAgICAgICAgICBzY3JvbGxTbmFwQWxpZ249e3Njcm9sbFNuYXBBbGlnbn1cbiAgICAgICAgICAgIHNjcm9sbFNuYXBTdG9wPXtzY3JvbGxTbmFwU3RvcH1cbiAgICAgICAgICAgIHJvbGU9XCJncm91cFwiXG4gICAgICAgICAgICBhcmlhLXJvbGVkZXNjcmlwdGlvbj1cInNsaWRlXCJcbiAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvU3R5bGVkSXRlbT5cbiAgICApO1xufTtcbiJdfQ== */"));
25
- var CarouselItem = exports.CarouselItem = function CarouselItem(_ref3) {
26
- var _ref3$scrollSnapAlign = _ref3.scrollSnapAlign,
27
- scrollSnapAlign = _ref3$scrollSnapAlign === void 0 ? 'center' : _ref3$scrollSnapAlign,
28
- _ref3$scrollSnapStop = _ref3.scrollSnapStop,
29
- scrollSnapStop = _ref3$scrollSnapStop === void 0 ? 'always' : _ref3$scrollSnapStop,
30
- children = _ref3.children,
31
- rest = _objectWithoutProperties(_ref3, _excluded);
32
- return /*#__PURE__*/_react["default"].createElement(StyledItem, _extends({
33
- scrollSnapAlign: scrollSnapAlign,
34
- scrollSnapStop: scrollSnapStop,
35
- role: "group",
36
- "aria-roledescription": "slide"
37
- }, rest), children);
38
- };
@@ -1,59 +0,0 @@
1
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
2
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
4
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
5
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
6
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
7
- import { useCallback, useEffect, useState } from 'react';
8
- var SCROLL_SPEED = 2;
9
- export var useDragScroll = function useDragScroll(scrollRef, isDragScrollDisabled) {
10
- var _useState = useState(false),
11
- _useState2 = _slicedToArray(_useState, 2),
12
- isDragging = _useState2[0],
13
- setDragging = _useState2[1];
14
- var _useState3 = useState(0),
15
- _useState4 = _slicedToArray(_useState3, 2),
16
- startX = _useState4[0],
17
- setStartX = _useState4[1];
18
- var _useState5 = useState(0),
19
- _useState6 = _slicedToArray(_useState5, 2),
20
- scrollLeft = _useState6[0],
21
- setScrollLeft = _useState6[1];
22
- var handleMouseMove = useCallback(function (e) {
23
- if (isDragging && scrollRef && scrollRef.current) {
24
- var dx = (e.clientX - startX) * SCROLL_SPEED;
25
- scrollRef.current.scrollLeft = scrollLeft - dx;
26
- }
27
- }, [scrollRef, scrollLeft, isDragging, startX]);
28
- var handleMouseUp = useCallback(function () {
29
- setDragging(false);
30
- if (scrollRef && scrollRef.current) {
31
- scrollRef.current.style.cursor = 'grab';
32
- }
33
- }, [scrollRef, setDragging]);
34
- var handleMouseDown = useCallback(function (e) {
35
- setDragging(true);
36
- if (scrollRef && scrollRef.current) {
37
- setStartX(e.clientX);
38
- setScrollLeft(scrollRef.current.scrollLeft);
39
- scrollRef.current.style.cursor = 'grabbing';
40
- }
41
- }, [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove]);
42
- useEffect(function () {
43
- if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
44
- scrollRef.current.style.userSelect = 'none';
45
- scrollRef.current.addEventListener('mousedown', handleMouseDown);
46
- scrollRef.current.addEventListener('mouseup', handleMouseUp);
47
- scrollRef.current.addEventListener('mouseleave', handleMouseUp);
48
- scrollRef.current.addEventListener('mousemove', handleMouseMove);
49
- }
50
- return function () {
51
- if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
52
- scrollRef.current.removeEventListener('mousedown', handleMouseDown);
53
- scrollRef.current.removeEventListener('mouseup', handleMouseUp);
54
- scrollRef.current.removeEventListener('mouseleave', handleMouseUp);
55
- scrollRef.current.removeEventListener('mousemove', handleMouseMove);
56
- }
57
- };
58
- }, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);
59
- };
@@ -1,31 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- var _excluded = ["scrollSnapAlign", "scrollSnapStop", "children"];
3
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
4
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
5
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
6
- import React from 'react';
7
- var StyledItem = /*#__PURE__*/_styled("div", {
8
- target: "e1yja0mz0",
9
- label: "plasma-new-hope__StyledItem"
10
- })("scroll-snap-align:", function (_ref) {
11
- var scrollSnapAlign = _ref.scrollSnapAlign;
12
- return scrollSnapAlign || 'none';
13
- }, ";scroll-snap-stop:", function (_ref2) {
14
- var scrollSnapAlign = _ref2.scrollSnapAlign,
15
- scrollSnapStop = _ref2.scrollSnapStop;
16
- return scrollSnapAlign ? scrollSnapStop : 'normal';
17
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvdWkvSXRlbS9JdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUYiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE5ldy91aS9JdGVtL0l0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgU25hcEFsaWduLCBTbmFwU3RvcCwgQ2Fyb3VzZWxJdGVtUHJvcHMgfSBmcm9tICcuLi8uLi9DYXJvdXNlbC50eXBlcyc7XG5cbmNvbnN0IFN0eWxlZEl0ZW0gPSBzdHlsZWQuZGl2PHsgc2Nyb2xsU25hcEFsaWduOiBTbmFwQWxpZ247IHNjcm9sbFNuYXBTdG9wOiBTbmFwU3RvcCB9PmBcbiAgICBzY3JvbGwtc25hcC1hbGlnbjogJHsoeyBzY3JvbGxTbmFwQWxpZ24gfSkgPT4gc2Nyb2xsU25hcEFsaWduIHx8ICdub25lJ307XG4gICAgc2Nyb2xsLXNuYXAtc3RvcDogJHsoeyBzY3JvbGxTbmFwQWxpZ24sIHNjcm9sbFNuYXBTdG9wIH0pID0+IChzY3JvbGxTbmFwQWxpZ24gPyBzY3JvbGxTbmFwU3RvcCA6ICdub3JtYWwnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxJdGVtOiBSZWFjdC5GQzxDYXJvdXNlbEl0ZW1Qcm9wcz4gPSAoe1xuICAgIHNjcm9sbFNuYXBBbGlnbiA9ICdjZW50ZXInLFxuICAgIHNjcm9sbFNuYXBTdG9wID0gJ2Fsd2F5cycsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ucmVzdFxufSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxTdHlsZWRJdGVtXG4gICAgICAgICAgICBzY3JvbGxTbmFwQWxpZ249e3Njcm9sbFNuYXBBbGlnbn1cbiAgICAgICAgICAgIHNjcm9sbFNuYXBTdG9wPXtzY3JvbGxTbmFwU3RvcH1cbiAgICAgICAgICAgIHJvbGU9XCJncm91cFwiXG4gICAgICAgICAgICBhcmlhLXJvbGVkZXNjcmlwdGlvbj1cInNsaWRlXCJcbiAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvU3R5bGVkSXRlbT5cbiAgICApO1xufTtcbiJdfQ== */"));
18
- export var CarouselItem = function CarouselItem(_ref3) {
19
- var _ref3$scrollSnapAlign = _ref3.scrollSnapAlign,
20
- scrollSnapAlign = _ref3$scrollSnapAlign === void 0 ? 'center' : _ref3$scrollSnapAlign,
21
- _ref3$scrollSnapStop = _ref3.scrollSnapStop,
22
- scrollSnapStop = _ref3$scrollSnapStop === void 0 ? 'always' : _ref3$scrollSnapStop,
23
- children = _ref3.children,
24
- rest = _objectWithoutProperties(_ref3, _excluded);
25
- return /*#__PURE__*/React.createElement(StyledItem, _extends({
26
- scrollSnapAlign: scrollSnapAlign,
27
- scrollSnapStop: scrollSnapStop,
28
- role: "group",
29
- "aria-roledescription": "slide"
30
- }, rest), children);
31
- };
@@ -1,58 +0,0 @@
1
- import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import { useState, useCallback, useEffect } from 'react';
3
-
4
- var SCROLL_SPEED = 2;
5
- var useDragScroll = function useDragScroll(scrollRef, isDragScrollDisabled) {
6
- var _useState = useState(false),
7
- _useState2 = _slicedToArray(_useState, 2),
8
- isDragging = _useState2[0],
9
- setDragging = _useState2[1];
10
- var _useState3 = useState(0),
11
- _useState4 = _slicedToArray(_useState3, 2),
12
- startX = _useState4[0],
13
- setStartX = _useState4[1];
14
- var _useState5 = useState(0),
15
- _useState6 = _slicedToArray(_useState5, 2),
16
- scrollLeft = _useState6[0],
17
- setScrollLeft = _useState6[1];
18
- var handleMouseMove = useCallback(function (e) {
19
- if (isDragging && scrollRef && scrollRef.current) {
20
- var dx = (e.clientX - startX) * SCROLL_SPEED;
21
- scrollRef.current.scrollLeft = scrollLeft - dx;
22
- }
23
- }, [scrollRef, scrollLeft, isDragging, startX]);
24
- var handleMouseUp = useCallback(function () {
25
- setDragging(false);
26
- if (scrollRef && scrollRef.current) {
27
- scrollRef.current.style.cursor = 'grab';
28
- }
29
- }, [scrollRef, setDragging]);
30
- var handleMouseDown = useCallback(function (e) {
31
- setDragging(true);
32
- if (scrollRef && scrollRef.current) {
33
- setStartX(e.clientX);
34
- setScrollLeft(scrollRef.current.scrollLeft);
35
- scrollRef.current.style.cursor = 'grabbing';
36
- }
37
- }, [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove]);
38
- useEffect(function () {
39
- if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
40
- scrollRef.current.style.userSelect = 'none';
41
- scrollRef.current.addEventListener('mousedown', handleMouseDown);
42
- scrollRef.current.addEventListener('mouseup', handleMouseUp);
43
- scrollRef.current.addEventListener('mouseleave', handleMouseUp);
44
- scrollRef.current.addEventListener('mousemove', handleMouseMove);
45
- }
46
- return function () {
47
- if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
48
- scrollRef.current.removeEventListener('mousedown', handleMouseDown);
49
- scrollRef.current.removeEventListener('mouseup', handleMouseUp);
50
- scrollRef.current.removeEventListener('mouseleave', handleMouseUp);
51
- scrollRef.current.removeEventListener('mousemove', handleMouseMove);
52
- }
53
- };
54
- }, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);
55
- };
56
-
57
- export { useDragScroll };
58
- //# sourceMappingURL=useDragScroll.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useDragScroll.js","sources":["../../../../../src/components/Carousel/CarouselNew/hooks/useDragScroll.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nconst SCROLL_SPEED = 2;\n\nexport const useDragScroll = <T extends HTMLElement>(\n scrollRef: React.MutableRefObject<T | null>,\n isDragScrollDisabled?: boolean,\n) => {\n const [isDragging, setDragging] = useState(false);\n const [startX, setStartX] = useState(0);\n const [scrollLeft, setScrollLeft] = useState(0);\n\n const handleMouseMove = useCallback(\n (e: MouseEvent): void => {\n if (isDragging && scrollRef && scrollRef.current) {\n const dx = (e.clientX - startX) * SCROLL_SPEED;\n scrollRef.current.scrollLeft = scrollLeft - dx;\n }\n },\n [scrollRef, scrollLeft, isDragging, startX],\n );\n\n const handleMouseUp = useCallback((): void => {\n setDragging(false);\n\n if (scrollRef && scrollRef.current) {\n scrollRef.current.style.cursor = 'grab';\n }\n }, [scrollRef, setDragging]);\n\n const handleMouseDown = useCallback(\n (e: MouseEvent): void => {\n setDragging(true);\n\n if (scrollRef && scrollRef.current) {\n setStartX(e.clientX);\n setScrollLeft(scrollRef.current.scrollLeft);\n\n scrollRef.current.style.cursor = 'grabbing';\n }\n },\n [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove],\n );\n\n useEffect(() => {\n if (scrollRef && scrollRef.current && !isDragScrollDisabled) {\n scrollRef.current.style.userSelect = 'none';\n scrollRef.current.addEventListener('mousedown', handleMouseDown);\n scrollRef.current.addEventListener('mouseup', handleMouseUp);\n scrollRef.current.addEventListener('mouseleave', handleMouseUp);\n scrollRef.current.addEventListener('mousemove', handleMouseMove);\n }\n\n return () => {\n if (scrollRef && scrollRef.current && !isDragScrollDisabled) {\n scrollRef.current.removeEventListener('mousedown', handleMouseDown);\n scrollRef.current.removeEventListener('mouseup', handleMouseUp);\n scrollRef.current.removeEventListener('mouseleave', handleMouseUp);\n scrollRef.current.removeEventListener('mousemove', handleMouseMove);\n }\n };\n }, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);\n};\n"],"names":["SCROLL_SPEED","useDragScroll","scrollRef","isDragScrollDisabled","_useState","useState","_useState2","_slicedToArray","isDragging","setDragging","_useState3","_useState4","startX","setStartX","_useState5","_useState6","scrollLeft","setScrollLeft","handleMouseMove","useCallback","e","current","dx","clientX","handleMouseUp","style","cursor","handleMouseDown","useEffect","userSelect","addEventListener","removeEventListener"],"mappings":"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"}
@@ -1,65 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useDragScroll = void 0;
7
- var _react = /*#__PURE__*/require("react");
8
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
9
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
10
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
11
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
12
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
13
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
14
- var SCROLL_SPEED = 2;
15
- var useDragScroll = exports.useDragScroll = function useDragScroll(scrollRef, isDragScrollDisabled) {
16
- var _useState = (0, _react.useState)(false),
17
- _useState2 = _slicedToArray(_useState, 2),
18
- isDragging = _useState2[0],
19
- setDragging = _useState2[1];
20
- var _useState3 = (0, _react.useState)(0),
21
- _useState4 = _slicedToArray(_useState3, 2),
22
- startX = _useState4[0],
23
- setStartX = _useState4[1];
24
- var _useState5 = (0, _react.useState)(0),
25
- _useState6 = _slicedToArray(_useState5, 2),
26
- scrollLeft = _useState6[0],
27
- setScrollLeft = _useState6[1];
28
- var handleMouseMove = (0, _react.useCallback)(function (e) {
29
- if (isDragging && scrollRef && scrollRef.current) {
30
- var dx = (e.clientX - startX) * SCROLL_SPEED;
31
- scrollRef.current.scrollLeft = scrollLeft - dx;
32
- }
33
- }, [scrollRef, scrollLeft, isDragging, startX]);
34
- var handleMouseUp = (0, _react.useCallback)(function () {
35
- setDragging(false);
36
- if (scrollRef && scrollRef.current) {
37
- scrollRef.current.style.cursor = 'grab';
38
- }
39
- }, [scrollRef, setDragging]);
40
- var handleMouseDown = (0, _react.useCallback)(function (e) {
41
- setDragging(true);
42
- if (scrollRef && scrollRef.current) {
43
- setStartX(e.clientX);
44
- setScrollLeft(scrollRef.current.scrollLeft);
45
- scrollRef.current.style.cursor = 'grabbing';
46
- }
47
- }, [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove]);
48
- (0, _react.useEffect)(function () {
49
- if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
50
- scrollRef.current.style.userSelect = 'none';
51
- scrollRef.current.addEventListener('mousedown', handleMouseDown);
52
- scrollRef.current.addEventListener('mouseup', handleMouseUp);
53
- scrollRef.current.addEventListener('mouseleave', handleMouseUp);
54
- scrollRef.current.addEventListener('mousemove', handleMouseMove);
55
- }
56
- return function () {
57
- if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
58
- scrollRef.current.removeEventListener('mousedown', handleMouseDown);
59
- scrollRef.current.removeEventListener('mouseup', handleMouseUp);
60
- scrollRef.current.removeEventListener('mouseleave', handleMouseUp);
61
- scrollRef.current.removeEventListener('mousemove', handleMouseMove);
62
- }
63
- };
64
- }, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);
65
- };
@@ -1,37 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.CarouselItem = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
8
- var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
9
- var _excluded = ["scrollSnapAlign", "scrollSnapStop", "children"];
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
11
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
12
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
13
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
14
- var StyledItem = /*#__PURE__*/_styledComponents["default"].div.withConfig({
15
- componentId: "plasma-new-hope__sc-1j1qvbq-0"
16
- })(["scroll-snap-align:", ";scroll-snap-stop:", ";"], function (_ref) {
17
- var scrollSnapAlign = _ref.scrollSnapAlign;
18
- return scrollSnapAlign || 'none';
19
- }, function (_ref2) {
20
- var scrollSnapAlign = _ref2.scrollSnapAlign,
21
- scrollSnapStop = _ref2.scrollSnapStop;
22
- return scrollSnapAlign ? scrollSnapStop : 'normal';
23
- });
24
- var CarouselItem = exports.CarouselItem = function CarouselItem(_ref3) {
25
- var _ref3$scrollSnapAlign = _ref3.scrollSnapAlign,
26
- scrollSnapAlign = _ref3$scrollSnapAlign === void 0 ? 'center' : _ref3$scrollSnapAlign,
27
- _ref3$scrollSnapStop = _ref3.scrollSnapStop,
28
- scrollSnapStop = _ref3$scrollSnapStop === void 0 ? 'always' : _ref3$scrollSnapStop,
29
- children = _ref3.children,
30
- rest = _objectWithoutProperties(_ref3, _excluded);
31
- return /*#__PURE__*/_react["default"].createElement(StyledItem, _extends({
32
- scrollSnapAlign: scrollSnapAlign,
33
- scrollSnapStop: scrollSnapStop,
34
- role: "group",
35
- "aria-roledescription": "slide"
36
- }, rest), children);
37
- };
@@ -1,59 +0,0 @@
1
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
2
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
4
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
5
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
6
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
7
- import { useCallback, useEffect, useState } from 'react';
8
- var SCROLL_SPEED = 2;
9
- export var useDragScroll = function useDragScroll(scrollRef, isDragScrollDisabled) {
10
- var _useState = useState(false),
11
- _useState2 = _slicedToArray(_useState, 2),
12
- isDragging = _useState2[0],
13
- setDragging = _useState2[1];
14
- var _useState3 = useState(0),
15
- _useState4 = _slicedToArray(_useState3, 2),
16
- startX = _useState4[0],
17
- setStartX = _useState4[1];
18
- var _useState5 = useState(0),
19
- _useState6 = _slicedToArray(_useState5, 2),
20
- scrollLeft = _useState6[0],
21
- setScrollLeft = _useState6[1];
22
- var handleMouseMove = useCallback(function (e) {
23
- if (isDragging && scrollRef && scrollRef.current) {
24
- var dx = (e.clientX - startX) * SCROLL_SPEED;
25
- scrollRef.current.scrollLeft = scrollLeft - dx;
26
- }
27
- }, [scrollRef, scrollLeft, isDragging, startX]);
28
- var handleMouseUp = useCallback(function () {
29
- setDragging(false);
30
- if (scrollRef && scrollRef.current) {
31
- scrollRef.current.style.cursor = 'grab';
32
- }
33
- }, [scrollRef, setDragging]);
34
- var handleMouseDown = useCallback(function (e) {
35
- setDragging(true);
36
- if (scrollRef && scrollRef.current) {
37
- setStartX(e.clientX);
38
- setScrollLeft(scrollRef.current.scrollLeft);
39
- scrollRef.current.style.cursor = 'grabbing';
40
- }
41
- }, [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove]);
42
- useEffect(function () {
43
- if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
44
- scrollRef.current.style.userSelect = 'none';
45
- scrollRef.current.addEventListener('mousedown', handleMouseDown);
46
- scrollRef.current.addEventListener('mouseup', handleMouseUp);
47
- scrollRef.current.addEventListener('mouseleave', handleMouseUp);
48
- scrollRef.current.addEventListener('mousemove', handleMouseMove);
49
- }
50
- return function () {
51
- if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
52
- scrollRef.current.removeEventListener('mousedown', handleMouseDown);
53
- scrollRef.current.removeEventListener('mouseup', handleMouseUp);
54
- scrollRef.current.removeEventListener('mouseleave', handleMouseUp);
55
- scrollRef.current.removeEventListener('mousemove', handleMouseMove);
56
- }
57
- };
58
- }, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);
59
- };
@@ -1,30 +0,0 @@
1
- var _excluded = ["scrollSnapAlign", "scrollSnapStop", "children"];
2
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
4
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
5
- import React from 'react';
6
- import styled from 'styled-components';
7
- var StyledItem = /*#__PURE__*/styled.div.withConfig({
8
- componentId: "plasma-new-hope__sc-1j1qvbq-0"
9
- })(["scroll-snap-align:", ";scroll-snap-stop:", ";"], function (_ref) {
10
- var scrollSnapAlign = _ref.scrollSnapAlign;
11
- return scrollSnapAlign || 'none';
12
- }, function (_ref2) {
13
- var scrollSnapAlign = _ref2.scrollSnapAlign,
14
- scrollSnapStop = _ref2.scrollSnapStop;
15
- return scrollSnapAlign ? scrollSnapStop : 'normal';
16
- });
17
- export var CarouselItem = function CarouselItem(_ref3) {
18
- var _ref3$scrollSnapAlign = _ref3.scrollSnapAlign,
19
- scrollSnapAlign = _ref3$scrollSnapAlign === void 0 ? 'center' : _ref3$scrollSnapAlign,
20
- _ref3$scrollSnapStop = _ref3.scrollSnapStop,
21
- scrollSnapStop = _ref3$scrollSnapStop === void 0 ? 'always' : _ref3$scrollSnapStop,
22
- children = _ref3.children,
23
- rest = _objectWithoutProperties(_ref3, _excluded);
24
- return /*#__PURE__*/React.createElement(StyledItem, _extends({
25
- scrollSnapAlign: scrollSnapAlign,
26
- scrollSnapStop: scrollSnapStop,
27
- role: "group",
28
- "aria-roledescription": "slide"
29
- }, rest), children);
30
- };
@@ -1,2 +0,0 @@
1
- export declare const useDragScroll: <T extends HTMLElement>(scrollRef: React.MutableRefObject<T | null>, isDragScrollDisabled?: boolean) => void;
2
- //# sourceMappingURL=useDragScroll.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useDragScroll.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/CarouselNew/hooks/useDragScroll.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,aACpC,KAAK,CAAC,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,yBACpB,OAAO,SAwDjC,CAAC"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { CarouselItemProps } from '../../Carousel.types';
3
- export declare const CarouselItem: React.FC<CarouselItemProps>;
4
- //# sourceMappingURL=Item.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Carousel/CarouselNew/ui/Item/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAuB,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAO9E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiBpD,CAAC"}