@pdfme/ui 1.0.18 → 1.1.1

package/dist/esm/src/components/Schemas/SchemaUI.js

@@ -0,0 +1,27 @@
+import React, { forwardRef } from 'react';
+import { isTextSchema, isImageSchema, isBarcodeSchema } from '@pdfme/common';
+import { ZOOM, SELECTABLE_CLASSNAME } from '../../constants.js';
+import TextSchema from './TextSchema.js';
+import ImageSchema from './ImageSchema.js';
+import BarcodeSchema from './BarcodeSchema.js';
+const Wrapper = ({ children, border, onChangeHoveringSchemaId, schema, }) => (React.createElement("div", { title: schema.key, onMouseEnter: () => onChangeHoveringSchemaId && onChangeHoveringSchemaId(schema.id), onMouseLeave: () => onChangeHoveringSchemaId && onChangeHoveringSchemaId(null), className: SELECTABLE_CLASSNAME, id: schema.id, style: {
+        position: 'absolute',
+        cursor: 'pointer',
+        height: schema.height * ZOOM,
+        width: schema.width * ZOOM,
+        top: schema.position.y * ZOOM,
+        left: schema.position.x * ZOOM,
+        border,
+    } }, children));
+const SchemaUI = (props, ref) => {
+    const r = {
+        [props.editable ? 'ref' : '']: ref,
+    };
+    const { schema } = props;
+    return (React.createElement(Wrapper, Object.assign({}, props),
+        isTextSchema(schema) && React.createElement(TextSchema, Object.assign({}, r, props, { schema: schema })),
+        isImageSchema(schema) && React.createElement(ImageSchema, Object.assign({}, r, props, { schema: schema })),
+        isBarcodeSchema(schema) && React.createElement(BarcodeSchema, Object.assign({}, r, props, { schema: schema }))));
+};
+export default forwardRef(SchemaUI);
+//# sourceMappingURL=SchemaUI.js.map

package/dist/esm/src/components/Schemas/SchemaUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaUI.js","sourceRoot":"","sources":["../../../../../src/components/Schemas/SchemaUI.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAC;AACrE,OAAO,EAAe,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAe/C,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,MAAM,EACN,wBAAwB,EACxB,MAAM,GAC0B,EAAE,EAAE,CAAC,CACrC,6BACE,KAAK,EAAE,MAAM,CAAC,GAAG,EACjB,YAAY,EAAE,GAAG,EAAE,CAAC,wBAAwB,IAAI,wBAAwB,CAAC,MAAM,CAAC,EAAE,CAAC,EACnF,YAAY,EAAE,GAAG,EAAE,CAAC,wBAAwB,IAAI,wBAAwB,CAAC,IAAI,CAAC,EAC9E,SAAS,EAAE,oBAAoB,EAC/B,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,IAAI;QAC5B,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG,IAAI;QAC1B,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI;QAC7B,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI;QAC9B,MAAM;KACP,IAEA,QAAQ,CACL,CACP,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAE,GAAgD,EAAE,EAAE;IAClF,MAAM,CAAC,GAAG;QACR,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAwD;KACxF,CAAC;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,OAAO,CACL,oBAAC,OAAO,oBAAK,KAAK;QACf,YAAY,CAAC,MAAM,CAAC,IAAI,oBAAC,UAAU,oBAAK,CAAC,EAAM,KAAK,IAAE,MAAM,EAAE,MAAM,IAAI;QACxE,aAAa,CAAC,MAAM,CAAC,IAAI,oBAAC,WAAW,oBAAK,CAAC,EAAM,KAAK,IAAE,MAAM,EAAE,MAAM,IAAI;QAC1E,eAAe,CAAC,MAAM,CAAC,IAAI,oBAAC,aAAa,oBAAK,CAAC,EAAM,KAAK,IAAE,MAAM,EAAE,MAAM,IAAI,CACvE,CACX,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,UAAU,CAAgD,QAAQ,CAAC,CAAC"}

package/dist/esm/src/components/Schemas/TextSchema.js

