@rolster/react-components 18.21.46 → 18.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/assets/{index-CaA_sxmM.css → index-PeMi6MeC.css} +197 -0
- package/dist/cjs/index.js +438 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-CaA_sxmM.css → index-PeMi6MeC.css} +197 -0
- package/dist/es/index.js +434 -6
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/molecules/Slider/Slider.css +60 -0
- package/dist/esm/components/molecules/Slider/Slider.css.map +1 -0
- package/dist/esm/components/molecules/Slider/Slider.d.ts +14 -0
- package/dist/esm/components/molecules/Slider/Slider.js +60 -0
- package/dist/esm/components/molecules/Slider/Slider.js.map +1 -0
- package/dist/esm/components/molecules/index.d.ts +1 -0
- package/dist/esm/components/molecules/index.js +1 -0
- package/dist/esm/components/molecules/index.js.map +1 -1
- package/dist/esm/components/organisms/ImageChooser/ImageChooser.css +37 -0
- package/dist/esm/components/organisms/ImageChooser/ImageChooser.css.map +1 -0
- package/dist/esm/components/organisms/ImageChooser/ImageChooser.d.ts +11 -0
- package/dist/esm/components/organisms/ImageChooser/ImageChooser.js +62 -0
- package/dist/esm/components/organisms/ImageChooser/ImageChooser.js.map +1 -0
- package/dist/esm/components/organisms/ImageEditor/ImageEditor.css +97 -0
- package/dist/esm/components/organisms/ImageEditor/ImageEditor.css.map +1 -0
- package/dist/esm/components/organisms/ImageEditor/ImageEditor.d.ts +20 -0
- package/dist/esm/components/organisms/ImageEditor/ImageEditor.js +201 -0
- package/dist/esm/components/organisms/ImageEditor/ImageEditor.js.map +1 -0
- package/dist/esm/components/organisms/Modal/Modal.d.ts +2 -1
- package/dist/esm/components/organisms/Modal/Modal.js +5 -5
- package/dist/esm/components/organisms/Modal/Modal.js.map +1 -1
- package/dist/esm/components/organisms/index.d.ts +2 -0
- package/dist/esm/components/organisms/index.js +2 -0
- package/dist/esm/components/organisms/index.js.map +1 -1
- package/dist/esm/controllers/RelocationOnComponentController.d.ts +8 -0
- package/dist/esm/controllers/RelocationOnComponentController.js +93 -0
- package/dist/esm/controllers/RelocationOnComponentController.js.map +1 -0
- package/dist/esm/controllers/ResizeController.d.ts +15 -0
- package/dist/esm/controllers/ResizeController.js +29 -0
- package/dist/esm/controllers/ResizeController.js.map +1 -0
- package/dist/esm/controllers/index.d.ts +2 -0
- package/dist/esm/controllers/index.js +2 -0
- package/dist/esm/controllers/index.js.map +1 -1
- package/dist/esm/i18n.d.ts +3 -0
- package/dist/esm/i18n.js +6 -0
- package/dist/esm/i18n.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { RlsComponent } from '../../definitions';
|
|
2
2
|
import './Modal.css';
|
|
3
3
|
interface ModalProps extends RlsComponent {
|
|
4
|
+
className?: string;
|
|
4
5
|
overflow?: boolean;
|
|
5
6
|
visible?: boolean;
|
|
6
7
|
}
|
|
7
|
-
export declare function RlsModal({ children, overflow, visible, rlsTheme }: ModalProps): import("react").ReactPortal;
|
|
8
|
+
export declare function RlsModal({ children, className, overflow, visible, rlsTheme }: ModalProps): import("react").ReactPortal;
|
|
8
9
|
export {};
|
|
@@ -3,10 +3,10 @@ import { useMemo } from 'react';
|
|
|
3
3
|
import ReactDOM from 'react-dom';
|
|
4
4
|
import { renderClassStatus } from '../../../helpers';
|
|
5
5
|
import './Modal.css';
|
|
6
|
-
export function RlsModal({ children, overflow, visible, rlsTheme }) {
|
|
7
|
-
const
|
|
8
|
-
return renderClassStatus('rls-modal', { overflow, visible });
|
|
9
|
-
}, [overflow, visible]);
|
|
10
|
-
return ReactDOM.createPortal(_jsxs("div", { className:
|
|
6
|
+
export function RlsModal({ children, className, overflow, visible, rlsTheme }) {
|
|
7
|
+
const classNameModal = useMemo(() => {
|
|
8
|
+
return renderClassStatus('rls-modal', { overflow, visible }, className);
|
|
9
|
+
}, [className, overflow, visible]);
|
|
10
|
+
return ReactDOM.createPortal(_jsxs("div", { className: classNameModal, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-modal__component", children: children }), _jsx("div", { className: "rls-modal__backdrop" })] }), document.body);
|
|
11
11
|
}
|
|
12
12
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,aAAa,CAAC;AAQrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACG;IACX,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,iBAAiB,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnC,OAAO,QAAQ,CAAC,YAAY,CAC1B,eAAK,SAAS,EAAE,cAAc,eAAa,QAAQ,aACjD,cAAK,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAO,EAEtD,cAAK,SAAS,EAAC,qBAAqB,GAAO,IACvC,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}
|
|
@@ -8,6 +8,8 @@ export * from './FieldDateRange/FieldDateRange';
|
|
|
8
8
|
export * from './FieldSelect/FieldSelect';
|
|
9
9
|
export * from './FieldSelect/FieldSelectController';
|
|
10
10
|
export * from './FormNavigation/FormNavigation';
|
|
11
|
+
export * from './ImageChooser/ImageChooser';
|
|
12
|
+
export * from './ImageEditor/ImageEditor';
|
|
11
13
|
export * from './Modal/Modal';
|
|
12
14
|
export * from './PickerDate/PickerDate';
|
|
13
15
|
export * from './PickerDateRange/PickerDateRange';
|
|
@@ -8,6 +8,8 @@ export * from './FieldDateRange/FieldDateRange';
|
|
|
8
8
|
export * from './FieldSelect/FieldSelect';
|
|
9
9
|
export * from './FieldSelect/FieldSelectController';
|
|
10
10
|
export * from './FormNavigation/FormNavigation';
|
|
11
|
+
export * from './ImageChooser/ImageChooser';
|
|
12
|
+
export * from './ImageEditor/ImageEditor';
|
|
11
13
|
export * from './Modal/Modal';
|
|
12
14
|
export * from './PickerDate/PickerDate';
|
|
13
15
|
export * from './PickerDateRange/PickerDateRange';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/organisms/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/organisms/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { MutableRefObject } from 'react';
|
|
2
|
+
interface RelocationOnComponentProps {
|
|
3
|
+
container: MutableRefObject<HTMLElement>;
|
|
4
|
+
element: MutableRefObject<HTMLElement>;
|
|
5
|
+
onDrag?: () => void;
|
|
6
|
+
}
|
|
7
|
+
export declare function useRelocationOnComponent({ container, element, onDrag }: RelocationOnComponentProps): void;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { useCallback, useEffect, useRef } from 'react';
|
|
2
|
+
export function useRelocationOnComponent({ container, element, onDrag }) {
|
|
3
|
+
const position = useRef({ x: 0, y: 0 });
|
|
4
|
+
const dragOffset = useRef({ x: 0, y: 0 });
|
|
5
|
+
const dragging = useRef(false);
|
|
6
|
+
const getClientX = useCallback((positionX) => {
|
|
7
|
+
let clientX = position.current.x + positionX - dragOffset.current.x;
|
|
8
|
+
if (clientX < 0) {
|
|
9
|
+
clientX = 0;
|
|
10
|
+
}
|
|
11
|
+
else {
|
|
12
|
+
const width = clientX + element.current.offsetWidth;
|
|
13
|
+
if (width > container.current.offsetWidth) {
|
|
14
|
+
clientX = container.current.offsetWidth - element.current.offsetWidth;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
return clientX;
|
|
18
|
+
}, []);
|
|
19
|
+
const getClientY = useCallback((positionY) => {
|
|
20
|
+
let clientY = position.current.y + positionY - dragOffset.current.y;
|
|
21
|
+
if (clientY < 0) {
|
|
22
|
+
clientY = 0;
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
const height = clientY + element.current.offsetHeight;
|
|
26
|
+
if (height > container.current.offsetHeight) {
|
|
27
|
+
clientY = container.current.offsetHeight - element.current.offsetHeight;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
return clientY;
|
|
31
|
+
}, []);
|
|
32
|
+
const start = useCallback((positionX, positionY) => {
|
|
33
|
+
dragOffset.current = {
|
|
34
|
+
x: positionX,
|
|
35
|
+
y: positionY
|
|
36
|
+
};
|
|
37
|
+
position.current = {
|
|
38
|
+
x: element.current.offsetLeft,
|
|
39
|
+
y: element.current.offsetTop
|
|
40
|
+
};
|
|
41
|
+
dragging.current = true;
|
|
42
|
+
}, []);
|
|
43
|
+
const relocation = useCallback((positionX, positionY) => {
|
|
44
|
+
const clientX = getClientX(positionX);
|
|
45
|
+
const clientY = getClientY(positionY);
|
|
46
|
+
element.current.style.top = `${clientY}px`;
|
|
47
|
+
element.current.style.left = `${clientX}px`;
|
|
48
|
+
onDrag && onDrag();
|
|
49
|
+
}, []);
|
|
50
|
+
useEffect(() => {
|
|
51
|
+
const mousedown = (event) => {
|
|
52
|
+
start(event.clientX, event.clientY);
|
|
53
|
+
};
|
|
54
|
+
const mousemove = (event) => {
|
|
55
|
+
if (dragging.current) {
|
|
56
|
+
relocation(event.clientX, event.clientY);
|
|
57
|
+
event.preventDefault();
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
const mouseup = () => {
|
|
61
|
+
dragging.current = false;
|
|
62
|
+
};
|
|
63
|
+
const touchstart = (event) => {
|
|
64
|
+
if (event.touches[0]) {
|
|
65
|
+
start(event.touches[0].clientX, event.touches[0].clientY);
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
const touchmove = (event) => {
|
|
69
|
+
if (event.touches[0] && dragging.current) {
|
|
70
|
+
relocation(event.touches[0].clientX, event.touches[0].clientY);
|
|
71
|
+
event.preventDefault();
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
const touchend = () => {
|
|
75
|
+
dragging.current = false;
|
|
76
|
+
};
|
|
77
|
+
element.current.addEventListener('mousedown', mousedown);
|
|
78
|
+
element.current.addEventListener('mousemove', mousemove);
|
|
79
|
+
element.current.addEventListener('mouseup', mouseup);
|
|
80
|
+
element.current.addEventListener('touchstart', touchstart);
|
|
81
|
+
element.current.addEventListener('touchmove', touchmove);
|
|
82
|
+
element.current.addEventListener('touchend', touchend);
|
|
83
|
+
return () => {
|
|
84
|
+
element.current?.removeEventListener('mousedown', mousedown);
|
|
85
|
+
element.current?.removeEventListener('mousemove', mousemove);
|
|
86
|
+
element.current?.removeEventListener('mouseup', mouseup);
|
|
87
|
+
element.current?.removeEventListener('touchstart', touchstart);
|
|
88
|
+
element.current?.removeEventListener('touchmove', touchmove);
|
|
89
|
+
element.current?.removeEventListener('touchend', touchend);
|
|
90
|
+
};
|
|
91
|
+
}, []);
|
|
92
|
+
}
|
|
93
|
+
//# sourceMappingURL=RelocationOnComponentController.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RelocationOnComponentController.js","sourceRoot":"","sources":["../../../src/controllers/RelocationOnComponentController.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { MutableRefObject } from 'react';
|
|
2
|
+
interface ResizeDimensionEvent {
|
|
3
|
+
height: number;
|
|
4
|
+
width: number;
|
|
5
|
+
}
|
|
6
|
+
interface ResizeEvent {
|
|
7
|
+
current: ResizeDimensionEvent;
|
|
8
|
+
dimension: ResizeDimensionEvent;
|
|
9
|
+
}
|
|
10
|
+
interface ResizeProps {
|
|
11
|
+
refElement: MutableRefObject<HTMLElement>;
|
|
12
|
+
onResize?: (event: ResizeEvent) => void;
|
|
13
|
+
}
|
|
14
|
+
export declare function useResize(props: ResizeProps): void;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { useCallback, useEffect, useRef } from 'react';
|
|
2
|
+
export function useResize(props) {
|
|
3
|
+
const { refElement, onResize } = props;
|
|
4
|
+
const dimension = useRef({ height: 0, width: 0 });
|
|
5
|
+
const observer = useCallback((entries) => {
|
|
6
|
+
const { height, width } = entries[0].contentRect;
|
|
7
|
+
onResize &&
|
|
8
|
+
onResize({
|
|
9
|
+
current: dimension.current,
|
|
10
|
+
dimension: {
|
|
11
|
+
height,
|
|
12
|
+
width
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
dimension.current = { height, width };
|
|
16
|
+
}, []);
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
dimension.current = {
|
|
19
|
+
height: refElement.current.offsetHeight,
|
|
20
|
+
width: refElement.current.offsetWidth
|
|
21
|
+
};
|
|
22
|
+
const resizeObserver = new ResizeObserver(observer);
|
|
23
|
+
resizeObserver.observe(refElement.current);
|
|
24
|
+
return () => {
|
|
25
|
+
resizeObserver.disconnect();
|
|
26
|
+
};
|
|
27
|
+
}, []);
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=ResizeController.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ResizeController.js","sourceRoot":"","sources":["../../../src/controllers/ResizeController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAiBzE,MAAM,UAAU,SAAS,CAAC,KAAkB;IAC1C,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEvC,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;IAElD,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,OAA8B,EAAE,EAAE;QAC9D,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QAEjD,QAAQ;YACN,QAAQ,CAAC;gBACP,OAAO,EAAE,SAAS,CAAC,OAAO;gBAC1B,SAAS,EAAE;oBACT,MAAM;oBACN,KAAK;iBACN;aACF,CAAC,CAAC;QAEL,SAAS,CAAC,OAAO,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IACxC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,GAAG;YAClB,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,YAAY;YACvC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,WAAW;SACtC,CAAC;QAEF,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;QACpD,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAE3C,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controllers/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controllers/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC"}
|
package/dist/esm/i18n.d.ts
CHANGED
|
@@ -3,6 +3,9 @@ export declare const reactI18n: import("@rolster/i18n").I18nTranslate<{
|
|
|
3
3
|
dateActionCancel: string;
|
|
4
4
|
dateActionSelect: string;
|
|
5
5
|
dateActionToday: string;
|
|
6
|
+
chooserImageActionCancel: string;
|
|
7
|
+
editorImageActionRestore: string;
|
|
8
|
+
editorImageActionSelect: string;
|
|
6
9
|
listEmptyDescription: string;
|
|
7
10
|
listEmptyTitle: string;
|
|
8
11
|
listInputPlaceholder: string;
|
package/dist/esm/i18n.js
CHANGED
|
@@ -5,6 +5,9 @@ export const reactI18n = i18n({
|
|
|
5
5
|
dateActionCancel: 'Cancelar',
|
|
6
6
|
dateActionSelect: 'Establecer',
|
|
7
7
|
dateActionToday: 'Hoy',
|
|
8
|
+
chooserImageActionCancel: 'Cancelar',
|
|
9
|
+
editorImageActionRestore: 'Restaurar',
|
|
10
|
+
editorImageActionSelect: 'Seleccionar',
|
|
8
11
|
listEmptyDescription: 'Lo sentimos, en el momento no hay elementos en el listado',
|
|
9
12
|
listEmptyTitle: 'Selección no disponible',
|
|
10
13
|
listInputPlaceholder: 'Escriba palabre clave para filtrar...'
|
|
@@ -14,6 +17,9 @@ export const reactI18n = i18n({
|
|
|
14
17
|
dateActionCancel: 'Cancel',
|
|
15
18
|
dateActionSelect: 'Select',
|
|
16
19
|
dateActionToday: 'Today',
|
|
20
|
+
chooserImageActionCancel: 'Cancel',
|
|
21
|
+
editorImageActionRestore: 'Restore',
|
|
22
|
+
editorImageActionSelect: 'Select',
|
|
17
23
|
listEmptyDescription: 'Sorry, there are currently no items in the list',
|
|
18
24
|
listEmptyTitle: 'Selection not available',
|
|
19
25
|
listInputPlaceholder: 'Enter keyword to filter...'
|
package/dist/esm/i18n.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../src/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC;IAC5B,EAAE,EAAE;QACF,0BAA0B,EAAE,SAAS;QACrC,gBAAgB,EAAE,UAAU;QAC5B,gBAAgB,EAAE,YAAY;QAC9B,eAAe,EAAE,KAAK;QACtB,oBAAoB,EAClB,2DAA2D;QAC7D,cAAc,EAAE,yBAAyB;QACzC,oBAAoB,EAAE,uCAAuC;KAC9D;IACD,EAAE,EAAE;QACF,0BAA0B,EAAE,UAAU;QACtC,gBAAgB,EAAE,QAAQ;QAC1B,gBAAgB,EAAE,QAAQ;QAC1B,eAAe,EAAE,OAAO;QACxB,oBAAoB,EAAE,iDAAiD;QACvE,cAAc,EAAE,yBAAyB;QACzC,oBAAoB,EAAE,4BAA4B;KACnD;CACF,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../src/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC;IAC5B,EAAE,EAAE;QACF,0BAA0B,EAAE,SAAS;QACrC,gBAAgB,EAAE,UAAU;QAC5B,gBAAgB,EAAE,YAAY;QAC9B,eAAe,EAAE,KAAK;QACtB,wBAAwB,EAAE,UAAU;QACpC,wBAAwB,EAAE,WAAW;QACrC,uBAAuB,EAAE,aAAa;QACtC,oBAAoB,EAClB,2DAA2D;QAC7D,cAAc,EAAE,yBAAyB;QACzC,oBAAoB,EAAE,uCAAuC;KAC9D;IACD,EAAE,EAAE;QACF,0BAA0B,EAAE,UAAU;QACtC,gBAAgB,EAAE,QAAQ;QAC1B,gBAAgB,EAAE,QAAQ;QAC1B,eAAe,EAAE,OAAO;QACxB,wBAAwB,EAAE,QAAQ;QAClC,wBAAwB,EAAE,SAAS;QACnC,uBAAuB,EAAE,QAAQ;QACjC,oBAAoB,EAAE,iDAAiD;QACvE,cAAc,EAAE,yBAAyB;QACzC,oBAAoB,EAAE,4BAA4B;KACnD;CACF,CAAC,CAAC"}
|