@longraf/mdesign 0.0.2

package/dist/components/RollupItem/getFoldableStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFoldableStyles.js","sourceRoot":"","sources":["../../../src/components/RollupItem/getFoldableStyles.ts"],"names":[],"mappings":";;AAAO,MAAM,iBAAiB,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE,CACpD,QAAQ,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,8BAA8B,CAAC;AADvE,QAAA,iBAAiB,qBACsD"}

package/dist/components/StepsBlock/StepsBlock.d.ts

@@ -0,0 +1,5 @@
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
+import { type StepsBlockContent } from './StepsBlockContent';
+export interface StepsBlockProps extends StepsBlockContent, UniBlockProps {
+}
+export declare const StepsBlock: import("@redneckz/uni-jsx").UNIComponent<StepsBlockProps, any, any>;

package/dist/components/StepsBlock/StepsBlock.js

@@ -0,0 +1,30 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepsBlock = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const useMobileMode_1 = require("../../hooks/useMobileMode");
+const getAlignStyles_1 = require("../../model/getAlignStyles");
+const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
+const Img_1 = require("../../ui-kit/Img/Img");
+const renderButtonsSection_1 = require("../../ui-kit/LinkButton/renderButtonsSection");
+const isIcon_1 = require("../../utils/isIcon");
+const joinList_1 = require("../../utils/joinList");
+const style_1 = require("../../utils/style");
+const Headline_1 = require("../Headline/Headline");
+const getIconTextStyle_1 = require("./getIconTextStyle");
+const renderStep_1 = require("./renderStep");
+const StepsBlockStyleMaps_1 = require("./StepsBlockStyleMaps");
+const getLineOpacity = (showLines) => (showLines ? '' : 'opacity-0');
+exports.StepsBlock = (0, uni_jsx_1.JSX)(({ buttons, className = '', description, showLines = true, steps = [], stepVersion = 'gray', title, version = 'primary', ...rest }) => {
+    const isBigSizeSteps = steps.length > 3;
+    const styleMap = StepsBlockStyleMaps_1.STEPS_BLOCK_STYLE;
+    const lineOpacity = getLineOpacity(showLines);
+    const isMobileMode = (0, useMobileMode_1.useMobileMode)();
+    return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('box-border flex flex-col items-center overflow-hidden gap-y-3xl', className), defaultPadding: "p-6xl", version: version, ...rest, children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { headlineVersion: "S", title: title, description: description, isEmbedded: true, className: "w-full", align: (0, getAlignStyles_1.getAlignStyles)(isMobileMode) }), steps?.length ? ((0, jsx_runtime_1.jsxs)("div", { className: "box-border space-y-lg flex flex-col justify-center", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('flex items-center', isBigSizeSteps ? 'px-16' : 'px-24'), children: (0, joinList_1.joinList)((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('h-0.5 w-full bg-secondary-light flex-1', lineOpacity) }))(steps.map(renderStepIcon(styleMap, isBigSizeSteps, stepVersion))) }), (0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('flex justify-between', isBigSizeSteps ? 'gap-x-s' : 'gap-x-20'), children: steps.map((0, renderStep_1.renderStep)({ styleMap, version })) })] })) : null, (0, renderButtonsSection_1.renderButtonsSection)(buttons)] }));
+});
+const renderStepIcon = (styleMap, stepsSize, stepVersion) => ({ icon }, i) => {
+    const iconVersion = stepVersion === 'secondary' ? 'white' : 'color';
+    return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { defaultPadding: "", className: `${getIconSizeStyle(stepsSize)} flex justify-center items-center text-center rounded-full box-border z-10`, version: stepVersion, children: (0, isIcon_1.isIcon)(icon) ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { image: { ...icon, iconVersion: icon?.iconVersion || iconVersion }, width: "48", height: "48" })) : ((0, jsx_runtime_1.jsx)("span", { className: (0, style_1.style)('text-h4', stepVersion === 'transparent' ? styleMap.iconText : (0, getIconTextStyle_1.getIconTextStyle)(stepVersion)), children: i + 1 })) }, String(i)));
+};
+const getIconSizeStyle = (stepsSize) => (stepsSize ? 'h-16 w-16' : 'h-24 w-24');
+//# sourceMappingURL=StepsBlock.js.map

package/dist/components/StepsBlock/StepsBlock.js.map

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

package/dist/components/StepsBlock/StepsBlock.mobile.d.ts

@@ -0,0 +1,5 @@
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
+import { type StepsBlockContent } from './StepsBlockContent';
+export interface StepsBlockProps extends StepsBlockContent, UniBlockProps {
+}
+export declare const StepsBlock: import("@redneckz/uni-jsx").UNIComponent<StepsBlockProps, any, any>;

package/dist/components/StepsBlock/StepsBlock.mobile.js

