@rolster/react-components 18.21.46 → 18.22.0

package/dist/esm/components/molecules/Slider/Slider.css

@@ -0,0 +1,60 @@
+.rls-slider {
+  --pvt-track-height: var(--rls-sizing-x3);
+  --pvt-thumb-background: var(--rls-theme-color-600);
+  --pvt-thumb-color: var(--rls-theme-color-050);
+}
+.rls-slider--empty {
+  --pvt-thumb-background: var(--rls-app-color-300);
+  --pvt-thumb-color: var(--rls-app-color-900);
+}
+.rls-slider__component {
+  position: relative;
+  width: calc(100% - var(--rls-sizing-x10));
+  margin: 0rem 5rem;
+  padding: var(--rls-sizing-x4) 0rem;
+  box-sizing: border-box;
+}
+.rls-slider__body {
+  display: flex;
+  column-gap: var(--rls-sizing-x4);
+  align-items: center;
+}
+.rls-slider__body .rls-icon {
+  padding: var(--rls-sizing-x4);
+  border-radius: 50%;
+  background: var(--rls-app-color-300);
+}
+.rls-slider__track {
+  position: relative;
+  width: 100%;
+  height: var(--pvt-track-height);
+  cursor: pointer;
+  background: var(--rls-app-color-300);
+}
+.rls-slider__track__on {
+  position: absolute;
+  width: 0%;
+  height: var(--pvt-track-height);
+  overflow: hidden;
+  z-index: var(--rls-z-index-4);
+  transition: width 200ms 0ms var(--rls-standard-curve);
+  background: var(--rls-theme-color-600);
+}
+.rls-slider__thumb {
+  position: absolute;
+  top: 0.5rem;
+  left: 0rem;
+  cursor: pointer;
+  width: var(--rls-sizing-x10);
+  height: var(--rls-sizing-x10);
+  line-height: var(--rls-sizing-x10);
+  text-align: center;
+  font-size: 3.5rem;
+  font-weight: var(--rls-font-weight-medium);
+  color: var(--pvt-thumb-color);
+  z-index: var(--rls-z-index-4);
+  border-radius: 50%;
+  background: var(--pvt-thumb-background);
+  transform: translateX(-50%);
+  transition: left 200ms 0ms var(--rls-standard-curve);
+} /*# sourceMappingURL=Slider.css.map */

package/dist/esm/components/molecules/Slider/Slider.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/Slider/Slider.scss"],"names":[],"mappings":"AAOA,YACE,yCACA,mDACA,8CAEA,mBACE,iDACA,4CAGF,uBACE,kBACA,yCACA,iBACA,kCACA,sBAGF,kBACE,aACA,gCACA,mBAEA,4BACE,6BACA,kBACA,oCAIJ,mBACE,kBACA,WACA,+BACA,eACA,oCAEA,uBACE,kBACA,SACA,+BACA,gBACA,6BACA,qDACA,sCAIJ,mBACE,kBACA,UACA,UACA,eACA,4BACA,6BACA,kCACA,kBACA,iBACA,0CACA,6BACA,6BACA,kBACA,uCACA,2BACA","file":"Slider.css"}

package/dist/esm/components/molecules/Slider/Slider.d.ts

