@emailmaker/filemanager 0.10.81 → 0.10.83

package/{fm-icons-tab.4e78e0d23b307449840c.js → fm-icons-tab.60bc2670cf092ed76cd0.js}

@@ -100,13 +100,16 @@ const IconsSearchForm = ({ query, onQueryChange, onSubmit, hasResults = false, i
 const IconsControls = props => {
     const { t } = (0,es/* useTranslation */.Bd)();
     const { colorHex, setColorHex, colorHex2, setColorHex2, colorHex3, setColorHex3, sizePx, setSizePx, strokeWidth, setStrokeWidth, showSecondColor, showThirdColor, } = props;
-    return ((0,jsx_runtime.jsx)("div", { className: ImageIcons_iconsTab_module.iconsControls, children: (0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlsControls, children: [(0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlsStrokeWidth, children: [(0,jsx_runtime.jsx)("span", { children: t('Size') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.InputNumber, { min: 20, max: 200, step: 1, value: sizePx, formatter: value => `${value}px`, parser: displayValue => {
-                                const s = String(displayValue !== null && displayValue !== void 0 ? displayValue : '')
-                                    .trim()
-                                    .replace(/\s*px\s*$/i, '');
-                                const n = parseInt(s, 10);
-                                return (Number.isFinite(n) ? n : 0);
-                            }, onChange: v => setSizePx(typeof v === 'number' && !Number.isNaN(v) ? v : 50) })] }), (0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlsStrokeWidth, children: [(0,jsx_runtime.jsx)("span", { children: t('Stroke width') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.InputNumber, { min: 0.3, max: 3, step: 0.1, value: typeof strokeWidth === 'number' ? strokeWidth : 1, formatter: value => `${value}px`, parser: value => (value ? value.replace('px', '') : ''), onChange: v => setStrokeWidth(typeof v === 'number' ? v : 1) })] }), (0,jsx_runtime.jsxs)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Space, { size: 8, children: [(0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlElement, children: [(0,jsx_runtime.jsx)("span", { children: t('Color1') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.ColorPicker, { value: colorHex, format: "hex", disabledAlpha: true, onChange: (_, hex) => setColorHex(hex), size: "middle" })] }), showSecondColor && ((0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlElement, children: [(0,jsx_runtime.jsx)("span", { children: t('Color2') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.ColorPicker, { value: colorHex2, format: "hex", disabledAlpha: true, onChange: (_, hex) => setColorHex2(hex), size: "middle" })] })), showThirdColor && ((0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlElement, children: [(0,jsx_runtime.jsx)("span", { children: t('Color3') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.ColorPicker, { value: colorHex3, format: "hex", disabledAlpha: true, onChange: (_, hex) => setColorHex3(hex), size: "middle" })] }))] })] }) }));
+    return ((0,jsx_runtime.jsx)("div", { className: ImageIcons_iconsTab_module.iconsControls, children: (0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlsControls, children: [(0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlsNumField, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Typography.Text, { type: "secondary", className: ImageIcons_iconsTab_module.iconsControlsNumLabel, children: t('Size') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.InputNumber, { className: ImageIcons_iconsTab_module.iconsControlsNumInput, min: 20, max: 200, step: 1, value: sizePx, suffix: (0,jsx_runtime.jsx)("span", { className: ImageIcons_iconsTab_module.iconsControlsNumSuffix, children: "px" }), onChange: v => setSizePx(typeof v === 'number' && !Number.isNaN(v) ? v : 50), "aria-label": t('Size') })] }), (0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlsNumField, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Typography.Text, { type: "secondary", className: ImageIcons_iconsTab_module.iconsControlsNumLabel, children: t('Stroke width') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.InputNumber, { className: ImageIcons_iconsTab_module.iconsControlsNumInput, min: 0.3, max: 3, step: 0.1, value: typeof strokeWidth === 'number' ? strokeWidth : 1, suffix: (0,jsx_runtime.jsx)("span", { className: ImageIcons_iconsTab_module.iconsControlsNumSuffix, children: "px" }), onChange: v => setStrokeWidth(typeof v === 'number' && !Number.isNaN(v) ? v : 1), "aria-label": t('Stroke width') })] }), (0,jsx_runtime.jsxs)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Space, { size: 8, children: [(0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlElement, children: [(0,jsx_runtime.jsx)("span", { children: t('Color1') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.ColorPicker, { value: colorHex, format: "hex", disabledAlpha: true, showText: true, onChange: (color, hex) => {
+                                        const newColor = typeof color === 'string' ? color : (color === null || color === void 0 ? void 0 : color.toHexString) ? color.toHexString() : hex;
+                                        setColorHex(newColor);
+                                    }, size: "middle" })] }), showSecondColor && ((0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlElement, children: [(0,jsx_runtime.jsx)("span", { children: t('Color2') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.ColorPicker, { value: colorHex2, format: "hex", disabledAlpha: true, showText: true, onChange: (color, hex) => {
+                                        const newColor = typeof color === 'string' ? color : (color === null || color === void 0 ? void 0 : color.toHexString) ? color.toHexString() : hex;
+                                        setColorHex2(newColor);
+                                    }, size: "middle" })] })), showThirdColor && ((0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlElement, children: [(0,jsx_runtime.jsx)("span", { children: t('Color3') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.ColorPicker, { value: colorHex3, format: "hex", disabledAlpha: true, showText: true, onChange: (color, hex) => {
+                                        const newColor = typeof color === 'string' ? color : (color === null || color === void 0 ? void 0 : color.toHexString) ? color.toHexString() : hex;
+                                        setColorHex3(newColor);
+                                    }, size: "middle" })] }))] })] }) }));
 };
 /* harmony default export */ const ImageIcons_IconsControls = (IconsControls);
 