@@ -0,0 +1,14 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepsBlock = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
+const renderButtonsSection_1 = require("../../ui-kit/LinkButton/renderButtonsSection");
+const style_1 = require("../../utils/style");
+const Headline_1 = require("../Headline/Headline");
+const renderStepMobile_1 = require("./renderStepMobile");
+exports.StepsBlock = (0, uni_jsx_1.JSX)(({ className = '', title, description, steps = [], buttons, stepVersion = 'gray', version = 'primary', ...rest }) => {
+    const isBigSizeSteps = steps.length > 3;
+    return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('box-border flex flex-col gap-xl', className), defaultPadding: "p-6xl", version: version, ...rest, children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true, align: "text-left" }), steps?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-6xl justify-between box-border", children: steps.map((0, renderStepMobile_1.renderStepMobile)(isBigSizeSteps, version, stepVersion)) })) : null, (0, renderButtonsSection_1.renderButtonsSection)(buttons, { isVertical: true })] }));
+});
+//# sourceMappingURL=StepsBlock.mobile.js.map

package/dist/components/StepsBlock/StepsBlock.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepsBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,4DAAyD;AACzD,uFAAoF;AAEpF,6CAA0C;AAC1C,mDAAgD;AAChD,yDAAsD;AAKzC,QAAA,UAAU,GAAG,IAAA,aAAG,EAC3B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,EACX,KAAK,GAAG,EAAE,EACV,OAAO,EACP,WAAW,GAAG,MAAM,EACpB,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAExC,OAAO,CACL,wBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,iCAAiC,EAAE,SAAS,CAAC,EAC9D,cAAc,EAAC,OAAO,EACtB,OAAO,EAAE,OAAO,KACZ,IAAI,aAER,uBAAC,mBAAQ,IACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,GAAG,EACnB,UAAU,EAAE,IAAI,EAChB,KAAK,EAAC,WAAW,GACjB,EACD,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,gCAAK,SAAS,EAAC,kDAAkD,YAC9D,KAAK,CAAC,GAAG,CAAC,IAAA,mCAAgB,EAAC,cAAc,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,GAC9D,CACP,CAAC,CAAC,CAAC,IAAI,EACP,IAAA,2CAAoB,EAAC,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,IACvC,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/StepsBlock/StepsBlockContent.d.ts

@@ -0,0 +1,29 @@
+import { type BlockVersion } from '../../model/BlockVersion';
+import { type BulletsProps } from '../../model/Bullets';
+import type { DescriptionProps, LabelProps, TitleProps } from '../../model/HeadlineType';
+import { type IconProps } from '../../model/Picture';
+import { type ButtonsSectionContent } from '../../ui-kit/LinkButton/ButtonsSectionContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
+import { type RichTextProps } from '../../ui-kit/RichText/RichTextProps';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
+/**
+ * @title Шаг
+ */
+export declare type StepProps = DescriptionProps & LabelProps & RichTextProps & IconProps & BulletsProps & {
+    button?: LinkButtonContent;
+};
+/**
+ * @title Блок шаги
+ */
+export declare type StepsBlockContent = UniBlockContent & TitleProps & DescriptionProps & ButtonsSectionContent & {
+    /** @title Линии */
+    showLines?: boolean;
+    /**
+     * @title Шаги
+     * @minItems 2
+     * @maxItems 5
+     */
+    steps?: StepProps[];
+    /** @title Тема шагов */
+    stepVersion?: BlockVersion;
+};

package/dist/components/StepsBlock/StepsBlockContent.js

@@ -0,0 +1,2 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=StepsBlockContent.js.map

package/dist/components/StepsBlock/StepsBlockContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepsBlockContent.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlockContent.ts"],"names":[],"mappings":""}

package/dist/components/StepsBlock/StepsBlockStyleMaps.d.ts

@@ -0,0 +1,8 @@
+import type { DescriptionProps } from '../../model/HeadlineType';
+export declare type StyleType = DescriptionProps & {
+    iconText: string;
+    iconBackground: string;
+    iconConnector: string;
+    dot: string;
+};
+export declare const STEPS_BLOCK_STYLE: StyleType;

package/dist/components/StepsBlock/StepsBlockStyleMaps.js

@@ -0,0 +1,10 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.STEPS_BLOCK_STYLE = void 0;
+exports.STEPS_BLOCK_STYLE = {
+    description: 'text-white/80 text-l font-light group-data-primary:text-secondary-text group-data-gray:text-secondary-text',
+    iconText: 'text-white group-data-primary:text-secondary-text group-data-gray:text-secondary-text',
+    iconBackground: 'bg-white/30 group-data-primary:bg-main-divider',
+    iconConnector: 'bg-white group-data-primary:bg-secondary-light',
+    dot: 'bg-white/80 group-data-primary:bg-secondary-text',
+};
+//# sourceMappingURL=StepsBlockStyleMaps.js.map

package/dist/components/StepsBlock/StepsBlockStyleMaps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepsBlockStyleMaps.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlockStyleMaps.ts"],"names":[],"mappings":";;AASa,QAAA,iBAAiB,GAAc;IAC1C,WAAW,EACT,4GAA4G;IAC9G,QAAQ,EAAE,uFAAuF;IACjG,cAAc,EAAE,gDAAgD;IAChE,aAAa,EAAE,gDAAgD;IAC/D,GAAG,EAAE,kDAAkD;CACxD,CAAC"}

package/dist/components/StepsBlock/getIconTextStyle.d.ts

@@ -0,0 +1,2 @@
+import { type BlockVersion } from '../../model/BlockVersion';
+export declare const getIconTextStyle: (version: BlockVersion) => "text-secondary-text" | "group-data-primary:text-white";

