@redneckz/wildless-cms-uni-blocks 0.14.262 → 0.14.264

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

@@ -1 +1 @@
-{"version":3,"file":"StickyBottomMenu.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StickyBottomMenu.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,UAAU,GAAG,EAAE,CAAC;AAOtB,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAwB,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACtF,MAAM,EAAE,SAAS,GAAG,UAAU,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAChD,MAAM,CAAC,sBAAsB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,GAAG,mBAAmB,CACjF,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,IAAI,EAAE,CAClC,CAAC;IAEF,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAE9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACnD,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE3E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;QACnB,sBAAsB,CAAC,EAAE,CAAC,CAAC;QAC3B,KAAK,EAAE,CAAC;IACV,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,eAAe,CAAiB,WAAW,CAAC,CAAC;IAE/D,MAAM,CAAC,EAAE,wBAAwB,EAAE,CAAC,GAAG,uBAAuB,CAAC;QAC7D,OAAO;QACP,SAAS;QACT,WAAW;QACX,UAAU;QACV,SAAS;QACT,UAAU;KACX,CAAC,CAAC;IAEH,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,CAAmB,EAAE,EAAE;QACtB,WAAW,EAAE,CAAC;QACd,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,MAAM,EAAE,CAAC;IACX,CAAC,EACD,CAAC,WAAW,EAAE,MAAM,CAAC,CACtB,CAAC;IAEF,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,KAAa,EAAE,aAAqB,EAAE,EAAE;QACvC,sBAAsB,CAAC,aAAa,CAAC,CAAC;QACtC,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,KAAK,EAAE,CAAC;QACR,wBAAwB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IACjD,CAAC,EACD,CAAC,KAAK,EAAE,wBAAwB,CAAC,CAClC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IAAC,SAAS,EAAC,2BAA2B,EAAC,cAAc,EAAC,KAAK,KAAK,IAAI,YAC/E,eACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,iEAAiE,aAE1E,SAAS,CAAC,GAAG,CACZ,cAAc,CAAC,mBAAmB,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC,CAClF,EACD,KAAC,sBAAsB,IACrB,QAAQ,EAAE,sBAAsB,EAChC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC,GACxC,EACD,UAAU,CAAC,GAAG,CACb,cAAc,CAAC,mBAAmB,EAAE,OAAO,EAAE,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC,CACnF,IACG,GACO,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAClB,CACE,OAAuD,EACvD,aAAqB,EACrB,iBAAoC,EACpC,EAAE,CACJ,CAAC,CAAiB,EAAE,CAAS,EAAE,GAAqB,EAAE,EAAE;IACtD,OAAO,CACL,KAAC,oBAAoB,IAEnB,IAAI,EAAE,CAAC,EACP,QAAQ,EACN,GAAG,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,KAAK;YACtD,iBAAiB,CAAC,mBAAmB,KAAK,aAAa,EAEzD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC;QAC5B,CAAC,IATI,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,CAUzB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuDialog.d.ts

@@ -0,0 +1,9 @@
+import { type VNode } from '../../model/VNode';
+import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
+export interface StickyBottomMenuDialogProps {
+    className?: string;
+    head?: VNode;
+    onClose?: () => void;
+    onClick?: (e: PreventableEvent) => void;
+}
+export declare const StickyBottomMenuDialog: import("@redneckz/uni-jsx").UNIComponent<StickyBottomMenuDialogProps, any, any>;

package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuDialog.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { CloseButton } from '../../ui-kit/DialogManager/CloseButton.js';
+import { useDialogManager } from '../../ui-kit/DialogManager/useDialogManager.js';
+import { style } from '../../utils/style.js';
+export const StickyBottomMenuDialog = JSX(({ className, head, children, onClose, onClick }) => {
+    const { close } = useDialogManager();
+    const handleClose = useCallback(() => {
+        close();
+        onClose && onClose();
+    }, [onClose]);
+    return (_jsxs("div", { onClick: onClick, className: style('relative min-h-full bg-white p-0 rounded-xl mt-[20%]', className), role: "dialog", children: [_jsxs("div", { className: "sticky py-xl top-0 rounded-xl bg-white z-10", children: [_jsx(CloseButton, { className: "absolute top-1.5 right-0", onClose: handleClose }), _jsx("div", { className: "container", children: head })] }), _jsx("div", { className: "container pb-6xl", children: children })] }));
+});
+//# sourceMappingURL=StickyBottomMenuDialog.js.map

package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyBottomMenuDialog.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenuDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAE/E,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAS1C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CACvC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE;IAClD,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAErC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,KAAK,EAAE,CAAC;QACR,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,eACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,CAAC,sDAAsD,EAAE,SAAS,CAAC,EACnF,IAAI,EAAC,QAAQ,aAEb,eAAK,SAAS,EAAC,6CAA6C,aAC1D,KAAC,WAAW,IAAC,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,WAAW,GAAI,EAC1E,cAAK,SAAS,EAAC,WAAW,YAAE,IAAI,GAAO,IACnC,EACN,cAAK,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAO,IAC9C,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/components/StickyBottomMenu/useBottomMenuItemDialog.d.ts

@@ -0,0 +1,19 @@
+import { type StickyMenuItem } from '../../data/StickyMobileData';
+import { type VNode } from '../../model/VNode';
+import { type DialogOptions } from '../../ui-kit/DialogManager/useDialogManager';
+interface BottomMenuItemDialog {
+    menuRef?: {
+        current: HTMLDivElement | null;
+    };
+    dialogRef?: {
+        current: HTMLDivElement | null;
+    };
+    closeDialog: () => void;
+    openDialog: (dialog: VNode, options: DialogOptions) => void;
+    leftItems: StickyMenuItem[];
+    rightItems: StickyMenuItem[];
+}
+export declare const useBottomMenuItemDialog: ({ menuRef, dialogRef, closeDialog, openDialog, leftItems, rightItems, }: BottomMenuItemDialog) => {
+    openBottomMenuItemDialog: (index: number, itemsPosition: string) => void;
+}[];
+export {};

package/mobile/lib/components/StickyBottomMenu/useBottomMenuItemDialog.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { Heading } from '../../ui-kit/Heading/Heading.js';
+import { StickyBottomMenuDialog } from './StickyBottomMenuDialog.js';
+export const useBottomMenuItemDialog = ({ menuRef, dialogRef, closeDialog, openDialog, leftItems, rightItems, }) => {
+    const openBottomMenuItemDialog = (index, itemsPosition) => {
+        const requiredArray = itemsPosition === 'left' ? leftItems : rightItems;
+        const menuDimensions = menuRef?.current?.getBoundingClientRect();
+        openDialog(_jsx(StickyBottomMenuDialog, { onClick: (e) => e.stopPropagation(), onClose: closeDialog, head: _jsx("div", { className: "flex items-center px-xl", children: _jsx(Heading, { as: "h4", title: requiredArray[index].title }) }), children: _jsx("div", { className: "bg-white pb-20 pt-1 text-l", ref: dialogRef, children: _jsx("iframe", { src: requiredArray[index]?.src, className: "min-h-[90vh]", width: menuDimensions?.width || 0 }) }) }), { id: itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title });
+    };
+    return [{ openBottomMenuItemDialog }];
+};
+//# sourceMappingURL=useBottomMenuItemDialog.js.map

package/mobile/lib/components/StickyBottomMenu/useBottomMenuItemDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBottomMenuItemDialog.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/useBottomMenuItemDialog.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAelE,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,OAAO,EACP,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,UAAU,GACW,EAAE,EAAE;IACzB,MAAM,wBAAwB,GAAG,CAAC,KAAa,EAAE,aAAqB,EAAE,EAAE;QACxE,MAAM,aAAa,GAAG,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;QACxE,MAAM,cAAc,GAAG,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAC;QACjE,UAAU,CACR,KAAC,sBAAsB,IACrB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,OAAO,EAAE,WAAW,EACpB,IAAI,EACF,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,GAAI,GAClD,YAGR,cAAK,SAAS,EAAC,4BAA4B,EAAC,GAAG,EAAE,SAAS,YACxD,iBACE,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,GAAG,EAC9B,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC,GACjC,GACE,GACiB,EACzB,EAAE,EAAE,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CACpF,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CAAC,EAAE,wBAAwB,EAAE,CAAC,CAAC;AACxC,CAAC,CAAC"}

package/mobile/lib/components/StickyBottomMenu/useBurgerMenuDialog.d.ts

@@ -3,7 +3,6 @@ import { type DialogOptions } from '../../ui-kit/DialogManager/useDialogManager'
 import { type BurgerMenuDialogProps } from './BurgerMenuDialog';
 export declare const BURGER_MENU_DIALOG_ID = "burgerMenuDialog";
 export declare const useBurgerMenuDialog: (props: BurgerMenuDialogProps) => [boolean, {
-    open: () => void;
     close: () => void;
     toggle: () => void;
     openDialog: (dialog: VNode, options: DialogOptions) => void;

package/mobile/lib/components/StickyBottomMenu/useBurgerMenuDialog.js

@@ -17,6 +17,6 @@ export const useBurgerMenuDialog = (props) => {
             open();
         }
     };
-    return [isBurgerMenuOpen, { open, close, toggle, openDialog }];
+    return [isBurgerMenuOpen, { close, toggle, openDialog }];
 };
 //# sourceMappingURL=useBurgerMenuDialog.js.map

package/mobile/lib/components/StickyBottomMenu/useBurgerMenuDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBurgerMenuDialog.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/useBurgerMenuDialog.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAsB,MAAM,6CAA6C,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAA8B,MAAM,oBAAoB,CAAC;AAElF,MAAM,CAAC,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAExD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,KAA4B,EAS5B,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEjE,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,gBAAgB,GAAG,YAAY,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAC;IAEtE,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,KAAC,gBAAgB,OAAK,KAAK,GAAI,EAAE,EAAE,EAAE,EAAE,qBAAqB,EAAE,CAAC,CAAC;IAC9F,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,IAAI,gBAAgB,EAAE;YACpB,QAAQ,EAAE,CAAC;SACZ;aAAM;YACL,IAAI,EAAE,CAAC;SACR;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,gBAAgB,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;AACjE,CAAC,CAAC"}
+{"version":3,"file":"useBurgerMenuDialog.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/useBurgerMenuDialog.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAsB,MAAM,6CAA6C,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAA8B,MAAM,oBAAoB,CAAC;AAElF,MAAM,CAAC,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAExD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,KAA4B,EAQ5B,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEjE,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,gBAAgB,GAAG,YAAY,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAC;IAEtE,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,KAAC,gBAAgB,OAAK,KAAK,GAAI,EAAE,EAAE,EAAE,EAAE,qBAAqB,EAAE,CAAC,CAAC;IAC9F,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,IAAI,gBAAgB,EAAE;YACpB,QAAQ,EAAE,CAAC;SACZ;aAAM;YACL,IAAI,EAAE,CAAC;SACR;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;AAC3D,CAAC,CAAC"}

package/mobile/lib/data/StickyMobileData.d.ts

@@ -5,8 +5,8 @@ import { type Picture } from '../model/Picture';
 export interface StickyMenuItem {
     /** @title Название */
     title?: string;
-    /** @title Html */
-    __html?: string;
+    /** @title Адрес страницы меню */
+    src?: string;
     /** @title Иконка */
     icon?: Picture;
 }

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

@@ -2,6 +2,7 @@
   "content": {
     "version": "primary",
     "padding": "",
+    "align": "start",
     "image": {
       "format": "webp",
       "size": {

package/mobile/src/components/StickyBottomMenu/StickyBottomMenu.tsx

@@ -1,14 +1,13 @@
-import { useCallback, useEffect, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
+import { useCallback, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
 import { type StickyMenuItem } from '../../data/StickyMobileData';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Dialog } from '../../ui-kit/DialogManager/Dialog';
-import { Heading } from '../../ui-kit/Heading/Heading';
+import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
 import { UniBlock } from '../../UniBlock/UniBlock';
 import { StickyBottomMenuBurger } from './StickyBottomMenuBurger';
 import { StickyBottomMenuItem } from './StickyBottomMenuItem';
 import { type StickyBottomMenuProps } from './StickyBottomMenuProps';
+import { useBottomMenuItemDialog } from './useBottomMenuItemDialog';
 import { useBurgerMenuDialog } from './useBurgerMenuDialog';
 
 const EMPTY_MENU = [];
@@ -18,7 +17,6 @@ interface CurrentActiveItem {
   currentItemPosition: string;
 }
 
-// eslint-disable-next-line max-lines-per-function
 export const StickyBottomMenu = UniBlock<StickyBottomMenuProps>(({ sticky, ...rest }) => {
   const { menuItems = EMPTY_MENU } = sticky ?? {};
   const [isBurgerMenuDialogOpen, { toggle, close, openDialog }] = useBurgerMenuDialog(
@@ -31,78 +29,44 @@ export const StickyBottomMenu = UniBlock<StickyBottomMenuProps>(({ sticky, ...re
 
   const [activeIndex, setActiveIndex] = useState(-1);
   const [currentItemPosition, setCurrentItemPosition] = useState<string>('');
-  const [popupDialogState, { setFalse: setPopupDialogClosed, setTrue: setPopupDialogOpened }] =
-    useBool();
 
-  const closePopupDialog = useCallback(() => {
-    setPopupDialogClosed();
+  const closeDialog = useCallback(() => {
     setActiveIndex(-1);
     setCurrentItemPosition('');
     close();
   }, [close]);
 
   const menuRef = useRef<HTMLDivElement | null>(null);
-  const popupDialogRef = useOutsideClick<HTMLDivElement>(closePopupDialog);
-
-  const openPopupDialog = useCallback(
-    (index: number, itemsPosition: string) => {
-      setPopupDialogOpened();
-      close();
-
-      openDialog(
-        <Dialog
-          onClick={(e) => e.stopPropagation()}
-          className="mt-[20%]"
-          onClose={closePopupDialog}
-          head={
-            <div className="flex items-center">
-              <Heading
-                as="h4"
-                title={itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title}
-              />
-            </div>
-          }
-        >
-          <div className="bg-white pb-24 pt-1 text-l" ref={popupDialogRef}></div>
-        </Dialog>,
-        {
-          id: itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title,
-        },
-      );
+  const dialogRef = useOutsideClick<HTMLDivElement>(closeDialog);
+
+  const [{ openBottomMenuItemDialog }] = useBottomMenuItemDialog({
+    menuRef,
+    dialogRef,
+    closeDialog,
+    openDialog,
+    leftItems,
+    rightItems,
+  });
+
+  const handleMenuBurgerClick = useCallback(
+    (e: PreventableEvent) => {
+      closeDialog();
+      e.stopPropagation();
+      toggle();
     },
-    [close, closePopupDialog],
+    [closeDialog, toggle],
   );
 
   const handleMenuItemClick = useCallback(
     (index: number, itemsPosition: string) => {
       setCurrentItemPosition(itemsPosition);
       setActiveIndex(index);
-      openPopupDialog(index, itemsPosition);
+      close();
+      openBottomMenuItemDialog(index, itemsPosition);
     },
-    [openPopupDialog],
+    [close, openBottomMenuItemDialog],
   );
 
-  useEffect(() => {
-    if (!popupDialogRef.current) {
-      return;
-    }
-
-    if (!popupDialogRef.current.shadowRoot) {
-      popupDialogRef.current?.attachShadow({ mode: 'open' });
-    }
-
-    const shadowRoot = popupDialogRef.current.shadowRoot;
-    if (!shadowRoot) {
-      return;
-    }
-
-    if (currentItemPosition === 'left') {
-      shadowRoot.innerHTML = leftItems[activeIndex]?.__html || '';
-    } else {
-      shadowRoot.innerHTML = rightItems[activeIndex]?.__html || '';
-    }
-  }, [activeIndex, currentItemPosition, popupDialogState]);
-
   return (
     <BlockWrapper className="h-[74px] z-[100] relative" defaultPadding="p-0" {...rest}>
       <div
@@ -114,11 +78,7 @@ export const StickyBottomMenu = UniBlock<StickyBottomMenuProps>(({ sticky, ...re
         )}
         <StickyBottomMenuBurger
           isActive={isBurgerMenuDialogOpen}
-          onClick={(e) => {
-            closePopupDialog();
-            e.stopPropagation();
-            toggle();
-          }}
+          onClick={(e) => handleMenuBurgerClick(e)}
         />
         {rightItems.map(
           renderMenuItem(handleMenuItemClick, 'right', { activeIndex, currentItemPosition }),
@@ -130,7 +90,7 @@ export const StickyBottomMenu = UniBlock<StickyBottomMenuProps>(({ sticky, ...re
 
 const renderMenuItem =
   (
-    handleMenuItemClick: (index: number, itemsPosition: string) => void,
+    onClick: (index: number, itemsPosition: string) => void,
     itemsPosition: string,
     currentActiveItem: CurrentActiveItem,
   ) =>
@@ -145,7 +105,7 @@ const renderMenuItem =
         }
         onClick={(e) => {
           e.stopPropagation();
-          handleMenuItemClick(i, itemsPosition);
+          onClick(i, itemsPosition);
         }}
       />
     );

package/mobile/src/components/StickyBottomMenu/StickyBottomMenuDialog.tsx

@@ -0,0 +1,39 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { type VNode } from '../../model/VNode';
+import { CloseButton } from '../../ui-kit/DialogManager/CloseButton';
+import { useDialogManager } from '../../ui-kit/DialogManager/useDialogManager';
+import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
+import { style } from '../../utils/style';
+
+export interface StickyBottomMenuDialogProps {
+  className?: string;
+  head?: VNode;
+  onClose?: () => void;
+  onClick?: (e: PreventableEvent) => void;
+}
+
+export const StickyBottomMenuDialog = JSX<StickyBottomMenuDialogProps>(
+  ({ className, head, children, onClose, onClick }) => {
+    const { close } = useDialogManager();
+
+    const handleClose = useCallback(() => {
+      close();
+      onClose && onClose();
+    }, [onClose]);
+
+    return (
+      <div
+        onClick={onClick}
+        className={style('relative min-h-full bg-white p-0 rounded-xl mt-[20%]', className)}
+        role="dialog"
+      >
+        <div className="sticky py-xl top-0 rounded-xl bg-white z-10">
+          <CloseButton className="absolute top-1.5 right-0" onClose={handleClose} />
+          <div className="container">{head}</div>
+        </div>
+        <div className="container pb-6xl">{children}</div>
+      </div>
+    );
+  },
+);

package/mobile/src/components/StickyBottomMenu/useBottomMenuItemDialog.tsx

@@ -0,0 +1,54 @@
+import { type StickyMenuItem } from '../../data/StickyMobileData';
+import { type VNode } from '../../model/VNode';
+import { type DialogOptions } from '../../ui-kit/DialogManager/useDialogManager';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { StickyBottomMenuDialog } from './StickyBottomMenuDialog';
+
+interface BottomMenuItemDialog {
+  menuRef?: {
+    current: HTMLDivElement | null;
+  };
+  dialogRef?: {
+    current: HTMLDivElement | null;
+  };
+  closeDialog: () => void;
+  openDialog: (dialog: VNode, options: DialogOptions) => void;
+  leftItems: StickyMenuItem[];
+  rightItems: StickyMenuItem[];
+}
+
+export const useBottomMenuItemDialog = ({
+  menuRef,
+  dialogRef,
+  closeDialog,
+  openDialog,
+  leftItems,
+  rightItems,
+}: BottomMenuItemDialog) => {
+  const openBottomMenuItemDialog = (index: number, itemsPosition: string) => {
+    const requiredArray = itemsPosition === 'left' ? leftItems : rightItems;
+    const menuDimensions = menuRef?.current?.getBoundingClientRect();
+    openDialog(
+      <StickyBottomMenuDialog
+        onClick={(e) => e.stopPropagation()}
+        onClose={closeDialog}
+        head={
+          <div className="flex items-center px-xl">
+            <Heading as="h4" title={requiredArray[index].title} />
+          </div>
+        }
+      >
+        <div className="bg-white pb-20 pt-1 text-l" ref={dialogRef}>
+          <iframe
+            src={requiredArray[index]?.src}
+            className="min-h-[90vh]"
+            width={menuDimensions?.width || 0}
+          />
+        </div>
+      </StickyBottomMenuDialog>,
+      { id: itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title },
+    );
+  };
+
+  return [{ openBottomMenuItemDialog }];
+};

package/mobile/src/components/StickyBottomMenu/useBurgerMenuDialog.tsx

@@ -11,7 +11,6 @@ export const useBurgerMenuDialog = (
 ): [
   boolean,
   {
-    open: () => void;
     close: () => void;
     toggle: () => void;
     openDialog: (dialog: VNode, options: DialogOptions) => void;
@@ -31,5 +30,5 @@ export const useBurgerMenuDialog = (
     }
   };
 
-  return [isBurgerMenuOpen, { open, close, toggle, openDialog }];
+  return [isBurgerMenuOpen, { close, toggle, openDialog }];
 };

package/mobile/src/data/StickyMobileData.ts

@@ -6,8 +6,8 @@ import { type Picture } from '../model/Picture';
 export interface StickyMenuItem {
   /** @title Название */
   title?: string;
-  /** @title Html */
-  __html?: string;
+  /** @title Адрес страницы меню */
+  src?: string;
   /** @title Иконка */
   icon?: Picture;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.262",
+  "version": "0.14.264",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/ImgBlock/ImgBlock.example.json

@@ -2,6 +2,7 @@
   "content": {
     "version": "primary",
     "padding": "",
+    "align": "start",
     "image": {
       "format": "webp",
       "size": {

package/src/components/StickyBottomMenu/StickyBottomMenu.mobile.tsx

@@ -1,14 +1,13 @@
-import { useCallback, useEffect, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
+import { useCallback, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
 import { type StickyMenuItem } from '../../data/StickyMobileData';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Dialog } from '../../ui-kit/DialogManager/Dialog';
-import { Heading } from '../../ui-kit/Heading/Heading';
+import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
 import { UniBlock } from '../../UniBlock/UniBlock';
 import { StickyBottomMenuBurger } from './StickyBottomMenuBurger';
 import { StickyBottomMenuItem } from './StickyBottomMenuItem';
 import { type StickyBottomMenuProps } from './StickyBottomMenuProps';
+import { useBottomMenuItemDialog } from './useBottomMenuItemDialog';
 import { useBurgerMenuDialog } from './useBurgerMenuDialog';
 
 const EMPTY_MENU = [];
@@ -18,7 +17,6 @@ interface CurrentActiveItem {
   currentItemPosition: string;
 }
 
-// eslint-disable-next-line max-lines-per-function
 export const StickyBottomMenu = UniBlock<StickyBottomMenuProps>(({ sticky, ...rest }) => {
   const { menuItems = EMPTY_MENU } = sticky ?? {};
   const [isBurgerMenuDialogOpen, { toggle, close, openDialog }] = useBurgerMenuDialog(
@@ -31,78 +29,44 @@ export const StickyBottomMenu = UniBlock<StickyBottomMenuProps>(({ sticky, ...re
 
   const [activeIndex, setActiveIndex] = useState(-1);
   const [currentItemPosition, setCurrentItemPosition] = useState<string>('');
-  const [popupDialogState, { setFalse: setPopupDialogClosed, setTrue: setPopupDialogOpened }] =
-    useBool();
 
-  const closePopupDialog = useCallback(() => {
-    setPopupDialogClosed();
+  const closeDialog = useCallback(() => {
     setActiveIndex(-1);
     setCurrentItemPosition('');
     close();
   }, [close]);
 
   const menuRef = useRef<HTMLDivElement | null>(null);
-  const popupDialogRef = useOutsideClick<HTMLDivElement>(closePopupDialog);
-
-  const openPopupDialog = useCallback(
-    (index: number, itemsPosition: string) => {
-      setPopupDialogOpened();
-      close();
-
-      openDialog(
-        <Dialog
-          onClick={(e) => e.stopPropagation()}
-          className="mt-[20%]"
-          onClose={closePopupDialog}
-          head={
-            <div className="flex items-center">
-              <Heading
-                as="h4"
-                title={itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title}
-              />
-            </div>
-          }
-        >
-          <div className="bg-white pb-24 pt-1 text-l" ref={popupDialogRef}></div>
-        </Dialog>,
-        {
-          id: itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title,
-        },
-      );
+  const dialogRef = useOutsideClick<HTMLDivElement>(closeDialog);
+
+  const [{ openBottomMenuItemDialog }] = useBottomMenuItemDialog({
+    menuRef,
+    dialogRef,
+    closeDialog,
+    openDialog,
+    leftItems,
+    rightItems,
+  });
+
+  const handleMenuBurgerClick = useCallback(
+    (e: PreventableEvent) => {
+      closeDialog();
+      e.stopPropagation();
+      toggle();
     },
-    [close, closePopupDialog],
+    [closeDialog, toggle],
   );
 
   const handleMenuItemClick = useCallback(
     (index: number, itemsPosition: string) => {
       setCurrentItemPosition(itemsPosition);
       setActiveIndex(index);
-      openPopupDialog(index, itemsPosition);
+      close();
+      openBottomMenuItemDialog(index, itemsPosition);
     },
-    [openPopupDialog],
+    [close, openBottomMenuItemDialog],
   );
 
-  useEffect(() => {
-    if (!popupDialogRef.current) {
-      return;
-    }
-
-    if (!popupDialogRef.current.shadowRoot) {
-      popupDialogRef.current?.attachShadow({ mode: 'open' });
-    }
-
-    const shadowRoot = popupDialogRef.current.shadowRoot;
-    if (!shadowRoot) {
-      return;
-    }
-
-    if (currentItemPosition === 'left') {
-      shadowRoot.innerHTML = leftItems[activeIndex]?.__html || '';
-    } else {
-      shadowRoot.innerHTML = rightItems[activeIndex]?.__html || '';
-    }
-  }, [activeIndex, currentItemPosition, popupDialogState]);
-
   return (
     <BlockWrapper className="h-[74px] z-[100] relative" defaultPadding="p-0" {...rest}>
       <div
@@ -114,11 +78,7 @@ export const StickyBottomMenu = UniBlock<StickyBottomMenuProps>(({ sticky, ...re
         )}
         <StickyBottomMenuBurger
           isActive={isBurgerMenuDialogOpen}
-          onClick={(e) => {
-            closePopupDialog();
-            e.stopPropagation();
-            toggle();
-          }}
+          onClick={(e) => handleMenuBurgerClick(e)}
         />
         {rightItems.map(
           renderMenuItem(handleMenuItemClick, 'right', { activeIndex, currentItemPosition }),
@@ -130,7 +90,7 @@ export const StickyBottomMenu = UniBlock<StickyBottomMenuProps>(({ sticky, ...re
 
 const renderMenuItem =
   (
-    handleMenuItemClick: (index: number, itemsPosition: string) => void,
+    onClick: (index: number, itemsPosition: string) => void,
     itemsPosition: string,
     currentActiveItem: CurrentActiveItem,
   ) =>
@@ -145,7 +105,7 @@ const renderMenuItem =
         }
         onClick={(e) => {
           e.stopPropagation();
-          handleMenuItemClick(i, itemsPosition);
+          onClick(i, itemsPosition);
         }}
       />
     );

package/src/components/StickyBottomMenu/StickyBottomMenuDialog.tsx

@@ -0,0 +1,39 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { type VNode } from '../../model/VNode';
+import { CloseButton } from '../../ui-kit/DialogManager/CloseButton';
+import { useDialogManager } from '../../ui-kit/DialogManager/useDialogManager';
+import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
+import { style } from '../../utils/style';
+
+export interface StickyBottomMenuDialogProps {
+  className?: string;
+  head?: VNode;
+  onClose?: () => void;
+  onClick?: (e: PreventableEvent) => void;
+}
+
+export const StickyBottomMenuDialog = JSX<StickyBottomMenuDialogProps>(
+  ({ className, head, children, onClose, onClick }) => {
+    const { close } = useDialogManager();
+
+    const handleClose = useCallback(() => {
+      close();
+      onClose && onClose();
+    }, [onClose]);
+
+    return (
+      <div
+        onClick={onClick}
+        className={style('relative min-h-full bg-white p-0 rounded-xl mt-[20%]', className)}
+        role="dialog"
+      >
+        <div className="sticky py-xl top-0 rounded-xl bg-white z-10">
+          <CloseButton className="absolute top-1.5 right-0" onClose={handleClose} />
+          <div className="container">{head}</div>
+        </div>
+        <div className="container pb-6xl">{children}</div>
+      </div>
+    );
+  },
+);