@pdfme/ui 1.0.18 → 1.1.0

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

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const common_1 = require("@pdfme/common");
+const constants_js_1 = require("../../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 * constants_js_1.ZOOM,
+        // Increase the width by 1 point. (0.75 pixels)
+        width: (schema.width + ((_a = schema.characterSpacing) !== null && _a !== void 0 ? _a : common_1.DEFAULT_CHARACTER_SPACING) * 0.75) * constants_js_1.ZOOM,
+        textAlign: (_b = schema.alignment) !== null && _b !== void 0 ? _b : common_1.DEFAULT_ALIGNMENT,
+        fontSize: `${(_c = schema.fontSize) !== null && _c !== void 0 ? _c : common_1.DEFAULT_FONT_SIZE}pt`,
+        letterSpacing: `${(_d = schema.characterSpacing) !== null && _d !== void 0 ? _d : common_1.DEFAULT_CHARACTER_SPACING}pt`,
+        lineHeight: `${(_e = schema.lineHeight) !== null && _e !== void 0 ? _e : common_1.DEFAULT_LINE_HEIGHT}em`,
+        whiteSpace: 'pre-line',
+        wordBreak: 'break-all',
+        border: 'none',
+        color: schema.fontColor ? schema.fontColor : common_1.DEFAULT_FONT_COLOR,
+        backgroundColor: schema.data && schema.backgroundColor ? schema.backgroundColor : 'rgb(242 244 255 / 75%)',
+    };
+    return editable ? (react_1.default.createElement("textarea", { ref: ref, placeholder: placeholder, tabIndex: tabIndex, style: style, onChange: (e) => onChange(e.target.value), value: schema.data })) : (react_1.default.createElement("div", { style: style }, schema.data.split('').map((l, i) => (react_1.default.createElement("span", { key: i, style: {
+            letterSpacing: String(schema.data).length === i + 1 ? 0 : 'inherit',
+        } }, l)))));
+};
+exports.default = (0, react_1.forwardRef)(TextSchemaUI);
+//# sourceMappingURL=TextSchema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextSchema.js","sourceRoot":"","sources":["../../../../../src/components/Schemas/TextSchema.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+C;AAC/C,0CAOuB;AAEvB,qDAA0C;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,mBAAI;QAC5B,+CAA+C;QAC/C,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,MAAA,MAAM,CAAC,gBAAgB,mCAAI,kCAAyB,CAAC,GAAG,IAAI,CAAC,GAAG,mBAAI;QAC5F,SAAS,EAAE,MAAA,MAAM,CAAC,SAAS,mCAAI,0BAAiB;QAChD,QAAQ,EAAE,GAAG,MAAA,MAAM,CAAC,QAAQ,mCAAI,0BAAiB,IAAI;QACrD,aAAa,EAAE,GAAG,MAAA,MAAM,CAAC,gBAAgB,mCAAI,kCAAyB,IAAI;QAC1E,UAAU,EAAE,GAAG,MAAA,MAAM,CAAC,UAAU,mCAAI,4BAAmB,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,2BAAkB;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,4CACE,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,uCAAK,KAAK,EAAE,KAAK,IAEd,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnC,wCACE,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,kBAAe,IAAA,kBAAU,EAA6B,YAAY,CAAC,CAAC"}

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

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Spinner = () => (react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("style", null, `
+      @keyframes spin {
+        0% { transform: rotate(0deg) }
+        
+        100% { transform: rotate(359deg) }
+      }
+    `),
+    react_1.default.createElement("div", { style: {
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+        } },
+        react_1.default.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',
+            } }))));
+exports.default = Spinner;
+//# sourceMappingURL=Spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/Spinner.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CACpB;IACE,6CACG;;;;;;KAMF,CACO;IACR,uCACE,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB;QAED,uCACE,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,kBAAe,OAAO,CAAC"}

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

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const outline_1 = require("@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_1.default.createElement(react_1.default.Fragment, null);
+    return (react_1.default.createElement("div", { style: Object.assign({ position: 'absolute' }, size) },
+        react_1.default.createElement("div", { style: {
+                position: 'sticky',
+                width: '100%',
+                zIndex: 1,
+                pointerEvents: 'none',
+                top: `calc(50% - ${buttonHeight / 2}px)`,
+                display: 'flex',
+                alignItems: 'center',
+            } },
+            unitCursor > 0 && (react_1.default.createElement("div", { style: Object.assign({ left: '1rem', marginLeft: '1rem' }, buttonWrapStyle) },
+                react_1.default.createElement("button", { style: Object.assign({ paddingLeft: '0.5rem' }, btnStyle), disabled: unitCursor <= 0, onClick: () => setUnitCursor(0) },
+                    react_1.default.createElement(outline_1.ChevronDoubleLeftIcon, { width: 20, height: 20, color: '#fff' })),
+                react_1.default.createElement("button", { style: Object.assign({ paddingLeft: '0.5rem' }, btnStyle), disabled: unitCursor <= 0, onClick: () => setUnitCursor(unitCursor - 1) },
+                    react_1.default.createElement(outline_1.ChevronLeftIcon, { width: 20, height: 20, color: '#fff' })),
+                react_1.default.createElement("strong", { style: { color: 'white', fontSize: '0.9rem' } },
+                    unitCursor + 1,
+                    "/",
+                    unitNum))),
+            unitCursor + 1 < unitNum && (react_1.default.createElement("div", { style: Object.assign({ right: '1rem', marginLeft: 'auto', marginRight: '1rem' }, buttonWrapStyle) },
+                react_1.default.createElement("strong", { style: { color: 'white', fontSize: '0.9rem' } },
+                    unitCursor + 1,
+                    "/",
+                    unitNum),
+                react_1.default.createElement("button", { style: Object.assign({ paddingRight: '0.5rem' }, btnStyle), disabled: unitCursor + 1 >= unitNum, onClick: () => setUnitCursor(unitCursor + 1) },
+                    react_1.default.createElement(outline_1.ChevronRightIcon, { width: 20, height: 20, color: '#fff' })),
+                react_1.default.createElement("button", { style: Object.assign({ paddingRight: '0.5rem' }, btnStyle), disabled: unitCursor + 1 >= unitNum, onClick: () => setUnitCursor(unitNum - 1) },
+                    react_1.default.createElement(outline_1.ChevronDoubleRightIcon, { width: 20, height: 20, color: '#fff' })))))));
+};
+exports.default = UnitPager;
+//# sourceMappingURL=UnitPager.js.map