package/dist/components/StepsBlock/getIconTextStyle.js

@@ -0,0 +1,5 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getIconTextStyle = void 0;
+const getIconTextStyle = (version) => version === 'secondary' ? 'group-data-primary:text-white' : 'text-secondary-text';
+exports.getIconTextStyle = getIconTextStyle;
+//# sourceMappingURL=getIconTextStyle.js.map

package/dist/components/StepsBlock/getIconTextStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getIconTextStyle.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/getIconTextStyle.ts"],"names":[],"mappings":";;AAEO,MAAM,gBAAgB,GAAG,CAAC,OAAqB,EAAE,EAAE,CACxD,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,qBAAqB,CAAC;AADvE,QAAA,gBAAgB,oBACuD"}

package/dist/components/StepsBlock/renderStep.d.ts

@@ -0,0 +1,11 @@
+import { type BlockVersion } from '../../model/BlockVersion';
+import { type VNode } from '../../model/VNode';
+import { type StepProps } from './StepsBlockContent';
+import { type StyleType } from './StepsBlockStyleMaps';
+export declare const STEP_BREAKPOINT = 4;
+interface RenderStepProps {
+    styleMap: StyleType;
+    version?: BlockVersion;
+}
+export declare const renderStep: (props: RenderStepProps) => (step: StepProps, i: number, arr: StepProps[]) => VNode;
+export {};

package/dist/components/StepsBlock/renderStep.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderStep = exports.STEP_BREAKPOINT = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const LinkButton_1 = require("../../ui-kit/LinkButton/LinkButton");
+const RichText_1 = require("../../ui-kit/RichText/RichText");
+const Text_1 = require("../../ui-kit/Text/Text");
+const style_1 = require("../../utils/style");
+exports.STEP_BREAKPOINT = 4;
+// TODO: Create universal function for this case
+const renderStep = (props) => (step, i, arr) => {
+    const { styleMap, version } = props;
+    const { label, description, button, isDotted } = step;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('relative flex flex-col items-center text-center justify-between whitespace-pre-line overflow-hidden space-y-3xl', getContainerWidth(arr.length)), children: [(0, jsx_runtime_1.jsxs)("div", { className: "space-y-xs", children: [label ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-h6", align: "text-center", children: label })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center gap-3xs", children: [description ? (0, jsx_runtime_1.jsx)("div", { className: styleMap.description, children: description }) : null, (0, jsx_runtime_1.jsx)(RichText_1.RichText, { __html: step.__html, itemSize: "list-s", isDotted: isDotted })] })] }), button?.text ? ((0, jsx_runtime_1.jsx)(LinkButton_1.LinkButton, { className: "box-border py-s w-full mt-auto", version: version, ...button, children: button?.text })) : null] }, String(i)));
+};
+exports.renderStep = renderStep;
+const getContainerWidth = (length) => (length < exports.STEP_BREAKPOINT ? 'w-72' : 'w-52');
+//# sourceMappingURL=renderStep.js.map

package/dist/components/StepsBlock/renderStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderStep.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderStep.tsx"],"names":[],"mappings":";;;AAEA,mEAAgE;AAChE,6DAA0D;AAC1D,iDAA8C;AAC9C,6CAA0C;AAI7B,QAAA,eAAe,GAAG,CAAC,CAAC;AAMjC,gDAAgD;AACzC,MAAM,UAAU,GACrB,CAAC,KAAsB,EAAE,EAAE,CAC3B,CAAC,IAAe,EAAE,CAAS,EAAE,GAAgB,EAAS,EAAE;IACtD,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAEtD,OAAO,CACL,iCAEE,SAAS,EAAE,IAAA,aAAK,EACd,iHAAiH,EACjH,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAC9B,aAED,iCAAK,SAAS,EAAC,YAAY,aACxB,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,WAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,aAAa,YACrC,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACR,iCAAK,SAAS,EAAC,oCAAoC,aAChD,WAAW,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAE,QAAQ,CAAC,WAAW,YAAG,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,EAC/E,uBAAC,mBAAQ,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,GAAI,IACnE,IACF,EACL,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CACd,uBAAC,uBAAU,IAAC,SAAS,EAAC,gCAAgC,EAAC,OAAO,EAAE,OAAO,KAAM,MAAM,YAChF,MAAM,EAAE,IAAI,GACF,CACd,CAAC,CAAC,CAAC,IAAI,KArBH,MAAM,CAAC,CAAC,CAAC,CAsBV,CACP,CAAC;AACJ,CAAC,CAAC;AAhCS,QAAA,UAAU,cAgCnB;AAEJ,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAU,EAAE,CAAC,CAAC,MAAM,GAAG,uBAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/components/StepsBlock/renderStepMobile.d.ts

@@ -0,0 +1,3 @@
+import { type BlockVersion } from '../../model/BlockVersion';
+import { type StepProps } from './StepsBlockContent';
+export declare const renderStepMobile: (stepsSize: boolean, version: BlockVersion, stepVersion: BlockVersion) => (step: StepProps, i: number) => any;

package/dist/components/StepsBlock/renderStepMobile.js

