@redneckz/wildless-cms-uni-blocks 0.6.30 → 0.6.31

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 (133) hide show
  1. package/bundle/blocks.schema.json +1 -1
  2. package/bundle/bundle.umd.js +15 -13
  3. package/bundle/bundle.umd.min.js +1 -1
  4. package/bundle/components/Carousel/CarouselContainer.d.ts +2 -1
  5. package/bundle/components/Carousel/CarouselContent.d.ts +9 -2
  6. package/bundle/components/ComparisonTable/ComparisonTableRows.d.ts +2 -2
  7. package/bundle/components/ProductBlock/ProductBlockContent.d.ts +6 -0
  8. package/bundle/hooks/useCarouselControls.d.ts +13 -0
  9. package/dist/components/Carousel/Carousel.js +3 -3
  10. package/dist/components/Carousel/Carousel.js.map +1 -1
  11. package/dist/components/Carousel/CarouselContainer.d.ts +2 -1
  12. package/dist/components/Carousel/CarouselContainer.js +1 -1
  13. package/dist/components/Carousel/CarouselContainer.js.map +1 -1
  14. package/dist/components/Carousel/CarouselContent.d.ts +9 -2
  15. package/dist/components/Carousel/CarouselContent.js +3 -0
  16. package/dist/components/Carousel/CarouselContent.js.map +1 -1
  17. package/dist/components/ComparisonTable/ComparisonTableBody.js +2 -2
  18. package/dist/components/ComparisonTable/ComparisonTableBody.js.map +1 -1
  19. package/dist/components/ComparisonTable/ComparisonTableRows.d.ts +2 -2
  20. package/dist/components/ComparisonTable/ComparisonTableRows.js +1 -1
  21. package/dist/components/ComparisonTable/ComparisonTableRows.js.map +1 -1
  22. package/dist/components/ProductBlock/ProductBlockContent.d.ts +6 -0
  23. package/dist/components/ProductBlock/ProductBlockInner.js +5 -3
  24. package/dist/components/ProductBlock/ProductBlockInner.js.map +1 -1
  25. package/dist/components/TariffsTable/TariffsTable.js +3 -3
  26. package/dist/components/TariffsTable/TariffsTable.js.map +1 -1
  27. package/dist/hooks/useCarouselControls.d.ts +13 -0
  28. package/{mobile/dist/hooks/useCarousel.js → dist/hooks/useCarouselControls.js} +6 -6
  29. package/dist/hooks/useCarouselControls.js.map +1 -0
  30. package/dist/ui-kit/InnerTable/InnerTableHeader.js +2 -2
  31. package/dist/ui-kit/InnerTable/InnerTableHeader.js.map +1 -1
  32. package/lib/common.css +1 -1
  33. package/lib/components/Carousel/Carousel.js +3 -3
  34. package/lib/components/Carousel/Carousel.js.map +1 -1
  35. package/lib/components/Carousel/CarouselContainer.d.ts +2 -1
  36. package/lib/components/Carousel/CarouselContainer.js +1 -1
  37. package/lib/components/Carousel/CarouselContainer.js.map +1 -1
  38. package/lib/components/Carousel/CarouselContent.d.ts +9 -2
  39. package/lib/components/Carousel/CarouselContent.js +3 -0
  40. package/lib/components/Carousel/CarouselContent.js.map +1 -1
  41. package/lib/components/ComparisonTable/ComparisonTableBody.js +2 -2
  42. package/lib/components/ComparisonTable/ComparisonTableBody.js.map +1 -1
  43. package/lib/components/ComparisonTable/ComparisonTableRows.d.ts +2 -2
  44. package/lib/components/ComparisonTable/ComparisonTableRows.js +1 -1
  45. package/lib/components/ComparisonTable/ComparisonTableRows.js.map +1 -1
  46. package/lib/components/ProductBlock/ProductBlockContent.d.ts +6 -0
  47. package/lib/components/ProductBlock/ProductBlockInner.js +5 -3
  48. package/lib/components/ProductBlock/ProductBlockInner.js.map +1 -1
  49. package/lib/components/TariffsTable/TariffsTable.js +3 -3
  50. package/lib/components/TariffsTable/TariffsTable.js.map +1 -1
  51. package/lib/hooks/useCarouselControls.d.ts +13 -0
  52. package/lib/hooks/{useCarousel.js → useCarouselControls.js} +4 -4
  53. package/lib/hooks/useCarouselControls.js.map +1 -0
  54. package/lib/ui-kit/InnerTable/InnerTableHeader.js +2 -2
  55. package/lib/ui-kit/InnerTable/InnerTableHeader.js.map +1 -1
  56. package/mobile/bundle/bundle.umd.js +1 -1
  57. package/mobile/bundle/bundle.umd.min.js +1 -1
  58. package/mobile/bundle/components/Carousel/CarouselContainer.d.ts +2 -1
  59. package/mobile/bundle/components/Carousel/CarouselContent.d.ts +9 -2
  60. package/mobile/bundle/components/ComparisonTable/ComparisonTableRows.d.ts +2 -2
  61. package/mobile/bundle/components/ProductBlock/ProductBlockContent.d.ts +6 -0
  62. package/mobile/bundle/hooks/useCarouselControls.d.ts +13 -0
  63. package/mobile/dist/components/Carousel/Carousel.js +3 -3
  64. package/mobile/dist/components/Carousel/Carousel.js.map +1 -1
  65. package/mobile/dist/components/Carousel/CarouselContainer.d.ts +2 -1
  66. package/mobile/dist/components/Carousel/CarouselContainer.js +1 -1
  67. package/mobile/dist/components/Carousel/CarouselContainer.js.map +1 -1
  68. package/mobile/dist/components/Carousel/CarouselContent.d.ts +9 -2
  69. package/mobile/dist/components/Carousel/CarouselContent.js +3 -0
  70. package/mobile/dist/components/Carousel/CarouselContent.js.map +1 -1
  71. package/mobile/dist/components/ComparisonTable/ComparisonTableBody.js +2 -2
  72. package/mobile/dist/components/ComparisonTable/ComparisonTableBody.js.map +1 -1
  73. package/mobile/dist/components/ComparisonTable/ComparisonTableRows.d.ts +2 -2
  74. package/mobile/dist/components/ComparisonTable/ComparisonTableRows.js +1 -1
  75. package/mobile/dist/components/ComparisonTable/ComparisonTableRows.js.map +1 -1
  76. package/mobile/dist/components/ProductBlock/ProductBlockContent.d.ts +6 -0
  77. package/mobile/dist/hooks/useCarouselControls.d.ts +13 -0
  78. package/{dist/hooks/useCarousel.js → mobile/dist/hooks/useCarouselControls.js} +6 -6
  79. package/mobile/dist/hooks/useCarouselControls.js.map +1 -0
  80. package/mobile/dist/ui-kit/InnerTable/InnerTableHeader.js +2 -2
  81. package/mobile/dist/ui-kit/InnerTable/InnerTableHeader.js.map +1 -1
  82. package/mobile/lib/components/Carousel/Carousel.js +3 -3
  83. package/mobile/lib/components/Carousel/Carousel.js.map +1 -1
  84. package/mobile/lib/components/Carousel/CarouselContainer.d.ts +2 -1
  85. package/mobile/lib/components/Carousel/CarouselContainer.js +1 -1
  86. package/mobile/lib/components/Carousel/CarouselContainer.js.map +1 -1
  87. package/mobile/lib/components/Carousel/CarouselContent.d.ts +9 -2
  88. package/mobile/lib/components/Carousel/CarouselContent.js +3 -0
  89. package/mobile/lib/components/Carousel/CarouselContent.js.map +1 -1
  90. package/mobile/lib/components/ComparisonTable/ComparisonTableBody.js +2 -2
  91. package/mobile/lib/components/ComparisonTable/ComparisonTableBody.js.map +1 -1
  92. package/mobile/lib/components/ComparisonTable/ComparisonTableRows.d.ts +2 -2
  93. package/mobile/lib/components/ComparisonTable/ComparisonTableRows.js +1 -1
  94. package/mobile/lib/components/ComparisonTable/ComparisonTableRows.js.map +1 -1
  95. package/mobile/lib/components/ProductBlock/ProductBlockContent.d.ts +6 -0
  96. package/mobile/lib/hooks/useCarouselControls.d.ts +13 -0
  97. package/mobile/lib/hooks/{useCarousel.js → useCarouselControls.js} +4 -4
  98. package/mobile/lib/hooks/useCarouselControls.js.map +1 -0
  99. package/mobile/lib/ui-kit/InnerTable/InnerTableHeader.js +2 -2
  100. package/mobile/lib/ui-kit/InnerTable/InnerTableHeader.js.map +1 -1
  101. package/mobile/src/components/Carousel/Carousel.tsx +3 -4
  102. package/mobile/src/components/Carousel/CarouselContainer.tsx +3 -2
  103. package/mobile/src/components/Carousel/CarouselContent.ts +10 -2
  104. package/mobile/src/components/ComparisonTable/ComparisonTableBody.tsx +2 -2
  105. package/mobile/src/components/ComparisonTable/ComparisonTableRows.tsx +3 -3
  106. package/mobile/src/components/ProductBlock/ProductBlockContent.ts +6 -0
  107. package/mobile/src/hooks/{useCarousel.ts → useCarouselControls.ts} +5 -9
  108. package/mobile/src/ui-kit/InnerTable/InnerTableHeader.tsx +9 -2
  109. package/package.json +1 -1
  110. package/src/components/Carousel/Carousel.fixture.tsx +3 -3
  111. package/src/components/Carousel/Carousel.tsx +3 -4
  112. package/src/components/Carousel/CarouselContainer.tsx +3 -2
  113. package/src/components/Carousel/CarouselContent.ts +10 -2
  114. package/src/components/CarouselCard/CarouselCard.fixture.tsx +3 -6
  115. package/src/components/ComparisonTable/ComparisonTableBody.tsx +2 -2
  116. package/src/components/ComparisonTable/ComparisonTableRows.tsx +3 -3
  117. package/src/components/ProductBlock/ProductBlock.fixture.tsx +1 -0
  118. package/src/components/ProductBlock/ProductBlockContent.ts +6 -0
  119. package/src/components/ProductBlock/ProductBlockInner.tsx +8 -3
  120. package/src/components/TariffsTable/TariffsTable.tsx +5 -7
  121. package/src/hooks/{useCarousel.ts → useCarouselControls.ts} +5 -9
  122. package/src/model/.CarouselCardVersion.ts.icloud +0 -0
  123. package/src/ui-kit/InnerTable/InnerTableHeader.tsx +9 -2
  124. package/bundle/hooks/useCarousel.d.ts +0 -14
  125. package/dist/hooks/useCarousel.d.ts +0 -14
  126. package/dist/hooks/useCarousel.js.map +0 -1
  127. package/lib/hooks/useCarousel.d.ts +0 -14
  128. package/lib/hooks/useCarousel.js.map +0 -1
  129. package/mobile/bundle/hooks/useCarousel.d.ts +0 -14
  130. package/mobile/dist/hooks/useCarousel.d.ts +0 -14
  131. package/mobile/dist/hooks/useCarousel.js.map +0 -1
  132. package/mobile/lib/hooks/useCarousel.d.ts +0 -14
  133. package/mobile/lib/hooks/useCarousel.js.map +0 -1
