@nice2dev/ui-graphics 1.3.15 → 1.3.17

package/dist/esm/photo/PhotoEditor.js

@@ -1,21 +1,37 @@
-import { jsx } from 'react/jsx-runtime';
-import { NiceAppShell } from '@nice2dev/ui';
-import { NiceIcon } from '@nice2dev/ui-core';
-import { useNiceTranslation } from '../core/i18n.js';
-import cs from './PhotoEditor.module.css.js';
-import PhotoEditorCanvas from './PhotoEditorCanvas.js';
-import PhotoEditorLeftPanel from './PhotoEditorLeftPanel.js';
-import PhotoEditorToolbar from './PhotoEditorToolbar.js';
-import { usePhotoEditor } from './usePhotoEditor.js';
-
-// ── Component ──
+import { jsx } from "react/jsx-runtime";
+import { NiceAppShell } from "@nice2dev/ui";
+import { NiceIcon } from "@nice2dev/ui-core";
+import { useNiceTranslation } from "../core/i18n.js";
+import cs from "./PhotoEditor.module.css.js";
+import PhotoEditorCanvas from "./PhotoEditorCanvas.js";
+import PhotoEditorLeftPanel from "./PhotoEditorLeftPanel.js";
+import PhotoEditorToolbar from "./PhotoEditorToolbar.js";
+import { usePhotoEditor } from "./usePhotoEditor.js";
 function NicePhotoEditor(props) {
-    const { t } = useNiceTranslation();
-    const api = usePhotoEditor(props);
-    if (api.loading || !api.image) {
-        return (jsx("div", { className: cs.loadingWrap, children: jsx(NiceIcon, { name: "refresh", size: 32, className: cs.loadingSpin, title: t('photoEditor.loading', 'Loading') }) }));
+  const { t } = useNiceTranslation();
+  const api = usePhotoEditor(props);
+  if (api.loading || !api.image) {
+    return /* @__PURE__ */ jsx("div", { className: cs.loadingWrap, children: /* @__PURE__ */ jsx(
+      NiceIcon,
+      {
+        name: "refresh",
+        size: 32,
+        className: cs.loadingSpin,
+        title: t("photoEditor.loading", "Loading")
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(
+    NiceAppShell,
+    {
+      className: cs.wrapper,
+      flush: true,
+      toolbar: /* @__PURE__ */ jsx(PhotoEditorToolbar, { api }),
+      sidebar: /* @__PURE__ */ jsx(PhotoEditorLeftPanel, { api }),
+      children: /* @__PURE__ */ jsx(PhotoEditorCanvas, { api })
     }
-    return (jsx(NiceAppShell, { className: cs.wrapper, flush: true, toolbar: jsx(PhotoEditorToolbar, { api: api }), sidebar: jsx(PhotoEditorLeftPanel, { api: api }), children: jsx(PhotoEditorCanvas, { api: api }) }));
+  );
 }
-
-export { NicePhotoEditor as default };
+export {
+  NicePhotoEditor as default
+};

package/dist/esm/photo/PhotoEditor.module.css.js

@@ -1,3 +1,296 @@
-var cs = {"wrapper":"PhotoEditor-module_wrapper__jrHYj","loadingWrap":"PhotoEditor-module_loadingWrap__QUTon","loadingSpin":"PhotoEditor-module_loadingSpin__fGXBK","toolbar":"PhotoEditor-module_toolbar__RY-Ty","toolbarGroup":"PhotoEditor-module_toolbarGroup__PXw0-","toolbarDivider":"PhotoEditor-module_toolbarDivider__o3kFV","toolbarTitle":"PhotoEditor-module_toolbarTitle__P1o18","leftPanel":"PhotoEditor-module_leftPanel__DnHLU","tabBar":"PhotoEditor-module_tabBar__DZ3MG","tabButton":"PhotoEditor-module_tabButton__BLi97","tabButtonActive":"PhotoEditor-module_tabButtonActive__KlQG0 PhotoEditor-module_tabButton__BLi97","panelContent":"PhotoEditor-module_panelContent__l5i5t","sectionTitle":"PhotoEditor-module_sectionTitle__tMvCm","sectionTitleMb8":"PhotoEditor-module_sectionTitleMb8__PQ-lV PhotoEditor-module_sectionTitle__tMvCm","sectionInfoMb":"PhotoEditor-module_sectionInfoMb__Hk6V- PhotoEditor-module_sectionInfo__bWxW5","pillRow":"PhotoEditor-module_pillRow__DGJUb","pillRowGap3":"PhotoEditor-module_pillRowGap3__Y46Vu","pill":"PhotoEditor-module_pill__wTFac","pillActive":"PhotoEditor-module_pillActive__AfdZR PhotoEditor-module_pill__wTFac","pillCrop":"PhotoEditor-module_pillCrop__Nsisp PhotoEditor-module_pill__wTFac","pillCropActive":"PhotoEditor-module_pillCropActive__p6csO PhotoEditor-module_pillCrop__Nsisp PhotoEditor-module_pill__wTFac","pillEmoji":"PhotoEditor-module_pillEmoji__I42DJ PhotoEditor-module_pill__wTFac","pillEmojiActive":"PhotoEditor-module_pillEmojiActive__0-EM7 PhotoEditor-module_pillEmoji__I42DJ PhotoEditor-module_pill__wTFac","filterGrid":"PhotoEditor-module_filterGrid__-29PS","emojiGrid":"PhotoEditor-module_emojiGrid__whqqK","shapeGrid":"PhotoEditor-module_shapeGrid__TawIy","frameGrid":"PhotoEditor-module_frameGrid__R09dd","sliderRow":"PhotoEditor-module_sliderRow__jsWDQ","sliderLabel":"PhotoEditor-module_sliderLabel__zOZ49","sliderValue":"PhotoEditor-module_sliderValue__qFuTw","sliderValueSm":"PhotoEditor-module_sliderValueSm__U7FrJ","adjustColumn":"PhotoEditor-module_adjustColumn__y---T","adjustHeader":"PhotoEditor-module_adjustHeader__6s9zV","adjustValue":"PhotoEditor-module_adjustValue__aUUmg","intensitySection":"PhotoEditor-module_intensitySection__dhe5h","intensityHeader":"PhotoEditor-module_intensityHeader__-KKu6","colorInput":"PhotoEditor-module_colorInput__xkF1h","colorInputLg":"PhotoEditor-module_colorInputLg__W2KrK","colorInputDraw":"PhotoEditor-module_colorInputDraw__KYcdG","overlayToolbar":"PhotoEditor-module_overlayToolbar__hfspp","overlayToolbarLabel":"PhotoEditor-module_overlayToolbarLabel__mc4pU","overlayToolbarBtn":"PhotoEditor-module_overlayToolbarBtn__AdTmZ","overlaySection":"PhotoEditor-module_overlaySection__IIl4r","overlaySectionTitle":"PhotoEditor-module_overlaySectionTitle__FRx3e","overlayItem":"PhotoEditor-module_overlayItem__DGUCN","overlayIcon":"PhotoEditor-module_overlayIcon__G0pFk","overlayName":"PhotoEditor-module_overlayName__JVh64","overlayDeleteBtn":"PhotoEditor-module_overlayDeleteBtn__Ontxv","emojiBtn":"PhotoEditor-module_emojiBtn__jxG9m","shapeBtn":"PhotoEditor-module_shapeBtn__xZdSV","frameBtn":"PhotoEditor-module_frameBtn__coMkZ","removeFrameBtn":"PhotoEditor-module_removeFrameBtn__oCuua","textFormatBtn":"PhotoEditor-module_textFormatBtn__7Z9RJ","textFormatBtnSm":"PhotoEditor-module_textFormatBtnSm__3ptcG","drawActionBtn":"PhotoEditor-module_drawActionBtn__teYz4","textArea":"PhotoEditor-module_textArea__sBGlB","textAreaSm":"PhotoEditor-module_textAreaSm__6xZnY PhotoEditor-module_textArea__sBGlB","textBtnRow":"PhotoEditor-module_textBtnRow__AcEnd","textGapRow":"PhotoEditor-module_textGapRow__Dq2uz","editSelectedSection":"PhotoEditor-module_editSelectedSection__bgNEh","editSelectedLabel":"PhotoEditor-module_editSelectedLabel__u2rmS","shapeColorRow":"PhotoEditor-module_shapeColorRow__ip5--","shapeColorLabel":"PhotoEditor-module_shapeColorLabel__nVcbU","shapeColorLabelMl":"PhotoEditor-module_shapeColorLabelMl__KiM2d PhotoEditor-module_shapeColorLabel__nVcbU","shapeFillToggle":"PhotoEditor-module_shapeFillToggle__BXJ8C","frameColorRow":"PhotoEditor-module_frameColorRow__KRAHz","frameThicknessWrap":"PhotoEditor-module_frameThicknessWrap__lXCoC","frameThicknessValue":"PhotoEditor-module_frameThicknessValue__SAEuc","drawPreview":"PhotoEditor-module_drawPreview__WPbiv","drawActionRow":"PhotoEditor-module_drawActionRow__CUSWS","quickColorRow":"PhotoEditor-module_quickColorRow__DTy5E","quickColorSwatch":"PhotoEditor-module_quickColorSwatch__ZjgoA","transformRow":"PhotoEditor-module_transformRow__LKRjS","transformZoomRow":"PhotoEditor-module_transformZoomRow__h2NlB","transformZoomValue":"PhotoEditor-module_transformZoomValue__LXa51","transformInfo":"PhotoEditor-module_transformInfo__zXP9l","canvasViewport":"PhotoEditor-module_canvasViewport__OMBIL","zoomWrap":"PhotoEditor-module_zoomWrap__JjfiJ","compareWrap":"PhotoEditor-module_compareWrap__-J5ku","canvasOriginal":"PhotoEditor-module_canvasOriginal__Apf91","canvasEdited":"PhotoEditor-module_canvasEdited__Eroz7","compareClip":"PhotoEditor-module_compareClip__5qG2I","compareSlider":"PhotoEditor-module_compareSlider__OIIIK","compareSliderKnob":"PhotoEditor-module_compareSliderKnob__VohI9","compareSliderIcon":"PhotoEditor-module_compareSliderIcon__pXcct","compareLabelOriginal":"PhotoEditor-module_compareLabelOriginal__GaBoj","compareLabelEdited":"PhotoEditor-module_compareLabelEdited__Fr836","regularWrap":"PhotoEditor-module_regularWrap__8umPV","canvasRegular":"PhotoEditor-module_canvasRegular__wxapL","cropOverlay":"PhotoEditor-module_cropOverlay__MJk1Y","cropDarkBg":"PhotoEditor-module_cropDarkBg__m3axV","cropGridContainer":"PhotoEditor-module_cropGridContainer__NfHdT","cropSizeLabel":"PhotoEditor-module_cropSizeLabel__fV2mF","cropInfo":"PhotoEditor-module_cropInfo__Z1SCE","cropAspectLabel":"PhotoEditor-module_cropAspectLabel__dieL-","cropAspectRow":"PhotoEditor-module_cropAspectRow__scRj3","accentBtn":"PhotoEditor-module_accentBtn__tgaEx"};
-
-export { cs as default };
+const wrapper = "_wrapper_1tfcf_11";
+const loadingWrap = "_loadingWrap_1tfcf_35";
+const loadingSpin = "_loadingSpin_1tfcf_53";
+const toolbar = "_toolbar_1tfcf_81";
+const toolbarGroup = "_toolbarGroup_1tfcf_105";
+const toolbarDivider = "_toolbarDivider_1tfcf_117";
+const toolbarTitle = "_toolbarTitle_1tfcf_129";
+const leftPanel = "_leftPanel_1tfcf_159";
+const tabBar = "_tabBar_1tfcf_179";
+const tabButton = "_tabButton_1tfcf_191";
+const tabButtonActive = "_tabButtonActive_1tfcf_227 _tabButton_1tfcf_191";
+const panelContent = "_panelContent_1tfcf_245";
+const sectionTitle = "_sectionTitle_1tfcf_259";
+const sectionTitleMb8 = "_sectionTitleMb8_1tfcf_271 _sectionTitle_1tfcf_259";
+const sectionInfoMb = "_sectionInfoMb_1tfcf_291 _sectionInfo_1tfcf_281";
+const pillRow = "_pillRow_1tfcf_303";
+const pillRowGap3 = "_pillRowGap3_1tfcf_327";
+const pill = "_pill_1tfcf_303";
+const pillActive = "_pillActive_1tfcf_363 _pill_1tfcf_303";
+const pillCrop = "_pillCrop_1tfcf_373 _pill_1tfcf_303";
+const pillCropActive = "_pillCropActive_1tfcf_385 _pillCrop_1tfcf_373 _pill_1tfcf_303";
+const pillEmoji = "_pillEmoji_1tfcf_395 _pill_1tfcf_303";
+const pillEmojiActive = "_pillEmojiActive_1tfcf_407 _pillEmoji_1tfcf_395 _pill_1tfcf_303";
+const filterGrid = "_filterGrid_1tfcf_419";
+const emojiGrid = "_emojiGrid_1tfcf_431";
+const shapeGrid = "_shapeGrid_1tfcf_447";
+const frameGrid = "_frameGrid_1tfcf_461";
+const sliderRow = "_sliderRow_1tfcf_475";
+const sliderLabel = "_sliderLabel_1tfcf_489";
+const sliderValue = "_sliderValue_1tfcf_511";
+const sliderValueSm = "_sliderValueSm_1tfcf_523";
+const adjustColumn = "_adjustColumn_1tfcf_533";
+const adjustHeader = "_adjustHeader_1tfcf_545";
+const adjustValue = "_adjustValue_1tfcf_569";
+const intensitySection = "_intensitySection_1tfcf_583";
+const intensityHeader = "_intensityHeader_1tfcf_593";
+const colorInput = "_colorInput_1tfcf_609";
+const colorInputLg = "_colorInputLg_1tfcf_625";
+const colorInputDraw = "_colorInputDraw_1tfcf_641";
+const overlayToolbar = "_overlayToolbar_1tfcf_659";
+const overlayToolbarLabel = "_overlayToolbarLabel_1tfcf_677";
+const overlayToolbarBtn = "_overlayToolbarBtn_1tfcf_691";
+const overlaySection = "_overlaySection_1tfcf_703";
+const overlaySectionTitle = "_overlaySectionTitle_1tfcf_715";
+const overlayItem = "_overlayItem_1tfcf_729";
+const overlayIcon = "_overlayIcon_1tfcf_755";
+const overlayName = "_overlayName_1tfcf_765";
+const overlayDeleteBtn = "_overlayDeleteBtn_1tfcf_779";
+const emojiBtn = "_emojiBtn_1tfcf_799";
+const shapeBtn = "_shapeBtn_1tfcf_819";
+const frameBtn = "_frameBtn_1tfcf_841";
+const removeFrameBtn = "_removeFrameBtn_1tfcf_863";
+const textFormatBtn = "_textFormatBtn_1tfcf_883";
+const textFormatBtnSm = "_textFormatBtnSm_1tfcf_891";
+const drawActionBtn = "_drawActionBtn_1tfcf_899";
+const textArea = "_textArea_1tfcf_909";
+const textAreaSm = "_textAreaSm_1tfcf_929 _textArea_1tfcf_909";
+const textBtnRow = "_textBtnRow_1tfcf_941";
+const textGapRow = "_textGapRow_1tfcf_955";
+const editSelectedSection = "_editSelectedSection_1tfcf_967";
+const editSelectedLabel = "_editSelectedLabel_1tfcf_979";
+const shapeColorRow = "_shapeColorRow_1tfcf_993";
+const shapeColorLabel = "_shapeColorLabel_1tfcf_1007";
+const shapeColorLabelMl = "_shapeColorLabelMl_1tfcf_1021 _shapeColorLabel_1tfcf_1007";
+const shapeFillToggle = "_shapeFillToggle_1tfcf_1031";
+const frameColorRow = "_frameColorRow_1tfcf_1041";
+const frameThicknessWrap = "_frameThicknessWrap_1tfcf_1053";
+const frameThicknessValue = "_frameThicknessValue_1tfcf_1067";
+const drawPreview = "_drawPreview_1tfcf_1077";
+const drawActionRow = "_drawActionRow_1tfcf_1089";
+const quickColorRow = "_quickColorRow_1tfcf_1099";
+const quickColorSwatch = "_quickColorSwatch_1tfcf_1113";
+const transformRow = "_transformRow_1tfcf_1131";
+const transformZoomRow = "_transformZoomRow_1tfcf_1143";
+const transformZoomValue = "_transformZoomValue_1tfcf_1155";
+const transformInfo = "_transformInfo_1tfcf_1167";
+const canvasViewport = "_canvasViewport_1tfcf_1187";
+const zoomWrap = "_zoomWrap_1tfcf_1211";
+const compareWrap = "_compareWrap_1tfcf_1227";
+const canvasOriginal = "_canvasOriginal_1tfcf_1239";
+const canvasEdited = "_canvasEdited_1tfcf_1253";
+const compareClip = "_compareClip_1tfcf_1265";
+const compareSlider = "_compareSlider_1tfcf_1281";
+const compareSliderKnob = "_compareSliderKnob_1tfcf_1297";
+const compareSliderIcon = "_compareSliderIcon_1tfcf_1325";
+const compareLabelOriginal = "_compareLabelOriginal_1tfcf_1335";
+const compareLabelEdited = "_compareLabelEdited_1tfcf_1359";
+const regularWrap = "_regularWrap_1tfcf_1381";
+const canvasRegular = "_canvasRegular_1tfcf_1391";
+const cropOverlay = "_cropOverlay_1tfcf_1411";
+const cropDarkBg = "_cropDarkBg_1tfcf_1425";
+const cropGridContainer = "_cropGridContainer_1tfcf_1437";
+const cropSizeLabel = "_cropSizeLabel_1tfcf_1447";
+const cropInfo = "_cropInfo_1tfcf_1475";
+const cropAspectLabel = "_cropAspectLabel_1tfcf_1487";
+const cropAspectRow = "_cropAspectRow_1tfcf_1499";
+const accentBtn = "_accentBtn_1tfcf_1513";
+const cs = {
+  wrapper,
+  loadingWrap,
+  loadingSpin,
+  toolbar,
+  toolbarGroup,
+  toolbarDivider,
+  toolbarTitle,
+  leftPanel,
+  tabBar,
+  tabButton,
+  tabButtonActive,
+  panelContent,
+  sectionTitle,
+  sectionTitleMb8,
+  sectionInfoMb,
+  pillRow,
+  pillRowGap3,
+  pill,
+  pillActive,
+  pillCrop,
+  pillCropActive,
+  pillEmoji,
+  pillEmojiActive,
+  filterGrid,
+  emojiGrid,
+  shapeGrid,
+  frameGrid,
+  sliderRow,
+  sliderLabel,
+  sliderValue,
+  sliderValueSm,
+  adjustColumn,
+  adjustHeader,
+  adjustValue,
+  intensitySection,
+  intensityHeader,
+  colorInput,
+  colorInputLg,
+  colorInputDraw,
+  overlayToolbar,
+  overlayToolbarLabel,
+  overlayToolbarBtn,
+  overlaySection,
+  overlaySectionTitle,
+  overlayItem,
+  overlayIcon,
+  overlayName,
+  overlayDeleteBtn,
+  emojiBtn,
+  shapeBtn,
+  frameBtn,
+  removeFrameBtn,
+  textFormatBtn,
+  textFormatBtnSm,
+  drawActionBtn,
+  textArea,
+  textAreaSm,
+  textBtnRow,
+  textGapRow,
+  editSelectedSection,
+  editSelectedLabel,
+  shapeColorRow,
+  shapeColorLabel,
+  shapeColorLabelMl,
+  shapeFillToggle,
+  frameColorRow,
+  frameThicknessWrap,
+  frameThicknessValue,
+  drawPreview,
+  drawActionRow,
+  quickColorRow,
+  quickColorSwatch,
+  transformRow,
+  transformZoomRow,
+  transformZoomValue,
+  transformInfo,
+  canvasViewport,
+  zoomWrap,
+  compareWrap,
+  canvasOriginal,
+  canvasEdited,
+  compareClip,
+  compareSlider,
+  compareSliderKnob,
+  compareSliderIcon,
+  compareLabelOriginal,
+  compareLabelEdited,
+  regularWrap,
+  canvasRegular,
+  cropOverlay,
+  cropDarkBg,
+  cropGridContainer,
+  cropSizeLabel,
+  cropInfo,
+  cropAspectLabel,
+  cropAspectRow,
+  accentBtn
+};
+export {
+  accentBtn,
+  adjustColumn,
+  adjustHeader,
+  adjustValue,
+  canvasEdited,
+  canvasOriginal,
+  canvasRegular,
+  canvasViewport,
+  colorInput,
+  colorInputDraw,
+  colorInputLg,
+  compareClip,
+  compareLabelEdited,
+  compareLabelOriginal,
+  compareSlider,
+  compareSliderIcon,
+  compareSliderKnob,
+  compareWrap,
+  cropAspectLabel,
+  cropAspectRow,
+  cropDarkBg,
+  cropGridContainer,
+  cropInfo,
+  cropOverlay,
+  cropSizeLabel,
+  cs as default,
+  drawActionBtn,
+  drawActionRow,
+  drawPreview,
+  editSelectedLabel,
+  editSelectedSection,
+  emojiBtn,
+  emojiGrid,
+  filterGrid,
+  frameBtn,
+  frameColorRow,
+  frameGrid,
+  frameThicknessValue,
+  frameThicknessWrap,
+  intensityHeader,
+  intensitySection,
+  leftPanel,
+  loadingSpin,
+  loadingWrap,
+  overlayDeleteBtn,
+  overlayIcon,
+  overlayItem,
+  overlayName,
+  overlaySection,
+  overlaySectionTitle,
+  overlayToolbar,
+  overlayToolbarBtn,
+  overlayToolbarLabel,
+  panelContent,
+  pill,
+  pillActive,
+  pillCrop,
+  pillCropActive,
+  pillEmoji,
+  pillEmojiActive,
+  pillRow,
+  pillRowGap3,
+  quickColorRow,
+  quickColorSwatch,
+  regularWrap,
+  removeFrameBtn,
+  sectionInfoMb,
+  sectionTitle,
+  sectionTitleMb8,
+  shapeBtn,
+  shapeColorLabel,
+  shapeColorLabelMl,
+  shapeColorRow,
+  shapeFillToggle,
+  shapeGrid,
+  sliderLabel,
+  sliderRow,
+  sliderValue,
+  sliderValueSm,
+  tabBar,
+  tabButton,
+  tabButtonActive,
+  textArea,
+  textAreaSm,
+  textBtnRow,
+  textFormatBtn,
+  textFormatBtnSm,
+  textGapRow,
+  toolbar,
+  toolbarDivider,
+  toolbarGroup,
+  toolbarTitle,
+  transformInfo,
+  transformRow,
+  transformZoomRow,
+  transformZoomValue,
+  wrapper,
+  zoomWrap
+};