@@ -0,0 +1,35 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderStepMobile = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
+const Img_1 = require("../../ui-kit/Img/Img");
+const LinkButton_1 = require("../../ui-kit/LinkButton/LinkButton");
+const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
+const RichText_1 = require("../../ui-kit/RichText/RichText");
+const isIcon_1 = require("../../utils/isIcon");
+const style_1 = require("../../utils/style");
+const getIconTextStyle_1 = require("./getIconTextStyle");
+const StepsBlockStyleMaps_1 = require("./StepsBlockStyleMaps");
+const styleMap = StepsBlockStyleMaps_1.STEPS_BLOCK_STYLE;
+const renderStepMobile = (stepsSize, version, stepVersion) => (step, i) => {
+    const { button } = step;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "contents", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center relative flex-row", children: [(0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden flex flex-shrink-0 items-center", children: renderIconArea(stepsSize, stepVersion)(step, i) }), (0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('flex flex-col justify-center h-fit w-full', {
+                        'min-h-6xl': stepsSize,
+                    }), children: [renderText(step), button?.text ? ((0, jsx_runtime_1.jsx)(LinkButton_1.LinkButton, { className: "box-border py-s w-full mt-lg", version: version, ...button, children: button?.text })) : null] })] }) }, String(i)));
+};
+exports.renderStepMobile = renderStepMobile;
+const renderIconArea = (stepsSize, stepVersion) => (step, i) => {
+    const iconVersion = stepVersion === 'secondary' ? 'white' : 'color';
+    const isImg = Boolean(step?.icon?.src);
+    const iconAreaSize = getIconAreaSize(stepsSize, isImg);
+    const containerVersion = isImg ? stepVersion === 'transparent' : stepVersion;
+    return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('z-10 mr-s flex justify-center content-center rounded-md', iconAreaSize), defaultPadding: "", version: containerVersion, children: (0, jsx_runtime_1.jsx)("div", { className: "flex max-w-full max-h-full items-center justify-center", children: renderIcon({ step, iconVersion, i, stepVersion }) }) }));
+};
+const renderText = (step) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [step?.label ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-l", align: "text-left", children: step.label })) : null, step?.description ? ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('text-s font-light text-left', styleMap.description), children: step.description })) : null, (0, jsx_runtime_1.jsx)(RichText_1.RichText, { __html: step.__html })] }));
+};
+const getIconAreaSize = (stepsSize, isImg) => {
+    return stepsSize && isImg ? 'h-14 w-14' : 'h-11 w-11';
+};
+const renderIcon = ({ step, iconVersion, i, stepVersion, }) => (0, isIcon_1.isIcon)(step?.icon) ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { image: { ...step.icon, iconVersion: step.icon?.iconVersion || iconVersion }, imageClassName: "max-w-full max-h-full", width: "24", height: "24" })) : ((0, jsx_runtime_1.jsx)("span", { className: (0, style_1.style)('text-h4', stepVersion === 'transparent' ? styleMap.iconText : (0, getIconTextStyle_1.getIconTextStyle)(stepVersion)), children: i + 1 }));
+//# sourceMappingURL=renderStepMobile.js.map

package/dist/components/StepsBlock/renderStepMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderStepMobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderStepMobile.tsx"],"names":[],"mappings":"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"}

package/dist/components/StickyBottomMenu/ActiveSubMenuItem.d.ts

@@ -0,0 +1,7 @@
+import { type LinkProps } from '../../model/LinkProps';
+interface ActiveSubMenuItemProps {
+    item: LinkProps;
+    isActive: boolean;
+}
+export declare const ActiveSubMenuItem: import("@redneckz/uni-jsx").UNIComponent<ActiveSubMenuItemProps, any, any>;
+export {};

package/dist/components/StickyBottomMenu/ActiveSubMenuItem.js

@@ -0,0 +1,13 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActiveSubMenuItem = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const useLink_1 = require("../../hooks/useLink");
+const Img_1 = require("../../ui-kit/Img/Img");
+const style_1 = require("../../utils/style");
+exports.ActiveSubMenuItem = (0, uni_jsx_1.JSX)(({ item, isActive }) => {
+    const link = (0, useLink_1.useLink)();
+    const { href, target, onClick } = link(item);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "mt-3", children: (0, jsx_runtime_1.jsxs)("a", { className: (0, style_1.style)(isActive ? 'text-primary-main' : 'text-primary-text', `p-4 text-h5 font-light flex justify-between cursor-pointer`, 'shadow-main-black', 'rounded-xl'), href: href, target: target, onClick: onClick, children: [item.text, (0, jsx_runtime_1.jsx)(Img_1.Img, { image: { icon: 'ArrowRightIcon', iconVersion: 'color' }, width: "24", height: "24", className: "text-secondary-text opacity-30" })] }) }));
+});
+//# sourceMappingURL=ActiveSubMenuItem.js.map

package/dist/components/StickyBottomMenu/ActiveSubMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveSubMenuItem.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/ActiveSubMenuItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAE9C,8CAA2C;AAC3C,6CAA0C;AAO7B,QAAA,iBAAiB,GAAG,IAAA,aAAG,EAAyB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClF,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,gCAAK,SAAS,EAAC,MAAM,YACnB,+BACE,SAAS,EAAE,IAAA,aAAK,EACd,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,EACpD,4DAA4D,EAC5D,mBAAmB,EACnB,YAAY,CACb,EACD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,aAEf,IAAI,CAAC,IAAI,EACV,uBAAC,SAAG,IACF,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,OAAO,EAAE,EACvD,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAC,gCAAgC,GAC1C,IACA,GACA,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/StickyBottomMenu/BurgerMenuDialog.d.ts