@@ -0,0 +1,29 @@
+import React, { forwardRef } from 'react';
+import { DEFAULT_FONT_SIZE, DEFAULT_ALIGNMENT, DEFAULT_LINE_HEIGHT, DEFAULT_CHARACTER_SPACING, DEFAULT_FONT_COLOR, } from '@pdfme/common';
+import { ZOOM } from '../../constants.js';
+const TextSchemaUI = ({ schema, editable, placeholder, tabIndex, onChange }, ref) => {
+    var _a, _b, _c, _d, _e;
+    const style = {
+        padding: 0,
+        resize: 'none',
+        position: 'absolute',
+        fontFamily: schema.fontName ? `'${schema.fontName}'` : 'inherit',
+        height: schema.height * ZOOM,
+        // Increase the width by 1 point. (0.75 pixels)
+        width: (schema.width + ((_a = schema.characterSpacing) !== null && _a !== void 0 ? _a : DEFAULT_CHARACTER_SPACING) * 0.75) * ZOOM,
+        textAlign: (_b = schema.alignment) !== null && _b !== void 0 ? _b : DEFAULT_ALIGNMENT,
+        fontSize: `${(_c = schema.fontSize) !== null && _c !== void 0 ? _c : DEFAULT_FONT_SIZE}pt`,
+        letterSpacing: `${(_d = schema.characterSpacing) !== null && _d !== void 0 ? _d : DEFAULT_CHARACTER_SPACING}pt`,
+        lineHeight: `${(_e = schema.lineHeight) !== null && _e !== void 0 ? _e : DEFAULT_LINE_HEIGHT}em`,
+        whiteSpace: 'pre-line',
+        wordBreak: 'break-all',
+        border: 'none',
+        color: schema.fontColor ? schema.fontColor : DEFAULT_FONT_COLOR,
+        backgroundColor: schema.data && schema.backgroundColor ? schema.backgroundColor : 'rgb(242 244 255 / 75%)',
+    };
+    return editable ? (React.createElement("textarea", { ref: ref, placeholder: placeholder, tabIndex: tabIndex, style: style, onChange: (e) => onChange(e.target.value), value: schema.data })) : (React.createElement("div", { style: style }, schema.data.split('').map((l, i) => (React.createElement("span", { key: i, style: {
+            letterSpacing: String(schema.data).length === i + 1 ? 0 : 'inherit',
+        } }, l)))));
+};
+export default forwardRef(TextSchemaUI);
+//# sourceMappingURL=TextSchema.js.map

package/dist/esm/src/components/Schemas/TextSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextSchema.js","sourceRoot":"","sources":["../../../../../src/components/Schemas/TextSchema.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAO,MAAM,OAAO,CAAC;AAC/C,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,GAEnB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAI1C,MAAM,YAAY,GAAG,CACnB,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAS,EAC5D,GAA6B,EAC7B,EAAE;;IACF,MAAM,KAAK,GAAwB;QACjC,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,SAAS;QAChE,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,IAAI;QAC5B,+CAA+C;QAC/C,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,MAAA,MAAM,CAAC,gBAAgB,mCAAI,yBAAyB,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI;QAC5F,SAAS,EAAE,MAAA,MAAM,CAAC,SAAS,mCAAI,iBAAiB;QAChD,QAAQ,EAAE,GAAG,MAAA,MAAM,CAAC,QAAQ,mCAAI,iBAAiB,IAAI;QACrD,aAAa,EAAE,GAAG,MAAA,MAAM,CAAC,gBAAgB,mCAAI,yBAAyB,IAAI;QAC1E,UAAU,EAAE,GAAG,MAAA,MAAM,CAAC,UAAU,mCAAI,mBAAmB,IAAI;QAC3D,UAAU,EAAE,UAAU;QACtB,SAAS,EAAE,WAAW;QACtB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB;QAC/D,eAAe,EACb,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,wBAAwB;KAC5F,CAAC;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,kCACE,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,KAAK,EAAE,MAAM,CAAC,IAAI,GACR,CACb,CAAC,CAAC,CAAC,CACF,6BAAK,KAAK,EAAE,KAAK,IAEd,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnC,8BACE,GAAG,EAAE,CAAC,EACN,KAAK,EAAE;YACL,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;SACpE,IAEA,CAAC,CACG,CACR,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAA6B,YAAY,CAAC,CAAC"}