@@ -2234,7 +2237,7 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(1354);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.iconsTab-module__iconsTab__rVCdL{display:flex;flex-direction:column;height:100%;min-height:0}.iconsTab-module__iconsTab__rVCdL.iconsTab-module__hasSearch__eOBPx{padding-top:0}.iconsTab-module__iconsSearchWrapper__Wl05l{width:100%;height:100%;min-height:0;overflow:hidden;box-sizing:border-box;line-height:0;display:flex;flex-direction:column;align-items:center;padding:24px}.iconsTab-module__iconsSearchForm__pOT9P{display:flex;gap:8px;width:100%;margin-bottom:0}.iconsTab-module__iconsSearchFormCenteredContainer__EcZ66{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;padding:24px 24px 0}.iconsTab-module__iconsSearchFormCentered__mBHMX{display:flex;flex-direction:row;width:100%;align-items:flex-start;justify-content:center}.iconsTab-module__iconsSearchFormCentered__mBHMX .iconsTab-module__iconsSearchFormInput__aOh5i{width:640px;max-width:100%;padding:0;margin:auto auto 12px;transition:all 300ms ease}.iconsTab-module__iconsSearchFormCentered__mBHMX .iconsTab-module__iconsSearchFormInputInput__P1TM6{max-width:100%;width:100%}.iconsTab-module__iconsSearchFormInput__aOh5i{width:240px;padding:0;margin-bottom:0;transition:all 300ms ease}.iconsTab-module__iconsSearchResults__iMIGw{width:100%;display:flex;flex-direction:row;gap:8px;align-items:flex-start;justify-content:flex-start}.iconsTab-module__iconsSearchResults__iMIGw .iconsTab-module__iconsSearchFormInput__aOh5i{width:240px;flex:0 0 auto;margin-bottom:0}.iconsTab-module__iconsControlsControls__fPlU6{display:flex;align-items:center;gap:16px}.iconsTab-module__iconsSearchFormInputInput__P1TM6{width:100%}.iconsTab-module__iconsControls__U6HDG{display:flex;justify-content:space-between;align-items:center;width:100%;padding:24px 6px 24px 24px;border-bottom:1px solid var(--colorBorder)}.iconsTab-module__iconsControlsFamilySlug__WcZT7{opacity:.7}.iconsTab-module__iconsControlElement___RXMX{display:flex;align-items:center;gap:8px}.iconsTab-module__iconsControlElement___RXMX>span{color:var(--colorTextTertiary)}.iconsTab-module__iconsControlsStrokeWidth__p7z65{display:flex;align-items:center;gap:8px}.iconsTab-module__iconsControlsStrokeWidth__p7z65>span{color:var(--colorTextTertiary)}.iconsTab-module__iconsControlsStrokeWidth__p7z65 .iconsTab-module__ant-input-number__gVeff{width:80px}.iconsTab-module__iconsControlsCompact__kjz5q{position:relative}.iconsTab-module__iconsControlsInputNumber__uJAmX{width:110px}.iconsTab-module__iconsControlsInputNumber__uJAmX .ant-input-number,.iconsTab-module__iconsControlsInputNumber__uJAmX .ant-input-number-focused{border-top-left-radius:6px;border-bottom-left-radius:6px}.iconsTab-module__iconsControlsDropdownBtn__CsHya{padding:0;height:32px;min-width:36px;width:36px;border-top-right-radius:6px !important;border-bottom-right-radius:6px !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;display:inline-flex;align-items:center;justify-content:center;color:var(--colorTextTertiary)}.iconsTab-module__iconsControlsDropdownBtn__CsHya .anticon{font-size:12px;line-height:1}.iconsTab-module__iconsControlsDropdownBtn__CsHya:hover{color:var(--colorTextSecondary)}.iconsTab-module__iconsControlsCompact__kjz5q .iconsTab-module__iconsControlsDropdownBtn__CsHya{border-top-right-radius:6px !important;border-bottom-right-radius:6px !important}.iconsTab-module__sliderDropdown__rp1Dw{position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 6px);width:240px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.12);border-radius:8px;padding:10px 12px;z-index:1000}.iconsTab-module__iconsControlsHeader__Dk5bC{display:flex;align-items:center}.iconsTab-module__iconsSearchFormSelect__wc4Eb{width:160px !important}.iconsTab-module__iconsSearchFormStyleItem__s6wIB{margin-bottom:0;animation:iconsTab-module__fadeInSlide__JHeZ6 300ms ease forwards}@keyframes iconsTab-module__fadeInSlide__JHeZ6{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.iconsTab-module__iconsSearchDivider__baxtd{margin-top:24px;margin-bottom:0;border-color:var(--colorBorder);width:100%}.iconsTab-module__iconsSearchFormInputIcon__LGFqD{font-size:16px;cursor:pointer}.iconsTab-module__iconsGrid__fdgZB{width:100%;flex:1 1 auto;min-height:0;overflow:auto;overflow-x:hidden;box-sizing:border-box;padding:24px}.iconsTab-module__iconsBottomBar__ZJjsz{position:sticky;bottom:0;background:var(--colorBgLayout);z-index:5;width:100%}.iconsTab-module__iconsBottomBarContent__9SxMG{display:flex;justify-content:right;padding:17px 24px;align-items:center}.iconsTab-module__iconsGridEmpty__gE6NT{margin:40px 0px}.iconsTab-module__iconsGridEmptyState__OGcNZ{display:flex;justify-content:center;align-items:center;padding:0}.iconsTab-module__resultsContainer__u4uoQ{width:640px;max-width:100%;overflow:auto;box-sizing:border-box;padding:60px 16px;border-radius:12px;background-color:var(--colorBgContainer);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.iconsTab-module__playButton__CS3Kr{color:var(--colorPrimary);margin-bottom:16px}.iconsTab-module__title__X8NPu{font-size:16px;font-weight:600;line-height:1.2;margin-bottom:4px}.iconsTab-module__subtitle__k6wsl{font-size:14px;color:var(--colorSecondary);line-height:1.2}.iconsTab-module__iconsGridInfiniteScroll__x0_E9{overflow:hidden !important}.iconsTab-module__iconsGridLoadingMore__MJy6W{display:flex;justify-content:center;padding:16px 0}.iconsTab-module__iconsGridGrid__jpJcf{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--icons-grid-min-col, 148px), 1fr));gap:16px}.iconsTab-module__iconsGridVirtualCanvas__cdbMd{position:relative;width:100%}.iconsTab-module__iconsGridItem__iHBC0{position:relative;border-radius:8px;padding:12px;background:#fff;cursor:pointer;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;box-shadow:inset 0 0 0 1px #f0f0f0}.iconsTab-module__iconsGridItemThumbnail__nz4oB{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:0}.iconsTab-module__iconsGridItemSvg__nMNf2{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.iconsTab-module__iconsGridItemImg__uR1rx{max-width:100%;object-fit:contain}.iconsTab-module__iconsGridItemName__dxHty{margin-top:8px;font-size:12px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:0 0 auto}.iconsTab-module__iconsGridItemSelected__O6f4h::after{content:"";position:absolute;inset:0;border:2px solid #1890ff;border-radius:inherit;pointer-events:none}.iconsTab-module__iconsGridItemInsertButton__nuuWZ{position:absolute;top:8px;right:8px}.iconsTab-module__iconsGridLoading__r5wNu{display:flex;align-items:center;justify-content:center;width:100%;min-height:50vh}.iconsTab-module__iconsControlsBackButton__lHXYH{margin-right:20px}.iconsTab-module__iconsGridCheckbox__TebOL{position:absolute;top:8px;left:8px;z-index:2;opacity:0;pointer-events:none;transition:opacity .15s ease-in-out}.iconsTab-module__iconsGridItem__iHBC0:hover .iconsTab-module__iconsGridCheckbox__TebOL{opacity:1;pointer-events:auto}.iconsTab-module__iconsGridShowCheckboxes__Lwxc6 .iconsTab-module__iconsGridCheckbox__TebOL{opacity:1;pointer-events:auto}.iconsTab-module__iconsHeaderContainer__nlaKy{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;padding:24px 24px;margin:0;border-bottom:1px solid var(--colorBorder)}.iconsTab-module__iconsHeaderContainerLeft__sqO0_{display:flex;gap:10px;align-items:center}.iconsTab-module__iconsHeaderDivider__ujyPd{margin-top:24px;margin-bottom:0;border-color:var(--colorBorder);width:100%}.iconsTab-module__copyToFolderModalBody__AkxuH{position:relative}.iconsTab-module__copyToFolderModalLoadingOverlay__dd9RB{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.6);pointer-events:all}`, "",{"version":3,"sources":["webpack://./src/components/ImageIcons/iconsTab.module.scss"],"names":[],"mappings":"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","sourcesContent":[".iconsTab {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    min-height: 0;\r\n\r\n    &.hasSearch {\r\n        padding-top: 0;\r\n    }\r\n}\r\n\r\n.iconsSearchWrapper {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 0;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    line-height: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    padding: 24px;\r\n}\r\n\r\n.iconsSearchForm {\r\n    display: flex;\r\n    gap: 8px;\r\n    width: 100%;\r\n    margin-bottom: 0;\r\n}\r\n\r\n.iconsSearchFormCenteredContainer {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    justify-content: flex-start;\r\n    width: 100%;\r\n    padding: 24px 24px 0;\r\n}\r\n\r\n.iconsSearchFormCentered {\r\n    display: flex;\r\n    flex-direction: row;\r\n    width: 100%;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n\r\n    .iconsSearchFormInput {\r\n        width: 640px;\r\n        max-width: 100%;\r\n        padding: 0;\r\n        margin: auto auto 12px;\r\n        transition: all 300ms ease;\r\n    }\r\n\r\n    .iconsSearchFormInputInput {\r\n        max-width: 100%;\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n.iconsSearchFormInput {\r\n    width: 240px;\r\n    padding: 0;\r\n    margin-bottom: 0;\r\n    transition: all 300ms ease;\r\n}\r\n\r\n.iconsSearchResults {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: row;\r\n    gap: 8px;\r\n    align-items: flex-start;\r\n    justify-content: flex-start;\r\n\r\n    .iconsSearchFormInput {\r\n        width: 240px;\r\n        flex: 0 0 auto;\r\n        margin-bottom: 0;\r\n    }\r\n}\r\n\r\n.iconsControlsControls {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n}\r\n\r\n.iconsSearchFormInputInput {\r\n    width: 100%;\r\n}\r\n\r\n\r\n\r\n.iconsControls {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    width: 100%;\r\n    padding: 24px 6px 24px 24px;\r\n    border-bottom: 1px solid var(--colorBorder);\r\n}\r\n\r\n.iconsControlsFamilySlug {\r\n    opacity: 0.7\r\n}\r\n\r\n.iconsControlElement {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    & > span {\r\n        color: var(--colorTextTertiary);\r\n    }\r\n}\r\n\r\n.iconsControlsStrokeWidth {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    & > span {\r\n        color: var(--colorTextTertiary);\r\n    }\r\n\r\n    .ant-input-number {\r\n        width: 80px;\r\n    }\r\n}\r\n\r\n.iconsControlsCompact {\r\n    position: relative;\r\n}\r\n\r\n.iconsControlsInputNumber {\r\n    width: 110px;\r\n}\r\n\r\n.iconsControlsInputNumber :global(.ant-input-number),\r\n.iconsControlsInputNumber :global(.ant-input-number-focused) {\r\n    border-top-left-radius: 6px;\r\n    border-bottom-left-radius: 6px;\r\n}\r\n\r\n.iconsControlsDropdownBtn {\r\n    padding: 0;\r\n    height: 32px;\r\n    min-width: 36px;\r\n    width: 36px;\r\n    border-top-right-radius: 6px !important;\r\n    border-bottom-right-radius: 6px !important;\r\n    border-top-left-radius: 0 !important;\r\n    border-bottom-left-radius: 0 !important;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--colorTextTertiary);\r\n\r\n    :global(.anticon) {\r\n        font-size: 12px;\r\n        line-height: 1;\r\n    }\r\n\r\n    &:hover {\r\n        color: var(--colorTextSecondary);\r\n    }\r\n}\r\n\r\n.iconsControlsCompact .iconsControlsDropdownBtn {\r\n    border-top-right-radius: 6px !important;\r\n    border-bottom-right-radius: 6px !important;\r\n}\r\n\r\n.sliderDropdown {\r\n    position: absolute;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    top: calc(100% + 6px);\r\n    width: 240px;\r\n    background: #fff;\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\r\n    border-radius: 8px;\r\n    padding: 10px 12px;\r\n    z-index: 1000;\r\n}\r\n\r\n.iconsControlsHeader {\r\n    display: flex;\r\n    align-items: center;\r\n    // gap: 24px;\r\n}\r\n\r\n.iconsSearchFormSelect {\r\n    width: 160px !important;\r\n}\r\n\r\n.iconsSearchFormStyleItem {\r\n    margin-bottom: 0;\r\n    animation: fadeInSlide 300ms ease forwards;\r\n}\r\n\r\n@keyframes fadeInSlide {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateX(-10px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n.iconsSearchDivider {\r\n    margin-top: 24px;\r\n    margin-bottom: 0;\r\n    border-color: var(--colorBorder);\r\n    width: 100%;\r\n}\r\n\r\n.iconsSearchFormInputIcon {\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n}\r\n\r\n.iconsGrid {\r\n    width: 100%;\r\n    flex: 1 1 auto;\r\n    min-height: 0;\r\n    overflow: auto;\r\n    overflow-x: hidden;\r\n    box-sizing: border-box;\r\n    padding: 24px;\r\n}\r\n\r\n.iconsBottomBar {\r\n    position: sticky;\r\n    bottom: 0;\r\n    background: var(--colorBgLayout);\r\n    z-index: 5;\r\n    width: 100%;\r\n}\r\n\r\n.iconsBottomBarContent {\r\n    display: flex;\r\n    justify-content: right;\r\n    padding: 17px 24px;\r\n    align-items: center;\r\n}\r\n\r\n.iconsGridEmpty {\r\n    margin: 40px 0px;\r\n}\r\n\r\n.iconsGridEmptyState {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 0\r\n}\r\n\r\n.resultsContainer {\r\n    width: 640px;\r\n    max-width: 100%;\r\n    overflow: auto;\r\n    box-sizing: border-box;\r\n    padding: 60px 16px;\r\n    border-radius: 12px;\r\n    background-color: var(--colorBgContainer);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    text-align: center;\r\n}\r\n\r\n.playButton {\r\n    color: var(--colorPrimary);\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.title {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    line-height: 1.2;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.subtitle {\r\n    font-size: 14px;\r\n    color: var(--colorSecondary);\r\n    line-height: 1.2;\r\n}\r\n\r\n.iconsGridInfiniteScroll {\r\n    overflow: hidden !important;\r\n}\r\n\r\n.iconsGridLoadingMore {\r\n    display: flex;\r\n    justify-content: center;\r\n    padding: 16px 0;\r\n}\r\n\r\n.iconsGridGrid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(var(--icons-grid-min-col, 148px), 1fr));\r\n    gap: 16px;\r\n}\r\n\r\n.iconsGridVirtualCanvas {\r\n    position: relative;\r\n    width: 100%;\r\n}\r\n\r\n.iconsGridItem {\r\n    position: relative;\r\n    border-radius: 8px;\r\n    padding: 12px;\r\n    background: #fff;\r\n    cursor: pointer;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    box-shadow: inset 0 0 0 1px #f0f0f0;\r\n}\r\n\r\n.iconsGridItemThumbnail {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex: 1 1 auto;\r\n    min-height: 0;\r\n}\r\n\r\n.iconsGridItemSvg {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.iconsGridItemImg {\r\n    max-width: 100%;\r\n    object-fit: contain;\r\n}\r\n\r\n.iconsGridItemName {\r\n    margin-top: 8px;\r\n    font-size: 12px;\r\n    line-height: 1.2;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    flex: 0 0 auto;\r\n}\r\n\r\n.iconsGridItemSelected::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border: 2px solid #1890ff;\r\n    border-radius: inherit;\r\n    pointer-events: none;\r\n}\r\n\r\n.iconsGridItemInsertButton {\r\n    position: absolute;\r\n    top: 8px;\r\n    right: 8px;\r\n}\r\n\r\n.iconsGridLoading {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    min-height: 50vh;\r\n}\r\n\r\n.iconsControlsBackButton {\r\n    margin-right: 20px;\r\n}\r\n\r\n.iconsGridCheckbox {\r\n    position: absolute;\r\n    top: 8px;\r\n    left: 8px;\r\n    z-index: 2;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transition: opacity 0.15s ease-in-out;\r\n}\r\n\r\n.iconsGridItem:hover .iconsGridCheckbox {\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n}\r\n\r\n.iconsGridShowCheckboxes .iconsGridCheckbox {\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n}\r\n\r\n.iconsHeaderContainer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding: 24px 24px;\r\n    margin: 0;\r\n    border-bottom: 1px solid var(--colorBorder);\r\n}\r\n\r\n.iconsHeaderContainerLeft {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: center;\r\n}\r\n\r\n.iconsHeaderDivider {\r\n    margin-top: 24px;\r\n    margin-bottom: 0;\r\n    border-color: var(--colorBorder);\r\n    width: 100%;\r\n}\r\n\r\n.copyToFolderModalBody {\r\n    position: relative;\r\n}\r\n\r\n.copyToFolderModalLoadingOverlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 10;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(255, 255, 255, 0.6);\r\n    pointer-events: all;\r\n}\r\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, `.iconsTab-module__iconsTab__rVCdL{display:flex;flex-direction:column;height:100%;min-height:0}.iconsTab-module__iconsTab__rVCdL.iconsTab-module__hasSearch__eOBPx{padding-top:0}.iconsTab-module__iconsSearchWrapper__Wl05l{width:100%;height:100%;min-height:0;overflow:hidden;box-sizing:border-box;line-height:0;display:flex;flex-direction:column;align-items:center;padding:24px}.iconsTab-module__iconsSearchForm__pOT9P{display:flex;gap:8px;width:100%;margin-bottom:0}.iconsTab-module__iconsSearchFormCenteredContainer__EcZ66{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;padding:24px 24px 0}.iconsTab-module__iconsSearchFormCentered__mBHMX{display:flex;flex-direction:row;width:100%;align-items:flex-start;justify-content:center}.iconsTab-module__iconsSearchFormCentered__mBHMX .iconsTab-module__iconsSearchFormInput__aOh5i{width:640px;max-width:100%;padding:0;margin:auto auto 12px;transition:all 300ms ease}.iconsTab-module__iconsSearchFormCentered__mBHMX .iconsTab-module__iconsSearchFormInputInput__P1TM6{max-width:100%;width:100%}.iconsTab-module__iconsSearchFormInput__aOh5i{width:240px;padding:0;margin-bottom:0;transition:all 300ms ease}.iconsTab-module__iconsSearchResults__iMIGw{width:100%;display:flex;flex-direction:row;gap:8px;align-items:flex-start;justify-content:flex-start}.iconsTab-module__iconsSearchResults__iMIGw .iconsTab-module__iconsSearchFormInput__aOh5i{width:240px;flex:0 0 auto;margin-bottom:0}.iconsTab-module__iconsControlsControls__fPlU6{display:flex;align-items:center;gap:16px}.iconsTab-module__iconsSearchFormInputInput__P1TM6{width:100%}.iconsTab-module__iconsControls__U6HDG{display:flex;justify-content:space-between;align-items:center;width:100%;padding:24px 6px 24px 24px;border-bottom:1px solid var(--colorBorder)}.iconsTab-module__iconsControlsFamilySlug__WcZT7{opacity:.7}.iconsTab-module__iconsControlElement___RXMX{display:flex;align-items:center;gap:8px}.iconsTab-module__iconsControlElement___RXMX>span{color:var(--colorTextTertiary)}.iconsTab-module__iconsControlsNumField__HTFGx{display:flex;align-items:center;gap:10px}.iconsTab-module__iconsControlsNumLabel__eG_77{flex-shrink:0;margin:0 !important;white-space:nowrap}.iconsTab-module__iconsControlsNumInput__ez7U0{min-width:104px}.iconsTab-module__iconsControlsNumInput__ez7U0 .ant-input-number-affix-wrapper{border-radius:9999px}.iconsTab-module__iconsControlsNumSuffix__TqwCn{color:var(--ant-color-text-tertiary);font-size:13px;line-height:1;user-select:none}.iconsTab-module__iconsControlsCompact__kjz5q{position:relative}.iconsTab-module__iconsControlsInputNumber__uJAmX{width:110px}.iconsTab-module__iconsControlsInputNumber__uJAmX .ant-input-number,.iconsTab-module__iconsControlsInputNumber__uJAmX .ant-input-number-focused{border-top-left-radius:6px;border-bottom-left-radius:6px}.iconsTab-module__iconsControlsDropdownBtn__CsHya{padding:0;height:32px;min-width:36px;width:36px;border-top-right-radius:6px !important;border-bottom-right-radius:6px !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;display:inline-flex;align-items:center;justify-content:center;color:var(--colorTextTertiary)}.iconsTab-module__iconsControlsDropdownBtn__CsHya .anticon{font-size:12px;line-height:1}.iconsTab-module__iconsControlsDropdownBtn__CsHya:hover{color:var(--colorTextSecondary)}.iconsTab-module__iconsControlsCompact__kjz5q .iconsTab-module__iconsControlsDropdownBtn__CsHya{border-top-right-radius:6px !important;border-bottom-right-radius:6px !important}.iconsTab-module__sliderDropdown__rp1Dw{position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 6px);width:240px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.12);border-radius:8px;padding:10px 12px;z-index:1000}.iconsTab-module__iconsControlsHeader__Dk5bC{display:flex;align-items:center}.iconsTab-module__iconsSearchFormSelect__wc4Eb{width:160px !important}.iconsTab-module__iconsSearchFormStyleItem__s6wIB{margin-bottom:0;animation:iconsTab-module__fadeInSlide__JHeZ6 300ms ease forwards}@keyframes iconsTab-module__fadeInSlide__JHeZ6{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.iconsTab-module__iconsSearchDivider__baxtd{margin-top:24px;margin-bottom:0;border-color:var(--colorBorder);width:100%}.iconsTab-module__iconsSearchFormInputIcon__LGFqD{font-size:16px;cursor:pointer}.iconsTab-module__iconsGrid__fdgZB{width:100%;flex:1 1 auto;min-height:0;overflow:auto;overflow-x:hidden;box-sizing:border-box;padding:24px}.iconsTab-module__iconsBottomBar__ZJjsz{position:sticky;bottom:0;background:var(--colorBgLayout);z-index:5;width:100%}.iconsTab-module__iconsBottomBarContent__9SxMG{display:flex;justify-content:right;padding:17px 24px;align-items:center}.iconsTab-module__iconsGridEmpty__gE6NT{margin:40px 0px}.iconsTab-module__iconsGridEmptyState__OGcNZ{display:flex;justify-content:center;align-items:center;padding:0}.iconsTab-module__resultsContainer__u4uoQ{width:640px;max-width:100%;overflow:auto;box-sizing:border-box;padding:60px 16px;border-radius:12px;background-color:var(--colorBgContainer);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.iconsTab-module__playButton__CS3Kr{color:var(--colorPrimary);margin-bottom:16px}.iconsTab-module__title__X8NPu{font-size:16px;font-weight:600;line-height:1.2;margin-bottom:4px}.iconsTab-module__subtitle__k6wsl{font-size:14px;color:var(--colorSecondary);line-height:1.2}.iconsTab-module__iconsGridInfiniteScroll__x0_E9{overflow:hidden !important}.iconsTab-module__iconsGridLoadingMore__MJy6W{display:flex;justify-content:center;padding:16px 0}.iconsTab-module__iconsGridGrid__jpJcf{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--icons-grid-min-col, 148px), 1fr));gap:16px}.iconsTab-module__iconsGridVirtualCanvas__cdbMd{position:relative;width:100%}.iconsTab-module__iconsGridItem__iHBC0{position:relative;border-radius:8px;padding:12px;background:#fff;cursor:pointer;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;box-shadow:inset 0 0 0 1px #f0f0f0}.iconsTab-module__iconsGridItemThumbnail__nz4oB{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:0}.iconsTab-module__iconsGridItemSvg__nMNf2{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.iconsTab-module__iconsGridItemImg__uR1rx{max-width:100%;object-fit:contain}.iconsTab-module__iconsGridItemName__dxHty{margin-top:8px;font-size:12px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:0 0 auto}.iconsTab-module__iconsGridItemSelected__O6f4h::after{content:"";position:absolute;inset:0;border:2px solid #1890ff;border-radius:inherit;pointer-events:none}.iconsTab-module__iconsGridItemInsertButton__nuuWZ{position:absolute;top:8px;right:8px}.iconsTab-module__iconsGridLoading__r5wNu{display:flex;align-items:center;justify-content:center;width:100%;min-height:50vh}.iconsTab-module__iconsControlsBackButton__lHXYH{margin-right:20px}.iconsTab-module__iconsGridCheckbox__TebOL{position:absolute;top:8px;left:8px;z-index:2;opacity:0;pointer-events:none;transition:opacity .15s ease-in-out}.iconsTab-module__iconsGridItem__iHBC0:hover .iconsTab-module__iconsGridCheckbox__TebOL{opacity:1;pointer-events:auto}.iconsTab-module__iconsGridShowCheckboxes__Lwxc6 .iconsTab-module__iconsGridCheckbox__TebOL{opacity:1;pointer-events:auto}.iconsTab-module__iconsHeaderContainer__nlaKy{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;padding:24px 24px;margin:0;border-bottom:1px solid var(--colorBorder)}.iconsTab-module__iconsHeaderContainerLeft__sqO0_{display:flex;gap:10px;align-items:center}.iconsTab-module__iconsHeaderDivider__ujyPd{margin-top:24px;margin-bottom:0;border-color:var(--colorBorder);width:100%}.iconsTab-module__copyToFolderModalBody__AkxuH{position:relative}.iconsTab-module__copyToFolderModalLoadingOverlay__dd9RB{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.6);pointer-events:all}`, "",{"version":3,"sources":["webpack://./src/components/ImageIcons/iconsTab.module.scss"],"names":[],"mappings":"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","sourcesContent":[".iconsTab {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n\n    &.hasSearch {\n        padding-top: 0;\n    }\n}\n\n.iconsSearchWrapper {\n    width: 100%;\n    height: 100%;\n    min-height: 0;\n    overflow: hidden;\n    box-sizing: border-box;\n    line-height: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 24px;\n}\n\n.iconsSearchForm {\n    display: flex;\n    gap: 8px;\n    width: 100%;\n    margin-bottom: 0;\n}\n\n.iconsSearchFormCenteredContainer {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: flex-start;\n    width: 100%;\n    padding: 24px 24px 0;\n}\n\n.iconsSearchFormCentered {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: flex-start;\n    justify-content: center;\n\n    .iconsSearchFormInput {\n        width: 640px;\n        max-width: 100%;\n        padding: 0;\n        margin: auto auto 12px;\n        transition: all 300ms ease;\n    }\n\n    .iconsSearchFormInputInput {\n        max-width: 100%;\n        width: 100%;\n    }\n}\n\n.iconsSearchFormInput {\n    width: 240px;\n    padding: 0;\n    margin-bottom: 0;\n    transition: all 300ms ease;\n}\n\n.iconsSearchResults {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    align-items: flex-start;\n    justify-content: flex-start;\n\n    .iconsSearchFormInput {\n        width: 240px;\n        flex: 0 0 auto;\n        margin-bottom: 0;\n    }\n}\n\n.iconsControlsControls {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.iconsSearchFormInputInput {\n    width: 100%;\n}\n\n\n\n.iconsControls {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    padding: 24px 6px 24px 24px;\n    border-bottom: 1px solid var(--colorBorder);\n}\n\n.iconsControlsFamilySlug {\n    opacity: 0.7\n}\n\n.iconsControlElement {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    & > span {\n        color: var(--colorTextTertiary);\n    }\n}\n\n.iconsControlsNumField {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.iconsControlsNumLabel {\n    flex-shrink: 0;\n    margin: 0 !important;\n    white-space: nowrap;\n}\n\n.iconsControlsNumInput {\n    min-width: 104px;\n}\n\n.iconsControlsNumInput :global(.ant-input-number-affix-wrapper) {\n    border-radius: 9999px;\n}\n\n.iconsControlsNumSuffix {\n    color: var(--ant-color-text-tertiary);\n    font-size: 13px;\n    line-height: 1;\n    user-select: none;\n}\n\n.iconsControlsCompact {\n    position: relative;\n}\n\n.iconsControlsInputNumber {\n    width: 110px;\n}\n\n.iconsControlsInputNumber :global(.ant-input-number),\n.iconsControlsInputNumber :global(.ant-input-number-focused) {\n    border-top-left-radius: 6px;\n    border-bottom-left-radius: 6px;\n}\n\n.iconsControlsDropdownBtn {\n    padding: 0;\n    height: 32px;\n    min-width: 36px;\n    width: 36px;\n    border-top-right-radius: 6px !important;\n    border-bottom-right-radius: 6px !important;\n    border-top-left-radius: 0 !important;\n    border-bottom-left-radius: 0 !important;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--colorTextTertiary);\n\n    :global(.anticon) {\n        font-size: 12px;\n        line-height: 1;\n    }\n\n    &:hover {\n        color: var(--colorTextSecondary);\n    }\n}\n\n.iconsControlsCompact .iconsControlsDropdownBtn {\n    border-top-right-radius: 6px !important;\n    border-bottom-right-radius: 6px !important;\n}\n\n.sliderDropdown {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    top: calc(100% + 6px);\n    width: 240px;\n    background: #fff;\n    border: 1px solid rgba(0, 0, 0, 0.08);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n    border-radius: 8px;\n    padding: 10px 12px;\n    z-index: 1000;\n}\n\n.iconsControlsHeader {\n    display: flex;\n    align-items: center;\n    // gap: 24px;\n}\n\n.iconsSearchFormSelect {\n    width: 160px !important;\n}\n\n.iconsSearchFormStyleItem {\n    margin-bottom: 0;\n    animation: fadeInSlide 300ms ease forwards;\n}\n\n@keyframes fadeInSlide {\n    from {\n        opacity: 0;\n        transform: translateX(-10px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n.iconsSearchDivider {\n    margin-top: 24px;\n    margin-bottom: 0;\n    border-color: var(--colorBorder);\n    width: 100%;\n}\n\n.iconsSearchFormInputIcon {\n    font-size: 16px;\n    cursor: pointer;\n}\n\n.iconsGrid {\n    width: 100%;\n    flex: 1 1 auto;\n    min-height: 0;\n    overflow: auto;\n    overflow-x: hidden;\n    box-sizing: border-box;\n    padding: 24px;\n}\n\n.iconsBottomBar {\n    position: sticky;\n    bottom: 0;\n    background: var(--colorBgLayout);\n    z-index: 5;\n    width: 100%;\n}\n\n.iconsBottomBarContent {\n    display: flex;\n    justify-content: right;\n    padding: 17px 24px;\n    align-items: center;\n}\n\n.iconsGridEmpty {\n    margin: 40px 0px;\n}\n\n.iconsGridEmptyState {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 0\n}\n\n.resultsContainer {\n    width: 640px;\n    max-width: 100%;\n    overflow: auto;\n    box-sizing: border-box;\n    padding: 60px 16px;\n    border-radius: 12px;\n    background-color: var(--colorBgContainer);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    text-align: center;\n}\n\n.playButton {\n    color: var(--colorPrimary);\n    margin-bottom: 16px;\n}\n\n.title {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 1.2;\n    margin-bottom: 4px;\n}\n\n.subtitle {\n    font-size: 14px;\n    color: var(--colorSecondary);\n    line-height: 1.2;\n}\n\n.iconsGridInfiniteScroll {\n    overflow: hidden !important;\n}\n\n.iconsGridLoadingMore {\n    display: flex;\n    justify-content: center;\n    padding: 16px 0;\n}\n\n.iconsGridGrid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(var(--icons-grid-min-col, 148px), 1fr));\n    gap: 16px;\n}\n\n.iconsGridVirtualCanvas {\n    position: relative;\n    width: 100%;\n}\n\n.iconsGridItem {\n    position: relative;\n    border-radius: 8px;\n    padding: 12px;\n    background: #fff;\n    cursor: pointer;\n    display: flex;\n    flex-direction: column;\n    box-sizing: border-box;\n    overflow: hidden;\n    box-shadow: inset 0 0 0 1px #f0f0f0;\n}\n\n.iconsGridItemThumbnail {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 1 1 auto;\n    min-height: 0;\n}\n\n.iconsGridItemSvg {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.iconsGridItemImg {\n    max-width: 100%;\n    object-fit: contain;\n}\n\n.iconsGridItemName {\n    margin-top: 8px;\n    font-size: 12px;\n    line-height: 1.2;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    flex: 0 0 auto;\n}\n\n.iconsGridItemSelected::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border: 2px solid #1890ff;\n    border-radius: inherit;\n    pointer-events: none;\n}\n\n.iconsGridItemInsertButton {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n}\n\n.iconsGridLoading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-height: 50vh;\n}\n\n.iconsControlsBackButton {\n    margin-right: 20px;\n}\n\n.iconsGridCheckbox {\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    z-index: 2;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.15s ease-in-out;\n}\n\n.iconsGridItem:hover .iconsGridCheckbox {\n    opacity: 1;\n    pointer-events: auto;\n}\n\n.iconsGridShowCheckboxes .iconsGridCheckbox {\n    opacity: 1;\n    pointer-events: auto;\n}\n\n.iconsHeaderContainer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    width: 100%;\n    box-sizing: border-box;\n    padding: 24px 24px;\n    margin: 0;\n    border-bottom: 1px solid var(--colorBorder);\n}\n\n.iconsHeaderContainerLeft {\n    display: flex;\n    gap: 10px;\n    align-items: center;\n}\n\n.iconsHeaderDivider {\n    margin-top: 24px;\n    margin-bottom: 0;\n    border-color: var(--colorBorder);\n    width: 100%;\n}\n\n.copyToFolderModalBody {\n    position: relative;\n}\n\n.copyToFolderModalLoadingOverlay {\n    position: absolute;\n    inset: 0;\n    z-index: 10;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(255, 255, 255, 0.6);\n    pointer-events: all;\n}\n"],"sourceRoot":""}]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"iconsTab": `iconsTab-module__iconsTab__rVCdL`,
@@ -2250,9 +2253,10 @@ ___CSS_LOADER_EXPORT___.locals = {
 	"iconsControls": `iconsTab-module__iconsControls__U6HDG`,
 	"iconsControlsFamilySlug": `iconsTab-module__iconsControlsFamilySlug__WcZT7`,
 	"iconsControlElement": `iconsTab-module__iconsControlElement___RXMX`,
-	"iconsControlsStrokeWidth": `iconsTab-module__iconsControlsStrokeWidth__p7z65`,
-	"ant-input-number": `iconsTab-module__ant-input-number__gVeff`,
-	"antInputNumber": `iconsTab-module__ant-input-number__gVeff`,
+	"iconsControlsNumField": `iconsTab-module__iconsControlsNumField__HTFGx`,
+	"iconsControlsNumLabel": `iconsTab-module__iconsControlsNumLabel__eG_77`,
+	"iconsControlsNumInput": `iconsTab-module__iconsControlsNumInput__ez7U0`,
+	"iconsControlsNumSuffix": `iconsTab-module__iconsControlsNumSuffix__TqwCn`,
 	"iconsControlsCompact": `iconsTab-module__iconsControlsCompact__kjz5q`,
 	"iconsControlsInputNumber": `iconsTab-module__iconsControlsInputNumber__uJAmX`,
 	"iconsControlsDropdownBtn": `iconsTab-module__iconsControlsDropdownBtn__CsHya`,
@@ -2299,4 +2303,4 @@ module.exports = ___CSS_LOADER_EXPORT___;
 /***/ })
 
 }]);