@@ -0,0 +1,12 @@
+import { type HeaderData } from '../../data/HeaderData';
+import { type JSONRefObject } from '../../data/JSONRefObject';
+import { type StickyMenuItem } from '../../data/StickyMobileData';
+import type { OnCloseProps } from '../../model/OnCloseProps';
+export interface BurgerMenuDialogProps extends OnCloseProps {
+    menuRef: {
+        current?: HTMLDivElement | null;
+    };
+    menuItem?: StickyMenuItem;
+    locationDialogProps?: HeaderData & JSONRefObject;
+}
+export declare const BurgerMenuDialog: import("@redneckz/uni-jsx").UNIComponent<BurgerMenuDialogProps, any, any>;

package/dist/components/StickyBottomMenu/BurgerMenuDialog.js

@@ -0,0 +1,51 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BurgerMenuDialog = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
+const Env_1 = require("../../Env");
+const useLocation_1 = require("../../hooks/useLocation");
+const useDialog_1 = require("../../ui-kit/DialogManager/useDialog");
+const Heading_1 = require("../../ui-kit/Heading/Heading");
+const LocationDialog_1 = require("../../ui-kit/LocationDialog/LocationDialog");
+const getBasePath_1 = require("../../utils/getBasePath");
+const StickyBottomMenuDialog_1 = require("./StickyBottomMenuDialog");
+exports.BurgerMenuDialog = (0, uni_jsx_1.JSX)(({ menuRef, menuItem, locationDialogProps, onClose }) => {
+    const locationDialog = (0, useDialog_1.useDialog)(LocationDialog_1.LocationDialog, locationDialogProps);
+    const { name: location } = (0, useLocation_1.useLocation)();
+    const menuDimensions = menuRef?.current?.getBoundingClientRect();
+    const handleIframeLoad = (0, hooks_1.useCallback)(() => {
+        const iframeWindow = globalThis?.frames['burger-menu-iframe'];
+        const ifDoc = document.getElementsByTagName('iframe')['iframe-dialog'];
+        ifDoc.style.height = String(ifDoc?.contentWindow?.document.body.offsetHeight) + 'px';
+        const basePath = (0, getBasePath_1.getBasePath)(Env_1.env.SITE_URL);
+        iframeWindow.postMessage({ type: 'currentTab', data: basePath?.slice(1) }, '*');
+        iframeWindow.postMessage({ type: 'currentLocation', data: location }, '*');
+    }, [Env_1.env.SITE_URL]);
+    (0, hooks_1.useEffect)(() => {
+        const iframeWindow = globalThis.frames['burger-menu-iframe'];
+        iframeWindow.postMessage({ type: 'currentLocation', data: location }, '*');
+    }, [location]);
+    (0, hooks_1.useEffect)(() => {
+        const onMessage = (e) => {
+            if (e.data.type === 'location') {
+                locationDialog.open({});
+            }
+            if (e.data.type === 'reload') {
+                onClose?.();
+            }
+            if (e.data.type === 'resize') {
+                const ifDoc = document.getElementsByTagName('iframe')['iframe-dialog'];
+                if (ifDoc && ifDoc.style) {
+                    ifDoc.style.height = String(e.data.data) + 'px';
+                }
+            }
+        };
+        globalThis.addEventListener('message', onMessage);
+        return () => {
+            globalThis.removeEventListener('message', onMessage);
+        };
+    }, [onClose]);
+    return ((0, jsx_runtime_1.jsx)(StickyBottomMenuDialog_1.StickyBottomMenuDialog, { head: (0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center px-xl", children: (0, jsx_runtime_1.jsx)(Heading_1.Heading, { as: "h4", title: menuItem?.title, className: "font-medium" }) }), onClick: (e) => e.stopPropagation(), onClose: onClose, children: (0, jsx_runtime_1.jsx)("div", { className: "bg-white pb-20 pt-1 text-l", children: (0, jsx_runtime_1.jsx)("iframe", { id: "iframe-dialog", name: "burger-menu-iframe", onLoad: handleIframeLoad, src: menuItem?.src, width: menuDimensions?.width || 0 }) }) }));
+});
+//# sourceMappingURL=BurgerMenuDialog.js.map

package/dist/components/StickyBottomMenu/BurgerMenuDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BurgerMenuDialog.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/BurgerMenuDialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/StickyBottomMenu/StickyBottomMenu.d.ts

@@ -0,0 +1,2 @@
+import { type StickyBottomMenuProps } from './StickyBottomMenuProps';
+export declare const StickyBottomMenu: import("@redneckz/uni-jsx").UNIComponent<StickyBottomMenuProps, any, any>;

package/dist/components/StickyBottomMenu/StickyBottomMenu.js

@@ -0,0 +1,6 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StickyBottomMenu = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+exports.StickyBottomMenu = (0, uni_jsx_1.JSX)(() => ((0, jsx_runtime_1.jsx)("div", { className: "hidden", role: "none" })));
+//# sourceMappingURL=StickyBottomMenu.js.map

package/dist/components/StickyBottomMenu/StickyBottomMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyBottomMenu.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenu.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAG3B,QAAA,gBAAgB,GAAG,IAAA,aAAG,EAAwB,GAAG,EAAE,CAAC,CAC/D,gCAAK,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,GAAG,CACvC,CAAC,CAAC"}

package/dist/components/StickyBottomMenu/StickyBottomMenu.mobile.d.ts

@@ -0,0 +1,2 @@
+import { type StickyBottomMenuProps } from './StickyBottomMenuProps';
+export declare const StickyBottomMenu: import("../../UniBlock/UniBlock").UniBlockComponent<StickyBottomMenuProps>;

package/dist/components/StickyBottomMenu/StickyBottomMenu.mobile.js

@@ -0,0 +1,66 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StickyBottomMenu = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
+const useOutsideClick_1 = require("@redneckz/uni-jsx/lib/hooks/useOutsideClick");
+const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
+const useDialogManager_1 = require("../../ui-kit/DialogManager/useDialogManager");
+const UniBlock_1 = require("../../UniBlock/UniBlock");
+const StickyBottomMenuItem_1 = require("./StickyBottomMenuItem");
+const useBottomMenuItemDialog_1 = require("./useBottomMenuItemDialog");
+const useBurgerMenuDialog_1 = require("./useBurgerMenuDialog");
+const EMPTY_MENU = [];
+exports.StickyBottomMenu = (0, UniBlock_1.UniBlock)(({ sticky, ...rest }) => {
+    const { menuItems = EMPTY_MENU } = sticky ?? {};
+    const centralMenuItem = menuItems.find((_) => _.title === 'Меню');
+    const lateralMenuItems = menuItems.filter((_) => _.title !== 'Меню');
+    const middleIdx = Math.floor(lateralMenuItems.length / 2);
+    const leftItems = lateralMenuItems.slice(0, middleIdx);
+    const rightItems = lateralMenuItems.slice(middleIdx);
+    const [activeIndex, setActiveIndex] = (0, hooks_1.useState)(-1);
+    const [currentItemPosition, setCurrentItemPosition] = (0, hooks_1.useState)('');
+    const { closeAll } = (0, useDialogManager_1.useDialogManager)();
+    const handleClose = (0, hooks_1.useCallback)(() => {
+        setActiveIndex(-1);
+        setCurrentItemPosition('');
+        closeAll();
+    }, [closeAll]);
+    const dialogRef = (0, useOutsideClick_1.useOutsideClick)(handleClose);
+    const menuRef = (0, hooks_1.useRef)(null);
+    const [isBurgerMenuDialogOpen, { toggle }] = (0, useBurgerMenuDialog_1.useBurgerMenuDialog)({
+        menuRef,
+        centralMenuItem,
+        locationDialogProps: rest.header,
+        onClose: handleClose,
+    });
+    const openBottomMenuItemDialog = (0, useBottomMenuItemDialog_1.useBottomMenuItemDialog)({
+        menuRef,
+        dialogRef,
+        leftItems,
+        rightItems,
+        onClose: handleClose,
+    });
+    const handleMenuBurgerClick = (0, hooks_1.useCallback)((e) => {
+        e.stopPropagation();
+        handleClose();
+        toggle();
+    }, [handleClose, toggle]);
+    const handleMenuItemClick = (0, hooks_1.useCallback)((index, itemsPosition) => {
+        setCurrentItemPosition(itemsPosition);
+        setActiveIndex(index);
+        closeAll();
+        openBottomMenuItemDialog(index, itemsPosition);
+    }, [closeAll, openBottomMenuItemDialog]);
+    return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: "h-[74px] z-[100] relative", defaultPadding: "p-0", ...rest, children: (0, jsx_runtime_1.jsxs)("div", { ref: menuRef, className: "ml-auto container bg-white flex justify-center shadow-blue-gray", children: [leftItems.map(renderMenuItem(handleMenuItemClick, 'left', { activeIndex, currentItemPosition })), (0, jsx_runtime_1.jsx)(StickyBottomMenuItem_1.StickyBottomMenuItem, { item: centralMenuItem, isActive: isBurgerMenuDialogOpen, onClick: (e) => handleMenuBurgerClick(e) }), rightItems.map(renderMenuItem(handleMenuItemClick, 'right', { activeIndex, currentItemPosition }))] }) }));
+});
+const renderMenuItem = (onClick, itemsPosition, currentActiveItem) => (_, i, arr) => {
+    return ((0, jsx_runtime_1.jsx)(StickyBottomMenuItem_1.StickyBottomMenuItem, { item: _, isActive: arr[currentActiveItem.activeIndex]?.title === _?.title &&
+            currentActiveItem.currentItemPosition === itemsPosition, onClick: (e) => {
+            if (!(arr[currentActiveItem.activeIndex]?.title === _?.title &&
+                currentActiveItem.currentItemPosition === itemsPosition)) {
+                e.stopPropagation();
+            }
+            onClick(i, itemsPosition);
+        } }, _.title || String(i)));
+};
+//# sourceMappingURL=StickyBottomMenu.mobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StickyBottomMenu.mobile.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenu.mobile.tsx"],"names":[],"mappings":"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"}

package/dist/components/StickyBottomMenu/StickyBottomMenuContent.d.ts

@@ -0,0 +1,5 @@
+import { type JSONRefObject } from '../../data/JSONRefObject';
+import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
+export interface StickyBottomMenuContent extends UniBlockContent {
+    sticky?: JSONRefObject;
+}

package/dist/components/StickyBottomMenu/StickyBottomMenuContent.js

@@ -0,0 +1,2 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=StickyBottomMenuContent.js.map

package/dist/components/StickyBottomMenu/StickyBottomMenuContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyBottomMenuContent.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenuContent.ts"],"names":[],"mappings":""}

package/dist/components/StickyBottomMenu/StickyBottomMenuDialog.d.ts

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

package/dist/components/StickyBottomMenu/StickyBottomMenuDialog.js

@@ -0,0 +1,8 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StickyBottomMenuDialog = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const CloseButton_1 = require("../../ui-kit/DialogManager/CloseButton");
+const style_1 = require("../../utils/style");
+exports.StickyBottomMenuDialog = (0, uni_jsx_1.JSX)(({ className, head, children, onClose, onClick }) => ((0, jsx_runtime_1.jsxs)("div", { onClick: onClick, className: (0, style_1.style)('relative bg-white p-0 rounded-xl top-32', className), role: "dialog", children: [(0, jsx_runtime_1.jsxs)("div", { className: "sticky py-xl top-0 rounded-xl bg-white z-10", children: [(0, jsx_runtime_1.jsx)(CloseButton_1.CloseButton, { className: "absolute top-1.5 right-0", onClose: onClose }), (0, jsx_runtime_1.jsx)("div", { className: "container", children: head })] }), (0, jsx_runtime_1.jsx)("div", { className: "container pb-6xl", children: children })] })));
+//# sourceMappingURL=StickyBottomMenuDialog.js.map

package/dist/components/StickyBottomMenu/StickyBottomMenuDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyBottomMenuDialog.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenuDialog.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,wEAAqE;AAErE,6CAA0C;AAO7B,QAAA,sBAAsB,GAAG,IAAA,aAAG,EACvC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACnD,iCACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,aAAK,EAAC,yCAAyC,EAAE,SAAS,CAAC,EACtE,IAAI,EAAC,QAAQ,aAEb,iCAAK,SAAS,EAAC,6CAA6C,aAC1D,uBAAC,yBAAW,IAAC,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,OAAO,GAAI,EACtE,gCAAK,SAAS,EAAC,WAAW,YAAE,IAAI,GAAO,IACnC,EACN,gCAAK,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAO,IAC9C,CACP,CACF,CAAC"}

package/dist/components/StickyBottomMenu/StickyBottomMenuItem.d.ts

@@ -0,0 +1,9 @@
+import { type StickyMenuItem } from '../../data/StickyMobileData';
+import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
+interface StickyBottomMenuItemProps {
+    isActive?: boolean;
+    item?: StickyMenuItem;
+    onClick?: (e: PreventableEvent) => void;
+}
+export declare const StickyBottomMenuItem: import("@redneckz/uni-jsx").UNIComponent<StickyBottomMenuItemProps, any, any>;
+export {};

package/dist/components/StickyBottomMenu/StickyBottomMenuItem.js

@@ -0,0 +1,8 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StickyBottomMenuItem = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const Icon_1 = require("../../ui-kit/Icon/Icon");
+const style_1 = require("../../utils/style");
+exports.StickyBottomMenuItem = (0, uni_jsx_1.JSX)(({ isActive, item, onClick }) => ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)(isActive ? 'text-primary-main' : 'text-primary-text', `w-10 m-4 flex justify-center items-center flex-col text-xs cursor-pointer`), title: item?.title || '', onClick: onClick, children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "w-6 h-6", name: item?.icon?.icon, iconVersion: isActive ? 'color' : 'black' }), item?.title || ''] })));
+//# sourceMappingURL=StickyBottomMenuItem.js.map

