@redneckz/wildless-cms-uni-blocks 0.6.38 → 0.6.40

package/mobile/lib/components/ProductTile/ProductTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAG3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAKhD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,eAAe,GAAG,GAAG,EACrB,WAAW,EACX,qBAAqB,EACrB,QAAQ,GAAG,EAAE,EACb,OAAO,EACP,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,MAAC,YAAY,IACX,SAAS,EAAE;YACL,SAAS,IAAI,eAAe,CAAC,OAAO,CAAC,IAAI,mBAAmB,CAAC,SAAS,CAAC,EAAE,KAC3E,IAAI,aAER,KAAC,QAAQ,IACP,SAAS,EAAE,6BAA6B,KAAK,IAAI,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9E,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,OAAO,EACxB,KAAK,EAAC,MAAM,KACR,IAAI,GACR,EACD,cAAc,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,EACxC,qBAAqB;YACpB,CAAC,CAAC,2BAA2B,CAAC,qBAAqB,EAAE,KAAK,EAAE,OAAO,CAAC;YACpE,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,sCAAsC,GAAG,CACrF,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,SAAS,EAAC,2BAA2B,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,IACnE,CAChB,CACF,CAAC;AAEF,SAAS,cAAc,CAAC,QAAuB,EAAE,OAAqB,EAAE,KAAe;IACrF,wGAAwG;IACxG,MAAM,cAAc,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC;IAExE,OAAO,CACL,cACE,SAAS,EAAE;UACP,cAAc,EAAE,YAEnB,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAC1D,CACP,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,UAAwB,SAAS;IACtD,MAAM,aAAa,GAAiC;QAClD,OAAO,EAAE,qBAAqB;QAC9B,SAAS,EAAE,YAAY;KACxB,CAAC;IAEF,OAAO,SAAS,sBAAsB,CAAC,OAAoB,EAAE,CAAS;QACpE,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,WAAW,GAAG,EAAE,EAAE,GAAG,OAAO,CAAC;QAEjD,OAAO;YACL,cAAwB,SAAS,EAAC,SAAS,YACxC,KAAK,IADE,SAAS,CAAC,EAAE,CAEhB;YACN,cAAuB,SAAS,EAAE,gBAAgB,aAAa,CAAC,OAAO,CAAC,EAAE,YACvE,WAAW,IADJ,QAAQ,CAAC,EAAE,CAEf;SACP,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,2BAA2B,CAClC,qBAA6B,EAC7B,KAAe,EACf,UAAwB,SAAS;IAEjC,MAAM,YAAY,GAAiC;QACjD,OAAO,EAAE,qBAAqB;QAC9B,SAAS,EAAE,YAAY;KACxB,CAAC;IAEF,wGAAwG;IACxG,MAAM,iBAAiB,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC;IAE3E,OAAO,CACL,cAAK,SAAS,EAAE,4BAA4B,iBAAiB,IAAI,YAAY,CAAC,OAAO,CAAC,EAAE,YACrF,qBAAqB,GAClB,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/components/VerticalLayout/VerticalLayout.js