@@ -0,0 +1,14 @@
+import { ReactControl } from '@rolster/react-forms';
+import { RlsComponent } from '../../definitions';
+import './Slider.css';
+interface SliderProps extends RlsComponent {
+    disabled?: boolean;
+    formControl?: ReactControl<HTMLElement, number>;
+    maxValue?: number;
+    minValue?: number;
+    onValue?: (value: number) => void;
+    prefixIcon?: string;
+    value?: number;
+}
+export declare function RlsSlider(props: SliderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/molecules/Slider/Slider.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { renderClassStatus } from '../../../helpers';
+import { RlsIcon } from '../../atoms';
+import './Slider.css';
+function calculateInitialValue(value, minValue, maxValue) {
+    return minValue > value ? minValue : maxValue < value ? maxValue : value;
+}
+function calculateInitialRate(value, minValue, maxValue) {
+    const rateMax = maxValue - minValue;
+    const rateValue = value - minValue;
+    return Math.ceil((rateValue / rateMax) * 100);
+}
+export function RlsSlider(props) {
+    const minValue = useMemo(() => {
+        return props.minValue ?? 0;
+    }, [props.minValue]);
+    const maxValue = useMemo(() => {
+        return props.maxValue ?? 100;
+    }, [props.maxValue]);
+    const [value, setValue] = useState(calculateInitialValue(props.formControl?.value ?? props.value ?? 0, minValue, maxValue));
+    const [rate, setRate] = useState(calculateInitialRate(value, minValue, maxValue));
+    const refComponent = useRef(null);
+    const refTrack = useRef(null);
+    const refTrackOn = useRef(null);
+    const refThumb = useRef(null);
+    const className = useMemo(() => {
+        return renderClassStatus('rls-slider', {
+            complet: value === maxValue,
+            disabled: props.disabled,
+            empty: value === minValue
+        });
+    }, [value, minValue, maxValue, props.disabled]);
+    useEffect(() => {
+        const valueInitial = props.formControl?.value ?? props.value ?? 0;
+        refThumb.current.style.left = `${rate}%`;
+        refTrackOn.current.style.width = `${rate}%`;
+        if (valueInitial !== value) {
+            props.formControl?.setValue(value);
+            props.onValue && props.onValue(value);
+        }
+    }, []);
+    const calculateValueWithRate = useCallback((rate) => {
+        const value = Math.ceil(((maxValue - minValue) * rate) / 100);
+        refThumb.current.style.left = `${rate}%`;
+        refTrackOn.current.style.width = `${rate}%`;
+        const sliderValue = value + minValue;
+        setRate(rate);
+        setValue(sliderValue);
+        props.formControl?.setValue(sliderValue);
+        props.onValue && props.onValue(sliderValue);
+    }, [minValue, maxValue, props.formControl, props.onValue]);
+    const onClickTrack = useCallback((event) => {
+        const { left, width } = refTrack.current.getBoundingClientRect();
+        const rate = Math.ceil(((event.clientX - left) / width) * 100);
+        calculateValueWithRate(rate);
+    }, [minValue, maxValue]);
+    return (_jsxs("div", { className: className, children: [props.children && (_jsx("span", { className: "rls-slider__label", children: props.children })), _jsxs("div", { className: "rls-slider__body", children: [props.prefixIcon && _jsx(RlsIcon, { value: props.prefixIcon }), _jsxs("div", { ref: refComponent, className: "rls-slider__component", children: [_jsx("div", { ref: refTrack, className: "rls-slider__track", onClick: onClickTrack, children: _jsx("div", { ref: refTrackOn, className: "rls-slider__track__on" }) }), _jsxs("div", { ref: refThumb, className: "rls-slider__thumb", children: [rate, "%"] })] })] })] }));
+}
+//# sourceMappingURL=Slider.js.map

package/dist/esm/components/molecules/Slider/Slider.js.map

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

package/dist/esm/components/molecules/index.d.ts

@@ -17,4 +17,5 @@ export * from './PickerDayRange/PickerDayRange';
 export * from './PickerMonth/PickerMonth';
 export * from './PickerSelectorTitle/PickerSelectorTitle';
 export * from './PickerYear/PickerYear';
+export * from './Slider/Slider';
 export * from './Toolbar/Toolbar';

package/dist/esm/components/molecules/index.js

@@ -17,5 +17,6 @@ export * from './PickerDayRange/PickerDayRange';
 export * from './PickerMonth/PickerMonth';
 export * from './PickerSelectorTitle/PickerSelectorTitle';
 export * from './PickerYear/PickerYear';
+export * from './Slider/Slider';
 export * from './Toolbar/Toolbar';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/molecules/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC"}

package/dist/esm/components/organisms/ImageChooser/ImageChooser.css

@@ -0,0 +1,37 @@
+.rls-image-chooser {
+  position: relative;
+  width: var(--rlc-image-chooser-width, 48rem);
+  height: var(--rlc-image-chooser-height, 48rem);
+  border-radius: var(--rlc-image-chooser-radius, 50%);
+  overflow: hidden;
+}
+.rls-image-chooser__avatar {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  justify-content: center;
+  align-items: center;
+  background: var(--rls-theme-color-600);
+}
+.rls-image-chooser__avatar img {
+  width: 100%;
+}
+.rls-image-chooser > input[type='file'] {
+  position: absolute;
+  z-index: -1;
+  visibility: hidden;
+}
+.rls-image-chooser__modal {
+  --rlc-image-editor-footer-padding: 0rem var(--rls-sizing-x12)
+    var(--rls-sizing-x12) var(--rls-sizing-x12);
+  --pvt-modal-max-width: 240rem;
+  width: 100%;
+  max-width: var(--pvt-modal-max-width);
+}
+@media only screen and (max-width: 420px) {
+  .rls-image-chooser__modal {
+    --rlc-image-editor-footer-padding: 0rem var(--rls-sizing-x8)
+      var(--rls-sizing-x8) var(--rls-sizing-x8);
+    --pvt-modal-max-width: 160rem;
+  }
+} /*# sourceMappingURL=ImageChooser.css.map */

package/dist/esm/components/organisms/ImageChooser/ImageChooser.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/ImageChooser/ImageChooser.scss"],"names":[],"mappings":"AAOA,mBACE,kBACA,4CACA,8CACA,mDACA,gBAEA,2BACE,aACA,WACA,YACA,uBACA,mBACA,sCAEA,+BACE,WAIJ,oCACE,kBACA,WACA,kBAGF,0BACE,0GAGA,8BAEA,WACA,qCAIJ,0CACE,0BACE,uGAGA","file":"ImageChooser.css"}

package/dist/esm/components/organisms/ImageChooser/ImageChooser.d.ts

@@ -0,0 +1,11 @@
+import { ReactControl } from '@rolster/react-forms';
+import { ImageEditorValue } from '../ImageEditor/ImageEditor';
+import './ImageChooser.css';
+interface ImageChooserProps {
+    disabled?: boolean;
+    formControl?: ReactControl<HTMLElement, ImageEditorValue>;
+    onValue?: (result: ImageEditorValue) => void;
+    src?: string;
+}
+export declare function RlsImageChooser(props: ImageChooserProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/organisms/ImageChooser/ImageChooser.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { i18nSubscribe } from '@rolster/i18n';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { reactI18n } from '../../../i18n';
+import { RlsButton } from '../../atoms';
+import { RlsImageEditor } from '../ImageEditor/ImageEditor';
+import { RlsModal } from '../Modal/Modal';
+import './ImageChooser.css';
+const mimeTypeSupports = [
+    'image/png',
+    'image/jpg',
+    'image/jpeg',
+    'image/bmp',
+    'image/webp',
+    'image/gif',
+    'image/svg+xml'
+];
+export function RlsImageChooser(props) {
+    const refInput = useRef(null);
+    const [labels, setLabels] = useState({
+        actionCancel: reactI18n('chooserImageActionCancel')
+    });
+    const [src, setSrc] = useState();
+    const [srcEditor, setSrcEditor] = useState();
+    const onSelect = useCallback(() => {
+        refInput.current.click();
+    }, []);
+    const processImage = useCallback((file) => {
+        const reader = new FileReader();
+        reader.onload = function () {
+            setSrcEditor(reader.result);
+            refInput.current.value = '';
+        };
+        reader.readAsDataURL(file);
+    }, []);
+    useEffect(() => {
+        refInput.current.onchange = () => {
+            if (refInput.current.files &&
+                mimeTypeSupports.includes(refInput.current.files[0].type)) {
+                processImage(refInput.current.files[0]);
+            }
+        };
+        return i18nSubscribe(() => {
+            setLabels({
+                actionCancel: reactI18n('chooserImageActionCancel')
+            });
+        });
+    }, []);
+    useEffect(() => {
+        props.src && setSrc(props.src);
+    }, [props.src]);
+    const onEditorValue = useCallback((image) => {
+        setSrc(image.base64);
+        setSrcEditor(undefined);
+        props.onValue && props.onValue(image);
+    }, [props.onValue]);
+    const onCancel = useCallback(() => {
+        setSrcEditor(undefined);
+    }, []);
+    return (_jsxs("div", { className: "rls-image-chooser", children: [_jsx("div", { className: "rls-image-chooser__avatar", onClick: onSelect, children: src && _jsx("img", { src: src }) }), srcEditor && (_jsx(RlsModal, { className: "rls-image-chooser__modal", visible: true, children: _jsx(RlsImageEditor, { src: srcEditor, formControl: props.formControl, onValue: onEditorValue, children: _jsx(RlsButton, { type: "flat", rlsTheme: "danger", onClick: onCancel, disabled: props.disabled, children: labels.actionCancel }) }) })), _jsx("input", { ref: refInput, type: "file", disabled: props.disabled })] }));
+}
+//# sourceMappingURL=ImageChooser.js.map

package/dist/esm/components/organisms/ImageChooser/ImageChooser.js.map

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

package/dist/esm/components/organisms/ImageEditor/ImageEditor.css

@@ -0,0 +1,97 @@
+.rls-image-editor {
+  --pvt-overlay-background: var(--rls-theme-backdrop-900);
+  --pvt-sliders-padding: 0rem var(--rls-sizing-x8);
+  --pvt-actions-direction: row;
+  --pvt-actions-row-gap: 0rem;
+  --pvt-actions-column-gap: var(--rls-sizing-x8);
+  position: relative;
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  row-gap: var(--rls-sizing-x12);
+}
+.rls-image-editor__body {
+  position: relative;
+  display: flex;
+  height: 100%;
+  justify-content: center;
+  background: var(--rls-app-color-900);
+}
+.rls-image-editor__body__image {
+  overflow: hidden;
+}
+.rls-image-editor__body__selection {
+  position: absolute;
+  cursor: move;
+  box-sizing: border-box;
+  z-index: var(--rls-z-index-4);
+  border: var(
+    --rlc-image-editor-selection-border,
+    2px dashed var(--rls-app-color-050)
+  );
+  user-select: none;
+}
+.rls-image-editor__body__overlay--top {
+  position: absolute;
+  top: 0rem;
+  z-index: var(--rls-z-index-2);
+  background: var(--pvt-overlay-background);
+}
+.rls-image-editor__body__overlay--right {
+  position: absolute;
+  right: 0rem;
+  height: 100%;
+  z-index: var(--rls-z-index-2);
+  background: var(--pvt-overlay-background);
+}
+.rls-image-editor__body__overlay--bottom {
+  position: absolute;
+  bottom: 0rem;
+  z-index: var(--rls-z-index-2);
+  background: var(--pvt-overlay-background);
+}
+.rls-image-editor__body__overlay--left {
+  position: absolute;
+  right: 0rem;
+  height: 100%;
+  z-index: var(--rls-z-index-2);
+  background: var(--pvt-overlay-background);
+}
+.rls-image-editor__footer {
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--rls-sizing-x12);
+  padding: var(--rlc-image-editor-footer-padding, 0rem);
+  box-sizing: border-box;
+}
+.rls-image-editor__sliders {
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--rls-sizing-x6);
+  padding: var(--pvt-sliders-padding);
+  box-sizing: border-box;
+}
+.rls-image-editor__actions {
+  display: flex;
+  flex-direction: var(--pvt-actions-direction);
+  justify-content: center;
+  row-gap: var(--pvt-actions-row-gap);
+  column-gap: var(--pvt-actions-column-gap);
+}
+.rls-image-editor > canvas {
+  position: absolute;
+  top: 0rem;
+  left: 0rem;
+  z-index: -1;
+  visibility: hidden;
+  pointer-events: none;
+}
+@media only screen and (max-width: 420px) {
+  .rls-image-editor {
+    --pvt-sliders-padding: 0rem;
+    --pvt-actions-direction: column;
+    --pvt-actions-row-gap: var(--rls-sizing-x6);
+    --pvt-actions-column-gap: 0rem;
+    row-gap: var(--rls-sizing-x8);
+  }
+} /*# sourceMappingURL=ImageEditor.css.map */