package/dist/components/StickyBottomMenu/StickyBottomMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyBottomMenuItem.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenuItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,iDAA8C;AAE9C,6CAA0C;AAQ7B,QAAA,oBAAoB,GAAG,IAAA,aAAG,EACrC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC/B,iCACE,SAAS,EAAE,IAAA,aAAK,EACd,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,EACpD,2EAA2E,CAC5E,EACD,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,EAAE,EACxB,OAAO,EAAE,OAAO,aAEhB,uBAAC,WAAI,IACH,SAAS,EAAC,SAAS,EACnB,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EACtB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GACzC,EACD,IAAI,EAAE,KAAK,IAAI,EAAE,IACd,CACP,CACF,CAAC"}

package/dist/components/StickyBottomMenu/StickyBottomMenuProps.d.ts

@@ -0,0 +1,9 @@
+import { type HeaderData } from '../../data/HeaderData';
+import { type JSONRefObject } from '../../data/JSONRefObject';
+import { type StickyMobileData } from '../../data/StickyMobileData';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
+import { type StickyBottomMenuContent } from './StickyBottomMenuContent';
+export interface StickyBottomMenuProps extends StickyBottomMenuContent, UniBlockProps {
+    header?: HeaderData & JSONRefObject;
+    sticky?: StickyMobileData & JSONRefObject;
+}