package/dist/cjs/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/cjs/src/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SIDEBAR_WIDTH = exports.RULER_HEIGHT = exports.SELECTABLE_CLASSNAME = exports.ZOOM = exports.DESTROYED_ERR_MSG = exports.DEFAULT_LANG = void 0;
+exports.DEFAULT_LANG = 'en';
+exports.DESTROYED_ERR_MSG = 'this instance is already destroyed';
+exports.ZOOM = 3.7795275591;
+exports.SELECTABLE_CLASSNAME = 'selectable';
+exports.RULER_HEIGHT = 30;
+exports.SIDEBAR_WIDTH = 300;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,YAAY,GAAG,IAAa,CAAC;AAE7B,QAAA,iBAAiB,GAAG,oCAAoC,CAAC;AAEzD,QAAA,IAAI,GAAG,YAAY,CAAC;AAEpB,QAAA,oBAAoB,GAAG,YAAY,CAAC;AAEpC,QAAA,YAAY,GAAG,EAAE,CAAC;AAElB,QAAA,aAAa,GAAG,GAAG,CAAC"}

package/dist/cjs/src/contexts.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FontContext = exports.I18nContext = void 0;
+const react_1 = require("react");
+const i18n_js_1 = require("./i18n.js");
+const constants_js_1 = require("./constants.js");
+const common_1 = require("@pdfme/common");
+exports.I18nContext = (0, react_1.createContext)((0, i18n_js_1.curriedI18n)(constants_js_1.DEFAULT_LANG));
+exports.FontContext = (0, react_1.createContext)((0, common_1.getDefaultFont)());
+//# sourceMappingURL=contexts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"contexts.js","sourceRoot":"","sources":["../../../src/contexts.ts"],"names":[],"mappings":";;;AAAA,iCAAsC;AACtC,uCAAwC;AACxC,iDAA8C;AAC9C,0CAA+C;AAElC,QAAA,WAAW,GAAG,IAAA,qBAAa,EAAC,IAAA,qBAAW,EAAC,2BAAY,CAAC,CAAC,CAAC;AAEvD,QAAA,WAAW,GAAG,IAAA,qBAAa,EAAC,IAAA,uBAAc,GAAE,CAAC,CAAC"}