@@ -1,6 +1,6 @@
1
+ import type { CarouselControls } from '../../hooks/useCarouselControls';
1
2
  import type { TitleProps } from '../../model/HeadlineType';
2
3
  import type { CellData } from './ComparisonTableContent';
3
- import type { Controls } from '../../hooks/useCarousel';
4
4
  declare type ComparisonTableRowsProps = {
5
5
  rowData: {
6
6
  header: TitleProps;
@@ -8,7 +8,7 @@ declare type ComparisonTableRowsProps = {
8
8
  }[];
9
9
  activeCardIndex: number;
10
10
  isColoredFirstColumn: boolean;
11
- controls: Controls;
11
+ controls: CarouselControls;
12
12
  isScrollAvailable: boolean;
13
13
  };
14
14
  export declare const ComparisonTableRows: import("@redneckz/uni-jsx").UNIComponent<ComparisonTableRowsProps, any, any>;
@@ -22,6 +22,12 @@ export declare type ProductBlockInnerContent = HeadlineProps & ListContent & But
22
22
  * }
23
23
  */
24
24
  image?: Picture;
25
+ /**
26
+ * @title Количество преимуществ в строке
27
+ * @default 3
28
+ * @enumNames ["2", "3"]
29
+ */
30
+ benefitsCountOfRow?: 2 | 3;
25
31
  /**
26
32
  * @title Список преимуществ
27
33
  * @minItems 2
@@ -0,0 +1,13 @@
1
+ export interface CarouselControls {
2
+ inc: () => void;
3
+ dec: () => void;
4
+ canInc: boolean;
5
+ canDec: boolean;
6
+ }
7
+ interface CarouselProps {
8
+ itemsCount: number;
9
+ visibleItemCount?: number;
10
+ isCyclic?: boolean;
11
+ }
12
+ export declare const useCarouselControls: ({ itemsCount, visibleItemCount, isCyclic, }: CarouselProps) => [number, CarouselControls];
13
+ export {};
@@ -2,16 +2,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
2
2
  exports.Carousel = void 0;
3
3
  const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
4
4
  const uni_jsx_1 = require("@redneckz/uni-jsx");
5
- const useCarousel_1 = require("../../hooks/useCarousel");
5
+ const useCarouselControls_1 = require("../../hooks/useCarouselControls");
6
6
  const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
7
7
  const renderArrows_1 = require("../../ui-kit/Button/renderArrows");
8
8
  const CarouselContainer_1 = require("./CarouselContainer");
9
- exports.Carousel = (0, uni_jsx_1.JSX)(({ cardFullViewCount = 1, children, cardWidth = 1007, className = '', isBlur = true, isCyclic = false, block, ...rest }) => {
9
+ exports.Carousel = (0, uni_jsx_1.JSX)(({ cardFullViewCount = 1, children, cardWidth = '1007', className = '', isBlur = true, isCyclic = false, block, ...rest }) => {
10
10
  const blurClasses = isBlur ? 'absolute top-0 bottom-0 w-[84px]' : '';
11
11
  const { blocks: childBlocks } = block || {};
12
12
  const childBlocksLength = childBlocks !== undefined ? childBlocks.length : 0;
13
13
  const isScrollAvailable = childBlocksLength > cardFullViewCount;
14
- const [activeIndex, controls] = (0, useCarousel_1.useCarouselControl)({
14
+ const [activeIndex, controls] = (0, useCarouselControls_1.useCarouselControls)({
15
15
  itemsCount: childBlocksLength,
16
16
  visibleItemCount: cardFullViewCount,
17
17
  isCyclic,
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yDAA6D;AAE7D,4DAAyD;AACzD,mEAAgE;AAChE,2DAAwD;AAK3C,QAAA,QAAQ,GAA4B,IAAA,aAAG,EAClD,CAAC,EACC,iBAAiB,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;IACrE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC;IAE5C,MAAM,iBAAiB,GAAG,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7E,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;IAEhE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,IAAA,gCAAkB,EAAC;QACjD,UAAU,EAAE,iBAAiB;QAC7B,gBAAgB,EAAE,iBAAiB;QACnC,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;IAE9C,OAAO,CACL,wBAAC,2BAAY,IACX,SAAS,EAAE,qFAAqF,SAAS,EAAE,KACvG,IAAI,aAER,uBAAC,qCAAiB,IAChB,UAAU,EAAE,WAAW,EACvB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACS,EACnB,iBAAiB,CAAC,CAAC,CAAC,CACnB,0CACG,IAAA,2BAAY,EAAC;oBACZ,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;oBACnB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;oBACzB,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;oBAC/B,SAAS,EAAE,cAAc;iBAC1B,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,iBAAiB,CAAC,CAAC,CAAC,CACnB,4CACE,gCAAK,SAAS,EAAE,GAAG,WAAW,+BAA+B,GAAI,EACjE,gCAAK,SAAS,EAAE,GAAG,WAAW,8BAA8B,GAAI,IAC5D,CACP,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAQ,CAAC,aAAa,GAAG,CAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC"}
1
+ {"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yEAAsE;AAEtE,4DAAyD;AACzD,mEAAgE;AAChE,2DAAwD;AAK3C,QAAA,QAAQ,GAA4B,IAAA,aAAG,EAClD,CAAC,EACC,iBAAiB,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,GAAG,MAAM,EAClB,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;IACrE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC;IAE5C,MAAM,iBAAiB,GAAG,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7E,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;IAEhE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,IAAA,yCAAmB,EAAC;QAClD,UAAU,EAAE,iBAAiB;QAC7B,gBAAgB,EAAE,iBAAiB;QACnC,QAAQ;KACT,CAAC,CAAC;IACH,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;IAE9C,OAAO,CACL,wBAAC,2BAAY,IACX,SAAS,EAAE,qFAAqF,SAAS,EAAE,KACvG,IAAI,aAER,uBAAC,qCAAiB,IAChB,UAAU,EAAE,WAAW,EACvB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACS,EACnB,iBAAiB,CAAC,CAAC,CAAC,CACnB,0CACG,IAAA,2BAAY,EAAC;oBACZ,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;oBACnB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;oBACzB,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;oBAC/B,SAAS,EAAE,cAAc;iBAC1B,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,iBAAiB,CAAC,CAAC,CAAC,CACnB,4CACE,gCAAK,SAAS,EAAE,GAAG,WAAW,+BAA+B,GAAI,EACjE,gCAAK,SAAS,EAAE,GAAG,WAAW,8BAA8B,GAAI,IAC5D,CACP,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAQ,CAAC,aAAa,GAAG,CAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC"}
@@ -1,6 +1,7 @@
1
+ import type { CardWidth } from './CarouselContent';
1
2
  export interface CarouselContainerProps {
2
3
  activeItem: number;
3
4
  cardFullViewCount: number;
4
- cardWidth: number;
5
+ cardWidth: CardWidth;
5
6
  }
6
7
  export declare const CarouselContainer: import("@redneckz/uni-jsx").UNIComponent<CarouselContainerProps, any, any>;
@@ -5,7 +5,7 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
5
5
  exports.CarouselContainer = (0, uni_jsx_1.JSX)(({ children, activeItem, cardFullViewCount, cardWidth }) => {
6
6
  const cardFullViewStyles = cardFullViewCount === 1
7
7
  ? `translateX(-${activeItem}00%)`
8
- : `translateX(-${activeItem * cardWidth}px)`;
8
+ : `translateX(-${activeItem * Number(cardWidth)}px)`;
9
9
  return ((0, jsx_runtime_1.jsx)("div", { className: "w-auto flex flex-1 duration-1000", style: { transform: `${cardFullViewStyles}` }, role: "list", children: children }));
10
10
  });
11
11
  //# sourceMappingURL=CarouselContainer.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CarouselContainer.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContainer.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAQ3B,QAAA,iBAAiB,GAAG,IAAA,aAAG,EAClC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAAiB,EAAE,SAAS,EAAE,EAAE,EAAE;IACzD,MAAM,kBAAkB,GACtB,iBAAiB,KAAK,CAAC;QACrB,CAAC,CAAC,eAAe,UAAU,MAAM;QACjC,CAAC,CAAC,eAAe,UAAU,GAAG,SAAS,KAAK,CAAC;IAEjD,OAAO,CACL,gCACE,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,EAAE,EAC7C,IAAI,EAAC,MAAM,YAEV,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"CarouselContainer.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContainer.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAS3B,QAAA,iBAAiB,GAAG,IAAA,aAAG,EAClC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAAiB,EAAE,SAAS,EAAE,EAAE,EAAE;IACzD,MAAM,kBAAkB,GACtB,iBAAiB,KAAK,CAAC;QACrB,CAAC,CAAC,eAAe,UAAU,MAAM;QACjC,CAAC,CAAC,eAAe,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;IAEzD,OAAO,CACL,gCACE,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,EAAE,EAC7C,IAAI,EAAC,MAAM,YAEV,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -1,10 +1,17 @@
1
1
  /**
2
2
  * @title Карусель
3
3
  */