package/dist/components/StickyBottomMenu/StickyBottomMenuProps.js

@@ -0,0 +1,2 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=StickyBottomMenuProps.js.map

package/dist/components/StickyBottomMenu/StickyBottomMenuProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyBottomMenuProps.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenuProps.ts"],"names":[],"mappings":""}

package/dist/components/StickyBottomMenu/useBottomMenuItemDialog.d.ts

@@ -0,0 +1,14 @@
+import { type StickyMenuItem } from '../../data/StickyMobileData';
+import type { OnCloseProps } from '../../model/OnCloseProps';
+interface BottomMenuItemDialog extends OnCloseProps {
+    menuRef?: {
+        current: HTMLDivElement | null;
+    };
+    dialogRef?: {
+        current: HTMLDivElement | null;
+    };
+    leftItems: StickyMenuItem[];
+    rightItems: StickyMenuItem[];
+}
+export declare const useBottomMenuItemDialog: ({ menuRef, dialogRef, leftItems, rightItems, onClose, }: BottomMenuItemDialog) => (index: number, itemsPosition: string) => void;
+export {};

package/dist/components/StickyBottomMenu/useBottomMenuItemDialog.js

@@ -0,0 +1,27 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBottomMenuItemDialog = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
+const useDialogManager_1 = require("../../ui-kit/DialogManager/useDialogManager");
+const Heading_1 = require("../../ui-kit/Heading/Heading");
+const StickyBottomMenuDialog_1 = require("./StickyBottomMenuDialog");
+const useBottomMenuItemDialog = ({ menuRef, dialogRef, leftItems, rightItems, onClose, }) => {
+    const { open, close } = (0, useDialogManager_1.useDialogManager)();
+    const handleIframeLoad = (0, hooks_1.useCallback)(() => {
+        const ifDoc = document.getElementsByTagName('iframe')['iframe-dialog'];
+        ifDoc.style.height = `${ifDoc?.contentWindow?.document.body.offsetHeight}px`;
+    }, []);
+    return (0, hooks_1.useCallback)((index, itemsPosition) => {
+        const requiredArray = itemsPosition === 'left' ? leftItems : rightItems;
+        const menuDimensions = menuRef?.current?.getBoundingClientRect();
+        open({
+            id: itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title,
+            dialog: ((0, jsx_runtime_1.jsx)(StickyBottomMenuDialog_1.StickyBottomMenuDialog, { className: "mt-[20%] border-t border-current", head: (0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center px-xl", children: (0, jsx_runtime_1.jsx)(Heading_1.Heading, { as: "h4", title: requiredArray[index].description || requiredArray[index].title }) }), onClick: (e) => e.stopPropagation(), onClose: () => {
+                    close();
+                    onClose?.();
+                }, children: (0, jsx_runtime_1.jsx)("div", { className: "bg-white pb-20 pt-1 text-l", ref: dialogRef, children: (0, jsx_runtime_1.jsx)("iframe", { id: "iframe-dialog", src: requiredArray[index]?.src, width: menuDimensions?.width ?? 0, onLoad: handleIframeLoad }) }) })),
+        });
+    }, [handleIframeLoad, leftItems, rightItems, onClose]);
+};
+exports.useBottomMenuItemDialog = useBottomMenuItemDialog;
+//# sourceMappingURL=useBottomMenuItemDialog.js.map