package/dist/esm/components/organisms/ImageEditor/ImageEditor.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/ImageEditor/ImageEditor.scss"],"names":[],"mappings":"AAOA,kBACE,wDACA,iDACA,6BACA,4BACA,+CAEA,kBACA,aACA,YACA,sBACA,8BAEA,wBACE,kBACA,aACA,YACA,uBACA,oCAEA,+BACE,gBAGF,mCACE,kBACA,YACA,sBACA,6BACA,qFAIA,iBAGF,sCACE,kBACA,SACA,6BACA,yCAGF,wCACE,kBACA,WACA,YACA,6BACA,yCAGF,yCACE,kBACA,YACA,6BACA,yCAGF,uCACE,kBACA,WACA,YACA,6BACA,yCAIJ,0BACE,aACA,sBACA,8BACA,qDACA,sBAGF,2BACE,aACA,sBACA,6BACA,mCACA,sBAGF,2BACE,aACA,4CACA,uBACA,mCACA,yCAGF,yBACE,kBACA,SACA,UACA,WACA,kBACA,oBAIJ,0CACE,kBACE,4BACA,gCACA,4CACA,+BAEA","file":"ImageEditor.css"}

package/dist/esm/components/organisms/ImageEditor/ImageEditor.d.ts

@@ -0,0 +1,20 @@
+import { ReactControl } from '@rolster/react-forms';
+import { RlsComponent } from '../../definitions';
+import './ImageEditor.css';
+type ImageRatio = '1:1' | '3:4' | '4:3' | '3:2' | '8:5' | '16:9';
+type ImageMymeType = 'image/png' | 'image/jpg' | 'image/jpeg' | 'image/bmp' | 'image/webp';
+export interface ImageEditorValue {
+    base64: string;
+    blob: Blob;
+}
+interface ImageEditorProps extends RlsComponent {
+    disabled?: boolean;
+    formControl?: ReactControl<HTMLElement, ImageEditorValue>;
+    mimeType?: ImageMymeType;
+    onValue?: (result: ImageEditorValue) => void;
+    rateSelection?: number;
+    ratio?: ImageRatio;
+    src?: string;
+}
+export declare function RlsImageEditor(props: ImageEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/organisms/ImageEditor/ImageEditor.js

@@ -0,0 +1,201 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { i18nSubscribe } from '@rolster/i18n';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useRelocationOnComponent, useResize } from '../../../controllers';
+import { reactI18n } from '../../../i18n';
+import { RlsButton } from '../../atoms';
+import { RlsSlider } from '../../molecules';
+import './ImageEditor.css';
+function getRatioFactor(ratio) {
+    switch (ratio) {
+        case '16:9':
+            return 9 / 16;
+        case '8:5':
+            return 5 / 8;
+        case '4:3':
+            return 3 / 4;
+        case '3:4':
+            return 4 / 3;
+        case '3:2':
+            return 2 / 3;
+        default:
+            return 1;
+    }
+}
+function simpleThreeRule(value1, value2, proportion) {
+    return (value2 * proportion) / value1;
+}
+export function RlsImageEditor(props) {
+    const [selection, setSelection] = useState(props.rateSelection ?? 60);
+    const [labels, setLabels] = useState({
+        actionRestore: reactI18n('editorImageActionRestore'),
+        actionSelect: reactI18n('editorImageActionSelect')
+    });
+    const refBody = useRef(null);
+    const refImage = useRef(null);
+    const refSelection = useRef(null);
+    const refOverlayTop = useRef(null);
+    const refOverlayBottom = useRef(null);
+    const refOverlayLeft = useRef(null);
+    const refOverlayRight = useRef(null);
+    const refCanvas = useRef(null);
+    const refPicture = useRef(null);
+    const image = useRef(new Image());
+    const originalImage = useRef();
+    const getCropProperties = useCallback(() => {
+        return {
+            height: simpleThreeRule(refImage.current.offsetHeight, image.current.height, refSelection.current.offsetHeight),
+            left: simpleThreeRule(refImage.current.offsetWidth, image.current.width, refSelection.current.offsetLeft),
+            top: simpleThreeRule(refImage.current.offsetHeight, image.current.height, refSelection.current.offsetTop),
+            width: simpleThreeRule(refImage.current.offsetWidth, image.current.width, refSelection.current.offsetWidth)
+        };
+    }, []);
+    const refreshOverlaysStyle = useCallback(() => {
+        const width = refSelection.current.offsetWidth;
+        const height = refSelection.current.offsetHeight;
+        const top = refSelection.current.offsetTop;
+        const left = refSelection.current.offsetLeft;
+        refOverlayTop.current.style.width = `${width}px`;
+        refOverlayTop.current.style.bottom = `calc(100% - ${top}px)`;
+        refOverlayTop.current.style.left = `${left}px`;
+        refOverlayRight.current.style.left = `calc(${width + left}px)`;
+        refOverlayRight.current.style.width = `calc(100% - ${width + left}px)`;
+        refOverlayBottom.current.style.width = `${width}px`;
+        refOverlayBottom.current.style.top = `calc(${height + top}px)`;
+        refOverlayBottom.current.style.left = `${left}px`;
+        refOverlayLeft.current.style.right = `calc(100% - ${left}px)`;
+        refOverlayLeft.current.style.width = `calc(${left}px)`;
+    }, []);
+    const refreshSelectionFromWidth = useCallback((rateSelection) => {
+        const _ratio = rateSelection * getRatioFactor(props.ratio || '1:1');
+        let width = (refImage.current.offsetWidth * rateSelection) / 100;
+        let height = (refImage.current.offsetWidth * _ratio) / 100;
+        if (height > refImage.current.offsetHeight) {
+            height = refImage.current.offsetHeight;
+            width =
+                (height * refImage.current.offsetHeight) /
+                    refImage.current.offsetHeight;
+        }
+        return { height, width };
+    }, [props.ratio]);
+    const refreshSelectionFromHeight = useCallback((rateSelection) => {
+        const _ratio = rateSelection * getRatioFactor(props.ratio || '1:1');
+        let height = (refImage.current.offsetHeight * rateSelection) / 100;
+        let width = (refImage.current.offsetHeight * _ratio) / 100;
+        if (width > refImage.current.offsetWidth) {
+            width = refImage.current.offsetWidth;
+            height =
+                (width * refImage.current.offsetWidth) / refImage.current.offsetWidth;
+        }
+        return { height, width };
+    }, [props.ratio]);
+    const refreshSelectionStyle = useCallback((rateSelection) => {
+        if (image.current.width > 0 && image.current.height > 0) {
+            const { height, width } = image.current.width >= image.current.height
+                ? refreshSelectionFromHeight(rateSelection)
+                : refreshSelectionFromWidth(rateSelection);
+            refSelection.current.style.width = `${width}px`;
+            refSelection.current.style.height = `${height}px`;
+            if (refSelection.current.offsetLeft + width >
+                refImage.current.offsetWidth) {
+                const selectionLeft = refImage.current.offsetWidth - width;
+                refSelection.current.style.left = `${selectionLeft}px`;
+            }
+            if (refSelection.current.offsetTop + height >
+                refImage.current.offsetHeight) {
+                const selectionTop = refImage.current.offsetHeight - height;
+                refSelection.current.style.top = `${selectionTop}px`;
+            }
+            refreshOverlaysStyle();
+        }
+    }, [props.ratio]);
+    const setImageStyle = useCallback((width, height) => {
+        refImage.current.style.width = width;
+        refImage.current.style.height = height;
+        refCanvas.current.style.width = width;
+        refCanvas.current.style.height = height;
+    }, []);
+    const refreshImageStyle = useCallback(() => {
+        if (image.current.width <= 0 || image.current.height <= 0) {
+            return setImageStyle('0%', '0%');
+        }
+        const height = (refBody.current.offsetWidth * image.current.height) /
+            image.current.width;
+        if (height <= refBody.current.offsetHeight) {
+            return setImageStyle('100%', `${height}px`);
+        }
+        const width = (refBody.current.offsetHeight * image.current.width) /
+            image.current.height;
+        return setImageStyle(`${width}px`, '100%');
+    }, []);
+    useEffect(() => {
+        image.current.onload = () => {
+            const context = refCanvas.current.getContext('2d', {
+                willReadFrequently: true
+            });
+            refCanvas.current.width = image.current.width;
+            refCanvas.current.height = image.current.height;
+            context?.drawImage(image.current, 0, 0, image.current.width, image.current.height);
+            originalImage.current = context?.getImageData(0, 0, refCanvas.current.width, refCanvas.current.height);
+            refreshImageStyle();
+            refreshSelectionStyle(selection);
+        };
+        const unsubscription = i18nSubscribe(() => {
+            setLabels({
+                actionRestore: reactI18n('editorImageActionRestore'),
+                actionSelect: reactI18n('editorImageActionSelect')
+            });
+        });
+        window.addEventListener('resize', refreshImageStyle);
+        return () => {
+            window.removeEventListener('resize', refreshImageStyle);
+            unsubscription();
+        };
+    }, []);
+    useEffect(() => {
+        image.current.src = props.src || '';
+    }, [props.src]);
+    useEffect(() => {
+        refreshSelectionStyle(selection);
+    }, [selection]);
+    const onResizeElement = useCallback(() => {
+        refreshSelectionStyle(selection);
+    }, [selection]);
+    useRelocationOnComponent({
+        container: refImage,
+        element: refSelection,
+        onDrag: refreshOverlaysStyle
+    });
+    useResize({ refElement: refImage, onResize: onResizeElement });
+    const onCropImage = useCallback(() => {
+        const cropProps = getCropProperties();
+        const width = cropProps.width;
+        const height = width * getRatioFactor(props.ratio || '1:1');
+        refPicture.current.width = width;
+        refPicture.current.height = height;
+        const context = refPicture.current.getContext('2d');
+        context?.drawImage(refCanvas.current, cropProps.left, cropProps.top, cropProps.width, cropProps.height, 0, 0, width, height);
+        refPicture.current.toBlob((blob) => {
+            if (blob) {
+                const reader = new FileReader();
+                reader.readAsDataURL(blob);
+                reader.onloadend = function () {
+                    const value = {
+                        base64: reader.result,
+                        blob
+                    };
+                    props.onValue && props.onValue(value);
+                    props.formControl?.setValue(value);
+                };
+            }
+        }, props.mimeType || 'image/jpeg', 1);
+    }, [props.ratio, props.mimeType, props.onValue, props.formControl]);
+    const onRestore = useCallback(() => {
+        const context = refCanvas.current.getContext('2d');
+        if (originalImage.current) {
+            context?.putImageData(originalImage.current, 0, 0);
+        }
+    }, []);
+    return (_jsxs("div", { className: "rls-image-editor", children: [_jsx("div", { ref: refBody, className: "rls-image-editor__body", children: _jsxs("div", { ref: refImage, className: "rls-image-editor__body__image", children: [_jsx("div", { ref: refSelection, className: "rls-image-editor__body__selection" }), _jsx("div", { ref: refOverlayTop, className: "rls-image-editor__body__overlay--top" }), _jsx("div", { ref: refOverlayRight, className: "rls-image-editor__body__overlay--right" }), _jsx("div", { ref: refOverlayBottom, className: "rls-image-editor__body__overlay--bottom" }), _jsx("div", { ref: refOverlayLeft, className: "rls-image-editor__body__overlay--left" }), _jsx("canvas", { ref: refCanvas })] }) }), _jsxs("div", { className: "rls-image-editor__footer", children: [_jsx("div", { className: "rls-image-editor__sliders", children: _jsx(RlsSlider, { prefixIcon: "external-link", value: selection, minValue: 50, maxValue: 100, onValue: setSelection, disabled: props.disabled }) }), _jsxs("div", { className: "rls-image-editor__actions", children: [props.children, _jsx(RlsButton, { type: "classic", prefixIcon: "refresh", onClick: onRestore, disabled: props.disabled, children: labels.actionRestore }), _jsx(RlsButton, { type: "raised", prefixIcon: "crop", onClick: onCropImage, disabled: props.disabled, children: labels.actionSelect })] })] }), _jsx("canvas", { ref: refPicture })] }));
+}
+//# sourceMappingURL=ImageEditor.js.map

package/dist/esm/components/organisms/ImageEditor/ImageEditor.js.map

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