@@ -8,10 +8,10 @@ const alignStyle = {
     right: 'items-end',
 };
 const gapStyleMap = {
-    XXL: 'gap-10',
-    XL: 'gap-8',
-    L: 'gap-4',
-    M: 'gap-3',
+    XXL: 'gap-12',
+    XL: 'gap-10',
+    L: 'gap-8',
+    M: 'gap-4',
     S: 'gap-2',
     XS: 'gap-1',
     '': '',
@@ -21,15 +21,20 @@ const backgroundStyleMap = {
     primary: 'bg-white',
     secondary: 'bg-primary-main',
 };
-export const VerticalLayout = JSX(({ className = '', gap = '', align, version = 'transparent', ...rest }) => (_jsx(BlockWrapper, { className: [
-        'flex flex-col',
-        gapStyleMap[gap],
-        align && alignStyle[align],
-        backgroundStyleMap[version],
-        className,
-    ]
-        .filter(Boolean)
-        .join(' '), ...rest, children: renderChildren(rest) })));
+export const VerticalLayout = JSX(({ className = '', gap = '', align, isPadding = false, isInnerPadding = true, version = 'transparent', options, ...rest }) => {
+    const paddingStyle = isPadding ? 'p-12' : '';
+    const innerPaddingStyle = isInnerPadding ? '' : '!p-0';
+    return (_jsx(BlockWrapper, { className: [
+            'flex flex-col [&>*]:max-w-full',
+            paddingStyle,
+            gapStyleMap[gap],
+            align && alignStyle[align],
+            backgroundStyleMap[version],
+            className,
+        ]
+            .filter(Boolean)
+            .join(' '), ...rest, children: renderChildren({ ...rest, options: { ...options, className: innerPaddingStyle } }) }));
+});
 VerticalLayout.childrenTypes = {
     exclude: ['VerticalLayout'],
 };

package/mobile/lib/components/VerticalLayout/VerticalLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalLayout.js","sourceRoot":"","sources":["../../../src/components/VerticalLayout/VerticalLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAIpE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKzD,MAAM,UAAU,GAA8B;IAC5C,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,cAAc;IACtB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,WAAW,GAA+B;IAC9C,GAAG,EAAE,QAAQ;IACb,EAAE,EAAE,OAAO;IACX,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,kBAAkB,GAAgD;IACtE,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,iBAAiB;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC,GAAG,CAC9D,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,aAAa,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACzE,KAAC,YAAY,IACX,SAAS,EAAE;QACT,eAAe;QACf,WAAW,CAAC,GAAG,CAAC;QAChB,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC;QAC1B,kBAAkB,CAAC,OAAO,CAAC;QAC3B,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,KACR,IAAI,YAEP,cAAc,CAAC,IAAI,CAAC,GACR,CAChB,CACF,CAAC;AAEF,cAAc,CAAC,aAAa,GAAG;IAC7B,OAAO,EAAE,CAAC,gBAAgB,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"VerticalLayout.js","sourceRoot":"","sources":["../../../src/components/VerticalLayout/VerticalLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAIpE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKzD,MAAM,UAAU,GAA8B;IAC5C,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,cAAc;IACtB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,WAAW,GAA+B;IAC9C,GAAG,EAAE,QAAQ;IACb,EAAE,EAAE,QAAQ;IACZ,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,EAAE;CACP,CAAC;AAEF,MAAM,kBAAkB,GAAgD;IACtE,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,iBAAiB;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC,GAAG,CAC9D,CAAC,EACC,SAAS,GAAG,EAAE,EACd,GAAG,GAAG,EAAE,EACR,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,cAAc,GAAG,IAAI,EACrB,OAAO,GAAG,aAAa,EACvB,OAAO,EACP,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7C,MAAM,iBAAiB,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;IAEvD,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE;YACT,gCAAgC;YAChC,YAAY;YACZ,WAAW,CAAC,GAAG,CAAC;YAChB,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC;YAC1B,kBAAkB,CAAC,OAAO,CAAC;YAC3B,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,KACR,IAAI,YAEP,cAAc,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAAE,CAAC,GACtE,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,aAAa,GAAG;IAC7B,OAAO,EAAE,CAAC,gBAAgB,CAAC;CAC5B,CAAC"}

package/mobile/lib/components/VerticalLayout/VerticalLayoutContent.d.ts

@@ -14,4 +14,8 @@ export interface VerticalLayoutContent {
     version?: BlockVersionWithTransparent;
     align?: AlignType;
     gap?: GapVersion;
+    /** @title Внутренний отступ компоновщика */
+    isPadding?: boolean;
+    /** @title Отступы вложенных компонентов */
+    isInnerPadding?: boolean;
 }

package/mobile/lib/model/BlockVersion.d.ts

@@ -9,4 +9,5 @@ export declare type BlockVersion = 'primary' | 'secondary';
  */
 export declare type BlockVersionWithTransparent = 'transparent' | 'primary' | 'secondary';
 export declare const VersionStyleMap: Record<BlockVersion, string>;
+export declare const VersionAdditionalStyleMap: Record<BlockVersion, string>;
 export declare const VersionWithTransparentStyleMap: Record<BlockVersionWithTransparent, string>;

package/mobile/lib/model/BlockVersion.js

@@ -2,6 +2,10 @@ export const VersionStyleMap = {
     primary: 'bg-white text-primary-text',
     secondary: 'bg-primary-main text-white',
 };
+export const VersionAdditionalStyleMap = {
+    primary: 'text-secondary-text',
+    secondary: 'text-white',
+};
 export const VersionWithTransparentStyleMap = {
     transparent: '',
     primary: 'bg-white text-primary-text',

package/mobile/lib/model/BlockVersion.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockVersion.js","sourceRoot":"","sources":["../../src/model/BlockVersion.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,eAAe,GAAiC;IAC3D,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAgD;IACzF,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC"}
+{"version":3,"file":"BlockVersion.js","sourceRoot":"","sources":["../../src/model/BlockVersion.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,eAAe,GAAiC;IAC3D,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAiC;IACrE,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAgD;IACzF,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC"}

package/mobile/lib/ui-kit/Button/ButtonSection.d.ts

@@ -9,5 +9,5 @@ interface RenderButtonProps {
     index?: number;
 }
 export declare const ButtonSection: import("@redneckz/uni-jsx").UNIComponent<ButtonSectionProps, any, any>;
-export declare function renderButton({ button, buttonClassName, index }: RenderButtonProps): JSX.Element;
+export declare function renderButton({ button, buttonClassName, index }: RenderButtonProps): JSX.Element | null;
 export {};

package/mobile/lib/ui-kit/Button/ButtonSection.js

@@ -4,11 +4,11 @@ import { Img } from '../Img/Img.js';
 import { Button } from './Button.js';
 export const ButtonSection = JSX(({ className = '', buttons }) => buttons && buttons?.length ? (_jsx("div", { className: className, children: buttons.map((button, index) => renderButton({ button, index })) })) : null);
 export function renderButton({ button, buttonClassName, index }) {
-    const { icon, iconRight, version, ...rest } = button;
+    const { icon, iconRight, version, text, ...rest } = button;
     const iconVersion = version === 'secondary' ? 'color' : 'white';
     const leftIcon = renderButtonIcon({ ...icon, iconVersion: iconVersion });
     const rightIcon = renderButtonIcon({ ...iconRight, iconVersion: iconVersion });
-    return (_jsx(Button, { className: buttonClassName, appendLeft: leftIcon, appendRight: rightIcon, version: version, ...rest }, index ? String(index) : ''));
+    return text ? (_jsx(Button, { className: buttonClassName, appendLeft: leftIcon, appendRight: rightIcon, version: version, text: text, ...rest }, index ? String(index) : '')) : null;
 }
 const renderButtonIcon = (icon) => {
     if (!icon?.icon && !icon?.src) {

package/mobile/lib/ui-kit/Button/ButtonSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSection.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAYlC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAqB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CACnF,OAAO,IAAI,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAC3B,cAAK,SAAS,EAAE,SAAS,YACtB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAC5D,CACP,CAAC,CAAC,CAAC,IAAI,CACT,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAqB;IAChF,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,CAAC;IAErD,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAEhE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,WAAW,EAAa,CAAC,CAAC;IACpF,MAAM,SAAS,GAAG,gBAAgB,CAAC,EAAE,GAAG,SAAS,EAAE,WAAW,EAAE,WAAW,EAAa,CAAC,CAAC;IAE1F,OAAO,CACL,KAAC,MAAM,IAEL,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,QAAQ,EACpB,WAAW,EAAE,SAAS,EACtB,OAAO,EAAE,OAAO,KACZ,IAAI,IALH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAM/B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,gBAAgB,GAAG,CAAC,IAAa,EAAE,EAAE;IACzC,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;QAC7B,OAAO,IAAI,CAAC;KACb;IACD,MAAM,SAAS,GAAG,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAElE,OAAO,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CAAC;AACzE,CAAC,CAAC"}
+{"version":3,"file":"ButtonSection.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAYlC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAqB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CACnF,OAAO,IAAI,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAC3B,cAAK,SAAS,EAAE,SAAS,YACtB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAC5D,CACP,CAAC,CAAC,CAAC,IAAI,CACT,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAqB;IAChF,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,CAAC;IAE3D,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAChE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,WAAW,EAAa,CAAC,CAAC;IACpF,MAAM,SAAS,GAAG,gBAAgB,CAAC,EAAE,GAAG,SAAS,EAAE,WAAW,EAAE,WAAW,EAAa,CAAC,CAAC;IAE1F,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,KAAC,MAAM,IAEL,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,QAAQ,EACpB,WAAW,EAAE,SAAS,EACtB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,KACN,IAAI,IANH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAO/B,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,MAAM,gBAAgB,GAAG,CAAC,IAAa,EAAE,EAAE;IACzC,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;QAC7B,OAAO,IAAI,CAAC;KACb;IACD,MAAM,SAAS,GAAG,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAElE,OAAO,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CAAC;AACzE,CAAC,CAAC"}

package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.d.ts

@@ -10,7 +10,7 @@ interface SwipeListContainerProps extends SwipeContainerProps {
         current: HTMLDivElement | null;
     };
     activeIndex?: number;
-    visibleItemCount?: SwipeListItemWidthAuto | 1 | 2 | 3;
+    visibleItemCount?: SwipeListItemWidthAuto | 1 | 2 | 3 | 4;
     snapAlign?: 'snap-start' | 'snap-center' | 'snap-end';
     onVisibleItemsChange?: (itemsVisibilityList: ItemsVisibilityList) => void;
     onVisibleIndicesChange?: (indices: number[]) => void;

package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.js

@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import { mapChildren } from '../../utils/mapChildren.js';
 import { SwipeListItem } from './SwipeListItem.js';
-const childStyleMap = ['min-w-[100%]', 'min-w-[50%]', 'min-w-[33.33%]'];
+const childStyleMap = ['min-w-[100%]', 'min-w-[50%]', 'min-w-[33.33%]', 'min-w-[25%]'];
 export const SwipeListContainer = JSX(({ className = '', containerRef, activeIndex, visibleItemCount, gap = 0, padding = 0, snapAlign = 'snap-center', children, onVisibleItemsChange, onVisibleIndicesChange, }) => {
     const observerOptions = {
         sensitivity: 1,

package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeListContainer.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListContainer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SwipeListContainer.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListContainer.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/utils/adjustHref.js

@@ -1,12 +1,10 @@
-import { projectSettings } from '../ProjectSettings.js';
 import { getOrigin } from './url.js';
 export const adjustHref = (href, router) => {
     if (!href) {
         return href;
     }
-    const hrefWithBasePath = `${projectSettings.BASE_PATH || ''}${href}`;
     const origin = getOrigin(router?.href);
     // Relative URL
-    return origin ? hrefWithBasePath.replace(origin, '') || '/' : hrefWithBasePath;
+    return origin ? href.replace(origin, '') || '/' : href;
 };
 //# sourceMappingURL=adjustHref.js.map

package/mobile/lib/utils/adjustHref.js.map

@@ -1 +1 @@
-{"version":3,"file":"adjustHref.js","sourceRoot":"","sources":["../../src/utils/adjustHref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,IAAwB,EACxB,MAA2C,EAC3C,EAAE;IACF,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,MAAM,gBAAgB,GAAG,GAAG,eAAe,CAAC,SAAS,IAAI,EAAE,GAAG,IAAI,EAAE,CAAC;IACrE,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAEvC,eAAe;IACf,OAAO,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,gBAAgB,CAAC;AACjF,CAAC,CAAC"}
+{"version":3,"file":"adjustHref.js","sourceRoot":"","sources":["../../src/utils/adjustHref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,IAAwB,EACxB,MAA2C,EAC3C,EAAE;IACF,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAEvC,eAAe;IACf,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AACzD,CAAC,CAAC"}

package/mobile/src/BlockRenderer/BlockRendererOptions.ts

@@ -9,4 +9,5 @@ export interface BlockRendererOptions {
   blocksRegistry?: BlocksRegistry;
   parent?: Slot;
   ancestors?: BlockAncestors;
+  className?: string;
 }

package/mobile/src/BlockRenderer/renderBlock.tsx

@@ -13,6 +13,7 @@ export function renderBlock(block: BlockDef, options: BlockRendererOptions) {
     blockDecorator = defaultBlockDecorator,
     blocksRegistry = {},
     ancestors = DEFAULT_ANCESTORS,
+    className = '',
   } = options;
   const { type } = block;
 
@@ -24,7 +25,7 @@ export function renderBlock(block: BlockDef, options: BlockRendererOptions) {
 
   return blockDecorator(
     {
-      blockClassName: `scroll-mt-12 ${style2className(block.style || DEFAULT_STYLE)}`, // TODO scroll-mt-12 ? here?
+      blockClassName: `scroll-mt-12 ${className} ${style2className(block.style || DEFAULT_STYLE)}`, // TODO scroll-mt-12 ? here?
       block,
       ancestors,
       // Adjusted by decorator block and blockClassName

package/mobile/src/ProjectSettings.ts

@@ -7,7 +7,6 @@ export interface ProjectSettings {
   SITEMAP?: string;
   FOOTER?: string;
   CDN?: string; // Should ends with "/"
-  BASE_PATH?: string; // Should ends with "/"
   YANDEX_MAP_API_KEY?: string;
   YANDEX_METRIKA_ID?: string;
 }
@@ -46,9 +45,6 @@ export const projectSettings = new (class implements ProjectSettings {
   get CDN() {
     return this._.CDN;
   }
-  get BASE_PATH() {
-    return this._.BASE_PATH;
-  }
   get YANDEX_MAP_API_KEY() {
     return this._.YANDEX_MAP_API_KEY;
   }

package/mobile/src/components/Carousel/Carousel.example.json

@@ -1,5 +1,4 @@
 {
-  "cardWidth": 1200,
   "isBlur": false,
   "visibleItemCount": 1,
   "isCycle": false

package/mobile/src/components/Carousel/Carousel.tsx

@@ -30,23 +30,25 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
     });
 
     return (
-      <BlockWrapper className={`relative font-sans ${className}`} {...rest}>
-        <SwipeListContainer
-          containerRef={containerRef}
-          visibleItemCount={visibleItemCount}
-          snapAlign="snap-start"
-          gap={ITEMS_GAP}
-          onVisibleIndicesChange={scroll.handleVisibleIndicesChange}
-        >
-          {renderChildren(rest)}
-        </SwipeListContainer>
-        {(scroll.canScrollLeft || scroll.canScrollRight) && isBlur ? (
-          <div>
-            <div className={`${blurBaseStyle} left-0 bg-opacity-from-white`} />
-            <div className={`${blurBaseStyle} right-0 bg-opacity-to-white`} />
-          </div>
-        ) : null}
-        {renderScrollButtons(scroll)}
+      <BlockWrapper className={`font-sans p-12 ${className}`} {...rest}>
+        <div className="relative max-w-full">
+          <SwipeListContainer
+            containerRef={containerRef}
+            visibleItemCount={visibleItemCount}
+            snapAlign="snap-start"
+            gap={ITEMS_GAP}
+            onVisibleIndicesChange={scroll.handleVisibleIndicesChange}
+          >
+            {renderChildren(rest)}
+          </SwipeListContainer>
+          {(scroll.canScrollLeft || scroll.canScrollRight) && isBlur ? (
+            <div>
+              <div className={`${blurBaseStyle} left-0 bg-opacity-from-white`} />
+              <div className={`${blurBaseStyle} right-0 bg-opacity-to-white`} />
+            </div>
+          ) : null}
+          {renderScrollButtons(scroll)}
+        </div>
       </BlockWrapper>
     );
   },
@@ -54,8 +56,9 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
 
 Carousel.childrenTypes = [
   'CarouselCard',
+  'CarouselCatalogCard',
   'CarouselTariffsCard',
-  'CarouselLinks',
+  'CarouselProductCard',
   'CarouselProgramsCard',
   'CarouselInvestmentCard',
 ];

package/mobile/src/components/Carousel/CarouselContent.ts

@@ -6,7 +6,7 @@ export interface CarouselContent {
    * @title Количество видимых карточек
    * @enumNames ["auto", "1", "2", "3"]
    */
-  visibleItemCount?: 0 | 1 | 2 | 3;
+  visibleItemCount?: 0 | 1 | 2 | 3 | 4;
   /** @title Добавление  блюра */
   isBlur?: boolean;
   /** @title Цикличность */

package/mobile/src/components/CarouselCatalogCard/CarouselCatalogCard.example.json

@@ -0,0 +1,17 @@
+{
+  "title": "Заголовок карточки 1",
+  "description": "Описание карточки",
+  "image": {
+    "format": "webp",
+    "size": {
+      "width": 230,
+      "height": 230
+    }
+  },
+  "button": {
+    "href": "",
+    "text": "Подробнее",
+    "target": "_self",
+    "version": "primary"
+  }
+}

package/mobile/src/components/CarouselCatalogCard/CarouselCatalogCard.tsx

@@ -0,0 +1,62 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { BlockVersion } from '../../model/BlockVersion';
+import { VersionStyleMap } from '../../model/BlockVersion';
+import type { ProductColorVersion } from '../../model/ProductColorVersion';
+import { renderButton } from '../../ui-kit/Button/ButtonSection';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { Img } from '../../ui-kit/Img/Img';
+import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
+import { Text } from '../../ui-kit/Text/Text';
+import type { CarouselCatalogCardContent } from './CarouselCatalogCardContent';
+
+export interface CarouselCatalogCardProps extends CarouselCatalogCardContent {
+  className?: string;
+  version?: BlockVersion;
+}
+
+const cardStyleMap: Record<ProductColorVersion, string> = {
+  black: 'bg-black',
+  white: 'bg-white',
+};
+
+export const CarouselCatalogCard = JSX<CarouselCatalogCardProps>(
+  ({ className = '', title, description, image, price, button, colors, version = 'primary' }) => (
+    <section
+      className={`border box-border border-main-stroke p-7 min-w-[392px] flex flex-col justify-left ${VersionStyleMap[version]} ${className}`}
+      role="listitem"
+    >
+      {image?.src ? <Img className="mb-5 flex justify-center" image={image} /> : null}
+      {title ? (
+        <Heading headingType="h6" as="h4" className="text-left mb-1.5" title={title} />
+      ) : null}
+      {description ? (
+        <div className="mb-4">
+          <Paragraph size="text-m" align="text-left" font="font-light">
+            {description}
+          </Paragraph>
+        </div>
+      ) : null}
+      {colors?.length ? (
+        <div className="flex mb-4 text-s-light text-secondary-text">
+          <div className="mr-1.5">
+            <Text>Доступные цвета: </Text>
+          </div>
+          {colors.map(renderColorOption)}
+        </div>
+      ) : null}
+      {price ? (
+        <Text size="text-h3" align="text-left">
+          {price}&nbsp;₽
+        </Text>
+      ) : null}
+      {button ? renderButton({ button, buttonClassName: 'mt-5 w-full' }) : null}
+    </section>
+  ),
+);
+
+const renderColorOption = (color: ProductColorVersion, i: number) => (
+  <span
+    key={String(i)}
+    className={`w-6 h-6 ml-3 border border-solid border-main-divider rounded-full ${cardStyleMap[color]}`}
+  />
+);

package/mobile/src/components/CarouselCatalogCard/CarouselCatalogCard.ui.json

@@ -0,0 +1,10 @@
+{
+  "content": {
+    "image": {
+      "ui:field": "picture"
+    },
+    "price": {
+      "ui:field": "number"
+    }
+  }
+}

package/mobile/src/components/CarouselCatalogCard/CarouselCatalogCardContent.ts

@@ -0,0 +1,25 @@
+import type { BlockVersion } from '../../model/BlockVersion';
+import type { HeadlineCommonProps } from '../../model/HeadlineType';
+import type { ProductColorVersion } from '../../model/ProductColorVersion';
+import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import type { ImageContent } from '../../ui-kit/Img/ImgProps';
+
+/**
+ * @title Карточка каталога
+ */
+export type CarouselCatalogCardContent = HeadlineCommonProps &
+  ImageContent & {
+    /** @title Цена в рублях */
+    price?: number;
+    /** @title Доступные цвета */
+    colors?: ProductColorVersion[];
+    /**
+     * @title Кнопка
+     * @default {
+     *  "icon": { "format": "webp", "size": { "width": 24, "height": 24 } },
+     *  "iconRight" : { "format": "webp", "size": { "width": 24, "height": 24 } }
+     * }
+     */
+    button?: ButtonWithIconProps;
+    version?: BlockVersion;
+  };

package/mobile/src/components/CarouselInvestmentCard/CarouselInvestmentCard.tsx

@@ -1,15 +1,18 @@
-import { BaseTile } from '../BaseTile/BaseTile';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { JSX } from '@redneckz/uni-jsx';
+import { VersionAdditionalStyleMap, VersionStyleMap } from '../../model/BlockVersion';
 import { BorderVersionStyleMap } from '../../model/BorderVersion';
+import type { UniBlockProps } from '../../model/JSXBlock';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { Img } from '../../ui-kit/Img/Img';
+import { Text } from '../../ui-kit/Text/Text';
+import type { TextColor } from '../../ui-kit/Text/TextProps';
+import { BaseTile } from '../BaseTile/BaseTile';
 import type {
   CardColumnsMode,
   CardsListItem,
   CarouselInvestmentCardContent,
 } from './CarouselInvestmentCardContent';
-import { JSX } from '@redneckz/uni-jsx';
-import { Heading } from '../../ui-kit/Heading/Heading';
-import { Img } from '../../ui-kit/Img/Img';
-import type { UniBlockProps } from '../../model/JSXBlock';
 
 export interface CarouselInvestmentCardProps extends CarouselInvestmentCardContent, UniBlockProps {}
 
@@ -42,17 +45,29 @@ export const CarouselInvestmentCard = JSX<CarouselInvestmentCardProps>(
 
     return (
       <BlockWrapper
-        className={`relative text-left border border-solid box-border
-        p-9 w-[697px]
-        ${BorderVersionStyleMap[version]}
-        ${className}`}
+        className={[
+          'relative text-left border border-solid box-border p-9 w-[697px]',
+          VersionStyleMap[version],
+          BorderVersionStyleMap[version],
+          className,
+        ].join(' ')}
         {...rest}
       >
         <BaseTile title={tileTitle} image={tileImage}>
           <div className="flex justify-between mb-4">
-            {description ? <span className="text-h6 w-1/3">{description}</span> : null}
+            {description ? (
+              <div className="w-1/3">
+                <Text size="text-h6">{description}</Text>
+              </div>
+            ) : null}
             {additionalDescription ? (
-              <span className="text-m-light text-secondary-text">{additionalDescription}</span>
+              <Text
+                size="text-m"
+                font="font-light"
+                color={VersionAdditionalStyleMap[version] as TextColor}
+              >
+                {additionalDescription}
+              </Text>
             ) : null}
           </div>
           {cardsList.length ? (
@@ -73,10 +88,14 @@ const renderCardList = (cardsList: CardsListItem[], columnsMode: number) => {
   return visibleCardsList.map((item, i) => (
     <li key={String(i)} className={columnsMode === 2 ? 'basis-[calc(50%-20px)]' : ''}>
       {item?.parameter ? (
-        <span className={`pr-2.5 ${getItemListFontSize(columnsMode)}`}>{item.parameter}</span>
+        <div className="pr-2.5">
+          <Text size={getItemListFontSize(columnsMode)}>{item.parameter}</Text>
+        </div>
       ) : null}
       {item?.parameterDescription ? (
-        <span className="text-m-light text-secondary-text">{item.parameterDescription}</span>
+        <Text size="text-m" font="font-light" color="text-secondary-text">
+          {item.parameterDescription}
+        </Text>
       ) : null}
     </li>
   ));

package/mobile/src/components/CarouselInvestmentCard/CarouselInvestmentCardContent.ts

@@ -1,10 +1,6 @@
 import type { BlockVersion } from '../../model/BlockVersion';
-import type { Picture } from '../../model/Picture';
 import type { HeadlineCommonProps } from '../../model/HeadlineType';
-
-/**
- * @title Карточка галереи инвестиций
- */
+import type { Picture } from '../../model/Picture';
 
 /**
  * @title Количество колонок
@@ -21,6 +17,10 @@ export interface CardsListItem {
   /** @title Описание */
   parameterDescription?: string;
 }
+
+/**
+ * @title Карточка галереи инвестиций
+ */
 export interface CarouselInvestmentCardContent extends HeadlineCommonProps {
   /** @title Доп. описание карточки  */
   additionalDescription?: string;

package/mobile/src/components/CarouselProductCard/CarouselProductCard.example.json

@@ -0,0 +1,21 @@
+{
+  "content": {
+    "icon": {
+      "format": "webp",
+      "size": {
+        "width": 140,
+        "height": 140
+      }
+    },
+    "title": "Заголовок 1",
+    "description": "Описание 1",
+    "href": "/credit-cards",
+    "version": "primary",
+    "isDotted": true,
+    "items": [
+      { "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
+      { "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
+      { "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
+    ]
+  }
+}