@operato/ocr 0.2.15 → 0.2.19
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/CHANGELOG.md +19 -0
- package/demo/index.html +35 -25
- package/dist/src/camera-capturer.js +2 -2
- package/dist/src/camera-capturer.js.map +1 -1
- package/dist/src/index.d.ts +1 -1
- package/dist/src/index.js +1 -1
- package/dist/src/index.js.map +1 -1
- package/dist/src/ox-camera-capturer.d.ts +14 -0
- package/dist/src/ox-camera-capturer.js +178 -0
- package/dist/src/ox-camera-capturer.js.map +1 -0
- package/dist/src/{ocr-helper.d.ts → ox-ocr-helper.d.ts} +4 -2
- package/dist/src/{ocr-helper.js → ox-ocr-helper.js} +26 -25
- package/dist/src/ox-ocr-helper.js.map +1 -0
- package/dist/src/ox-ocr-result-image.d.ts +47 -0
- package/dist/src/ox-ocr-result-image.js +921 -0
- package/dist/src/ox-ocr-result-image.js.map +1 -0
- package/dist/src/utils/file-drop-helper.d.ts +16 -0
- package/dist/src/utils/file-drop-helper.js +47 -0
- package/dist/src/utils/file-drop-helper.js.map +1 -0
- package/dist/src/utils/touch-mouse-event.d.ts +0 -0
- package/dist/src/utils/touch-mouse-event.js +2 -0
- package/dist/src/utils/touch-mouse-event.js.map +1 -0
- package/dist/src/utils/touch-to-mouse-event.d.ts +1 -0
- package/dist/src/utils/touch-to-mouse-event.js +34 -0
- package/dist/src/utils/touch-to-mouse-event.js.map +1 -0
- package/dist/stories/index.stories.d.ts +1 -1
- package/dist/stories/index.stories.js +10 -14
- package/dist/stories/index.stories.js.map +1 -1
- package/dist/test/ox-ocr-helper.test.d.ts +1 -0
- package/dist/test/{ocr-helper.test.js → ox-ocr-helper.test.js} +7 -7
- package/dist/test/ox-ocr-helper.test.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -2
- package/src/index.ts +1 -1
- package/src/{camera-capturer.ts → ox-camera-capturer.ts} +18 -10
- package/src/{ocr-helper.ts → ox-ocr-helper.ts} +27 -26
- package/src/ox-ocr-result-image.ts +954 -0
- package/src/{file-drop-helper.ts → utils/file-drop-helper.ts} +0 -0
- package/src/utils/touch-to-mouse-event.ts +39 -0
- package/stories/index.stories.ts +29 -37
- package/test/{ocr-helper.test.ts → ox-ocr-helper.test.ts} +8 -7
- package/dist/src/ocr-helper.js.map +0 -1
- package/dist/test/ocr-helper.test.d.ts +0 -1
- package/dist/test/ocr-helper.test.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ox-ocr-result-image.js","sourceRoot":"","sources":["../../src/ox-ocr-result-image.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { touch2mouse } from './utils/touch-to-mouse-event'\n\ntype ScanResult = {\n status_code: number\n key_values: {\n [key: string]: Array<string>\n }\n boundaries: Array<Array<{ x: number; y: number }>>\n texts: Array<string>\n}\n\n@customElement('ox-ocr-result-image')\nexport class OcrResultImage extends LitElement {\n static styles = [\n css`\n :host {\n display: block;\n position: relative;\n }\n\n img {\n display: block;\n flex: 1;\n border: 0;\n padding: 0;\n margin: 0;\n max-width: 100%;\n max-height: 100%;\n }\n\n [overlay] {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n border: 0;\n padding: 0;\n margin: 0;\n opacity: 50%;\n }\n\n [notice] {\n position: absolute;\n bottom: 0;\n background-color: var(--primary-color, #38a25b);\n padding: var(--padding-default, 9px) var(--padding-wide, 15px);\n opacity: 0.95;\n\n overflow-wrap: anywhere;\n\n color: #fff;\n font-size: 1.5em;\n }\n `\n ]\n\n @property({ type: Array }) file: any\n @property({ type: Array }) result: ScanResult = RESULT\n\n @state() _ratio!: { x: number; y: number }\n @state() _image!: string\n @state() _resizeObserver!: ResizeObserver\n @state() _trails: Array<Array<{ x: number; y: number }>> = []\n @state() _tracking: boolean = false\n @state() _selections: Array<number> = []\n @state() _text: string = ''\n\n @query('img') _img!: HTMLImageElement\n @query('[overlay]') _overlay!: HTMLCanvasElement\n\n render() {\n return html`\n <img src=${this._image} />\n <canvas overlay></canvas>\n\n ${this._text ? html` <div notice>${this._text} copied!</div> ` : html``}\n `\n }\n\n renderOverlay() {\n const { boundaries } = this.result\n\n const context = this._overlay.getContext('2d')\n if (!context) {\n return\n }\n\n context.save()\n\n context.clearRect(0, 0, this._overlay.width, this._overlay.height)\n\n context.lineWidth = 5\n context.strokeStyle = 'red'\n context.fillStyle = 'red'\n context.lineJoin = 'round'\n context.lineCap = 'round'\n\n this._image &&\n boundaries\n .map((bounds): Array<{ x: number; y: number }> => {\n return bounds.map(bound => {\n return {\n x: bound.x * this._ratio.x,\n y: bound.y * this._ratio.y\n }\n })\n })\n .forEach((bounds, idx) => {\n context.beginPath()\n context.moveTo(bounds[0].x, bounds[0].y)\n context.lineTo(bounds[1].x, bounds[1].y)\n context.lineTo(bounds[2].x, bounds[2].y)\n context.lineTo(bounds[3].x, bounds[3].y)\n context.closePath()\n\n if (this._selections.includes(idx)) {\n context.fill()\n }\n context.stroke()\n })\n\n /* draw trails */\n if (this._trails && this._trails.length > 0) {\n context.lineWidth = 10\n context.strokeStyle = 'blue'\n\n context.beginPath()\n\n this._trails.forEach(trail => {\n if (trail && trail.length > 0) {\n const { x, y } = trail[0]\n context.moveTo(x, y)\n\n trail.slice(1).forEach(point => {\n const { x, y } = point\n context.lineTo(x, y)\n })\n }\n })\n\n context.stroke()\n }\n\n context.restore()\n }\n\n async calculateRatio() {\n const { naturalWidth, naturalHeight, offsetWidth, offsetHeight } = this._img\n\n this._overlay.setAttribute('width', String(offsetWidth))\n this._overlay.setAttribute('height', String(offsetHeight))\n\n this._ratio = {\n x: offsetWidth / naturalWidth,\n y: offsetHeight / naturalHeight\n }\n }\n\n async connectedCallback() {\n await super.connectedCallback()\n\n this._resizeObserver = new ResizeObserver(entries => {\n this.calculateRatio()\n this.renderOverlay()\n })\n\n await this.updateComplete\n this._resizeObserver.observe(this._overlay)\n\n this.calculateRatio()\n\n this.addEventListener('mousedown', this.onTrailStart.bind(this) as EventListener)\n this.addEventListener('mouseup', this.onTrailEnd.bind(this) as EventListener)\n this.addEventListener('mousemove', this.onTrail.bind(this) as EventListener)\n this.addEventListener('touchstart', touch2mouse as EventListener)\n this.addEventListener('touchend', touch2mouse as EventListener)\n this.addEventListener('touchmove', touch2mouse as EventListener)\n }\n\n disconnectedCallback() {\n super.disconnectedCallback()\n\n this._resizeObserver.disconnect()\n }\n\n async updated(changes: PropertyValues<this>) {\n if (changes.has('file')) {\n this._image = this.file && URL.createObjectURL(this.file)\n if (this._image) {\n requestAnimationFrame(() => URL.revokeObjectURL(this._image))\n }\n }\n\n await this.updateComplete\n\n this.renderOverlay()\n }\n\n findIndex(x: number, y: number): number {\n x /= this._ratio.x\n y /= this._ratio.y\n\n const { boundaries } = this.result\n\n return boundaries.findIndex(path => {\n var result = false\n\n path.forEach((p, idx) => {\n let j = (idx + path.length + 1) % path.length\n\n let x1 = p.x\n let y1 = p.y\n let x2 = path[j].x\n let y2 = path[j].y\n\n if (y1 > y != y2 > y && x < ((x2 - x1) * (y - y1)) / (y2 - y1) + x1) {\n result = !result\n }\n })\n\n return result\n })\n }\n\n updateTrails(point: { x: number; y: number }, started: boolean, attached?: boolean) {\n if (started && !attached) {\n this._selections = []\n this._trails = []\n }\n\n if (started) {\n this._trails.push([])\n }\n\n var trail = this._trails[this._trails.length - 1]\n\n trail.push(point)\n\n this._trails.flat().forEach(({ x, y }) => {\n const idx = this.findIndex(x, y)\n if (idx === -1) {\n return\n }\n\n if (!this._selections.includes(idx)) {\n this._selections.push(idx)\n }\n })\n\n this.requestUpdate()\n }\n\n onTrailStart(e: MouseEvent) {\n const { offsetX: x, offsetY: y, button, shiftKey } = e\n\n if (button !== 0) {\n return\n }\n\n this._tracking = true\n this.updateTrails({ x, y }, true, shiftKey)\n }\n\n onTrailEnd(e: MouseEvent) {\n if (!this._tracking) {\n return\n }\n\n this._text = this._selections.map(idx => this.result.texts[idx]).join('')\n\n this.dispatchEvent(\n new CustomEvent('selected', {\n detail: this._text\n })\n )\n\n this._tracking = false\n }\n\n onTrail(e: MouseEvent) {\n const { offsetX: x, offsetY: y } = e\n\n if (!this._tracking) {\n return\n }\n\n this.updateTrails({ x, y }, false)\n }\n}\n\nconst RESULT = {\n status_code: 200,\n key_values: {\n '1P': ['LNK304PG'],\n Q: ['259', '311', '430'],\n '9D': ['2139', '2139', '2135'],\n '1T': ['BA268F', 'BA268C', 'BC488D']\n },\n boundaries: [\n [\n {\n x: 217.0,\n y: 117.0\n },\n {\n x: 291.0,\n y: 120.0\n },\n {\n x: 291.0,\n y: 143.0\n },\n {\n x: 216.0,\n y: 140.0\n }\n ],\n [\n {\n x: 294.0,\n y: 120.0\n },\n {\n x: 442.0,\n y: 129.0\n },\n {\n x: 441.0,\n y: 151.0\n },\n {\n x: 292.0,\n y: 143.0\n }\n ],\n [\n {\n x: 443.0,\n y: 130.0\n },\n {\n x: 484.0,\n y: 130.0\n },\n {\n x: 484.0,\n y: 151.0\n },\n {\n x: 443.0,\n y: 151.0\n }\n ],\n [\n {\n x: 549.0,\n y: 134.0\n },\n {\n x: 642.0,\n y: 138.0\n },\n {\n x: 642.0,\n y: 157.0\n },\n {\n x: 548.0,\n y: 152.0\n }\n ],\n [\n {\n x: 255.0,\n y: 163.0\n },\n {\n x: 390.0,\n y: 167.0\n },\n {\n x: 389.0,\n y: 191.0\n },\n {\n x: 254.0,\n y: 187.0\n }\n ],\n [\n {\n x: 212.0,\n y: 208.0\n },\n {\n x: 255.0,\n y: 208.0\n },\n {\n x: 255.0,\n y: 235.0\n },\n {\n x: 212.0,\n y: 235.0\n }\n ],\n [\n {\n x: 257.0,\n y: 210.0\n },\n {\n x: 320.0,\n y: 210.0\n },\n {\n x: 320.0,\n y: 232.0\n },\n {\n x: 257.0,\n y: 232.0\n }\n ],\n [\n {\n x: 383.0,\n y: 214.0\n },\n {\n x: 480.0,\n y: 218.0\n },\n {\n x: 480.0,\n y: 240.0\n },\n {\n x: 383.0,\n y: 236.0\n }\n ],\n [\n {\n x: 215.0,\n y: 301.0\n },\n {\n x: 382.0,\n y: 301.0\n },\n {\n x: 382.0,\n y: 325.0\n },\n {\n x: 215.0,\n y: 325.0\n }\n ],\n [\n {\n x: 436.0,\n y: 305.0\n },\n {\n x: 539.0,\n y: 305.0\n },\n {\n x: 539.0,\n y: 327.0\n },\n {\n x: 436.0,\n y: 327.0\n }\n ],\n [\n {\n x: 537.0,\n y: 308.0\n },\n {\n x: 582.0,\n y: 308.0\n },\n {\n x: 582.0,\n y: 328.0\n },\n {\n x: 537.0,\n y: 328.0\n }\n ],\n [\n {\n x: 594.0,\n y: 309.0\n },\n {\n x: 624.0,\n y: 309.0\n },\n {\n x: 624.0,\n y: 334.0\n },\n {\n x: 594.0,\n y: 334.0\n }\n ],\n [\n {\n x: 624.0,\n y: 310.0\n },\n {\n x: 659.0,\n y: 310.0\n },\n {\n x: 659.0,\n y: 330.0\n },\n {\n x: 624.0,\n y: 330.0\n }\n ],\n [\n {\n x: 675.0,\n y: 311.0\n },\n {\n x: 707.0,\n y: 311.0\n },\n {\n x: 707.0,\n y: 330.0\n },\n {\n x: 675.0,\n y: 330.0\n }\n ],\n [\n {\n x: 735.0,\n y: 342.0\n },\n {\n x: 775.0,\n y: 342.0\n },\n {\n x: 775.0,\n y: 360.0\n },\n {\n x: 735.0,\n y: 360.0\n }\n ],\n [\n {\n x: 806.0,\n y: 341.0\n },\n {\n x: 829.0,\n y: 341.0\n },\n {\n x: 829.0,\n y: 359.0\n },\n {\n x: 806.0,\n y: 359.0\n }\n ],\n [\n {\n x: 217.0,\n y: 386.0\n },\n {\n x: 381.0,\n y: 383.0\n },\n {\n x: 381.0,\n y: 407.0\n },\n {\n x: 217.0,\n y: 410.0\n }\n ],\n [\n {\n x: 436.0,\n y: 387.0\n },\n {\n x: 536.0,\n y: 387.0\n },\n {\n x: 536.0,\n y: 410.0\n },\n {\n x: 436.0,\n y: 410.0\n }\n ],\n [\n {\n x: 535.0,\n y: 388.0\n },\n {\n x: 577.0,\n y: 388.0\n },\n {\n x: 577.0,\n y: 407.0\n },\n {\n x: 535.0,\n y: 407.0\n }\n ],\n [\n {\n x: 590.0,\n y: 387.0\n },\n {\n x: 617.0,\n y: 387.0\n },\n {\n x: 617.0,\n y: 411.0\n },\n {\n x: 590.0,\n y: 411.0\n }\n ],\n [\n {\n x: 618.0,\n y: 388.0\n },\n {\n x: 653.0,\n y: 388.0\n },\n {\n x: 653.0,\n y: 409.0\n },\n {\n x: 618.0,\n y: 409.0\n }\n ],\n [\n {\n x: 669.0,\n y: 389.0\n },\n {\n x: 702.0,\n y: 389.0\n },\n {\n x: 702.0,\n y: 408.0\n },\n {\n x: 669.0,\n y: 408.0\n }\n ],\n [\n {\n x: 728.0,\n y: 416.0\n },\n {\n x: 769.0,\n y: 416.0\n },\n {\n x: 769.0,\n y: 436.0\n },\n {\n x: 728.0,\n y: 436.0\n }\n ],\n [\n {\n x: 798.0,\n y: 416.0\n },\n {\n x: 822.0,\n y: 416.0\n },\n {\n x: 822.0,\n y: 433.0\n },\n {\n x: 798.0,\n y: 433.0\n }\n ],\n [\n {\n x: 219.0,\n y: 465.0\n },\n {\n x: 381.0,\n y: 460.0\n },\n {\n x: 382.0,\n y: 482.0\n },\n {\n x: 220.0,\n y: 487.0\n }\n ],\n [\n {\n x: 434.0,\n y: 463.0\n },\n {\n x: 534.0,\n y: 461.0\n },\n {\n x: 534.0,\n y: 481.0\n },\n {\n x: 435.0,\n y: 483.0\n }\n ],\n [\n {\n x: 532.0,\n y: 462.0\n },\n {\n x: 574.0,\n y: 462.0\n },\n {\n x: 574.0,\n y: 479.0\n },\n {\n x: 532.0,\n y: 479.0\n }\n ],\n [\n {\n x: 587.0,\n y: 461.0\n },\n {\n x: 614.0,\n y: 461.0\n },\n {\n x: 614.0,\n y: 482.0\n },\n {\n x: 587.0,\n y: 482.0\n }\n ],\n [\n {\n x: 616.0,\n y: 461.0\n },\n {\n x: 650.0,\n y: 463.0\n },\n {\n x: 649.0,\n y: 481.0\n },\n {\n x: 615.0,\n y: 479.0\n }\n ],\n [\n {\n x: 664.0,\n y: 461.0\n },\n {\n x: 697.0,\n y: 461.0\n },\n {\n x: 697.0,\n y: 479.0\n },\n {\n x: 664.0,\n y: 479.0\n }\n ],\n [\n {\n x: 723.0,\n y: 486.0\n },\n {\n x: 761.0,\n y: 486.0\n },\n {\n x: 761.0,\n y: 504.0\n },\n {\n x: 723.0,\n y: 504.0\n }\n ],\n [\n {\n x: 792.0,\n y: 485.0\n },\n {\n x: 814.0,\n y: 485.0\n },\n {\n x: 814.0,\n y: 500.0\n },\n {\n x: 792.0,\n y: 500.0\n }\n ],\n [\n {\n x: 586.0,\n y: 535.0\n },\n {\n x: 626.0,\n y: 535.0\n },\n {\n x: 626.0,\n y: 551.0\n },\n {\n x: 586.0,\n y: 551.0\n }\n ],\n [\n {\n x: 664.0,\n y: 533.0\n },\n {\n x: 700.0,\n y: 533.0\n },\n {\n x: 700.0,\n y: 548.0\n },\n {\n x: 664.0,\n y: 548.0\n }\n ]\n ],\n texts: [\n 'POWER',\n 'INTEGRATIONS',\n 'INC.',\n '15/10/2021',\n 'LinkSwitchTM',\n '(1P)',\n 'PROD:',\n 'LNK304PG',\n '(1T)LotNo:BA268F',\n '(9D)DtCode:',\n '2139',\n '(Q)',\n 'Qty:',\n '259',\n 'COO:',\n 'CN',\n '(1T)LotNo:BA268C',\n '(9D)DtCode:',\n '2139',\n '(Q)',\n 'Qty:',\n '311',\n 'COO:',\n 'CN',\n '(1T)LotNo:BC488D',\n '(9D)DtCode:',\n '2135',\n '(Q)',\n 'Qty:',\n '430',\n 'COO:',\n 'CN',\n 'Total',\n '1000'\n ]\n}\n"]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* judge callback function for FileDropHelper.set
|
|
3
|
+
*/
|
|
4
|
+
declare type JudgeCallback = () => boolean;
|
|
5
|
+
/**
|
|
6
|
+
* file drop assist class
|
|
7
|
+
*/
|
|
8
|
+
export declare class FileDropHelper {
|
|
9
|
+
/**
|
|
10
|
+
* 파일 드롭 영역에서의 file drag&drop과 관련된 이벤트에 대한 처리를 설정한다.
|
|
11
|
+
* @param dropArea file drag&drop target area
|
|
12
|
+
* @param [judge] file drag&drop과 관련된 이벤트에 대한 judge callback function
|
|
13
|
+
*/
|
|
14
|
+
static set(dropArea: HTMLElement, judge?: JudgeCallback): void;
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* file drop assist class
|
|
3
|
+
*/
|
|
4
|
+
export class FileDropHelper {
|
|
5
|
+
/**
|
|
6
|
+
* 파일 드롭 영역에서의 file drag&drop과 관련된 이벤트에 대한 처리를 설정한다.
|
|
7
|
+
* @param dropArea file drag&drop target area
|
|
8
|
+
* @param [judge] file drag&drop과 관련된 이벤트에 대한 judge callback function
|
|
9
|
+
*/
|
|
10
|
+
static set(dropArea, judge) {
|
|
11
|
+
var preventDefaults = (e) => {
|
|
12
|
+
if (!judge || judge()) {
|
|
13
|
+
e.preventDefault();
|
|
14
|
+
e.stopPropagation();
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
var highlight = (e) => {
|
|
18
|
+
if (!judge || judge()) {
|
|
19
|
+
dropArea.classList.add('candrop');
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
var unhighlight = (e) => {
|
|
23
|
+
if (!judge || judge()) {
|
|
24
|
+
dropArea.classList.remove('candrop');
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
['dragenter', 'dragover', 'dragleave', 'drop'].forEach(event => {
|
|
28
|
+
dropArea.addEventListener(event, preventDefaults, false);
|
|
29
|
+
});
|
|
30
|
+
['dragenter', 'dragover'].forEach(event => {
|
|
31
|
+
dropArea.addEventListener(event, highlight, false);
|
|
32
|
+
});
|
|
33
|
+
['dragleave', 'drop'].forEach(event => {
|
|
34
|
+
dropArea.addEventListener(event, unhighlight, false);
|
|
35
|
+
});
|
|
36
|
+
dropArea.addEventListener('drop', e => {
|
|
37
|
+
if (!judge || judge()) {
|
|
38
|
+
let dt = e.dataTransfer;
|
|
39
|
+
let files = dt.files;
|
|
40
|
+
dropArea.dispatchEvent(new CustomEvent('file-drop', {
|
|
41
|
+
detail: [...Array.from(files)]
|
|
42
|
+
}));
|
|
43
|
+
}
|
|
44
|
+
}, false);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
//# sourceMappingURL=file-drop-helper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-drop-helper.js","sourceRoot":"","sources":["../../../src/utils/file-drop-helper.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,OAAO,cAAc;IACzB;;;;OAIG;IACH,MAAM,CAAC,GAAG,CAAC,QAAqB,EAAE,KAAqB;QACrD,IAAI,eAAe,GAAG,CAAC,CAAQ,EAAE,EAAE;YACjC,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,EAAE;gBACrB,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,CAAC,CAAC,eAAe,EAAE,CAAA;aACpB;QACH,CAAC,CAAA;QAED,IAAI,SAAS,GAAG,CAAC,CAAQ,EAAE,EAAE;YAC3B,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,EAAE;gBACrB,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;aAClC;QACH,CAAC,CAAA;QAED,IAAI,WAAW,GAAG,CAAC,CAAQ,EAAE,EAAE;YAC7B,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,EAAE;gBACrB,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;aACrC;QACH,CAAC,CAEA;QAAA,CAAC,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAC9D,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,CAAC,CAAA;QAC1D,CAAC,CAAC,CACD;QAAA,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACzC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;QACpD,CAAC,CAAC,CACD;QAAA,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,CAAC,CAAA;QACtD,CAAC,CAAC,CAAA;QAEF,QAAQ,CAAC,gBAAgB,CACvB,MAAM,EACN,CAAC,CAAC,EAAE;YACF,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,EAAE;gBACrB,IAAI,EAAE,GAAG,CAAC,CAAC,YAAa,CAAA;gBACxB,IAAI,KAAK,GAAG,EAAE,CAAC,KAAK,CAAA;gBAEpB,QAAQ,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,WAAW,EAAE;oBAC3B,MAAM,EAAE,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBAC/B,CAAC,CACH,CAAA;aACF;QACH,CAAC,EACD,KAAK,CACN,CAAA;IACH,CAAC;CACF","sourcesContent":["/**\n * judge callback function for FileDropHelper.set\n */\ntype JudgeCallback = () => boolean\n\n/**\n * file drop assist class\n */\nexport class FileDropHelper {\n /**\n * 파일 드롭 영역에서의 file drag&drop과 관련된 이벤트에 대한 처리를 설정한다.\n * @param dropArea file drag&drop target area\n * @param [judge] file drag&drop과 관련된 이벤트에 대한 judge callback function\n */\n static set(dropArea: HTMLElement, judge?: JudgeCallback) {\n var preventDefaults = (e: Event) => {\n if (!judge || judge()) {\n e.preventDefault()\n e.stopPropagation()\n }\n }\n\n var highlight = (e: Event) => {\n if (!judge || judge()) {\n dropArea.classList.add('candrop')\n }\n }\n\n var unhighlight = (e: Event) => {\n if (!judge || judge()) {\n dropArea.classList.remove('candrop')\n }\n }\n\n ;['dragenter', 'dragover', 'dragleave', 'drop'].forEach(event => {\n dropArea.addEventListener(event, preventDefaults, false)\n })\n ;['dragenter', 'dragover'].forEach(event => {\n dropArea.addEventListener(event, highlight, false)\n })\n ;['dragleave', 'drop'].forEach(event => {\n dropArea.addEventListener(event, unhighlight, false)\n })\n\n dropArea.addEventListener(\n 'drop',\n e => {\n if (!judge || judge()) {\n let dt = e.dataTransfer!\n let files = dt.files\n\n dropArea.dispatchEvent(\n new CustomEvent('file-drop', {\n detail: [...Array.from(files)]\n })\n )\n }\n },\n false\n )\n }\n}\n"]}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"touch-mouse-event.js","sourceRoot":"","sources":["../../../src/utils/touch-mouse-event.ts"],"names":[],"mappings":"","sourcesContent":[""]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function touch2mouse(e: TouchEvent): void;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export function touch2mouse(e) {
|
|
2
|
+
var _a;
|
|
3
|
+
e.preventDefault();
|
|
4
|
+
if (e.touches.length > 1 || (e.type == 'touchend' && e.touches.length > 0)) {
|
|
5
|
+
return;
|
|
6
|
+
}
|
|
7
|
+
var type = '';
|
|
8
|
+
const touch = e.changedTouches[0];
|
|
9
|
+
switch (e.type) {
|
|
10
|
+
case 'touchstart':
|
|
11
|
+
type = 'mousedown';
|
|
12
|
+
break;
|
|
13
|
+
case 'touchmove':
|
|
14
|
+
type = 'mousemove';
|
|
15
|
+
break;
|
|
16
|
+
case 'touchend':
|
|
17
|
+
type = 'mouseup';
|
|
18
|
+
break;
|
|
19
|
+
}
|
|
20
|
+
const { screenX, screenY, clientX, clientY } = touch;
|
|
21
|
+
const { ctrlKey, altKey, shiftKey, metaKey } = e;
|
|
22
|
+
(_a = e.target) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new MouseEvent(type, {
|
|
23
|
+
screenX,
|
|
24
|
+
screenY,
|
|
25
|
+
clientX,
|
|
26
|
+
clientY,
|
|
27
|
+
ctrlKey,
|
|
28
|
+
altKey,
|
|
29
|
+
shiftKey,
|
|
30
|
+
metaKey,
|
|
31
|
+
button: 0
|
|
32
|
+
}));
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=touch-to-mouse-event.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"touch-to-mouse-event.js","sourceRoot":"","sources":["../../../src/utils/touch-to-mouse-event.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CAAC,CAAa;;IACvC,CAAC,CAAC,cAAc,EAAE,CAAA;IAElB,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,UAAU,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;QAC1E,OAAM;KACP;IAED,IAAI,IAAI,GAAG,EAAE,CAAA;IACb,MAAM,KAAK,GAAG,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAA;IAEjC,QAAQ,CAAC,CAAC,IAAI,EAAE;QACd,KAAK,YAAY;YACf,IAAI,GAAG,WAAW,CAAA;YAClB,MAAK;QACP,KAAK,WAAW;YACd,IAAI,GAAG,WAAW,CAAA;YAClB,MAAK;QACP,KAAK,UAAU;YACb,IAAI,GAAG,SAAS,CAAA;YAChB,MAAK;KACR;IAED,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IACpD,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,CAAC,CAAA;IAEhD,MAAA,CAAC,CAAC,MAAM,0CAAE,aAAa,CACrB,IAAI,UAAU,CAAC,IAAI,EAAE;QACnB,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,MAAM;QACN,QAAQ;QACR,OAAO;QACP,MAAM,EAAE,CAAC;KACV,CAAC,CACH,CAAA;AACH,CAAC","sourcesContent":["export function touch2mouse(e: TouchEvent) {\n e.preventDefault()\n\n if (e.touches.length > 1 || (e.type == 'touchend' && e.touches.length > 0)) {\n return\n }\n\n var type = ''\n const touch = e.changedTouches[0]\n\n switch (e.type) {\n case 'touchstart':\n type = 'mousedown'\n break\n case 'touchmove':\n type = 'mousemove'\n break\n case 'touchend':\n type = 'mouseup'\n break\n }\n\n const { screenX, screenY, clientX, clientY } = touch\n const { ctrlKey, altKey, shiftKey, metaKey } = e\n\n e.target?.dispatchEvent(\n new MouseEvent(type, {\n screenX,\n screenY,\n clientX,\n clientY,\n ctrlKey,\n altKey,\n shiftKey,\n metaKey,\n button: 0\n })\n )\n}\n"]}
|
|
@@ -1,37 +1,33 @@
|
|
|
1
|
+
import '../src/ox-ocr-helper.js';
|
|
1
2
|
import { html } from 'lit';
|
|
2
|
-
import '../src/ocr-helper.js';
|
|
3
3
|
export default {
|
|
4
4
|
title: 'OcrHelper',
|
|
5
|
-
component: 'ocr-helper',
|
|
5
|
+
component: 'ox-ocr-helper',
|
|
6
6
|
argTypes: {
|
|
7
7
|
title: { control: 'text' },
|
|
8
8
|
counter: { control: 'number' },
|
|
9
|
-
textColor: { control: 'color' }
|
|
10
|
-
}
|
|
9
|
+
textColor: { control: 'color' }
|
|
10
|
+
}
|
|
11
11
|
};
|
|
12
|
-
const Template = ({ title = 'Hello world', counter = 5, textColor, slot
|
|
13
|
-
<ocr-helper
|
|
14
|
-
style="--ocr-helper-text-color: ${textColor || 'black'}"
|
|
15
|
-
.title=${title}
|
|
16
|
-
.counter=${counter}
|
|
17
|
-
>
|
|
12
|
+
const Template = ({ title = 'Hello world', counter = 5, textColor, slot }) => html `
|
|
13
|
+
<ocr-helper style="--ocr-helper-text-color: ${textColor || 'black'}" .title=${title} .counter=${counter}>
|
|
18
14
|
${slot}
|
|
19
15
|
</ocr-helper>
|
|
20
16
|
`;
|
|
21
17
|
export const Regular = Template.bind({});
|
|
22
18
|
export const CustomTitle = Template.bind({});
|
|
23
19
|
CustomTitle.args = {
|
|
24
|
-
title: 'My title'
|
|
20
|
+
title: 'My title'
|
|
25
21
|
};
|
|
26
22
|
export const CustomCounter = Template.bind({});
|
|
27
23
|
CustomCounter.args = {
|
|
28
|
-
counter: 123456
|
|
24
|
+
counter: 123456
|
|
29
25
|
};
|
|
30
26
|
export const SlottedContent = Template.bind({});
|
|
31
27
|
SlottedContent.args = {
|
|
32
|
-
slot: html `<p>Slotted content</p
|
|
28
|
+
slot: html `<p>Slotted content</p>`
|
|
33
29
|
};
|
|
34
30
|
SlottedContent.argTypes = {
|
|
35
|
-
slot: { table: { disable: true } }
|
|
31
|
+
slot: { table: { disable: true } }
|
|
36
32
|
};
|
|
37
33
|
//# sourceMappingURL=index.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../stories/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../stories/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAA;AAEhC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC9B,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KAChC;CACF,CAAA;AAeD,MAAM,QAAQ,GAAoB,CAAC,EAAE,KAAK,GAAG,aAAa,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;gDAC7D,SAAS,IAAI,OAAO,YAAY,KAAK,aAAa,OAAO;MACnG,IAAI;;CAET,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC5C,WAAW,CAAC,IAAI,GAAG;IACjB,KAAK,EAAE,UAAU;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC9C,aAAa,CAAC,IAAI,GAAG;IACnB,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,cAAc,CAAC,IAAI,GAAG;IACpB,IAAI,EAAE,IAAI,CAAA,wBAAwB;CACnC,CAAA;AACD,cAAc,CAAC,QAAQ,GAAG;IACxB,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;CACnC,CAAA","sourcesContent":["import '../src/ox-ocr-helper.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n title: 'OcrHelper',\n component: 'ox-ocr-helper',\n argTypes: {\n title: { control: 'text' },\n counter: { control: 'number' },\n textColor: { control: 'color' }\n }\n}\n\ninterface Story<T> {\n (args: T): TemplateResult\n args?: Partial<T>\n argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n title?: string\n counter?: number\n textColor?: string\n slot?: TemplateResult\n}\n\nconst Template: Story<ArgTypes> = ({ title = 'Hello world', counter = 5, textColor, slot }: ArgTypes) => html`\n <ocr-helper style=\"--ocr-helper-text-color: ${textColor || 'black'}\" .title=${title} .counter=${counter}>\n ${slot}\n </ocr-helper>\n`\n\nexport const Regular = Template.bind({})\n\nexport const CustomTitle = Template.bind({})\nCustomTitle.args = {\n title: 'My title'\n}\n\nexport const CustomCounter = Template.bind({})\nCustomCounter.args = {\n counter: 123456\n}\n\nexport const SlottedContent = Template.bind({})\nSlottedContent.args = {\n slot: html`<p>Slotted content</p>`\n}\nSlottedContent.argTypes = {\n slot: { table: { disable: true } }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../src/ox-ocr-helper.js';
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import '../src/ocr-helper.js';
|
|
2
|
-
import { expect, fixture } from '@open-wc/testing';
|
|
1
|
+
import '../src/ox-ocr-helper.js';
|
|
3
2
|
import { html } from 'lit';
|
|
3
|
+
import { expect, fixture } from '@open-wc/testing';
|
|
4
4
|
describe('OcrHelper', () => {
|
|
5
5
|
it('has a default title "Hey there" and counter 5', async () => {
|
|
6
|
-
const el = await fixture(html `<ocr-helper></ocr-helper>`);
|
|
6
|
+
const el = await fixture(html `<ox-ocr-helper></ox-ocr-helper>`);
|
|
7
7
|
expect(el.title).to.equal('Hey there');
|
|
8
8
|
// expect(el.counter).to.equal(5)
|
|
9
9
|
});
|
|
10
10
|
it('increases the counter on button click', async () => {
|
|
11
|
-
const el = await fixture(html `<ocr-helper></ocr-helper>`);
|
|
11
|
+
const el = await fixture(html `<ox-ocr-helper></ox-ocr-helper>`);
|
|
12
12
|
el.shadowRoot.querySelector('button').click();
|
|
13
13
|
// expect(el.counter).to.equal(6)
|
|
14
14
|
});
|
|
15
15
|
it('can override the title via attribute', async () => {
|
|
16
|
-
const el = await fixture(html `<ocr-helper title="attribute title"></ocr-helper>`);
|
|
16
|
+
const el = await fixture(html `<ox-ocr-helper title="attribute title"></ox-ocr-helper>`);
|
|
17
17
|
expect(el.title).to.equal('attribute title');
|
|
18
18
|
});
|
|
19
19
|
it('passes the a11y audit', async () => {
|
|
20
|
-
const el = await fixture(html `<ocr-helper></ocr-helper>`);
|
|
20
|
+
const el = await fixture(html `<ox-ocr-helper></ox-ocr-helper>`);
|
|
21
21
|
await expect(el).shadowDom.to.be.accessible();
|
|
22
22
|
});
|
|
23
23
|
});
|
|
24
|
-
//# sourceMappingURL=ocr-helper.test.js.map
|
|
24
|
+
//# sourceMappingURL=ox-ocr-helper.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ox-ocr-helper.test.js","sourceRoot":"","sources":["../../test/ox-ocr-helper.test.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAA;AAEhC,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAIlD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA,iCAAiC,CAAC,CAAA;QAE1E,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;QACtC,iCAAiC;IACnC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA,iCAAiC,CAAC,CAAA;QAC1E,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,QAAQ,CAAE,CAAC,KAAK,EAAE,CAAA;QAE/C,iCAAiC;IACnC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA,yDAAyD,CAAC,CAAA;QAElG,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAA;IAC9C,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA,iCAAiC,CAAC,CAAA;QAE1E,MAAM,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAA;IAC/C,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import '../src/ox-ocr-helper.js'\n\nimport { html } from 'lit'\n\nimport { expect, fixture } from '@open-wc/testing'\n\nimport { OcrHelper } from '../src/ox-ocr-helper.js'\n\ndescribe('OcrHelper', () => {\n it('has a default title \"Hey there\" and counter 5', async () => {\n const el = await fixture<OcrHelper>(html`<ox-ocr-helper></ox-ocr-helper>`)\n\n expect(el.title).to.equal('Hey there')\n // expect(el.counter).to.equal(5)\n })\n\n it('increases the counter on button click', async () => {\n const el = await fixture<OcrHelper>(html`<ox-ocr-helper></ox-ocr-helper>`)\n el.shadowRoot!.querySelector('button')!.click()\n\n // expect(el.counter).to.equal(6)\n })\n\n it('can override the title via attribute', async () => {\n const el = await fixture<OcrHelper>(html`<ox-ocr-helper title=\"attribute title\"></ox-ocr-helper>`)\n\n expect(el.title).to.equal('attribute title')\n })\n\n it('passes the a11y audit', async () => {\n const el = await fixture<OcrHelper>(html`<ox-ocr-helper></ox-ocr-helper>`)\n\n await expect(el).shadowDom.to.be.accessible()\n })\n})\n"]}
|