4
+ /**
5
+ * @title Ширина карточек
6
+ * @enumNames [ "1007", "833", "350", "322" ]
7
+ */
8
+ export declare type CardWidth = '322' | '350' | '832' | '1007';
4
9
  export interface CarouselContent {
5
- /** @title Блоки */
10
+ /** @title Количество видимых карточек */
6
11
  cardFullViewCount?: number;
7
- cardWidth?: number;
12
+ cardWidth?: CardWidth;
13
+ /** @title Добавление блюра */
8
14
  isBlur?: boolean;
15
+ /** @title Цикличность */
9
16
  isCyclic?: boolean;
10
17
  }
@@ -1,2 +1,5 @@
1
+ /**
2
+ * @title Карусель
3
+ */
1
4
  Object.defineProperty(exports, "__esModule", { value: true });
2
5
  //# sourceMappingURL=CarouselContent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CarouselContent.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContent.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"CarouselContent.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContent.ts"],"names":[],"mappings":"AAAA;;GAEG"}
@@ -2,7 +2,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
2
2
  exports.ComparisonTableBody = void 0;
3
3
  const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
4
4
  const uni_jsx_1 = require("@redneckz/uni-jsx");
5
- const useCarousel_1 = require("../../hooks/useCarousel");
5
+ const useCarouselControls_1 = require("../../hooks/useCarouselControls");
6
6
  const ComparisonTableColumnHeaders_1 = require("./ComparisonTableColumnHeaders");
7
7
  const ComparisonTableRows_1 = require("./ComparisonTableRows");
8
8
  const constants_1 = require("./constants");
@@ -16,7 +16,7 @@ exports.ComparisonTableBody = (0, uni_jsx_1.JSX)(({ columns, rowHeaders, isShowA
16
16
  }))
17
17
  .slice(0, isShowAllRow ? rowHeaders.length : visibleRowLength);
18
18
  const isScrollAvailable = colData.length > constants_1.COLS_LENGTH_FOR_SCROLL;