package/dist/esm/src/components/Spinner.js

@@ -0,0 +1,26 @@
+import React from 'react';
+const Spinner = () => (React.createElement(React.Fragment, null,
+    React.createElement("style", null, `
+      @keyframes spin {
+        0% { transform: rotate(0deg) }
+        
+        100% { transform: rotate(359deg) }
+      }
+    `),
+    React.createElement("div", { style: {
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+        } },
+        React.createElement("div", { style: {
+                width: 65,
+                height: 65,
+                borderRadius: '50%',
+                border: '4px solid',
+                borderColor: '#4285f4 rgba(0,0,0,0.1) rgba(0,0,0,0.1)',
+                animation: 'spin 1s ease infinite',
+            } }))));
+export default Spinner;
+//# sourceMappingURL=Spinner.js.map

package/dist/esm/src/components/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CACpB;IACE,mCACG;;;;;;KAMF,CACO;IACR,6BACE,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB;QAED,6BACE,KAAK,EAAE;gBACL,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;gBACV,YAAY,EAAE,KAAK;gBACnB,MAAM,EAAE,WAAW;gBACnB,WAAW,EAAE,yCAAyC;gBACtD,SAAS,EAAE,uBAAuB;aACnC,GACI,CACH,CACL,CACJ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/esm/src/components/UnitPager.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import { ChevronLeftIcon, ChevronDoubleLeftIcon, ChevronRightIcon, ChevronDoubleRightIcon, } from '@heroicons/react/24/outline';
+const buttonHeight = 38;
+const buttonWrapStyle = {
+    pointerEvents: 'initial',
+    position: 'sticky',
+    zIndex: 1,
+    backgroundColor: '#777777bd',
+    borderRadius: 2,
+    padding: '0.5rem',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-around',
+    boxSizing: 'border-box',
+    width: 110,
+    height: buttonHeight,
+};
+const btnStyle = {
+    cursor: 'pointer',
+    border: 'none',
+    background: 'none',
+    display: 'flex',
+    alignItems: 'center',
+};
+const UnitPager = ({ size, unitCursor, unitNum, setUnitCursor }) => {
+    if (unitNum <= 1)
+        return React.createElement(React.Fragment, null);
+    return (React.createElement("div", { style: Object.assign({ position: 'absolute' }, size) },
+        React.createElement("div", { style: {
+                position: 'sticky',
+                width: '100%',
+                zIndex: 1,
+                pointerEvents: 'none',
+                top: `calc(50% - ${buttonHeight / 2}px)`,
+                display: 'flex',
+                alignItems: 'center',
+            } },
+            unitCursor > 0 && (React.createElement("div", { style: Object.assign({ left: '1rem', marginLeft: '1rem' }, buttonWrapStyle) },
+                React.createElement("button", { style: Object.assign({ paddingLeft: '0.5rem' }, btnStyle), disabled: unitCursor <= 0, onClick: () => setUnitCursor(0) },
+                    React.createElement(ChevronDoubleLeftIcon, { width: 20, height: 20, color: '#fff' })),
+                React.createElement("button", { style: Object.assign({ paddingLeft: '0.5rem' }, btnStyle), disabled: unitCursor <= 0, onClick: () => setUnitCursor(unitCursor - 1) },
+                    React.createElement(ChevronLeftIcon, { width: 20, height: 20, color: '#fff' })),
+                React.createElement("strong", { style: { color: 'white', fontSize: '0.9rem' } },
+                    unitCursor + 1,
+                    "/",
+                    unitNum))),
+            unitCursor + 1 < unitNum && (React.createElement("div", { style: Object.assign({ right: '1rem', marginLeft: 'auto', marginRight: '1rem' }, buttonWrapStyle) },
+                React.createElement("strong", { style: { color: 'white', fontSize: '0.9rem' } },
+                    unitCursor + 1,
+                    "/",
+                    unitNum),
+                React.createElement("button", { style: Object.assign({ paddingRight: '0.5rem' }, btnStyle), disabled: unitCursor + 1 >= unitNum, onClick: () => setUnitCursor(unitCursor + 1) },
+                    React.createElement(ChevronRightIcon, { width: 20, height: 20, color: '#fff' })),
+                React.createElement("button", { style: Object.assign({ paddingRight: '0.5rem' }, btnStyle), disabled: unitCursor + 1 >= unitNum, onClick: () => setUnitCursor(unitNum - 1) },
+                    React.createElement(ChevronDoubleRightIcon, { width: 20, height: 20, color: '#fff' })))))));
+};
+export default UnitPager;
+//# sourceMappingURL=UnitPager.js.map