package/dist/components/StickyBottomMenu/useBottomMenuItemDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBottomMenuItemDialog.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/useBottomMenuItemDialog.tsx"],"names":[],"mappings":";;;AAAA,uDAA0D;AAG1D,kFAA+E;AAC/E,0DAAuD;AACvD,qEAAkE;AAS3D,MAAM,uBAAuB,GAAG,CAAC,EACtC,OAAO,EACP,SAAS,EACT,SAAS,EACT,UAAU,EACV,OAAO,GACc,EAAE,EAAE;IACzB,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAA,mCAAgB,GAAE,CAAC;IAE3C,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACxC,MAAM,KAAK,GAAsB,QAAQ,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,eAAe,CAAC,CAAC;QAC1F,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,KAAK,EAAE,aAAa,EAAE,QAAQ,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC;IAC/E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,IAAA,mBAAW,EAChB,CAAC,KAAa,EAAE,aAAqB,EAAE,EAAE;QACvC,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;QAEjE,IAAI,CAAC;YACH,EAAE,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,KAAK;YAC/E,MAAM,EAAE,CACN,uBAAC,+CAAsB,IACrB,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EACF,gCAAK,SAAS,EAAC,wCAAwC,YACrD,uBAAC,iBAAO,IACN,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,GACrE,GACE,EAER,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,EAAE,CAAC;oBACR,OAAO,EAAE,EAAE,CAAC;gBACd,CAAC,YAED,gCAAK,SAAS,EAAC,4BAA4B,EAAC,GAAG,EAAE,SAAS,YACxD,mCACE,EAAE,EAAC,eAAe,EAClB,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,GAAG,EAC9B,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC,EACjC,MAAM,EAAE,gBAAgB,GACxB,GACE,GACiB,CAC1B;SACF,CAAC,CAAC;IACL,CAAC,EACD,CAAC,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC,CACnD,CAAC;AACJ,CAAC,CAAC;AApDW,QAAA,uBAAuB,2BAoDlC"}