19
- const [activeIndex, controls] = (0, useCarousel_1.useCarouselControl)({
19
+ const [activeIndex, controls] = (0, useCarouselControls_1.useCarouselControls)({
20
20
  itemsCount: colData.length,
21
21
  visibleItemCount: constants_1.COLS_LENGTH_FOR_SCROLL,
22
22
  });
@@ -1 +1 @@
1
- {"version":3,"file":"ComparisonTableBody.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableBody.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yDAA6D;AAC7D,iFAA8E;AAE9E,+DAA4D;AAC5D,2CAAqD;AAUxC,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,EAAE,EAAE;IAChF,MAAM,UAAU,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACvD,MAAM,OAAO,GAAG,UAAU;QACxB,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QACpB,MAAM;QACN,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KAC7C,CAAC,CAAC;SACF,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAEjE,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,GAAG,kCAAsB,CAAC;IAElE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,IAAA,gCAAkB,EAAC;QACjD,UAAU,EAAE,OAAO,CAAC,MAAM;QAC1B,gBAAgB,EAAE,kCAAsB;KACzC,CAAC,CAAC;IAEH,OAAO,CACL,4CACE,iCAAK,IAAI,EAAC,OAAO,aACd,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,CACpB,uBAAC,2DAA4B,IAAC,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,WAAW,GAAI,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,uBAAC,yCAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,oBAAoB,EAC1C,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,iBAAiB,CAAC,CAAC,CAAC,CACnB,gCAAK,SAAS,EAAC,8DAA8D,GAAG,CACjF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"ComparisonTableBody.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableBody.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yEAAsE;AACtE,iFAA8E;AAE9E,+DAA4D;AAC5D,2CAAqD;AAUxC,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,EAAE,EAAE;IAChF,MAAM,UAAU,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACvD,MAAM,OAAO,GAAG,UAAU;QACxB,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QACpB,MAAM;QACN,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KAC7C,CAAC,CAAC;SACF,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAEjE,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,GAAG,kCAAsB,CAAC;IAElE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,IAAA,yCAAmB,EAAC;QAClD,UAAU,EAAE,OAAO,CAAC,MAAM;QAC1B,gBAAgB,EAAE,kCAAsB;KACzC,CAAC,CAAC;IAEH,OAAO,CACL,4CACE,iCAAK,IAAI,EAAC,OAAO,aACd,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,CACpB,uBAAC,2DAA4B,IAAC,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,WAAW,GAAI,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,uBAAC,yCAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,oBAAoB,EAC1C,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,iBAAiB,CAAC,CAAC,CAAC,CACnB,gCAAK,SAAS,EAAC,8DAA8D,GAAG,CACjF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -1,6 +1,6 @@
1
+ import type { CarouselControls } from '../../hooks/useCarouselControls';
1
2
  import type { TitleProps } from '../../model/HeadlineType';
2
3
  import type { CellData } from './ComparisonTableContent';
3
- import type { Controls } from '../../hooks/useCarousel';
4
4
  declare type ComparisonTableRowsProps = {
5
5
  rowData: {
6
6
  header: TitleProps;
@@ -8,7 +8,7 @@ declare type ComparisonTableRowsProps = {
8
8
  }[];
9
9
  activeCardIndex: number;
10
10
  isColoredFirstColumn: boolean;
11
- controls: Controls;
11
+ controls: CarouselControls;
12
12
  isScrollAvailable: boolean;
13
13
  };
14
14
  export declare const ComparisonTableRows: import("@redneckz/uni-jsx").UNIComponent<ComparisonTableRowsProps, any, any>;
@@ -2,8 +2,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
2
2
  exports.ComparisonTableRows = void 0;
3
3
  const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
4
4
  const uni_jsx_1 = require("@redneckz/uni-jsx");
5
- const TableRow_1 = require("./TableRow");
6
5
  const renderArrows_1 = require("../../ui-kit/Button/renderArrows");
6
+ const TableRow_1 = require("./TableRow");
7
7
  exports.ComparisonTableRows = (0, uni_jsx_1.JSX)(({ rowData, isColoredFirstColumn, activeCardIndex, controls, isScrollAvailable }) => {
8
8
  const { inc, dec, canDec, canInc } = controls;
9
9
  return ((0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [rowData.map((row, i, { length }) => ((0, jsx_runtime_1.jsx)(TableRow_1.TableRow, { row: row, isFirstRow: i === 0, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex, isColoredFirstColumn: isColoredFirstColumn }, String(i)))), isScrollAvailable ? ((0, jsx_runtime_1.jsx)("div", { children: (0, renderArrows_1.renderArrows)({
@@ -1 +1 @@
1
- {"version":3,"file":"ComparisonTableRows.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableRows.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,yCAAsC;AAEtC,mEAAgE;AAUnD,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE,EAAE;IAClF,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;IAE9C,OAAO,CACL,iCAAK,SAAS,EAAC,UAAU,aACtB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACnC,uBAAC,mBAAQ,IAEP,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,CAAC,KAAK,CAAC,EACnB,SAAS,EAAE,CAAC,GAAG,CAAC,KAAK,MAAM,EAC3B,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,IALrC,MAAM,CAAC,CAAC,CAAC,CAMd,CACH,CAAC,EACD,iBAAiB,CAAC,CAAC,CAAC,CACnB,0CACG,IAAA,2BAAY,EAAC;oBACZ,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;oBACnB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;oBACzB,QAAQ,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;oBACnC,SAAS,EAAE,SAAS;oBACpB,UAAU,EAAE,IAAI;iBACjB,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"ComparisonTableRows.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableRows.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,mEAAgE;AAEhE,yCAAsC;AAUzB,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE,EAAE;IAClF,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;IAE9C,OAAO,CACL,iCAAK,SAAS,EAAC,UAAU,aACtB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACnC,uBAAC,mBAAQ,IAEP,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,CAAC,KAAK,CAAC,EACnB,SAAS,EAAE,CAAC,GAAG,CAAC,KAAK,MAAM,EAC3B,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,IALrC,MAAM,CAAC,CAAC,CAAC,CAMd,CACH,CAAC,EACD,iBAAiB,CAAC,CAAC,CAAC,CACnB,0CACG,IAAA,2BAAY,EAAC;oBACZ,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;oBACnB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;oBACzB,QAAQ,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;oBACnC,SAAS,EAAE,SAAS;oBACpB,UAAU,EAAE,IAAI;iBACjB,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -22,6 +22,12 @@ export declare type ProductBlockInnerContent = HeadlineProps & ListContent & But
22
22
  * }
23
23
  */
24
24
  image?: Picture;
25
+ /**
26
+ * @title Количество преимуществ в строке
27
+ * @default 3
28
+ * @enumNames ["2", "3"]
29
+ */
30
+ benefitsCountOfRow?: 2 | 3;
25
31
  /**
26
32
  * @title Список преимуществ
27
33
  * @minItems 2
@@ -0,0 +1,13 @@
1
+ export interface CarouselControls {
2
+ inc: () => void;
3
+ dec: () => void;
4
+ canInc: boolean;
5
+ canDec: boolean;
6
+ }
7
+ interface CarouselProps {
8
+ itemsCount: number;
9
+ visibleItemCount?: number;
10
+ isCyclic?: boolean;
11
+ }
12
+ export declare const useCarouselControls: ({ itemsCount, visibleItemCount, isCyclic, }: CarouselProps) => [number, CarouselControls];
13
+ export {};
@@ -1,10 +1,10 @@
1
1
  Object.defineProperty(exports, "__esModule", { value: true });
2
- exports.useCarouselControl = void 0;
2
+ exports.useCarouselControls = void 0;
3
3
  const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
4
- const useCarouselControl = ({ itemsCount, visibleItemCount = itemsCount, isCyclic, }) => {
4
+ const useCarouselControls = ({ itemsCount, visibleItemCount = itemsCount, isCyclic, }) => {
5
5
  const [activeIndex, setActiveIndex] = (0, hooks_1.useState)(0);
6
- const inc = (0, hooks_1.useCallback)(() => setActiveIndex((_) => (isCyclic ? (_ + 1) % itemsCount : Math.min(_ + 1, itemsCount - 1))), []);
7
- const dec = (0, hooks_1.useCallback)(() => setActiveIndex((_) => (isCyclic ? (itemsCount + _ - 1) % itemsCount : Math.max(_ - 1, 0))), []);
6
+ const inc = (0, hooks_1.useCallback)(() => setActiveIndex((_) => (isCyclic ? (_ + 1) % itemsCount : Math.min(_ + 1, itemsCount - 1))), [isCyclic, itemsCount]);
7
+ const dec = (0, hooks_1.useCallback)(() => setActiveIndex((_) => (isCyclic ? (itemsCount + _ - 1) % itemsCount : Math.max(_ - 1, 0))), [isCyclic, itemsCount]);
8
8
  const isScrollAvailable = itemsCount > visibleItemCount;
9
9
  const isCyclicAndScrollAvailable = isCyclic && isScrollAvailable;
10
10
  const canInc = isCyclicAndScrollAvailable ||
@@ -20,5 +20,5 @@ const useCarouselControl = ({ itemsCount, visibleItemCount = itemsCount, isCycli
20
20
  },
21
21
  ];
22
22
  };
23
- exports.useCarouselControl = useCarouselControl;
24
- //# sourceMappingURL=useCarousel.js.map
23
+ exports.useCarouselControls = useCarouselControls;
24
+ //# sourceMappingURL=useCarouselControls.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useCarouselControls.js","sourceRoot":"","sources":["../../src/hooks/useCarouselControls.ts"],"names":[],"mappings":";;AAAA,uDAAoE;AAe7D,MAAM,mBAAmB,GAAG,CAAC,EAClC,UAAU,EACV,gBAAgB,GAAG,UAAU,EAC7B,QAAQ,GACM,EAA8B,EAAE;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAElD,MAAM,GAAG,GAAG,IAAA,mBAAW,EACrB,GAAG,EAAE,CACH,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,EAC5F,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IACF,MAAM,GAAG,GAAG,IAAA,mBAAW,EACrB,GAAG,EAAE,CACH,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAC5F,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IAEF,MAAM,iBAAiB,GAAG,UAAU,GAAG,gBAAgB,CAAC;IACxD,MAAM,0BAA0B,GAAG,QAAQ,IAAI,iBAAiB,CAAC;IAEjE,MAAM,MAAM,GACV,0BAA0B;QAC1B,CAAC,iBAAiB,IAAI,UAAU,GAAG,WAAW,GAAG,gBAAgB,CAAC,CAAC;IACrE,MAAM,MAAM,GAAG,0BAA0B,IAAI,OAAO,CAAC,iBAAiB,IAAI,WAAW,GAAG,CAAC,CAAC,CAAC;IAE3F,OAAO;QACL,WAAW;QACX;YACE,GAAG;YACH,GAAG;YACH,MAAM;YACN,MAAM;SACP;KACF,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,mBAAmB,uBAmC9B"}
@@ -3,6 +3,6 @@ exports.InnerTableHeader = void 0;
3
3
  const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
4
4
  const uni_jsx_1 = require("@redneckz/uni-jsx");
5
5
  const Button_1 = require("../Button/Button");
6
- const Img_1 = require("../Img/Img");
7
- exports.InnerTableHeader = (0, uni_jsx_1.JSX)(({ currencies, linkToPDF, activeTabIndex, setActiveTabIndex }) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between w-full pt-2.5 pb-3", children: [currencies && currencies.length > 1 ? ((0, jsx_runtime_1.jsx)("div", { className: "flex bg-secondary-light p-1.5 rounded-md", children: currencies.map((currency, idx) => ((0, jsx_runtime_1.jsx)("div", { className: `rounded-md text-xl-light px-4 py-3 cursor-pointer ${idx === activeTabIndex ? 'bg-primary-main text-white' : 'text-secondary-text'}`, onClick: () => setActiveTabIndex(idx), children: currency || idx + 1 }, currency))) })) : null, linkToPDF ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { href: linkToPDF, version: "secondary", target: "_blank", appendLeft: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: "DocDownloadIcon", className: "mr-0.5", width: "20", height: "20", asSVG: true }), text: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0432 PDF" })) : null] })));
6
+ const Icon_1 = require("../Icon/Icon");
7
+ exports.InnerTableHeader = (0, uni_jsx_1.JSX)(({ currencies, linkToPDF, activeTabIndex, setActiveTabIndex }) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between w-full pt-2.5 pb-3", children: [currencies && currencies.length > 1 ? ((0, jsx_runtime_1.jsx)("div", { className: "flex bg-secondary-light p-1.5 rounded-md", children: currencies.map((currency, idx) => ((0, jsx_runtime_1.jsx)("div", { className: `rounded-md text-xl-light px-4 py-3 cursor-pointer ${idx === activeTabIndex ? 'bg-primary-main text-white' : 'text-secondary-text'}`, onClick: () => setActiveTabIndex(idx), children: currency || idx + 1 }, currency))) })) : null, linkToPDF ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { href: linkToPDF, version: "secondary", target: "_blank", appendLeft: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "DocDownloadIcon", iconVersion: "color", className: "mr-0.5", width: "20", height: "20", asSVG: true }), text: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0432 PDF" })) : null] })));
8
8
  //# sourceMappingURL=InnerTableHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InnerTableHeader.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableHeader.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,oCAAiC;AASpB,QAAA,gBAAgB,GAAG,IAAA,aAAG,EACjC,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CAChE,iCAAK,SAAS,EAAC,yCAAyC,aACrD,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrC,gCAAK,SAAS,EAAC,0CAA0C,YACtD,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,gCAEE,SAAS,EAAE,qDACT,GAAG,KAAK,cAAc,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,qBAC1D,EAAE,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,YAEpC,QAAQ,IAAI,GAAG,GAAG,CAAC,IANf,QAAQ,CAOT,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,eAAM,IACL,IAAI,EAAE,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,QAAQ,EACf,UAAU,EACR,uBAAC,SAAG,IAAC,KAAK,EAAC,iBAAiB,EAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,EAEjF,IAAI,EAAC,uDAAe,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CACF,CAAC"}
1
+ {"version":3,"file":"InnerTableHeader.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableHeader.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,6CAA0C;AAC1C,uCAAoC;AASvB,QAAA,gBAAgB,GAAG,IAAA,aAAG,EACjC,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CAChE,iCAAK,SAAS,EAAC,yCAAyC,aACrD,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrC,gCAAK,SAAS,EAAC,0CAA0C,YACtD,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,gCAEE,SAAS,EAAE,qDACT,GAAG,KAAK,cAAc,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,qBAC1D,EAAE,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,YAEpC,QAAQ,IAAI,GAAG,GAAG,CAAC,IANf,QAAQ,CAOT,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,eAAM,IACL,IAAI,EAAE,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,QAAQ,EACf,UAAU,EACR,uBAAC,WAAI,IACH,IAAI,EAAC,iBAAiB,EACtB,WAAW,EAAC,OAAO,EACnB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,EAEJ,IAAI,EAAC,uDAAe,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CACF,CAAC"}
@@ -1,15 +1,15 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
2
2
  import { JSX } from '@redneckz/uni-jsx';
3
- import { useCarouselControl } from '../../hooks/useCarousel.js';
3
+ import { useCarouselControls } from '../../hooks/useCarouselControls.js';
4
4
  import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
5
5
  import { renderArrows } from '../../ui-kit/Button/renderArrows.js';
6
6
  import { CarouselContainer } from './CarouselContainer.js';
7
- export const Carousel = JSX(({ cardFullViewCount = 1, children, cardWidth = 1007, className = '', isBlur = true, isCyclic = false, block, ...rest }) => {
7
+ export const Carousel = JSX(({ cardFullViewCount = 1, children, cardWidth = '1007', className = '', isBlur = true, isCyclic = false, block, ...rest }) => {
8
8
  const blurClasses = isBlur ? 'absolute top-0 bottom-0 w-[84px]' : '';
9
9
  const { blocks: childBlocks } = block || {};
10
10
  const childBlocksLength = childBlocks !== undefined ? childBlocks.length : 0;
11
11
  const isScrollAvailable = childBlocksLength > cardFullViewCount;
12
- const [activeIndex, controls] = useCarouselControl({
12
+ const [activeIndex, controls] = useCarouselControls({
13
13
  itemsCount: childBlocksLength,
14
14
  visibleItemCount: cardFullViewCount,
15
15
  isCyclic,
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD,MAAM,CAAC,MAAM,QAAQ,GAA4B,GAAG,CAClD,CAAC,EACC,iBAAiB,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;IACrE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC;IAE5C,MAAM,iBAAiB,GAAG,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7E,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;IAEhE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,kBAAkB,CAAC;QACjD,UAAU,EAAE,iBAAiB;QAC7B,gBAAgB,EAAE,iBAAiB;QACnC,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;IAE9C,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,qFAAqF,SAAS,EAAE,KACvG,IAAI,aAER,KAAC,iBAAiB,IAChB,UAAU,EAAE,WAAW,EACvB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACS,EACnB,iBAAiB,CAAC,CAAC,CAAC,CACnB,wBACG,YAAY,CAAC;oBACZ,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;oBACnB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;oBACzB,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;oBAC/B,SAAS,EAAE,cAAc;iBAC1B,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,iBAAiB,CAAC,CAAC,CAAC,CACnB,0BACE,cAAK,SAAS,EAAE,GAAG,WAAW,+BAA+B,GAAI,EACjE,cAAK,SAAS,EAAE,GAAG,WAAW,8BAA8B,GAAI,IAC5D,CACP,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,aAAa,GAAG,CAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC"}
1
+ {"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD,MAAM,CAAC,MAAM,QAAQ,GAA4B,GAAG,CAClD,CAAC,EACC,iBAAiB,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,GAAG,MAAM,EAClB,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;IACrE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC;IAE5C,MAAM,iBAAiB,GAAG,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7E,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;IAEhE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC;QAClD,UAAU,EAAE,iBAAiB;QAC7B,gBAAgB,EAAE,iBAAiB;QACnC,QAAQ;KACT,CAAC,CAAC;IACH,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;IAE9C,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,qFAAqF,SAAS,EAAE,KACvG,IAAI,aAER,KAAC,iBAAiB,IAChB,UAAU,EAAE,WAAW,EACvB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACS,EACnB,iBAAiB,CAAC,CAAC,CAAC,CACnB,wBACG,YAAY,CAAC;oBACZ,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;oBACnB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;oBACzB,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;oBAC/B,SAAS,EAAE,cAAc;iBAC1B,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,iBAAiB,CAAC,CAAC,CAAC,CACnB,0BACE,cAAK,SAAS,EAAE,GAAG,WAAW,+BAA+B,GAAI,EACjE,cAAK,SAAS,EAAE,GAAG,WAAW,8BAA8B,GAAI,IAC5D,CACP,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,aAAa,GAAG,CAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC"}
@@ -1,6 +1,7 @@
1
+ import type { CardWidth } from './CarouselContent';
1
2
  export interface CarouselContainerProps {
2
3
  activeItem: number;
3
4
  cardFullViewCount: number;
4
- cardWidth: number;
5
+ cardWidth: CardWidth;
5
6
  }
6
7
  export declare const CarouselContainer: import("@redneckz/uni-jsx").UNIComponent<CarouselContainerProps, any, any>;
@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
3
3
  export const CarouselContainer = JSX(({ children, activeItem, cardFullViewCount, cardWidth }) => {
4
4
  const cardFullViewStyles = cardFullViewCount === 1
5
5
  ? `translateX(-${activeItem}00%)`
6
- : `translateX(-${activeItem * cardWidth}px)`;
6
+ : `translateX(-${activeItem * Number(cardWidth)}px)`;
7
7
  return (_jsx("div", { className: "w-auto flex flex-1 duration-1000", style: { transform: `${cardFullViewStyles}` }, role: "list", children: children }));
8
8
  });
9
9
  //# sourceMappingURL=CarouselContainer.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CarouselContainer.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAAiB,EAAE,SAAS,EAAE,EAAE,EAAE;IACzD,MAAM,kBAAkB,GACtB,iBAAiB,KAAK,CAAC;QACrB,CAAC,CAAC,eAAe,UAAU,MAAM;QACjC,CAAC,CAAC,eAAe,UAAU,GAAG,SAAS,KAAK,CAAC;IAEjD,OAAO,CACL,cACE,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,EAAE,EAC7C,IAAI,EAAC,MAAM,YAEV,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"CarouselContainer.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AASxC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAAiB,EAAE,SAAS,EAAE,EAAE,EAAE;IACzD,MAAM,kBAAkB,GACtB,iBAAiB,KAAK,CAAC;QACrB,CAAC,CAAC,eAAe,UAAU,MAAM;QACjC,CAAC,CAAC,eAAe,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;IAEzD,OAAO,CACL,cACE,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,EAAE,EAC7C,IAAI,EAAC,MAAM,YAEV,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -1,10 +1,17 @@
1
1
  /**
2
2
  * @title Карусель
3
3
  */
4
+ /**
5
+ * @title Ширина карточек
6
+ * @enumNames [ "1007", "833", "350", "322" ]
7
+ */
8
+ export declare type CardWidth = '322' | '350' | '832' | '1007';
4
9
  export interface CarouselContent {
5
- /** @title Блоки */
10
+ /** @title Количество видимых карточек */
6
11
  cardFullViewCount?: number;
7
- cardWidth?: number;
12
+ cardWidth?: CardWidth;
13
+ /** @title Добавление блюра */
8
14
  isBlur?: boolean;
15
+ /** @title Цикличность */
9
16
  isCyclic?: boolean;
10
17
  }
@@ -1,2 +1,5 @@
1
+ /**
2
+ * @title Карусель
3
+ */
1
4
  export {};
2
5
  //# sourceMappingURL=CarouselContent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CarouselContent.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContent.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"CarouselContent.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContent.ts"],"names":[],"mappings":"AAAA;;GAEG"}
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
2
2
  import { JSX } from '@redneckz/uni-jsx';
3
- import { useCarouselControl } from '../../hooks/useCarousel.js';
3
+ import { useCarouselControls } from '../../hooks/useCarouselControls.js';
4
4
  import { ComparisonTableColumnHeaders } from './ComparisonTableColumnHeaders.js';
5
5
  import { ComparisonTableRows } from './ComparisonTableRows.js';
6
6
  import { COLS_LENGTH_FOR_SCROLL } from './constants.js';
@@ -14,7 +14,7 @@ export const ComparisonTableBody = JSX(({ columns, rowHeaders, isShowAllRow, vis
14
14
  }))
15
15
  .slice(0, isShowAllRow ? rowHeaders.length : visibleRowLength);
16
16
  const isScrollAvailable = colData.length > COLS_LENGTH_FOR_SCROLL;
17
- const [activeIndex, controls] = useCarouselControl({
17
+ const [activeIndex, controls] = useCarouselControls({
18
18
  itemsCount: colData.length,
19
19
  visibleItemCount: COLS_LENGTH_FOR_SCROLL,
20
20
  });
@@ -1 +1 @@
1
- {"version":3,"file":"ComparisonTableBody.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableBody.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAUrD,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,EAAE,EAAE;IAChF,MAAM,UAAU,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACvD,MAAM,OAAO,GAAG,UAAU;QACxB,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QACpB,MAAM;QACN,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KAC7C,CAAC,CAAC;SACF,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAEjE,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,GAAG,sBAAsB,CAAC;IAElE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,kBAAkB,CAAC;QACjD,UAAU,EAAE,OAAO,CAAC,MAAM;QAC1B,gBAAgB,EAAE,sBAAsB;KACzC,CAAC,CAAC;IAEH,OAAO,CACL,0BACE,eAAK,IAAI,EAAC,OAAO,aACd,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,CACpB,KAAC,4BAA4B,IAAC,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,WAAW,GAAI,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,KAAC,mBAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,oBAAoB,EAC1C,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,iBAAiB,CAAC,CAAC,CAAC,CACnB,cAAK,SAAS,EAAC,8DAA8D,GAAG,CACjF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"ComparisonTableBody.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableBody.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAUrD,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,EAAE,EAAE;IAChF,MAAM,UAAU,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACvD,MAAM,OAAO,GAAG,UAAU;QACxB,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QACpB,MAAM;QACN,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KAC7C,CAAC,CAAC;SACF,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAEjE,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,GAAG,sBAAsB,CAAC;IAElE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC;QAClD,UAAU,EAAE,OAAO,CAAC,MAAM;QAC1B,gBAAgB,EAAE,sBAAsB;KACzC,CAAC,CAAC;IAEH,OAAO,CACL,0BACE,eAAK,IAAI,EAAC,OAAO,aACd,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,CACpB,KAAC,4BAA4B,IAAC,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,WAAW,GAAI,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,KAAC,mBAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,oBAAoB,EAC1C,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,iBAAiB,CAAC,CAAC,CAAC,CACnB,cAAK,SAAS,EAAC,8DAA8D,GAAG,CACjF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -1,6 +1,6 @@
1
+ import type { CarouselControls } from '../../hooks/useCarouselControls';
1
2
  import type { TitleProps } from '../../model/HeadlineType';
2
3
  import type { CellData } from './ComparisonTableContent';
3
- import type { Controls } from '../../hooks/useCarousel';
4
4
  declare type ComparisonTableRowsProps = {
5
5
  rowData: {
6
6
  header: TitleProps;
@@ -8,7 +8,7 @@ declare type ComparisonTableRowsProps = {
8
8
  }[];
9
9
  activeCardIndex: number;
10
10
  isColoredFirstColumn: boolean;
11
- controls: Controls;
11
+ controls: CarouselControls;
12
12
  isScrollAvailable: boolean;
13
13
  };
14
14
  export declare const ComparisonTableRows: import("@redneckz/uni-jsx").UNIComponent<ComparisonTableRowsProps, any, any>;
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
2
2
  import { JSX } from '@redneckz/uni-jsx';
3
- import { TableRow } from './TableRow.js';
4
3
  import { renderArrows } from '../../ui-kit/Button/renderArrows.js';
4
+ import { TableRow } from './TableRow.js';
5
5
  export const ComparisonTableRows = JSX(({ rowData, isColoredFirstColumn, activeCardIndex, controls, isScrollAvailable }) => {
6
6
  const { inc, dec, canDec, canInc } = controls;
7
7
  return (_jsxs("div", { className: "relative", children: [rowData.map((row, i, { length }) => (_jsx(TableRow, { row: row, isFirstRow: i === 0, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex, isColoredFirstColumn: isColoredFirstColumn }, String(i)))), isScrollAvailable ? (_jsx("div", { children: renderArrows({
@@ -1 +1 @@
1
- {"version":3,"file":"ComparisonTableRows.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableRows.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAUhE,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE,EAAE;IAClF,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;IAE9C,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACnC,KAAC,QAAQ,IAEP,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,CAAC,KAAK,CAAC,EACnB,SAAS,EAAE,CAAC,GAAG,CAAC,KAAK,MAAM,EAC3B,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,IALrC,MAAM,CAAC,CAAC,CAAC,CAMd,CACH,CAAC,EACD,iBAAiB,CAAC,CAAC,CAAC,CACnB,wBACG,YAAY,CAAC;oBACZ,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;oBACnB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;oBACzB,QAAQ,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;oBACnC,SAAS,EAAE,SAAS;oBACpB,UAAU,EAAE,IAAI;iBACjB,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"ComparisonTableRows.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTableRows.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAUtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE,EAAE;IAClF,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;IAE9C,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACnC,KAAC,QAAQ,IAEP,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,CAAC,KAAK,CAAC,EACnB,SAAS,EAAE,CAAC,GAAG,CAAC,KAAK,MAAM,EAC3B,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,IALrC,MAAM,CAAC,CAAC,CAAC,CAMd,CACH,CAAC,EACD,iBAAiB,CAAC,CAAC,CAAC,CACnB,wBACG,YAAY,CAAC;oBACZ,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;oBACnB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;oBACzB,QAAQ,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;oBACnC,SAAS,EAAE,SAAS;oBACpB,UAAU,EAAE,IAAI;iBACjB,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -22,6 +22,12 @@ export declare type ProductBlockInnerContent = HeadlineProps & ListContent & But
22
22
  * }
23
23
  */
24
24
  image?: Picture;
25
+ /**
26
+ * @title Количество преимуществ в строке
27
+ * @default 3
28
+ * @enumNames ["2", "3"]
29
+ */
30
+ benefitsCountOfRow?: 2 | 3;
25
31
  /**
26
32
  * @title Список преимуществ
27
33
  * @minItems 2
@@ -0,0 +1,13 @@
1
+ export interface CarouselControls {
2
+ inc: () => void;
3
+ dec: () => void;
4
+ canInc: boolean;
5
+ canDec: boolean;
6
+ }
7
+ interface CarouselProps {
8
+ itemsCount: number;
9
+ visibleItemCount?: number;
10
+ isCyclic?: boolean;
11
+ }
12
+ export declare const useCarouselControls: ({ itemsCount, visibleItemCount, isCyclic, }: CarouselProps) => [number, CarouselControls];
13
+ export {};
@@ -1,8 +1,8 @@
1
1
  import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
2
- export const useCarouselControl = ({ itemsCount, visibleItemCount = itemsCount, isCyclic, }) => {
2
+ export const useCarouselControls = ({ itemsCount, visibleItemCount = itemsCount, isCyclic, }) => {
3
3
  const [activeIndex, setActiveIndex] = useState(0);
4
- const inc = useCallback(() => setActiveIndex((_) => (isCyclic ? (_ + 1) % itemsCount : Math.min(_ + 1, itemsCount - 1))), []);
5
- const dec = useCallback(() => setActiveIndex((_) => (isCyclic ? (itemsCount + _ - 1) % itemsCount : Math.max(_ - 1, 0))), []);
4
+ const inc = useCallback(() => setActiveIndex((_) => (isCyclic ? (_ + 1) % itemsCount : Math.min(_ + 1, itemsCount - 1))), [isCyclic, itemsCount]);
5
+ const dec = useCallback(() => setActiveIndex((_) => (isCyclic ? (itemsCount + _ - 1) % itemsCount : Math.max(_ - 1, 0))), [isCyclic, itemsCount]);
6
6
  const isScrollAvailable = itemsCount > visibleItemCount;
7
7
  const isCyclicAndScrollAvailable = isCyclic && isScrollAvailable;
8
8
  const canInc = isCyclicAndScrollAvailable ||
@@ -18,4 +18,4 @@ export const useCarouselControl = ({ itemsCount, visibleItemCount = itemsCount,
18
18
  },
19
19
  ];
20
20
  };
21
- //# sourceMappingURL=useCarousel.js.map
21
+ //# sourceMappingURL=useCarouselControls.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useCarouselControls.js","sourceRoot":"","sources":["../../src/hooks/useCarouselControls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAepE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,UAAU,EACV,gBAAgB,GAAG,UAAU,EAC7B,QAAQ,GACM,EAA8B,EAAE;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElD,MAAM,GAAG,GAAG,WAAW,CACrB,GAAG,EAAE,CACH,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,EAC5F,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IACF,MAAM,GAAG,GAAG,WAAW,CACrB,GAAG,EAAE,CACH,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAC5F,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IAEF,MAAM,iBAAiB,GAAG,UAAU,GAAG,gBAAgB,CAAC;IACxD,MAAM,0BAA0B,GAAG,QAAQ,IAAI,iBAAiB,CAAC;IAEjE,MAAM,MAAM,GACV,0BAA0B;QAC1B,CAAC,iBAAiB,IAAI,UAAU,GAAG,WAAW,GAAG,gBAAgB,CAAC,CAAC;IACrE,MAAM,MAAM,GAAG,0BAA0B,IAAI,OAAO,CAAC,iBAAiB,IAAI,WAAW,GAAG,CAAC,CAAC,CAAC;IAE3F,OAAO;QACL,WAAW;QACX;YACE,GAAG;YACH,GAAG;YACH,MAAM;YACN,MAAM;SACP;KACF,CAAC;AACJ,CAAC,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
2
2
  import { JSX } from '@redneckz/uni-jsx';
3
3
  import { Button } from '../Button/Button.js';
4
- import { Img } from '../Img/Img.js';
5
- export const InnerTableHeader = JSX(({ currencies, linkToPDF, activeTabIndex, setActiveTabIndex }) => (_jsxs("div", { className: "flex justify-between w-full pt-2.5 pb-3", children: [currencies && currencies.length > 1 ? (_jsx("div", { className: "flex bg-secondary-light p-1.5 rounded-md", children: currencies.map((currency, idx) => (_jsx("div", { className: `rounded-md text-xl-light px-4 py-3 cursor-pointer ${idx === activeTabIndex ? 'bg-primary-main text-white' : 'text-secondary-text'}`, onClick: () => setActiveTabIndex(idx), children: currency || idx + 1 }, currency))) })) : null, linkToPDF ? (_jsx(Button, { href: linkToPDF, version: "secondary", target: "_blank", appendLeft: _jsx(Img, { image: "DocDownloadIcon", className: "mr-0.5", width: "20", height: "20", asSVG: true }), text: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0432 PDF" })) : null] })));
4
+ import { Icon } from '../Icon/Icon.js';
5
+ export const InnerTableHeader = JSX(({ currencies, linkToPDF, activeTabIndex, setActiveTabIndex }) => (_jsxs("div", { className: "flex justify-between w-full pt-2.5 pb-3", children: [currencies && currencies.length > 1 ? (_jsx("div", { className: "flex bg-secondary-light p-1.5 rounded-md", children: currencies.map((currency, idx) => (_jsx("div", { className: `rounded-md text-xl-light px-4 py-3 cursor-pointer ${idx === activeTabIndex ? 'bg-primary-main text-white' : 'text-secondary-text'}`, onClick: () => setActiveTabIndex(idx), children: currency || idx + 1 }, currency))) })) : null, linkToPDF ? (_jsx(Button, { href: linkToPDF, version: "secondary", target: "_blank", appendLeft: _jsx(Icon, { name: "DocDownloadIcon", iconVersion: "color", className: "mr-0.5", width: "20", height: "20", asSVG: true }), text: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0432 PDF" })) : null] })));
6
6
  //# sourceMappingURL=InnerTableHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InnerTableHeader.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AASjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CAChE,eAAK,SAAS,EAAC,yCAAyC,aACrD,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrC,cAAK,SAAS,EAAC,0CAA0C,YACtD,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,cAEE,SAAS,EAAE,qDACT,GAAG,KAAK,cAAc,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,qBAC1D,EAAE,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,YAEpC,QAAQ,IAAI,GAAG,GAAG,CAAC,IANf,QAAQ,CAOT,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,MAAM,IACL,IAAI,EAAE,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,QAAQ,EACf,UAAU,EACR,KAAC,GAAG,IAAC,KAAK,EAAC,iBAAiB,EAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,EAEjF,IAAI,EAAC,uDAAe,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CACF,CAAC"}
1
+ {"version":3,"file":"InnerTableHeader.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AASpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CAChE,eAAK,SAAS,EAAC,yCAAyC,aACrD,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrC,cAAK,SAAS,EAAC,0CAA0C,YACtD,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,cAEE,SAAS,EAAE,qDACT,GAAG,KAAK,cAAc,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,qBAC1D,EAAE,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,YAEpC,QAAQ,IAAI,GAAG,GAAG,CAAC,IANf,QAAQ,CAOT,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,MAAM,IACL,IAAI,EAAE,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,QAAQ,EACf,UAAU,EACR,KAAC,IAAI,IACH,IAAI,EAAC,iBAAiB,EACtB,WAAW,EAAC,OAAO,EACnB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,EAEJ,IAAI,EAAC,uDAAe,GACpB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CACF,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { JSX } from '@redneckz/uni-jsx';
2
- import { useCarouselControl } from '../../hooks/useCarousel';
2
+ import { useCarouselControls } from '../../hooks/useCarouselControls';
3
3
  import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
4
4
  import { BlockWrapper } from '../../ui-kit/BlockWrapper';
5
5
  import { renderArrows } from '../../ui-kit/Button/renderArrows';
@@ -12,7 +12,7 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
12
12
  ({
13
13
  cardFullViewCount = 1,
14
14
  children,
15
- cardWidth = 1007,
15
+ cardWidth = '1007',
16
16
  className = '',
17
17
  isBlur = true,
18
18
  isCyclic = false,
@@ -26,12 +26,11 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
26
26
 
27
27
  const isScrollAvailable = childBlocksLength > cardFullViewCount;
28
28
 
29
- const [activeIndex, controls] = useCarouselControl({
29
+ const [activeIndex, controls] = useCarouselControls({
30
30
  itemsCount: childBlocksLength,
31
31
  visibleItemCount: cardFullViewCount,
32
32
  isCyclic,
33
33
  });
34
-
35
34
  const { inc, dec, canDec, canInc } = controls;
36
35
 
37
36
  return (
@@ -1,9 +1,10 @@
1
1
  import { JSX } from '@redneckz/uni-jsx';
2
+ import type { CardWidth } from './CarouselContent';
2
3
 
3
4
  export interface CarouselContainerProps {
4
5
  activeItem: number;
5
6
  cardFullViewCount: number;
6
- cardWidth: number;
7
+ cardWidth: CardWidth;
7
8
  }
8
9
 
9
10
  export const CarouselContainer = JSX<CarouselContainerProps>(
@@ -11,7 +12,7 @@ export const CarouselContainer = JSX<CarouselContainerProps>(
11
12
  const cardFullViewStyles =
12
13
  cardFullViewCount === 1
13
14
  ? `translateX(-${activeItem}00%)`
14
- : `translateX(-${activeItem * cardWidth}px)`;
15
+ : `translateX(-${activeItem * Number(cardWidth)}px)`;
15
16
 
16
17
  return (
17
18
  <div
@@ -1,10 +1,18 @@
1
1
  /**
2
2
  * @title Карусель
3
3
  */
4
+
5
+ /**
6
+ * @title Ширина карточек
7
+ * @enumNames [ "1007", "833", "350", "322" ]
8
+ */
9
+ export type CardWidth = '322' | '350' | '832' | '1007';
4
10
  export interface CarouselContent {
5
- /** @title Блоки */
11
+ /** @title Количество видимых карточек */
6
12
  cardFullViewCount?: number;
7
- cardWidth?: number;
13
+ cardWidth?: CardWidth;
14
+ /** @title Добавление блюра */
8
15
  isBlur?: boolean;
16
+ /** @title Цикличность */
9
17
  isCyclic?: boolean;
10
18
  }