package/dist/esm/src/components/UnitPager.js.map

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

package/dist/esm/src/constants.js

@@ -0,0 +1,7 @@
+export const DEFAULT_LANG = 'en';
+export const DESTROYED_ERR_MSG = 'this instance is already destroyed';
+export const ZOOM = 3.7795275591;
+export const SELECTABLE_CLASSNAME = 'selectable';
+export const RULER_HEIGHT = 30;
+export const SIDEBAR_WIDTH = 300;
+//# sourceMappingURL=constants.js.map

package/dist/esm/src/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,IAAa,CAAC;AAE1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,oCAAoC,CAAC;AAEtE,MAAM,CAAC,MAAM,IAAI,GAAG,YAAY,CAAC;AAEjC,MAAM,CAAC,MAAM,oBAAoB,GAAG,YAAY,CAAC;AAEjD,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AAE/B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC"}

package/dist/esm/src/contexts.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+import { curriedI18n } from './i18n.js';
+import { DEFAULT_LANG } from './constants.js';
+import { getDefaultFont } from '@pdfme/common';
+export const I18nContext = createContext(curriedI18n(DEFAULT_LANG));
+export const FontContext = createContext(getDefaultFont());
+//# sourceMappingURL=contexts.js.map

package/dist/esm/src/contexts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contexts.js","sourceRoot":"","sources":["../../../src/contexts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC;AAEpE,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,cAAc,EAAE,CAAC,CAAC"}

package/dist/esm/src/helper.js