-//# sourceMappingURL=fm-icons-tab.4e78e0d23b307449840c.js.map
+//# sourceMappingURL=fm-icons-tab.60bc2670cf092ed76cd0.js.map

package/fm-image-code-generator.1f6c519dd7ec020319ad.js

@@ -0,0 +1,371 @@
+(Object(typeof self !== "undefined" ? self : this)["webpackChunkfileManager"] = Object(typeof self !== "undefined" ? self : this)["webpackChunkfileManager"] || []).push([[410],{
+
+/***/ 3293:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ ImageCodeGenerator_ImageCodeGenerator)
+});
+
+// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
+var jsx_runtime = __webpack_require__(4848);
+// EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"}
+var external_root_React_commonjs2_react_commonjs_react_amd_react_ = __webpack_require__(5442);
+// EXTERNAL MODULE: external {"root":"antd","commonjs2":"antd","commonjs":"antd","amd":"antd"}
+var external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_ = __webpack_require__(550);
+// EXTERNAL MODULE: ./node_modules/react-i18next/dist/es/index.js + 15 modules
+var es = __webpack_require__(2389);
+// EXTERNAL MODULE: ./node_modules/lodash/lodash.js
+var lodash = __webpack_require__(2543);
+;// ./node_modules/@untitledui/icons/dist/Expand01.mjs
+const n=({size:r=24,color:e="currentColor",...t})=>external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("svg",{viewBox:"0 0 24 24",width:r,height:r,stroke:e,strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...t},external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement("path",{d:"m14 10 7-7m0 0h-6m6 0v6m-11 5-7 7m0 0h6m-6 0v-6"}));n.displayName="Expand01";
+
+// EXTERNAL MODULE: ./src/hooks/index.ts + 6 modules
+var hooks = __webpack_require__(7433);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
+var injectStylesIntoStyleTag = __webpack_require__(5072);
+var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleDomAPI.js
+var styleDomAPI = __webpack_require__(7825);
+var styleDomAPI_default = /*#__PURE__*/__webpack_require__.n(styleDomAPI);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertBySelector.js
+var insertBySelector = __webpack_require__(7659);
+var insertBySelector_default = /*#__PURE__*/__webpack_require__.n(insertBySelector);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
+var setAttributesWithoutAttributes = __webpack_require__(5056);
+var setAttributesWithoutAttributes_default = /*#__PURE__*/__webpack_require__.n(setAttributesWithoutAttributes);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertStyleElement.js
+var insertStyleElement = __webpack_require__(540);
+var insertStyleElement_default = /*#__PURE__*/__webpack_require__.n(insertStyleElement);
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleTagTransform.js
+var styleTagTransform = __webpack_require__(1113);
+var styleTagTransform_default = /*#__PURE__*/__webpack_require__.n(styleTagTransform);
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/ImageCodeGenerator/ImageCodeGenerator.module.scss
+var ImageCodeGenerator_module = __webpack_require__(3467);
+var ImageCodeGenerator_module_default = /*#__PURE__*/__webpack_require__.n(ImageCodeGenerator_module);
+;// ./src/components/ImageCodeGenerator/ImageCodeGenerator.module.scss
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+options.styleTagTransform = (styleTagTransform_default());
+options.setAttributes = (setAttributesWithoutAttributes_default());
+options.insert = insertBySelector_default().bind(null, "head");
+options.domAPI = (styleDomAPI_default());
+options.insertStyleElement = (insertStyleElement_default());
+
+var update = injectStylesIntoStyleTag_default()((ImageCodeGenerator_module_default()), options);
+
+
+
+
+       /* harmony default export */ const ImageCodeGenerator_ImageCodeGenerator_module = ((ImageCodeGenerator_module_default()) && (ImageCodeGenerator_module_default()).locals ? (ImageCodeGenerator_module_default()).locals : undefined);
+
+;// ./src/components/ImageCodeGenerator/ImageCodeGenerator.tsx
+
+
+
+
+
+
+
+
+const QR_SIDE_MIN = 80;
+const QR_SIDE_MAX = 600;
+const QR_SIDE_DEFAULT = 200;
+const BARCODE_BAR_HEIGHT_MIN = 24;
+const BARCODE_BAR_HEIGHT_MAX = 130;
+const BARCODE_BAR_HEIGHT_DEFAULT = 60;
+const PREVIEW_QR_MAX = 280;
+/** Высота полос в превью (штрихкод — низкая «лента», не как квадратный QR) */
+const PREVIEW_BARCODE_BAR_HEIGHT_MAX = 72;
+function exportPixelRatio() {
+    if (typeof window === 'undefined') {
+        return 2;
+    }
+    return Math.min(3, Math.max(2, window.devicePixelRatio || 2));
+}
+const ImageCodeGenerator = ({ customRequest, state, setState }) => {
+    var _a, _b;
+    const { t } = (0,es/* useTranslation */.Bd)();
+    const { options } = (0,hooks/* useFileManagerContext */.wh)();
+    const iconStroke = (_b = (_a = options === null || options === void 0 ? void 0 : options.config) === null || _a === void 0 ? void 0 : _a.iconStrokeWidth) !== null && _b !== void 0 ? _b : 1.75;
+    const canvasRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+    const { mode, rawText, foregroundHex, backgroundHex, transparentBackground, qrSidePx, barcodeBarHeightPx, } = state;
+    const setMode = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((val) => setState(prev => (Object.assign(Object.assign({}, prev), { mode: val }))), [setState]);
+    const setRawText = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((val) => setState(prev => (Object.assign(Object.assign({}, prev), { rawText: val }))), [setState]);
+    const setForegroundHex = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((val) => setState(prev => (Object.assign(Object.assign({}, prev), { foregroundHex: val }))), [setState]);
+    const setBackgroundHex = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((val) => setState(prev => (Object.assign(Object.assign({}, prev), { backgroundHex: val }))), [setState]);
+    const setTransparentBackground = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((val) => setState(prev => (Object.assign(Object.assign({}, prev), { transparentBackground: val }))), [setState]);
+    const setQrSidePx = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((val) => setState(prev => (Object.assign(Object.assign({}, prev), { qrSidePx: val }))), [setState]);
+    const setBarcodeBarHeightPx = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((val) => setState(prev => (Object.assign(Object.assign({}, prev), { barcodeBarHeightPx: val }))), [setState]);
+    const [debouncedText, setDebouncedText] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(rawText);
+    const [renderError, setRenderError] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null);
+    const [uploading, setUploading] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false);
+    const debouncedSetDebouncedText = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => (0,lodash.debounce)((value) => setDebouncedText(value), 300), []);
+    (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+        debouncedSetDebouncedText(rawText);
+        return () => {
+            debouncedSetDebouncedText.cancel();
+        };
+    }, [rawText, debouncedSetDebouncedText]);
+    const backgroundForQr = transparentBackground ? '#00000000' : backgroundHex;
+    const drawQrPreview = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(async (canvas, text) => {
+        const QRCode = (await __webpack_require__.e(/* import() */ 583).then(__webpack_require__.t.bind(__webpack_require__, 7583, 19))).default;
+        const trimmed = text.trim();
+        const previewSide = Math.min(PREVIEW_QR_MAX, Math.max(QR_SIDE_MIN, qrSidePx));
+        if (!trimmed) {
+            canvas.width = previewSide;
+            canvas.height = previewSide;
+            const ctx = canvas.getContext('2d');
+            if (ctx) {
+                ctx.clearRect(0, 0, canvas.width, canvas.height);
+            }
+            return;
+        }
+        canvas.width = previewSide;
+        canvas.height = previewSide;
+        await QRCode.toCanvas(canvas, trimmed, {
+            width: previewSide,
+            margin: 2,
+            color: {
+                dark: foregroundHex,
+                light: backgroundForQr,
+            },
+        });
+    }, [foregroundHex, backgroundForQr, qrSidePx]);
+    const drawBarcodePreview = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(async (canvas, text) => {
+        const JsBarcode = (await __webpack_require__.e(/* import() */ 129).then(__webpack_require__.t.bind(__webpack_require__, 6129, 23))).default;
+        const trimmed = text.trim();
+        const bgCss = transparentBackground ? 'rgba(0,0,0,0)' : backgroundHex;
+        const barH = Math.min(PREVIEW_BARCODE_BAR_HEIGHT_MAX, Math.max(BARCODE_BAR_HEIGHT_MIN, barcodeBarHeightPx));
+        const moduleW = Math.max(1, Math.round(barH / 42));
+        const margin = Math.max(4, Math.round(barH * 0.07));
+        const fontSize = Math.max(10, Math.round(barH * 0.15));
+        if (!trimmed) {
+            canvas.width = Math.round(barH * 4);
+            canvas.height = Math.round(barH * 1.65);
+            const ctx = canvas.getContext('2d');
+            if (ctx) {
+                ctx.clearRect(0, 0, canvas.width, canvas.height);
+            }
+            return;
+        }
+        canvas.width = Math.round(barH * 4.2);
+        canvas.height = Math.round(barH * 1.65);
+        JsBarcode(canvas, trimmed, {
+            format: 'CODE128',
+            displayValue: true,
+            background: bgCss,
+            lineColor: foregroundHex,
+            margin,
+            width: moduleW,
+            height: barH,
+            fontSize,
+        });
+    }, [foregroundHex, backgroundHex, transparentBackground, barcodeBarHeightPx]);
+    (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+        const canvas = canvasRef.current;
+        if (!canvas) {
+            return;
+        }
+        let cancelled = false;
+        (async () => {
+            try {
+                if (mode === 'qr') {
+                    await drawQrPreview(canvas, debouncedText);
+                }
+                else {
+                    await drawBarcodePreview(canvas, debouncedText);
+                }
+                if (!cancelled) {
+                    setRenderError(null);
+                }
+            }
+            catch (e) {
+                const msg = e instanceof Error ? e.message : String(e);
+                if (!cancelled) {
+                    setRenderError(mode === 'barcode' ? t('Barcode generation failed') : msg);
+                    const ctx = canvas.getContext('2d');
+                    if (ctx) {
+                        ctx.clearRect(0, 0, canvas.width, canvas.height);
+                    }
+                }
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [mode, debouncedText, drawBarcodePreview, drawQrPreview, t]);
+    const exportHighResBlob = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(async () => {
+        debouncedSetDebouncedText.flush();
+        const text = rawText.trim();
+        if (!text) {
+            throw new Error(t('Enter text or URL to preview'));
+        }
+        const dpr = exportPixelRatio();
+        if (mode === 'qr') {
+            const sideLogical = Math.min(QR_SIDE_MAX, Math.max(QR_SIDE_MIN, qrSidePx));
+            const pixelSize = Math.round(sideLogical * dpr);
+            const canvas = document.createElement('canvas');
+            canvas.width = pixelSize;
+            canvas.height = pixelSize;
+            const QRCode = (await __webpack_require__.e(/* import() */ 583).then(__webpack_require__.t.bind(__webpack_require__, 7583, 19))).default;
+            await QRCode.toCanvas(canvas, text, {
+                width: pixelSize,
+                margin: 2,
+                color: {
+                    dark: foregroundHex,
+                    light: backgroundForQr,
+                },
+            });
+            const blob = await new Promise(resolve => canvas.toBlob(resolve, 'image/png'));
+            if (!blob) {
+                throw new Error('PNG export failed');
+            }
+            return blob;
+        }
+        const JsBarcode = (await __webpack_require__.e(/* import() */ 129).then(__webpack_require__.t.bind(__webpack_require__, 6129, 23))).default;
+        const canvas = document.createElement('canvas');
+        const bgCss = transparentBackground ? 'rgba(0,0,0,0)' : backgroundHex;
+        const barHLogical = Math.min(BARCODE_BAR_HEIGHT_MAX, Math.max(BARCODE_BAR_HEIGHT_MIN, barcodeBarHeightPx));
+        const marginLogical = Math.max(6, Math.round(barHLogical * 0.1));
+        const moduleWLogical = Math.max(2, Math.round(barHLogical / 36));
+        const fontLogical = Math.max(12, Math.round(barHLogical * 0.16));
+        JsBarcode(canvas, text, {
+            format: 'CODE128',
+            displayValue: true,
+            background: bgCss,
+            lineColor: foregroundHex,
+            margin: Math.round(marginLogical * dpr),
+            width: Math.round(moduleWLogical * dpr),
+            height: Math.round(barHLogical * dpr),
+            fontSize: Math.round(fontLogical * dpr),
+        });
+        const blob = await new Promise(resolve => canvas.toBlob(resolve, 'image/png'));
+        if (!blob) {
+            throw new Error('PNG export failed');
+        }
+        return blob;
+    }, [
+        mode,
+        rawText,
+        foregroundHex,
+        backgroundForQr,
+        backgroundHex,
+        transparentBackground,
+        qrSidePx,
+        barcodeBarHeightPx,
+        debouncedSetDebouncedText,
+        t,
+    ]);
+    const handleInsert = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(async () => {
+        if (uploading) {
+            return;
+        }
+        const trimmed = rawText.trim();
+        if (!trimmed) {
+            return;
+        }
+        setUploading(true);
+        try {
+            let blob;
+            try {
+                blob = await exportHighResBlob();
+            }
+            catch (e) {
+                const msg = e instanceof Error ? e.message : String(e);
+                setRenderError(msg);
+                return;
+            }
+            const prefix = mode === 'qr' ? 'qr-code' : 'barcode';
+            const file = new File([blob], `${prefix}-${Date.now()}.png`, {
+                type: 'image/png',
+                lastModified: Date.now(),
+            });
+            await Promise.resolve(customRequest({ file }));
+        }
+        finally {
+            setUploading(false);
+        }
+    }, [customRequest, exportHighResBlob, mode, rawText, uploading]);
+    const canInsert = Boolean(rawText.trim()) && !renderError;
+    return ((0,jsx_runtime.jsx)("div", { className: ImageCodeGenerator_ImageCodeGenerator_module.root, children: (0,jsx_runtime.jsxs)("div", { className: ImageCodeGenerator_ImageCodeGenerator_module.controls, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Segmented, { block: true, className: ImageCodeGenerator_ImageCodeGenerator_module.segmentedControl, value: mode, onChange: value => {
+                        setMode(value);
+                        setRenderError(null);
+                    }, options: [
+                        { label: t('QR code'), value: 'qr' },
+                        { label: t('Barcode'), value: 'barcode' },
+                    ] }), renderError && ((0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Alert, { type: "error", message: t('Validation error'), description: renderError, showIcon: true, closable: true, onClose: () => setRenderError(null) })), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Input.TextArea, { value: rawText, onChange: e => {
+                        setRawText(e.target.value);
+                        setRenderError(null);
+                    }, placeholder: t('Text or URL'), rows: 3, spellCheck: false, autoComplete: "off" }), (0,jsx_runtime.jsxs)("div", { className: ImageCodeGenerator_ImageCodeGenerator_module.sizeRow, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Typography.Text, { type: "secondary", className: ImageCodeGenerator_ImageCodeGenerator_module.sizeRowLabel, children: mode === 'qr' ? t('QR image size px') : t('Barcode bar height px') }), mode === 'qr' ? ((0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.InputNumber, { className: ImageCodeGenerator_ImageCodeGenerator_module.sizeInputNumber, min: QR_SIDE_MIN, max: QR_SIDE_MAX, step: 8, value: qrSidePx, onChange: v => setQrSidePx(typeof v === 'number' && !Number.isNaN(v) ? v : QR_SIDE_DEFAULT), prefix: (0,jsx_runtime.jsx)(n, { size: 18, strokeWidth: iconStroke }), suffix: (0,jsx_runtime.jsx)("span", { className: ImageCodeGenerator_ImageCodeGenerator_module.sizeSuffix, children: "px" }), "aria-label": t('QR image size px') })) : ((0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.InputNumber, { className: ImageCodeGenerator_ImageCodeGenerator_module.sizeInputNumber, min: BARCODE_BAR_HEIGHT_MIN, max: BARCODE_BAR_HEIGHT_MAX, step: 4, value: barcodeBarHeightPx, onChange: v => setBarcodeBarHeightPx(typeof v === 'number' && !Number.isNaN(v) ? v : BARCODE_BAR_HEIGHT_DEFAULT), prefix: (0,jsx_runtime.jsx)(n, { size: 18, strokeWidth: iconStroke }), suffix: (0,jsx_runtime.jsx)("span", { className: ImageCodeGenerator_ImageCodeGenerator_module.sizeSuffix, children: "px" }), "aria-label": t('Barcode bar height px') }))] }), (0,jsx_runtime.jsxs)("div", { className: ImageCodeGenerator_ImageCodeGenerator_module.colorGrid, children: [(0,jsx_runtime.jsxs)("div", { className: ImageCodeGenerator_ImageCodeGenerator_module.colorCell, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Typography.Text, { type: "secondary", className: ImageCodeGenerator_ImageCodeGenerator_module.colorCellLabel, children: t('Code color', 'Code color') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.ColorPicker, { className: ImageCodeGenerator_ImageCodeGenerator_module.colorPickerFull, value: foregroundHex, format: "hex", disabledAlpha: true, showText: true, onChange: (color, hex) => {
+                                        const newColor = typeof color === 'string' ? color : (color === null || color === void 0 ? void 0 : color.toHexString) ? color.toHexString() : hex;
+                                        setForegroundHex(newColor);
+                                    } })] }), (0,jsx_runtime.jsxs)("div", { className: ImageCodeGenerator_ImageCodeGenerator_module.colorCell, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Typography.Text, { type: "secondary", className: ImageCodeGenerator_ImageCodeGenerator_module.colorCellLabel, children: t('Background color', 'Background color') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.ColorPicker, { className: ImageCodeGenerator_ImageCodeGenerator_module.colorPickerFull, value: backgroundHex, format: "hex", disabledAlpha: true, showText: true, disabled: transparentBackground, onChange: (color, hex) => {
+                                        const newColor = typeof color === 'string' ? color : (color === null || color === void 0 ? void 0 : color.toHexString) ? color.toHexString() : hex;
+                                        setBackgroundHex(newColor);
+                                    } })] }), (0,jsx_runtime.jsxs)("div", { className: ImageCodeGenerator_ImageCodeGenerator_module.bgExtras, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Checkbox, { checked: transparentBackground, onChange: e => setTransparentBackground(e.target.checked), children: t('Transparent background', 'Transparent background') }), transparentBackground && ((0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Alert, { type: "warning", showIcon: true, message: t('QR transparent background hint'), className: ImageCodeGenerator_ImageCodeGenerator_module.bgWarning }))] })] }), (0,jsx_runtime.jsxs)("div", { className: ImageCodeGenerator_ImageCodeGenerator_module.previewSection, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Typography.Text, { className: ImageCodeGenerator_ImageCodeGenerator_module.previewTitle, children: t('Preview', 'Preview') }), (0,jsx_runtime.jsxs)("div", { className: [ImageCodeGenerator_ImageCodeGenerator_module.previewWrap, mode === 'barcode' && ImageCodeGenerator_ImageCodeGenerator_module.previewWrapBarcode].filter(Boolean).join(' '), children: [(0,jsx_runtime.jsx)("div", { className: [ImageCodeGenerator_ImageCodeGenerator_module.scanLine, mode === 'barcode' && ImageCodeGenerator_ImageCodeGenerator_module.scanLineBarcode].filter(Boolean).join(' ') }), (0,jsx_runtime.jsx)("canvas", { ref: canvasRef, className: [ImageCodeGenerator_ImageCodeGenerator_module.previewCanvas, mode === 'barcode' && ImageCodeGenerator_ImageCodeGenerator_module.previewCanvasBarcode]
+                                        .filter(Boolean)
+                                        .join(' '), "aria-label": t('Preview') })] })] }), (0,jsx_runtime.jsx)("div", { className: ImageCodeGenerator_ImageCodeGenerator_module.actions, children: (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Button, { type: "primary", onClick: () => void handleInsert(), loading: uploading, disabled: !canInsert, children: t('Add to My files') }) })] }) }));
+};
+/* harmony default export */ const ImageCodeGenerator_ImageCodeGenerator = (ImageCodeGenerator);
+
+
+/***/ }),
+
+/***/ 3467:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(1354);
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.ImageCodeGenerator-module__root__kcpV8{padding:16px 20px 24px;max-width:520px}.ImageCodeGenerator-module__controls__vpurY{display:flex;flex-direction:column;gap:20px}.ImageCodeGenerator-module__segmentedControl__MAgDK{background-color:var(--ant-color-fill-secondary, rgba(0, 0, 0, 0.06));padding:4px}.ImageCodeGenerator-module__sizeRow__T4bK7{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;align-items:center;width:100%}.ImageCodeGenerator-module__sizeRowLabel__UG1PN{margin:0}.ImageCodeGenerator-module__sizeInputNumber__ZzlVI{width:100%}.ImageCodeGenerator-module__sizeSuffix__pw6gM{color:var(--ant-color-text-tertiary);font-size:13px;line-height:1;user-select:none}.ImageCodeGenerator-module__colorGrid__pCB8I{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.ImageCodeGenerator-module__colorCell__QFKQU{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0}.ImageCodeGenerator-module__colorCellLabel__xFI1J{margin:0 !important;white-space:nowrap}.ImageCodeGenerator-module__colorPickerFull__ACTTR{width:100%;justify-content:flex-start}.ImageCodeGenerator-module__bgExtras__CIiKx{grid-column:1/-1;margin-top:-8px;display:flex;flex-direction:column;gap:12px}.ImageCodeGenerator-module__bgWarning__vjgAL{margin:0}.ImageCodeGenerator-module__previewSection__cPudW{display:flex;flex-direction:column;gap:12px}.ImageCodeGenerator-module__previewTitle__sjhKu{font-size:14px;font-weight:600}.ImageCodeGenerator-module__previewWrap__whLeg{display:flex;justify-content:center;align-items:center;min-height:220px;padding:16px;border:1px solid var(--ant-color-border-secondary, #f0f0f0);border-radius:8px;background-color:var(--ant-color-fill-quaternary, #fafafa);background-image:linear-gradient(45deg, #e8e8e8 25%, transparent 25%),linear-gradient(-45deg, #e8e8e8 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #e8e8e8 75%),linear-gradient(-45deg, transparent 75%, #e8e8e8 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;position:relative;overflow:hidden}.ImageCodeGenerator-module__scanLine__JTaCe{position:absolute;top:50%;left:20%;right:20%;height:2px;background-color:#ff4d4f;box-shadow:0 0 6px #ff4d4f;z-index:10;pointer-events:none}.ImageCodeGenerator-module__scanLineBarcode__UJUem{left:10%;right:10%}.ImageCodeGenerator-module__previewWrapBarcode__XVW3T{min-height:104px;padding:12px 16px}.ImageCodeGenerator-module__previewCanvas__lMEvi{display:block;max-width:100%;height:auto;background:rgba(0,0,0,0)}.ImageCodeGenerator-module__previewCanvasBarcode__XkGQ4{max-height:120px;width:auto}.ImageCodeGenerator-module__actions__ptfR4{margin-top:8px}`, "",{"version":3,"sources":["webpack://./src/components/ImageCodeGenerator/ImageCodeGenerator.module.scss"],"names":[],"mappings":"AAAA,wCACE,sBAAA,CACA,eAAA,CAGF,4CACE,YAAA,CACA,qBAAA,CACA,QAAA,CAGF,oDACE,qEAAA,CACA,WAAA,CAGF,2CACE,YAAA,CACA,6BAAA,CACA,aAAA,CACA,kBAAA,CACA,UAAA,CAGF,gDACE,QAAA,CAIF,mDACE,UAAA,CAGF,8CACE,oCAAA,CACA,cAAA,CACA,aAAA,CACA,gBAAA,CAGF,6CACE,YAAA,CACA,6BAAA,CACA,aAAA,CAGF,6CACE,YAAA,CACA,qBAAA,CACA,mBAAA,CACA,OAAA,CACA,WAAA,CAGF,kDACE,mBAAA,CACA,kBAAA,CAGF,mDACE,UAAA,CACA,0BAAA,CAGF,4CACE,gBAAA,CACA,eAAA,CACA,YAAA,CACA,qBAAA,CACA,QAAA,CAGF,6CACE,QAAA,CAGF,kDACE,YAAA,CACA,qBAAA,CACA,QAAA,CAGF,gDACE,cAAA,CACA,eAAA,CAGF,+CACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,gBAAA,CACA,YAAA,CACA,2DAAA,CACA,iBAAA,CACA,0DAAA,CACA,sOAAA,CAGA,yBAAA,CACA,6CACE,CAIF,iBAAA,CACA,eAAA,CAGF,4CACE,iBAAA,CACA,OAAA,CACA,QAAA,CACA,SAAA,CACA,UAAA,CACA,wBAAA,CACA,0BAAA,CACA,UAAA,CACA,mBAAA,CAGF,mDACE,QAAA,CACA,SAAA,CAGF,sDACE,gBAAA,CACA,iBAAA,CAGF,iDACE,aAAA,CACA,cAAA,CACA,WAAA,CACA,wBAAA,CAGF,wDACE,gBAAA,CACA,UAAA,CAGF,2CACE,cAAA","sourcesContent":[".root {\n  padding: 16px 20px 24px;\n  max-width: 520px;\n}\n\n.controls {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.segmentedControl {\n  background-color: var(--ant-color-fill-secondary, rgba(0, 0, 0, 0.06));\n  padding: 4px;\n}\n\n.sizeRow {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px 24px;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeRowLabel {\n  margin: 0;\n}\n\n/** InputNumber с prefix / suffix — ширина блока значения */\n.sizeInputNumber {\n  width: 100%;\n}\n\n.sizeSuffix {\n  color: var(--ant-color-text-tertiary);\n  font-size: 13px;\n  line-height: 1;\n  user-select: none;\n}\n\n.colorGrid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px 24px;\n}\n\n.colorCell {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 8px;\n  min-width: 0;\n}\n\n.colorCellLabel {\n  margin: 0 !important;\n  white-space: nowrap;\n}\n\n.colorPickerFull {\n  width: 100%;\n  justify-content: flex-start;\n}\n\n.bgExtras {\n  grid-column: 1 / -1;\n  margin-top: -8px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.bgWarning {\n  margin: 0;\n}\n\n.previewSection {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.previewTitle {\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.previewWrap {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 220px;\n  padding: 16px;\n  border: 1px solid var(--ant-color-border-secondary, #f0f0f0);\n  border-radius: 8px;\n  background-color: var(--ant-color-fill-quaternary, #fafafa);\n  background-image: linear-gradient(45deg, #e8e8e8 25%, transparent 25%),\n    linear-gradient(-45deg, #e8e8e8 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e8e8e8 75%),\n    linear-gradient(-45deg, transparent 75%, #e8e8e8 75%);\n  background-size: 16px 16px;\n  background-position:\n    0 0,\n    0 8px,\n    8px -8px,\n    -8px 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.scanLine {\n  position: absolute;\n  top: 50%;\n  left: 20%;\n  right: 20%;\n  height: 2px;\n  background-color: #ff4d4f;\n  box-shadow: 0 0 6px #ff4d4f;\n  z-index: 10;\n  pointer-events: none;\n}\n\n.scanLineBarcode {\n  left: 10%;\n  right: 10%;\n}\n\n.previewWrapBarcode {\n  min-height: 104px;\n  padding: 12px 16px;\n}\n\n.previewCanvas {\n  display: block;\n  max-width: 100%;\n  height: auto;\n  background: transparent;\n}\n\n.previewCanvasBarcode {\n  max-height: 120px;\n  width: auto;\n}\n\n.actions {\n  margin-top: 8px;\n}\n"],"sourceRoot":""}]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"root": `ImageCodeGenerator-module__root__kcpV8`,
+	"controls": `ImageCodeGenerator-module__controls__vpurY`,
+	"segmentedControl": `ImageCodeGenerator-module__segmentedControl__MAgDK`,
+	"sizeRow": `ImageCodeGenerator-module__sizeRow__T4bK7`,
+	"sizeRowLabel": `ImageCodeGenerator-module__sizeRowLabel__UG1PN`,
+	"sizeInputNumber": `ImageCodeGenerator-module__sizeInputNumber__ZzlVI`,
+	"sizeSuffix": `ImageCodeGenerator-module__sizeSuffix__pw6gM`,
+	"colorGrid": `ImageCodeGenerator-module__colorGrid__pCB8I`,
+	"colorCell": `ImageCodeGenerator-module__colorCell__QFKQU`,
+	"colorCellLabel": `ImageCodeGenerator-module__colorCellLabel__xFI1J`,
+	"colorPickerFull": `ImageCodeGenerator-module__colorPickerFull__ACTTR`,
+	"bgExtras": `ImageCodeGenerator-module__bgExtras__CIiKx`,
+	"bgWarning": `ImageCodeGenerator-module__bgWarning__vjgAL`,
+	"previewSection": `ImageCodeGenerator-module__previewSection__cPudW`,
+	"previewTitle": `ImageCodeGenerator-module__previewTitle__sjhKu`,
+	"previewWrap": `ImageCodeGenerator-module__previewWrap__whLeg`,
+	"scanLine": `ImageCodeGenerator-module__scanLine__JTaCe`,
+	"scanLineBarcode": `ImageCodeGenerator-module__scanLineBarcode__UJUem`,
+	"previewWrapBarcode": `ImageCodeGenerator-module__previewWrapBarcode__XVW3T`,
+	"previewCanvas": `ImageCodeGenerator-module__previewCanvas__lMEvi`,
+	"previewCanvasBarcode": `ImageCodeGenerator-module__previewCanvasBarcode__XkGQ4`,
+	"actions": `ImageCodeGenerator-module__actions__ptfR4`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
+/***/ })
+
+}]);
+//# sourceMappingURL=fm-image-code-generator.1f6c519dd7ec020319ad.js.map