package/dist/cjs/src/helper.js

@@ -0,0 +1,466 @@
+"use strict";
+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());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPagesScrollTopByIndex = exports.moveCommandToChangeSchemasArg = exports.getUniqSchemaKey = exports.getKeepRatioHeightByWidth = exports.getSampleByType = exports.getInitialSchema = exports.fmtTemplate = exports.templateSchemas2SchemasList = exports.b64toBlob = exports.pdf2Pngs = exports.getPdfPageSizes = exports.px2mm = exports.readFiles = exports.destroyShortCuts = exports.initShortCuts = exports.flatten = exports.cloneDeep = exports.round = exports.debounce = exports.set = exports.uuid = void 0;
+// @ts-ignore
+const pdf_worker_entry_js_1 = __importDefault(require("pdfjs-dist/build/pdf.worker.entry.js"));
+const pdf_js_1 = require("pdfjs-dist/legacy/build/pdf.js");
+pdf_js_1.GlobalWorkerOptions.workerSrc = pdf_worker_entry_js_1.default;
+const hotkeys_js_1 = __importDefault(require("hotkeys-js"));
+const common_1 = require("@pdfme/common");
+const constants_js_1 = require("./constants.js");
+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);
+});
+exports.uuid = uuid;
+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];
+        }
+    });
+};
+exports.set = set;
+const debounce = (cb, wait = 20) => {
+    let h = null;
+    const callable = (...args) => {
+        if (h)
+            clearTimeout(h);
+        h = setTimeout(() => cb(...args), wait);
+    };
+    return callable;
+};
+exports.debounce = debounce;
+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}`);
+};
+const round = (number, precision) => {
+    return shift(Math.round(shift(number, precision, false)), precision, true);
+};
+exports.round = round;
+const cloneDeep = (value) => JSON.parse(JSON.stringify(value));
+exports.cloneDeep = cloneDeep;
+const flatten = (arr) => [].concat(...arr);
+exports.flatten = flatten;
+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,
+];
+const initShortCuts = (arg) => {
+    (0, hotkeys_js_1.default)(keys.join(), (e, handler) => {
+        switch (handler.shortcut) {
+            case up:
+            case shiftUp:
+                e.preventDefault();
+                arg.move('up', hotkeys_js_1.default.shift);
+                break;
+            case down:
+            case shiftDown:
+                e.preventDefault();
+                arg.move('down', hotkeys_js_1.default.shift);
+                break;
+            case left:
+            case shiftLeft:
+                e.preventDefault();
+                arg.move('left', hotkeys_js_1.default.shift);
+                break;
+            case right:
+            case shiftRight:
+                e.preventDefault();
+                arg.move('right', hotkeys_js_1.default.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;
+        }
+    });
+};
+exports.initShortCuts = initShortCuts;
+const destroyShortCuts = () => {
+    hotkeys_js_1.default.unbind(keys.join());
+};
+exports.destroyShortCuts = destroyShortCuts;
+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);
+            }
+        }
+    });
+};
+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));
+        }
+    });
+};
+exports.readFiles = readFiles;
+const pt2mm = (pt) => {
+    // https://www.ddc.co.jp/words/archives/20090701114500.html
+    const mmRatio = 0.3527;
+    return parseFloat(String(pt)) * mmRatio;
+};
+const px2mm = (px) => {
+    // http://www.unitconversion.org/typography/millimeters-to-pixels-y-conversion.html
+    const mmRatio = 0.264583333;
+    return parseFloat(String(px)) * mmRatio;
+};
+exports.px2mm = px2mm;
+const getPdfPageSizes = (pdfBlob) => __awaiter(void 0, void 0, void 0, function* () {
+    const url = URL.createObjectURL(pdfBlob);
+    const pdfDoc = yield (0, pdf_js_1.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;
+});
+exports.getPdfPageSizes = getPdfPageSizes;
+const pdf2Images = (pdfBlob, width, imageType) => __awaiter(void 0, void 0, void 0, function* () {
+    const url = URL.createObjectURL(pdfBlob);
+    const pdfDoc = yield (0, pdf_js_1.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;
+});
+const pdf2Pngs = (pdfBlob, width) => pdf2Images(pdfBlob, width, 'png');
+exports.pdf2Pngs = pdf2Pngs;
+const b64toBlob = (base64) => {
+    const uniy8Array = (0, common_1.b64toUint8Array)(base64);
+    const [, , mimeType] = base64.match(/(:)([a-z/]+)(;)/);
+    return new Blob([uniy8Array.buffer], { type: mimeType });
+};
+exports.b64toBlob = b64toBlob;
+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: (0, exports.uuid)(),
+            });
+        })
+        : []);
+    return acc;
+}, []);
+const templateSchemas2SchemasList = (_template) => __awaiter(void 0, void 0, void 0, function* () {
+    const template = (0, exports.cloneDeep)(_template);
+    const sortedSchemasList = sortSchemasList(template, template.schemas.length);
+    const basePdf = yield (0, common_1.getB64BasePdf)(template.basePdf);
+    const pdfBlob = (0, exports.b64toBlob)(basePdf);
+    const pageSizes = yield (0, exports.getPdfPageSizes)(pdfBlob);
+    const ssl = sortedSchemasList.length;
+    const psl = pageSizes.length;
+    const schemasList = (ssl < psl
+        ? sortedSchemasList.concat(new Array(psl - ssl).fill((0, exports.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;
+});
+exports.templateSchemas2SchemasList = templateSchemas2SchemasList;
+const fmtTemplate = (template, schemasList) => {
+    const schemaAddedTemplate = Object.assign(Object.assign({}, template), { schemas: (0, exports.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: (0, exports.cloneDeep)(schemasList).reduce((acc, cur) => acc.concat(cur.map((s) => s.key)), []), sampledata: [
+            (0, exports.cloneDeep)(schemasList).reduce((acc, cur) => {
+                cur.forEach((c) => {
+                    acc[c.key] = c.data;
+                });
+                return acc;
+            }, {}),
+        ], basePdf: template.basePdf });
+    return schemaAddedTemplate;
+};
+exports.fmtTemplate = fmtTemplate;
+const getInitialSchema = () => ({
+    id: (0, exports.uuid)(),
+    key: '',
+    data: '',
+    type: 'text',
+    position: { x: 0, y: 0 },
+    width: 35,
+    height: 7,
+    alignment: common_1.DEFAULT_ALIGNMENT,
+    fontSize: common_1.DEFAULT_FONT_SIZE,
+    characterSpacing: common_1.DEFAULT_CHARACTER_SPACING,
+    lineHeight: common_1.DEFAULT_LINE_HEIGHT,
+});
+exports.getInitialSchema = getInitialSchema;
+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] : '';
+};
+exports.getSampleByType = getSampleByType;
+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);
+};
+exports.getKeepRatioHeightByWidth = getKeepRatioHeightByWidth;
+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;
+};
+exports.getUniqSchemaKey = getUniqSchemaKey;
+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 = (0, exports.round)(position.y - num, 2);
+                break;
+            case 'down':
+                value = (0, exports.round)(position.y + num, 2);
+                break;
+            case 'left':
+                value = (0, exports.round)(position.x - num, 2);
+                break;
+            case 'right':
+                value = (0, exports.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 ? (0, exports.round)(pageSize.width - width, 2) : value;
+        }
+        else {
+            value = value > pageSize.height - height ? (0, exports.round)(pageSize.height - height, 2) : value;
+        }
+        return { key: `position.${key}`, value, schemaId: as.id };
+    });
+};
+exports.moveCommandToChangeSchemasArg = moveCommandToChangeSchemasArg;
+const getPagesScrollTopByIndex = (pageSizes, index, scale) => {
+    return pageSizes
+        .slice(0, index)
+        .reduce((acc, cur) => acc + (cur.height * constants_js_1.ZOOM + constants_js_1.RULER_HEIGHT * scale) * scale, 0);
+};
+exports.getPagesScrollTopByIndex = getPagesScrollTopByIndex;
+//# sourceMappingURL=helper.js.map