@@ -0,0 +1,439 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+// @ts-ignore
+import PDFJSWorker from 'pdfjs-dist/build/pdf.worker.entry.js';
+import { getDocument, GlobalWorkerOptions } from 'pdfjs-dist/legacy/build/pdf.js';
+GlobalWorkerOptions.workerSrc = PDFJSWorker;
+import hotkeys from 'hotkeys-js';
+import { getB64BasePdf, b64toUint8Array, DEFAULT_ALIGNMENT, DEFAULT_FONT_SIZE, DEFAULT_CHARACTER_SPACING, DEFAULT_LINE_HEIGHT, } from '@pdfme/common';
+import { ZOOM, RULER_HEIGHT } from './constants.js';
+export const uuid = () => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+    const r = (Math.random() * 16) | 0;
+    const v = c == 'x' ? r : (r & 0x3) | 0x8;
+    return v.toString(16);
+});
+export const set = (obj, path, value) => {
+    path = Array.isArray(path) ? path : path.replace('[', '.').replace(']', '').split('.');
+    let src = obj;
+    path.forEach((key, index, array) => {
+        if (index == path.length - 1) {
+            src[key] = value;
+        }
+        else {
+            if (!src.hasOwnProperty(key)) {
+                const next = array[index + 1];
+                src[key] = String(Number(next)) === next ? [] : {};
+            }
+            src = src[key];
+        }
+    });
+};
+export const debounce = (cb, wait = 20) => {
+    let h = null;
+    const callable = (...args) => {
+        if (h)
+            clearTimeout(h);
+        h = setTimeout(() => cb(...args), wait);
+    };
+    return callable;
+};
+const shift = (number, precision, reverseShift) => {
+    if (reverseShift) {
+        precision = -precision;
+    }
+    const numArray = `${number}`.split('e');
+    return Number(`${numArray[0]}e${numArray[1] ? Number(numArray[1]) + precision : precision}`);
+};
+export const round = (number, precision) => {
+    return shift(Math.round(shift(number, precision, false)), precision, true);
+};
+export const cloneDeep = (value) => JSON.parse(JSON.stringify(value));
+export const flatten = (arr) => [].concat(...arr);
+const up = 'up';
+const shiftUp = 'shift+up';
+const down = 'down';
+const shiftDown = 'shift+down';
+const left = 'left';
+const shiftLeft = 'shift+left';
+const right = 'right';
+const shiftRight = 'shift+right';
+const rmWin = 'backspace';
+const rmMac = 'delete';
+const esc = 'esc';
+const copyWin = 'ctrl+c';
+const copyMac = 'command+c';
+const pasteWin = 'ctrl+v';
+const pasteMac = 'command+v';
+const redoWin = 'ctrl+y';
+const redoMac = 'shift+command+z';
+const undoWin = 'ctrl+z';
+const undoMac = 'command+z';
+const saveWin = 'ctrl+s';
+const saveMac = 'command+s';
+const selectAllWin = 'ctrl+a';
+const selectAllMac = 'command+a';
+const keys = [
+    up,
+    shiftUp,
+    down,
+    shiftDown,
+    left,
+    shiftLeft,
+    right,
+    shiftRight,
+    rmMac,
+    rmWin,
+    esc,
+    copyWin,
+    copyMac,
+    pasteWin,
+    pasteMac,
+    redoWin,
+    redoMac,
+    undoWin,
+    undoMac,
+    saveWin,
+    saveMac,
+    selectAllWin,
+    selectAllMac,
+];
+export const initShortCuts = (arg) => {
+    hotkeys(keys.join(), (e, handler) => {
+        switch (handler.shortcut) {
+            case up:
+            case shiftUp:
+                e.preventDefault();
+                arg.move('up', hotkeys.shift);
+                break;
+            case down:
+            case shiftDown:
+                e.preventDefault();
+                arg.move('down', hotkeys.shift);
+                break;
+            case left:
+            case shiftLeft:
+                e.preventDefault();
+                arg.move('left', hotkeys.shift);
+                break;
+            case right:
+            case shiftRight:
+                e.preventDefault();
+                arg.move('right', hotkeys.shift);
+                break;
+            case rmWin:
+            case rmMac:
+                arg.remove();
+                break;
+            case esc:
+                arg.esc();
+                break;
+            case copyWin:
+            case copyMac:
+                arg.copy();
+                break;
+            case pasteWin:
+            case pasteMac:
+                arg.paste();
+                break;
+            case redoWin:
+            case redoMac:
+                arg.redo();
+                break;
+            case undoWin:
+            case undoMac:
+                arg.undo();
+                break;
+            case saveWin:
+            case saveMac:
+                e.preventDefault();
+                arg.save();
+                break;
+            case selectAllWin:
+            case selectAllMac:
+                e.preventDefault();
+                arg.selectAll();
+                break;
+            default:
+                break;
+        }
+    });
+};
+export const destroyShortCuts = () => {
+    hotkeys.unbind(keys.join());
+};
+const readFile = (file, type) => {
+    return new Promise((r) => {
+        const fileReader = new FileReader();
+        fileReader.addEventListener('load', (e) => {
+            if (e && e.target && e.target.result && file !== null) {
+                r(e.target.result);
+            }
+        });
+        if (file !== null) {
+            if (type === 'text') {
+                fileReader.readAsText(file);
+            }
+            else if (type === 'dataURL') {
+                fileReader.readAsDataURL(file);
+            }
+            else if (type === 'arrayBuffer') {
+                fileReader.readAsArrayBuffer(file);
+            }
+        }
+    });
+};
+export const readFiles = (files, type) => {
+    return new Promise((r) => {
+        const fileReader = new FileReader();
+        fileReader.addEventListener('load', (e) => {
+            if (e && e.target && e.target.result && files !== null) {
+                r(e.target.result);
+            }
+        });
+        if (files !== null && files[0]) {
+            readFile(files[0], type).then((data) => r(data));
+        }
+    });
+};
+const pt2mm = (pt) => {
+    // https://www.ddc.co.jp/words/archives/20090701114500.html
+    const mmRatio = 0.3527;
+    return parseFloat(String(pt)) * mmRatio;
+};
+export const px2mm = (px) => {
+    // http://www.unitconversion.org/typography/millimeters-to-pixels-y-conversion.html
+    const mmRatio = 0.264583333;
+    return parseFloat(String(px)) * mmRatio;
+};
+export const getPdfPageSizes = (pdfBlob) => __awaiter(void 0, void 0, void 0, function* () {
+    const url = URL.createObjectURL(pdfBlob);
+    const pdfDoc = yield getDocument({ url }).promise;
+    const promises = Promise.all(new Array(pdfDoc.numPages).fill('').map((_, i) => __awaiter(void 0, void 0, void 0, function* () {
+        const pageSize = yield pdfDoc.getPage(i + 1).then((page) => {
+            const { height, width } = page.getViewport({ scale: 1 });
+            return { height: pt2mm(height), width: pt2mm(width) };
+        });
+        return pageSize;
+    })));
+    URL.revokeObjectURL(url);
+    return promises;
+});
+const pdf2Images = (pdfBlob, width, imageType) => __awaiter(void 0, void 0, void 0, function* () {
+    const url = URL.createObjectURL(pdfBlob);
+    const pdfDoc = yield getDocument({ url }).promise;
+    const promises = Promise.all(new Array(pdfDoc.numPages).fill('').map((_, i) => __awaiter(void 0, void 0, void 0, function* () {
+        const image = yield pdfDoc.getPage(i + 1).then((page) => {
+            const canvas = document.createElement('canvas');
+            canvas.width = width * 2;
+            const canvasContext = canvas.getContext('2d');
+            const scaleRequired = canvas.width / page.getViewport({ scale: 1 }).width;
+            const viewport = page.getViewport({ scale: scaleRequired });
+            canvas.height = viewport.height;
+            return page
+                .render({ canvasContext, viewport })
+                .promise.then(() => canvas.toDataURL(`image/${imageType}`));
+        });
+        return image;
+    })));
+    URL.revokeObjectURL(url);
+    return promises;
+});
+export const pdf2Pngs = (pdfBlob, width) => pdf2Images(pdfBlob, width, 'png');
+export const b64toBlob = (base64) => {
+    const uniy8Array = b64toUint8Array(base64);
+    const [, , mimeType] = base64.match(/(:)([a-z/]+)(;)/);
+    return new Blob([uniy8Array.buffer], { type: mimeType });
+};
+const sortSchemasList = (template, pageNum) => new Array(pageNum).fill('').reduce((acc, _, i) => {
+    acc.push(template.schemas[i]
+        ? Object.entries(template.schemas[i])
+            .sort((a, b) => {
+            var _a, _b;
+            const aIndex = ((_a = template.columns) !== null && _a !== void 0 ? _a : []).findIndex((c) => c === a[0]);
+            const bIndex = ((_b = template.columns) !== null && _b !== void 0 ? _b : []).findIndex((c) => c === b[0]);
+            return aIndex > bIndex ? 1 : -1;
+        })
+            .map((e) => {
+            const [key, value] = e;
+            const data = template.sampledata ? template.sampledata[0][key] : '';
+            return Object.assign(value, {
+                key,
+                data,
+                id: uuid(),
+            });
+        })
+        : []);
+    return acc;
+}, []);
+export const templateSchemas2SchemasList = (_template) => __awaiter(void 0, void 0, void 0, function* () {
+    const template = cloneDeep(_template);
+    const sortedSchemasList = sortSchemasList(template, template.schemas.length);
+    const basePdf = yield getB64BasePdf(template.basePdf);
+    const pdfBlob = b64toBlob(basePdf);
+    const pageSizes = yield getPdfPageSizes(pdfBlob);
+    const ssl = sortedSchemasList.length;
+    const psl = pageSizes.length;
+    const schemasList = (ssl < psl
+        ? sortedSchemasList.concat(new Array(psl - ssl).fill(cloneDeep([])))
+        : sortedSchemasList.slice(0, pageSizes.length)).map((schema, i) => {
+        Object.values(schema).forEach((value) => {
+            const { width, height } = pageSizes[i];
+            const xEdge = value.position.x + value.width;
+            const yEdge = value.position.y + value.height;
+            if (width < xEdge) {
+                const diff = xEdge - width;
+                value.position.x += diff;
+            }
+            if (height < yEdge) {
+                const diff = yEdge - height;
+                value.position.y += diff;
+            }
+        });
+        return schema;
+    });
+    return schemasList;
+});
+export const fmtTemplate = (template, schemasList) => {
+    const schemaAddedTemplate = Object.assign(Object.assign({}, template), { schemas: cloneDeep(schemasList).map((schema) => schema.reduce((acc, cur) => {
+            const k = cur.key;
+            // @ts-ignore
+            delete cur.id;
+            // @ts-ignore
+            delete cur.key;
+            // @ts-ignore
+            delete cur.data;
+            acc[k] = cur;
+            return acc;
+        }, {})), columns: cloneDeep(schemasList).reduce((acc, cur) => acc.concat(cur.map((s) => s.key)), []), sampledata: [
+            cloneDeep(schemasList).reduce((acc, cur) => {
+                cur.forEach((c) => {
+                    acc[c.key] = c.data;
+                });
+                return acc;
+            }, {}),
+        ], basePdf: template.basePdf });
+    return schemaAddedTemplate;
+};
+export const getInitialSchema = () => ({
+    id: uuid(),
+    key: '',
+    data: '',
+    type: 'text',
+    position: { x: 0, y: 0 },
+    width: 35,
+    height: 7,
+    alignment: DEFAULT_ALIGNMENT,
+    fontSize: DEFAULT_FONT_SIZE,
+    characterSpacing: DEFAULT_CHARACTER_SPACING,
+    lineHeight: DEFAULT_LINE_HEIGHT,
+});
+export const getSampleByType = (type) => {
+    const defaultValue = {
+        text: 'text',
+        image: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAALuAQMAAADL0wGJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURbzAw+rv8fKruy0AAAPoSURBVHja7dwxbtwwEEBRCkKwRQodYftcYk+ROkcJz5NTsEuZK/AIKlIQAUEnke0VqQ0pA5zxWvFnZcD2s0CNuENxPOZBc0QDDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PD/+P8bkxvnTzzjTG0M2b5rh08rHNT518aPOnTt63+aGTd23edPJ2h//ax+/oO6Gzx6c78+cuPu7x01vmwx5/6uLnO/PjO+b/rGifvtWH3VnT9vmh/e3eqx/bc9d79af2YwEPDw8P/6r8r1GVt5VcUoZPtXxGhp9rGYEM72vbEBne1hJ5Gb6ayIvwqZppi/CxmgqL8KGaTIrwc3WDfATeV/ffIryr7r+PwNvq/vsIfH17D5/qbw/gb/mLKp/OqnycFPj14yqcJPm4vfp5VJ0cP6jyzqjy9rr2q/Dr4qzBp3V5E1wxp/V3rl8LXn32qF6fAY31Psv2NXi/5lQaH+Vuzak0eLsmPRppVPa3FPiU3QiFFDZmD4FCAh6yxV+Bn7O9isLmx2d/TGHr5rI7obDxtFkcKWyb89M2+U1/sX7Kv7Io8gaxFy5l2D/faRk++3x6PgsalV52+fwUW4j/+eGhDPuneyH/otHmp9jyfHHMLM6n4phZnI/FObA4H4qDWnF+Lo46xXlflG+I864o3xDnbVG+Ic6X9RXSfCrrK6T5WBZASPOhrFCQ5ufyjF+a92XdkjTvyrolad6WdUvS/KawSI7/sQn7JfDl+O+bsF8CX44fN2FvHnNnIT4Nm7BfAl+ON5uwXwJfjA/LCuk2BXvCvN0U7InxflmAtxV1gvx0U2N3luPtdZOlwj/FoR5vbuq85Pi48F6LD0scOk3+sq1cleP9ohlNfkpq/N9pGaMuH7T4ZVqGWYt/nBavyxstftblfaVIWJU/y72yODCfzJH5oMvPh+adLm+PzCdzZD5U/61ClT9Lnvyo8e7QvFHlE3ydj0zOu5ucickhcpgcJofJedUVk8j5b/nGgIeHh4d/I3x/RwLlhgfNH3DavSwGXf7YjT76uqCEQ/P37p9z7uKVmwspd17S7hul3PXK6fbsmnvWhO6GZlMnn3ri8gXN5GzHnX0B35ydj91814CHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHl+d/A9cKjmiL040TAAAAAElFTkSuQmCC',
+        qrcode: 'https://pdfme.com/',
+        japanpost: '6540123789-A-K-Z',
+        ean13: '2112345678900',
+        ean8: '02345673',
+        code39: 'THIS IS CODE 39',
+        code128: 'This is Code 128!',
+        nw7: 'A0123456789B',
+        itf14: '04601234567893',
+        upca: '416000336108',
+        upce: '00123457',
+    };
+    return defaultValue[type] ? defaultValue[type] : '';
+};
+export const getKeepRatioHeightByWidth = (type, width) => {
+    const raito = {
+        image: 1,
+        qrcode: 1,
+        japanpost: 0.09,
+        ean13: 0.4,
+        ean8: 0.5,
+        code39: 0.5,
+        code128: 0.5,
+        nw7: 0.5,
+        itf14: 0.3,
+        upca: 0.4,
+        upce: 0.5,
+    };
+    return width * (raito[type] ? raito[type] : 1);
+};
+export const getUniqSchemaKey = (arg) => {
+    const { copiedSchemaKey, schema, stackUniqSchemaKeys } = arg;
+    const schemaKeys = schema.map((s) => s.key).concat(stackUniqSchemaKeys);
+    const tmp = schemaKeys.reduce((acc, cur) => Object.assign(acc, { originalKey: cur, copiedNum: 0 }), {});
+    const extractOriginalKey = (key) => key.replace(/ copy$| copy [0-9]*$/, '');
+    schemaKeys
+        .filter((key) => / copy$| copy [0-9]*$/.test(key))
+        .forEach((key) => {
+        var _a;
+        const originalKey = extractOriginalKey(key);
+        const match = key.match(/[0-9]*$/);
+        const copiedNum = match && match[0] ? Number(match[0]) : 1;
+        if (((_a = tmp[originalKey]) !== null && _a !== void 0 ? _a : 0) < copiedNum) {
+            tmp[originalKey] = copiedNum;
+        }
+    });
+    const originalKey = extractOriginalKey(copiedSchemaKey);
+    if (tmp[originalKey]) {
+        const copiedNum = tmp[originalKey];
+        const uniqKey = `${originalKey} copy ${copiedNum + 1}`;
+        stackUniqSchemaKeys.push(uniqKey);
+        return uniqKey;
+    }
+    const uniqKey = `${copiedSchemaKey} copy`;
+    stackUniqSchemaKeys.push(uniqKey);
+    return uniqKey;
+};
+export const moveCommandToChangeSchemasArg = (props) => {
+    const { command, activeSchemas, isShift, pageSize } = props;
+    const key = command === 'up' || command === 'down' ? 'y' : 'x';
+    const num = isShift ? 0.1 : 1;
+    const getValue = (as) => {
+        let value = 0;
+        const { position } = as;
+        switch (command) {
+            case 'up':
+                value = round(position.y - num, 2);
+                break;
+            case 'down':
+                value = round(position.y + num, 2);
+                break;
+            case 'left':
+                value = round(position.x - num, 2);
+                break;
+            case 'right':
+                value = round(position.x + num, 2);
+                break;
+            default:
+                break;
+        }
+        return value > 0 ? value : 0;
+    };
+    return activeSchemas.map((as) => {
+        let value = getValue(as);
+        const { width, height } = as;
+        if (key === 'x') {
+            value = value > pageSize.width - width ? round(pageSize.width - width, 2) : value;
+        }
+        else {
+            value = value > pageSize.height - height ? round(pageSize.height - height, 2) : value;
+        }
+        return { key: `position.${key}`, value, schemaId: as.id };
+    });
+};
+export const getPagesScrollTopByIndex = (pageSizes, index, scale) => {
+    return pageSizes
+        .slice(0, index)
+        .reduce((acc, cur) => acc + (cur.height * ZOOM + RULER_HEIGHT * scale) * scale, 0);
+};
+//# sourceMappingURL=helper.js.map